/*-------------------------------------------------*/
/*--------------  Gerneral HTML Css ---------------*/
/*-------------------------------------------------*/

body {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:11px;
	background-color: #f7f7f7;
	padding:0px;
	margin:0px;
}

form, input, textarea, label, select{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:11px;
	padding:0 ;
	margin:0;
}


a {
	cursor:pointer;
}

a:link {
	color: #cc0000;
	text-decoration:none;
}

a:visited {
	color: #cc0000;
	text-decoration:none;
}

a:hover {
	color: #cc0000;
	text-decoration:underline;
}

p  {
	padding:0 ;
	margin:0;
}

ul{
	padding-left:5px;
	margin: 3px 20px;
}
li{
	padding:0 0 5px 0;
}

cite{


}
h1{
	font-size:17px;
	padding: 0 0 5px 0;
	margin:0;
}

h2{
	font-size:15px;
	padding: 0 0 5px 0;
	margin:0;
}

h3{
	font-size:14px;
	padding: 0 0 5px 0;
	margin:0;
}

legend{
	display:none;

}

fieldset{
	border:0px solid;
}

label{
	display:block;
	padding-bottom:10px ;
}

caption{
text-align:left;
padding:0px 0px 3px 3px;
font-weight:bold;
}

table, td,th{
	border : 0px solid #cccccc;
}

th{
color:#ffffff;
background-color:#FF0000
}

.row1{
background-color:#E2E2E2;
}

.row2{
background-color:#D7D7D7;
}

/*-------------------------------------------------*/
/*-------------  Template Layout Css --------------*/
/*-------------------------------------------------*/
#wrapper{
	border : 0px solid #ffffff;
	margin : 0px auto;
	padding : 0px;
	width : 980px;

}


#header{
	margin : 0px;
	padding :0px;
	height:136px;
	background : url(images/train_2_b_instructor.jpg);
    background-repeat:no-repeat;
	background-position:right;
	width:979px;
	}
		



#header h1 span{
	display : none;
	height:1px;
}

#header h1 a{
	margin : 0px;
	padding :0px;
	height:136px;
	width:437px;
	float:left;
	background-repeat:no-repeat;
	background : url(images/InstructorTrainingAcad.jpg);

}

#headercaption span{
	display : none;
}

h3 em{
	font-size:12px;

}

.red{
	color: #cc0000;
}



/* ------------------------------------------  */
/* -----------   Middle Images  ----------------  */
/* ------------------------------------------  */

#homeImageArea{
	background-image:url(images/homeImage.jpg);
	background-repeat:no-repeat;
	height:300px;
	clear:both;
	width:979px;

}

#skiImageArea{
	background-image:url(images/skiImage.jpg);
	background-repeat:no-repeat;
	height:230px;
	clear:both;
	width:979px;

}

#snowImageArea{
	background-image:url(images/snowImage.jpg);
	background-repeat:no-repeat;
	height:230px;
	clear:both;
	width:979px;

}

#privateImageArea{
	background-image:url(images/privateImage.jpg);
	background-repeat:no-repeat;
	height:230px;
	clear:both;
	width:979px;
}

#whyTrainImageArea{
	background-image:url(images/whyTrainImage.jpg);
	background-repeat:no-repeat;
	height:110px;
	clear:both;
	width:979px;

}

#japanImageArea{
	background-image:url(images/japanImage.jpg);
	background-repeat:no-repeat;
	height:110px;
	clear:both;
	width:979px;

}

/* ------------------------------------------  */
/* -----------   Layout  ----------------  */
/* ------------------------------------------  */
#courseLinks{
	float:left;
}

h2.SkiCourses {
	/*display:none*/
	margin-left:120px;
	padding-top:31px;
}

h2.SnowboardCourses {
	/*display:none*/
	margin-left:120px;
	padding-top:15px;
}

h2.PrivateLessons{
	/*display:none*/
	margin-left:120px;
	padding-top:15px;
}


#homeImageArea h2 span, #skiImageArea h2 span{
	display:none
}

#homeImageArea p{
	color:#FFFFFF;
	margin-left:120px;
	font-weight:bold;
}

#homeImageArea a{
	color:#FFFFFF;
	font-weight:bold;
}


#youTubeThumb{
	background-image:url(images/bg_you_tube.gif);
	background-repeat:no-repeat;
	height:115px;
	width:158px;
	float:right;
	margin-top:145px;
	margin-right:0px;
	padding:20px 0px 10px 8px;
}

#content{
	clear:both;
	display:block;
	padding:0;
	margin:0;
	padding-top:10px;
}

#content p{
	padding-bottom:7px;
	padding-right:20px
}
 
#col1{
	float:left;
	margin-left:10px;
	#margin-left:5px;
	width:550px;
	#width:540px;
	border:1px solid #CCCCCC;
	background-color:#F7F7F7;
	padding:0px 0 0px 15px;
	#padding:0px 0 0px 20px;
  }

