/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/


.schedule2022 h3 {  
    font-size: 14px;
    font-weight: bold;
     color: #e1e1e1;
     font-family: 'arial', sans-serif; 
     text-transform: none; 
}

body {
	text-align:center;
	padding: 0;
	background:  #252D37 url(images/2012/body-bg.gif) repeat-x;
	/*font: normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif;*/
	font: normal 12px Arial, Helvetica, sans-serif ; 
	color: #A4AFBD;
	margin: 0px auto;
	z-index: auto;
}
strong {
	font-weight: bolder;
	color:#FFF;
	
	
	}
	
a strong {
	font-weight: bolder;
	color: #CDB433 ;
	
	
	}

form {
	margin: 0;
	padding: 0;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	padding-top:6px;
	padding-bottom:3px;
	color: #FFFFFF;
}

h1 { font-size: 31px; font-weight: lighter ; font-family: 'Roboto Condensed', sans-serif; text-transform:uppercase; }
h2 { font-size: 26px; font-weight: lighter ; font-family: 'Roboto Condensed', sans-serif; text-transform:uppercase; }
h3 {
	font-size: 18px;
	font-weight: lighter;
	 color: #e1e1e1   ; 
	 font-family: 'Roboto Condensed', sans-serif; text-transform:uppercase;
}

p, ul, ol, blockquote {
	margin-top: 0;
	padding-top: 0;
	text-align: left  ;
	line-height: 18px;
	margin-right: 5px;
	margin-left: 5px;
}

a {
	color: #CDB433;
	text-decoration:none;
}

a:hover {
	text-decoration: none;
	color: white;
}

img {border:0px;}


/* Boxed */

.boxed {
	background: url(images/img4.gif) repeat-x left bottom;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 0;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
}

/* Post */

.post {
	margin: 0 0 10px 0;
	padding: 5px 20px 5px 20px;
	background: url(images/img4.gif) repeat-x left bottom;
}

.post h4 {
	margin-bottom: 5px;
	font-size: 13px;
	font-weight: normal;
}

.post h4 strong {
	font-weight: bold;
	color: #5B6F88;
}

/* Header */

#header { 
	width: 1000px;
	height: 131px;
	margin: 0 auto;
	background:url(images/2012/header-bg.png) center no-repeat;
	margin-top:10px;
}


/* Search */

#search {
	float: none;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}

#textfield1 {
	width: 130px;
	background: #FFFFFF;
	border: none;
}

#submit1 {
	height: 19px;
	border: none;
	text-transform: lowercase;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	background: #3366aa;
}




#wrapper7 
{
	/* background: url(images/2013/back-bottom.png) no-repeat center bottom fixed; */
	 
	}
	
	
	

/* Content */

#content {
	text-align:left;
	position:relative;
	width: 985px;
	margin: 0 auto;
	padding:   35px 8px 30px 8px;
	clear:both;
	z-index: 0;
}

#content-store {
	text-align:left;
	position:relative;
	width: 1021px;
	margin: 0 auto;
	padding:    0px 8px 30px 8px;
	clear:both;
	z-index: 0;
}
 

#colOne {
	float: left;
	width: inherit;
}

#colTwo ul { padding-left:15px;}

/*
#colTwo p {text-align:justify;}
*/

#colTwo {
	float: right;
	width: 780px;
	padding-bottom:30px;
}

/* ColOne Content */

#colOne ul {
	margin-left: 0;
	padding-left: 0;
	list-style: none;
}

#colOne li {
	padding: 5px 0 7px 13px;
	border-top: 1px solid #3B495A;
}

#colOne li.first {
	border: none;
}

#colOne h3 {
	font-size: 15px;
}

/* ColTwo Content */

/* Logo */

#logo {
	margin: 0 0 20px 0;
	padding: 0 0 7px 0px;
	background: url(images/img3.gif) repeat-x left bottom;
}

#logo h1 {
	text-transform: lowercase;
}

#logo h2 {
	text-transform: lowercase;
	font-size: 12px;
}

#logo a {
	text-decoration: none;
	color: #252D37;
}

/* Welcome */

#welcome {
	padding: 5px 20px 5px 20px;
	}

#welcome h2 {
	margin-bottom: 5px;
}

#welcome .image {
	float: left;
	padding: 0px 10px 20px 0px;
}