#col1 img{
	padding-left:20px; 
  }
  
  
 #col1 img.image-left{
 	padding-left:0px;
	padding-right:20px;  
 }
  
#col2{
	float:left;
	margin-left:10px;
 	width: 356px;
	#width: 364px;
 	border:1px solid #CCCCCC;
 	background-color:#F7F7F7;
 	padding:0px 0 10px 20px;
  }
  
 
  
#col2home{
	float:left;
	margin-left:10px;
	width: 374px;
	#width: 384px;
	border:1px solid #CCCCCC;
	background-color:#F7F7F7;
	padding:0px ;
  }
  
  .col2images{
  display:block;
	padding:10px 0 0 10px;
  }
  
#col1 h1, #col2 h1, #col2 h2, #col12 h1, #col2home h1{
	padding:10px 0 5px 0px;
   }
   
#col12{
	float:left;
	margin-left:10px;
	#margin-left:5px;
	width:938px;
	#width:928px;
	border:1px solid #CCCCCC;
	background-color:#F7F7F7;
	padding:0px 0 0px 20px;
	#padding:0px 0 0px 20px;
   }
   
#snowfallFlash{
	width:195px;
	float:right;
   }
  
div#moretext
{
	display: none;
}

#skicourseLinks, #snowcourseLinks, #imageLinks{
	padding:30px 0 0 30px;
}

.courseBox, .courseBoxOver{
	float:left;
	padding:10px 15px 10px 10px;
	background-color:#FFFFFF;
	border:6px solid #FF0000;
	margin-top:25px;
	margin-right:10px;
	width:175px;

}
.courseBoxOver{
	margin-top:15px;

}

a.courseBox{
	text-decoration:none;
	color:#000000;
}

a.courseBoxOver{
	text-decoration:none;
	color:#ff0000;

}




/* ------------------------------------------  */
/* -----------   Navigation  ----------------  */
/* ------------------------------------------  */

#navbar{
	margin : 0px;
	background-color:#00FF33;
	clear:both;
	
}

ul#nav{
	padding:0 ;
	margin:0;
}






#nav li{
	float : left;
	height : 23px;
	list-style : none;
	overflow : hidden;
	padding : 0px;
	margin : 0px 0px 0px 0px;

}





#nav a{	
	float : left;
	padding :0px 0px 0px 0px;
	height : 20px !important;
	height /**/	:30px;	/* for win IE 5 only*/
	border : 0;
	background : url(images/nav.jpg) repeat-x top left;
	color:#ffffff;
	border-right: 1px solid #990000;
	border-left: 1px solid #FFE1E1;
	text-decoration:none;
	font-size:11px;
	font-weight:bold;

}



#nav a:hover{
	background-position : 0 -26px;
	border : 0;
	color:#ffffff;
	border-right: 1px solid #990000;
	border-left: 1px solid #FFE1E1;
	height : 22px
}

#nav a:active, #nav a.selected, #nav a.selected:hover{
	background-position : 0 -26px;
	border : 0;
	border-right: 1px solid #990000;
	border-left: 1px solid #FFE1E1;
}

#nav #home a, #nav #home a:hover, #nav #home a:active, #nav #home a.selected, #nav #home a.selected:hover{

	border-right: 1px solid #990000;
	border-left: 0px solid #FFE1E1;
}
#nav #links a, #nav #links a:hover, #nav #links a:active, #nav #links a.selected, #nav #links a.selected:hover{

	border-right: 0px solid #990000;
	border-left: 1px solid #FFE1E1;
}



#home a{
	background : url(images/nav.jpg) repeat-x top left;
	width:60px;
	text-align:center;
	padding-top:4px;
	border-left: 0px solid #FFE1E1;
}

#skicourses a{
	background : url(images/nav.jpg) repeat-x top left;
	width:88px;
	text-align:center;
	padding-top:4px;

}
#snowboardcourses a{
	background : url(images/nav.jpg) repeat-x top left;
	width:130px;
	text-align:center;
	padding-top:4px;
}

#privatelessons a{
	background : url(images/nav.jpg) repeat-x top left;
	width:104px;
	text-align:center;
	padding-top:4px;
}

#whytrain a{
	background : url(images/nav.jpg) repeat-x top left;
	width:116px;
	text-align:center;
	padding-top:4px;
}

#aboutjapan a{
	background : url(images/nav.jpg) repeat-x top left;
	width:87px;
	text-align:center;
	padding-top:4px;

}
#booking a{
	background : url(images/nav.jpg) repeat-x top left;
	width:74px;
	text-align:center;
	padding-top:4px;

}
#accommodation a{
	background : url(images/nav.jpg) repeat-x top left;
	width:101px;
	text-align:center;
	padding-top:4px;

}

#gallery a{
	background : url(images/nav.jpg) repeat-x top left;
	width:60px;
	text-align:center;
	padding-top:4px;

}


#contactus a{
	background : url(images/nav.jpg) repeat-x top left;
	width:76px;
	text-align:center;
	padding-top:4px;

}

#links a{
	background : url(images/nav.jpg) repeat-x top left;
	width:63px;
	text-align:center;
	padding-top:4px;
	border-right: 0px solid #FFE1E1;
}

/* ------------------------------------------  */
/* -----------  SUB Navigation  ----------------  */
/* ------------------------------------------  */



#nav li ul { /* second-level lists */
	position: absolute;
	width: 160px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	
}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left:auto;
	
}

#nav li ul li{ /* second-level lists */
	border-bottom:1px solid #ffffff;
	
}

#subnav1{
	display:none;
	
}

#subnav2{
	display:none;
	
}



/*#subnav1{
	padding: 0;
	margin:0;margin-top:23px;
	border: 1px solid #ffffff;
	#margin-left:-90px;
	height:69px;
	
	
}

#subnav2{
	padding: 0;
	margin:0;
	margin-top:23px;
	border: 1px solid #ffffff;
	#margin-left:-132px;
	height:69px;

}


#subnav1 a,#subnav2 a {
	text-align:left;
	background-image:none;
	border:0;
	background: #fe0000;
	padding-left:10px;
	
	width:160px;
	
}

html>body #subnav1 a, html>body #subnav2 a{
	width:150px;
}


#subnav1 a:hover,#subnav2 a:hover{
	color:#6C0000;
	background-image:none;
	border:0;
	border-bottom:1px dashed #ffffff;
}
*/


/*-------------------------------------------------*/
/*----------------  Image Shadow Css  -------------*/
/*-------------------------------------------------*/

.img-shadowleft{
	float:left;
	background: url(images/shadowAlpha.png) no-repeat bottom right !important;
	background: url(images/shadow.gif) no-repeat bottom right;
	margin: 10px 0 0 3px !important;
	margin: 10px 0 0 0px;
  }

.img-shadowleft img {
	display: block;
	position: relative;
	background-color: #fff;
	border: 1px solid #a9a9a9;
	margin: -6px 6px 6px -1px;
	padding: 4px;
	text-align:center;
  }

.img-shadowright{
	float:right;
	background: url(images/shadowAlpha.png) no-repeat bottom right !important;
	background: url(images/shadow.gif) no-repeat bottom right;
	margin: 10px 3px 0 0  !important;
	margin: 10px 0 0 0;
  }

.img-shadowright img{
	display: block;
	position: relative;
	background-color: #fff;
	border: 1px solid #a9a9a9;
	margin: -6px -1px 6px 6px ;
	padding: 4px;
	text-align:center;
  }
 
 .clearboth{
	clear:both; 
 }
 
 
/*-------------------------------------------------*/
/*----------------  Page Shadow Css  --------------*/
/*-------------------------------------------------*/


#pageshadow {
	width:982px;
	padding:0 8px;
	background-image:url(images/sides.gif);
	background-repeat:repeat-y;
	z-index : 0;	
	background-color: #f7f7f7;
	display:table; /* a bit of a hack to get the footer to sit below the page content, when page content exceeds window height */
	padding-bottom:10px;
}


#footer{	
	padding:0 8px;
	margin:0 -8px;
	height:70px;
	/*	padding:0 8px;
	margin-top:-70px;
	border-top:solid 5px #2E7D4A;*/
	width:995px;
	clear:both;
	z-index : 1;	
}



#footer #footerbar{
	padding:0;
	background-image:url(images/sides.gif);
	background-repeat:repeat-y;
	position:relative;
	display:block;
}

#footer #footerbar #footercontents{
	background-color: #000000;
	clear:both;
	height:25px;
	text-align:right;
	color:#ffffff;
	padding:0 10px;
	width:960px;
	margin:0 8px
}

#footercontents a {
	font-weight:normal;
	color:#ffffff;
	text-decoration:none;
}



#footer #shadowbottom {
	background-image:url(images/bottom.gif);
	width:995px;
	background-repeat:repeat-x;
	/*height:8px;*/

	
}

#footer #shadowbottom #shadowbottomleft {
	background-image:url(images/bottom_left.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	height:8px;


}

#footer #shadowbottom #shadowbottomleft #shadowbottomright{
	background-image:url(images/bottom_right.gif);
	background-position:987px 0;
	background-repeat:no-repeat;
	height:8px;
}

#copryright{
	float:left;
	margin:4px 0 8px 0;
}

#credits a{
	margin:4px 0 8px 0;
	float:right;
	font-weight:normal;
}

/* clearing the floats */

div#content:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
* html div#content  {height: 1%;}