#welcome p {
	margin-left: 0px;
}

/* Footer */

#footer {
	clear: both;
	width: 990px;
	margin: 0 auto;
	background: url(images/img6.gif) repeat-x left top;
}

#footer p {
	margin: 0;
	padding: 30px;
	text-align: center;
}

.menu2 {
font-family: Trebuchet MS, Trebuchet MS, Trebuchet MS; 
width:673px;
height:31px;
padding:0;
margin:0 auto; 
position:relative;
z-index:1;
border-bottom:20px solid #333;
margin-bottom:650px;
}
/* position the instructions using a dl */
.menu2 dl {
font-family: Trebuchet MS, Trebuchet MS, Trebuchet MS;
font-size:0.9em;
position:absolute;
width:270px;
top:160px;
left:50px;
}
.menu2 dl dt {font-size:1.2em; margin-bottom:2em; font-weight:bold;}
.menu2 dl dd { padding:0; margin:0; line-height:1.7em; margin-bottom:2em;}
.menu2 dl dd:first-letter {font-weight:bold;}

/* remove the bullets and set the margin and padding to zero for the unordered list */
.menu2 ul {
padding:0; 
margin:0;
list-style-type: none;
border:0;
}
/* float the list so that the items are in a line */
.menu2 ul li {
display:block;
float:left;
width:51px;
height:31px;
}
/* style the links to be 50px wide by 31px high with a right border 1px solid white. Set the background color and the font size. */
.menu2 ul li a, .menu2 ul li a:visited {
display:block; 
float:left;
text-align:center; 
text-decoration:none; 
width:50px; 
height:31px; 
color:#ddd;
border-right:1px solid #fff;
background:#333; 
line-height:30px; 
font-size:11px;
}

/* clear the float at the end of each line of four slides */
span.clr {display:block; clear:both; width:0; height:0; font-size:0; line-height:0;}

/* make the dropdown ul invisible */
.menu2 ul li ul {
display: none;
}

/* remove the table styling */
table {
	border-collapse:collapse;
	margin:0;
	padding:0;
}


/* specific to non IE browsers */
/* set the background and foreground color of the main menu li link on hover */
.menu2 ul li:hover a{
color:#006699; 
background:#000;
cursor:default;
}

/* make the sub menu ul visible and position it beneath the first list item */
.menu2 ul li:hover ul {
text-align:left;
display:block; 
position:absolute; 
top:31px; 
left:0;
}

/* make the sub menu ul li the full width with padding and border. */
.menu2 ul li:hover ul li {
cursor:pointer;
width:483px;
height:483px;
border:20px solid #000;
border-width:20px 5px;
background:    #818181 url(slide/linen.jpg); 
color:#fff;
padding:82px 90px;
cursor:default;
}


/* style the background and foreground color of the submenu links */
.menu2 ul li:hover ul li a {
background:#333;
width:118px;
height:118px;
border:1px solid #ddd;
border-color:#888 #000 #000 #888;
}


/* keep the large image hidden */
.menu2 ul li:hover ul li a em {
display:none;
}
/* add a border to the horizontal slide and position it centrally using a top margin */
.menu2 ul li:hover ul li a.horiz span img {
border:1px solid #888;
margin-top:21px;
}
/* add a border to the vertical slide and position it centrally using a top margin */
.menu2 ul li:hover ul li a.vert span img {
border:1px solid #888;
margin-top:9px;
}

.menu2 ul li:hover ul li a:hover {
background:#000;
}


/* make the active links zero size so the active dotted border does not show through the large image */
.menu2 ul li:hover ul li a:active, .menu2 ul li:hover ul li a:focus {background:#aaa; height:0; width:0; border:0;}
.menu2 ul li:hover ul li a:active em, .menu2 ul li:hover ul li a:focus em {background:#bbb; height:0; width:0; padding:0; margin:0; border:0;}


/* make the large image visible and set the border, position them using position absolute centrally over the slides */
/* horizontal large image styling */
.menu2 ul li:hover ul li a.horiz:active em, .menu2 ul li:hover ul li a.horiz:focus em {display:block; background:#ddd; position:absolute; left:15px; top:100px; width:640px; height:490px; z-index:200; z-index:500; cursor:default; border:1px solid #fff;}
.menu2 ul li:hover ul li a.horiz:active em img, .menu2 ul li:hover ul li a.horiz:focus em img {border:0;}
/* vertical large image styling */
.menu2 ul li:hover ul li a.vert:active em, .menu2 ul li:hover ul li a.vert:focus em {display:block; background:#ddd; position:absolute; left:95px; top:23px; width:480px; height:640px; z-index:200; z-index:500; cursor:default;  border:1px solid #fff;}
.menu2 ul li:hover ul li a.vert:active em img, .menu2 ul li:hover ul li a.vert:focus em img {border:0;}



#viewer img {
	margin:5px;
	text-align:left;
	width:580px;
	max-height:563px;
	filter:progid:DXImageTransform.Microsoft.alpha(opacity='+gradualFader.baseopacity*100+');
	-moz-opacity:'+gradualFader.baseopacity+'; opacity:'+gradualFader.baseopacity+';}

#Juantest {
	background-color:#000 ;
	  width:770px;
	  height:672px;
	  
}
.verticalpic {
	
	  width:386px;
	  height:570px;}
	  
.juanjus
{
	-ms-filter: "progid:DXImageTransform.Microsoft.Fade(duration=3)";
     filter :progid:DXImageTransform.Microsoft.Fade(duration=3);

	}
	 

.gradualfader{
	border:2px solid white;
	width:38px;
	height:23px;
	filter:progid:DXImageTransform.Microsoft.alpha(opacity='+gradualFader.baseopacity*100+');
	-moz-opacity:'+gradualFader.baseopacity+'; opacity:'+gradualFader.baseopacity+';
	
	}
	
#viewer2 img {
	margin:5px;
	border:5px solid white;
	text-align:left;
	width:580px;
	max-height:425px;
	filter:progid:DXImageTransform.Microsoft.alpha(opacity='+gradualFader.baseopacity*100+');
	-moz-opacity:'+gradualFader.baseopacity+'; opacity:'+gradualFader.baseopacity+';}

#Juantest2 {
	background-color:#000 ;
	  width:770px;
	  height:540px;
}

#viewer3 img {
	margin:5px;
	border:5px solid white;
	text-align:left;
	width:568px;
	max-height:547px;
	filter:progid:DXImageTransform.Microsoft.alpha(opacity='+gradualFader.baseopacity*100+');
	-moz-opacity:'+gradualFader.baseopacity+'; opacity:'+gradualFader.baseopacity+';}

#Juantest3 {
	background-color:#000 ;
	  width:770px;
	  height:652px;}
	  
ul.arrow
{
list-style-type: none;
padding: 0;
margin: 0;
}

ul.arrow li
{
background-image: url(images/2012/ul-arrow.png);
background-repeat: no-repeat;
background-position: 3px 11px;
padding-left:  13px;
}

ul.arrow-2
{
list-style-type: none;
padding: 0;
margin: 0;
}

ul.arrow-2 li
{
background-image: url(images/2012/ul-arrow.png);
background-repeat: no-repeat;
background-position: 3px 6px;
padding-left:  13px;
}

.header-icons  {position:relative; float:right; top:35px; /* border-right: dotted #CCC 1px; margin-right:5px;*/ padding-right:10px;}


table.bottomBorder {
    border-collapse: collapse;
}


table.bottomBorder td, table.bottomBorder th {
    border-bottom: 1px dotted #CCCCCC;
	border-top: 1px dotted #CCCCCC;
	border-right: 1px dotted #CCCCCC;
	border-left: 1px dotted #CCCCCC;
    padding: 25px;
}

 .clr {clear: both; width:100%;}
 
 /********* CALENDAR***************/
 
 /*





.calendar-container  p.link              {text-align:center;display:block;}


*/

.calendar-container {font: 11px Arial, Helvetica, sans-serif ; padding:20px 5px; background:#FFF; width:750px; height:585px; /*margin-left:25px; */ margin-top:25px; }
.calendar-container  ol.calendar  { width:750px;  margin:0 auto;display:block;}
.calendar-container  li  {list-style:none!important;}
 .calendar-container  h1 {text-align:center; padding:7px; display:block; background:#393d44; margin:2px 29px; font-size:24px; }
.calendar-container  strong {color:inherit;}
/*
 * Day styles
 -------------------------*/
.calendar-container  li li               {width:90px;height:90px;float:left;margin:.1em;border:1px solid #444;padding:.2em;overflow:auto; background: #EFEFEF; color:#666;
position:relative; left:-57px; font-weight: bold; font-size:12px; 
}

.calendar-container ul.days {margin-left:16px; margin-bottom:1px;}
.calendar-container ul.days li { background:#149ae0; padding:10px; display:inline-block ; width:78px; margin-left:-2px; color:#FFF; text-transform: uppercase; font-size:12px; text-align:center; font-weight:bold;}

/*
 * Day content (UL/OL & P)
 -------------------------*/
.calendar-container  li li p             {font-size:11px;display:block; line-height:14px; font-weight:normal!important; font-size:11px; }
.calendar-container  li li ol            {width:auto;}
.calendar-container  li li ul li,
.calendar-container  li li ol li         {
	 
	display:block;
	height:auto;
	width:auto;
	margin:0;
	padding:.2em 0;
	float:none;
	border:0;
	border-bottom:1px solid #ddd;}

/*
 * Holiday class
 -------------------------*/
.calendar-container  li li.holiday       {border-color:#f00;}

/*
 * Inactive months
 -------------------------*/
.calendar-container  li#lastmonth li,
.calendar-container  li#nextmonth li     {background: #CCC ;border:1px solid #999;  }
.calendar-container  li#lastmonth li p, .calendar-container  li#nextmonth li  p { /*color: #666!important; */}

.legend { width:320px; font-size:11px; float:right;}
.legend  p {margin-bottom:2px; text-align:right}

.calendar-red {color:#F00;} 
 .calendar-blue {color: #03F  ;} 
 .calendar-purple {color: #90F ;}
 .calendar-orange {color: #F90   ;}
  .calendar-gray {color: #999!important  ;} 
  .calendar-green {color: #093   ;} 
  .calendar-green a {color: #093   ; text-decoration:underline;} 	
	
.legend-red { background:#F00; width:12px; height:12px; float:right; border:1px #FFF solid;   margin-left:10px;} 
.legend-purple { background: #90F; width:12px; height:12px; float:right; border:1px #FFF solid;   margin-left:10px;} 
.legend-blue {background:#03F;  width:12px; height:12px; float:right; border:1px #FFF solid;  margin-left:10px;} 
.legend-gray {  background:#999;  width:12px; height:12px; float:right; border:1px #FFF solid;   margin-left:10px;} 
.legend-green { background:#093 ;  width:12px; height:12px; float:right; border:1px #FFF solid;   margin-left:10px;} 	
.legend-orange { background:#F90 ;  width:12px; height:12px; float:right; border:1px #FFF solid;   margin-left:10px;}
	
	.list-rules li {margin-bottom:10px;}
	
	
	
.post-buttons { font-size:11px; background:#0fa3e3; padding: 5px 6px; color:#FFF; text-transform:uppercase; font-family: 'Roboto Condensed', sans-serif;}	
.post-buttons:hover , .post-buttons-active   { font-size:11px; background:#FFF; padding: 5px 6px; color:#0fa3e3!important ; text-transform:uppercase; font-family: 'Roboto Condensed', sans-serif;}  

/*************HOVER EFFECTS*********************/

.grid {
	position: relative;
	margin: 0 auto;
	padding: 1em 0 4em;
	max-width: 1000px;
	list-style: none;
	text-align: center;
}

/* Common style */
.grid figure {
	position: relative;
	float: left;
	overflow: hidden;
	margin: 10px 2%;
	/*min-width: 320px;*/
	max-width: 330px;
	max-height: 210px!important;
	width: 48%;
	background: #3085a3;
	text-align: center;
	cursor: pointer;
}

.grid figure img {
	position: relative;
	display: block;
	min-height: 100%;
	max-width: 100%;
	opacity: 0.8;
}

.grid figure figcaption {
	padding: 2em;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.grid figure figcaption::before,
.grid figure figcaption::after {
	pointer-events: none;
}

.grid figure figcaption,
.grid figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 80%;
	height: 70%;
}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid figure figcaption > a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}

.grid figure h2 {
	word-spacing: -0.15em;
	font-weight: 300;
}

.grid figure h2 span {
	font-weight: 800;
}

.grid figure h2,
.grid figure p {
	margin: 0;
}

.grid figure p {
	letter-spacing: 1px;
	font-size: 68.5%;
}

/* Individual effects */

/*---------------*/
/***** Bubba *****/
/*---------------*/

figure.effect-bubba {
	background: #072034;
}

figure.effect-bubba img {
	opacity: 0.6;
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
}

figure.effect-bubba:hover img {
	opacity: 0.2;
}

figure.effect-bubba figcaption::before,
figure.effect-bubba figcaption::after {
	position: absolute;
	top: 30px;
	right: 30px;
	bottom: 30px;
	left: 30px;
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}

figure.effect-bubba figcaption::before {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	-webkit-transform: scale(0,1);
	transform: scale(0,1);
}

figure.effect-bubba figcaption::after {
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	-webkit-transform: scale(1,0);
	transform: scale(1,0);
}

figure.effect-bubba h2 {
	 font-family: 'Roboto Condensed', sans-serif;
	padding-top: 13%;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,-20px,0);
	transform: translate3d(0,-20px,0);
}

figure.effect-bubba p {
	padding: 10px 2.5em;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0,20px,0);
	transform: translate3d(0,20px,0);
	text-align:center;
	font-size:13px;
}

figure.effect-bubba:hover figcaption::before,
figure.effect-bubba:hover figcaption::after {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}

figure.effect-bubba:hover h2,
figure.effect-bubba:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

.instructor { display:block; margin-top:-5px; margin-bottom:20px; color:#0f9fe6; font-family: 'Roboto Condensed', sans-serif; /*text-transform:uppercase;*/ font-size:13px;}
.instructor sup {font-size:10px;}


.phrases-container { float:right; margin-top: 50px; margin-right:40px;}
.phrases { border-right: 5px solid #394451; text-align:right; padding-right:20px;}
.phrases h2 { font-size:14px; padding :0px ; line-height: 17px; color:  #394451 ; margin-bottom: 0px!important; font-weight:bold;}
.phrases h3 {font-size:12px; margin-top:0px; color: #394451 ; padding :0px ;  }
.phrases p { text-align:right; font-size:10px; font-style:italic; color: #394451 ; line-height:14px;} 



.shinai-table p { font-size:11px;}

 .erratum { display:none; background:  #252D37 url(images/2015/google-maps-erratum.jpg) no-repeat top center; margin-bottom:30px; width:730px; height: 300px; padding-top:80px}	
   .erratum-text { margin: 0px auto;   background : rgba(0, 0, 0, 0.7); display:block; max-width: 450px; max-height:100px;  padding:15px;  }
    .erratum-text p {color:#fff; font-style:italic; font-size: 11px;}



.schedule-adjustment { background:#101010; padding:10px; display: inline-block ; font-size:11px; margin-bottom:0px;}
.schedule-adjustment strong { color:#F00;}
.schedule-adjustment img {float:left; margin-right:20px;  width:115px; margin-top: 15px;}
/*
@media (max-width: 800px) {
  #colOne {
    display: none;
  }
  #colTwo {
  float: left; 
  width: 100%;
}
  
}

*/


.online-registration {padding:10px; background:#073c7b; display:inline-block; float: left; margin:5px 5px 15px 5px; }
.online-registration a, .online-registration a:visited {color:#fff; text-transform:uppercase; letter-spacing:1px;}
.online-registration a:hover {color: #666 ; }
.black {background:#000;}


.new-post {width:100%;}

.first-paragraph-half {width:58%; float:left;}
.main-pic {width:42%; float:left;}
.main-pic img { float:right;}

.post-gal {width:98%; padding:1% 1% 1% 1%; background:#000; display:block;}
.gal_4 {width:31.8%; float:left; /*padding-bottom:1%; */ padding: 0.5% 0.75%  ;}
.gal_4 img {/*width:96%; float:right;  width:100%; */   } 

.gal_5 {width:18.3%; float:left; padding: 0.5% 0.75%  ;}
.gal_5 img { width:100%;  /*float:right;*/  } 

.gal_3 {width:23.3%; float:left; padding: 0.5% 0.75%  ;}
.gal_3 img { width:100%;  /*float:right;*/  } 

.gal_2 {width:15%; float:left; padding: 0.5% 0.75%  ;}
.gal_2 img { width:100%;  /*float:right;*/  }