/* Colours:
background  "#dad3c9"
navbar "999966"
button txt "fbe2ac"

#menu dl {
	float: left;
	margin: 0 2px;
	width: auto;
	text-align: left;
	display: block;
}
 433*325

	background-color: #999966;
	border: thin solid #666633;

#menu dl {
	float: left;
	text-align: left;
	display: block;
	width: 90px;
	height: 24px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #fbe2ac;	
}	
*/

a:link,
a:visited				{ color:#fbe2ac; text-decoration:underline; }
a:hover					{ color:#ffffff; text-decoration:none; }
img						{ border-width:0; }
.clear					{ clear:both; }
body					{ text-align: center; color: #dad3c9; background-image: none; background-color: #CCCCB0; : repeat; font-family: Arial, Helvetica, sans-serif;}

th { color:#000000; text-decoration:none; 	font-family: Arial, Helvetica, sans-serif; font-size: 14px; }
td { color:#000000; text-decoration:none; 	font-family: Arial, Helvetica, sans-serif; font-size: 12px; }



	table					{ width:765px; }
	table td				{ padding:3px; background-color:#FFF; text-align:center; }
	table th				{ padding:4px 3px 0; background-color:#b59f66; vertical-align:middle; }
	tr.meridian td			{ background-color:#666633; text-align:left; font-weight:bold; color:#FFF; }
	th.currentD				{ background-color:#666633; }
	
#ColumnLeft {
	position: absolute;
	display: inline-block;
	clear: both;
	height: 100%;
	width: 25%;
	padding: 0px;
	text-align: left;
	margin: 0px;
	left: 0px;
	top: 0px;
}

#ColumnMain {
	position: relative;
	display: inline-block;
	height: 600px;
	width: 800px;
	padding: 0px;
	text-align: center;
	left: 0%;
	top: 0px;
	margin: 0px;
	margin-left: auto;
	margin-right: auto;
}

#menu {
	position: absolute;
	float: left;
	height: 32px;
	width: 784px;
	z-index: 91;
	clear: none;
	left: 8px;
	top: 128px;
}

#nav {
	position: absolute;
	float: left;
	height: 32px;
	width: 784px;
	background-color: #999966;
	z-index: 90;
	left: 8px;
	top: 128px;
}

#menuBase {
	position: absolute;
	float: left;
	height: 32px;
	width: 800px;
	background-image: url(../images/navbar.gif);
	background-repeat: no-repeat;
	left: 0px;
	top: 159px;
	z-index: 2;

}

#menuBottom {
	position: absolute;
	float: left;
	height: 32px;
	width: 800px;
	background-image: url(../images/bottombar.gif);
	background-repeat: no-repeat;
	left: 0px;
	top: 540px;
	text-align: left; color: #000000;
	font-family: Arial, Helvetica, sans-serif; font-size: 12px;		
}

#menuBottom2 {
	position: absolute;
	float: left;
	height: 4px;
	width: 700px;
	left: 8px;
	top: 572px;
	text-align: left; color: #dad3c7;
	font-family: Arial, Helvetica, sans-serif; font-size: 4px;		
}

#menuBottom2 a{
	text-align: left; color: #dad3c7;
	font-family: Arial, Helvetica, sans-serif; font-size: 4px;		
}

#menuBottom2 a:hover{
	text-align: left; color: #dad3c7;
	font-family: Arial, Helvetica, sans-serif; font-size: 4px;		
}

#menuBottom2 a:visited{
	text-align: left; color: #dad3c7;
	font-family: Arial, Helvetica, sans-serif; font-size: 4px;		
}

#menuBottomTxt {
	position: absolute;
	float: left;
	height: 32px;
	width: 800px;
	left: 16px;
	top: 8px;
	text-align: left; color: #000000;
	font-family: Arial, Helvetica, sans-serif; font-size: 12px;
}
#menuBottomTxt2 {
	position: absolute;
	float: left;
	height: 32px;
	width: 760px;
	left: 16px;
	top: 8px;
	text-align: right; color: #000000;
	font-family: Arial, Helvetica, sans-serif; font-size: 12px;
}

#menuBottomTxt h6{
	text-align: right; color: #000000;
	font-family: Arial, Helvetica, sans-serif; font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	color: #000000;
	line-height: normal;
	letter-spacing: normal;
	vertical-align: top;
	word-spacing: normal;
	white-space: normal;
	display: inline;	
}

#menuBase dl.bMenu{
	position: absolute;
	float: left;
	height: 32px;
	width: 800px;
	display: block;
	left: 0px;
	top: 159px;
}


#header {
	position: absolute;
	background-image: url(../images/topbar2.gif);
	background-repeat: repeat-x;
	height: 128px;
	width: 800px;
	left: 0%;
	top: 0px;	
  }
  
dl, dt, ul, li {

	margin: 0;
	padding: 0;
	list-style-type: none;
	clear: none;
	z-index: 99;
}

#menu dl.bHome {
	display: block;
	background-color:#999966;
	width: 70px;
	float: left;
	position: absolute;
	top: 0px;
	left: 0px;
	padding-left: 15px;
	z-index: 100;
}

#menu dl.bAbout {
	display: block;
	width: 107px;
	float: left;
	position: absolute;
	top: 0px;
	left: 75px;
	padding-left: 0px;
	z-index: 100;
}

#menu dl.bInstructor {
	display: inline;	
	width: 105px;
	float: left;
	position: absolute;
	top: 0px;
	left: 185px;
	padding: 0;
	padding-left: 0px;
	padding-bottom: 4px;
	z-index: 100;
}

#menu dl.bGettingStarted {
	display: block;
	background-color:#999966;
	width: 118px;
	float: left;
	position: absolute;
	top: 0px;
	left: 272px;
	padding-left: 0px;
	z-index: 100;
	clip:  rect(0 118px 200px 0);	
	
}

#menu dl.bMedia {
	display: block;
	background-color:#999966;
	width: 70px;
	float: left;
	position: absolute;
	top: 0px;
	left: 390px;
	padding-left: 0px;
	z-index: 100;
	clip:  rect(0 70px 140px 0);	
}

#menu dl.bNews {
	display: block;
	background-color:#999966;
	width: 120px;
	float: left;
	position: absolute;
	top: 0px;
	left: 450px;
	padding-left: 0px;
	z-index: 100;
	clip:  rect(0 125px 140px 0);
}

#menu dl.bOnline {
	display: block;
	background-color:#999966;
	width: 128px;
	float: left;
	position: absolute;
	top: 0px;
	left: 570px;
	padding-left: 0px;
	z-index: 100;
}

#menu dl.bContact {
	display: block;
	background-color:#999966;
	width: 97px;
	float: left;
	position: absolute;
	top: 0px;
	left: 670px;
	padding-left: 0px;
	z-index: 100;
}

#menu dt {
cursor: pointer;
text-align: center;
font-weight: bold;
background: #999966;
clear: none;
}

dd {
display: block;
margin: 6px 0 0 0;
padding: 0;
list-style-type: none;
clear: none;
}

#menu dd {
	display: block;	
	z-index: 99;
	background: #999966;
	margin-top: 32px;
	border-top: 1px none #996666;
	border-right: 1px solid #996666;
	border-bottom: 1px solid #996666;
	border-left: 1px solid #996666;
	padding-bottom: 4px;
}

#menu li {
	display: block;
	text-align: left;
	background-color:#999966;	
	background: #999966;
	clear: none;
	text-indent: 7pt;
}
#menu li a, #menu dt a {
	display: block;
	background-color:#999966;
	height: 100%;
	border: 0 none;
	clear: none;
	font-family: "Arial MT";
	font-size: 14px;
	font-style: normal;
	text-decoration: none;
	text-align: left;		

}
#menu li a:hover, #menu dt a:hover {
	color: #ffffff;
	text-decoration: none;
	clear: none;
	font-family: "Arial MT";
	font-size: 14px;
	font-style: normal;
	text-decoration: none;
	text-align: left;

}
		

#content			
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
	height: 128px;
	width: 784px;
	position: absolute;
	line-height: normal;
	z-index: 80;
	text-align: left;
	clear: both;
	margin : auto;
	left: 8px;
	top: 192px;
}

#homeTextWindow1 {
	margin: 0;
	display: inline-block;
	height: 350px;
	width: 784px;
	position: absolute;
	left: 0px;
	top: -8px;
	float: left;

   }
   
#HTW1_corner1 {
	height: 32px;
	width: 32px;
	position: absolute;
	left:0px;
	top: 0px;
	float: left;
	background-image: url(../images/corner1.gif);
	background-repeat: no-repeat;
	z-index: 5;	
   }   

#HTW1_corner2 {
	height: 32px;
	width: 32px;
	position: absolute;
	left:752px;
	top: 0px;
	float: left;
	background-image: url(../images/corner2.gif);
	background-repeat: no-repeat;
	z-index: 5;		
   }
   
#HTW1_corner3 {
	height: 32px;
	width: 32px;
	position: absolute;
	left:0px;
	top: 318px;
	float: left;
	background-image: url(../images/corner3.gif);
	background-repeat: no-repeat;
	z-index: 5;		
   }
#HTW1_corner4 {
	height: 32px;
	width: 32px;
	position: absolute;
	left:752px;
	top: 318px;
	float: left;
	background-image: url(../images/corner4.gif);
	background-repeat: no-repeat;
	z-index: 5;		
   } 

#HTW1_Center {
	height: 350px;
	width: 720px;
	position: absolute;
	left: 32px;
	top: 0px;
	float: left;
	background-color: #999966;
	z-index: 5;	
   }
   
#HTW1_Sides {
	height: 286px;
	width: 784px;
	position: absolute;
	left: 0px;
	top: 32px;
	float: left;
	background-color: #999966;
	z-index: 5;	
   } 
   
#HTW1_Body {
	display: inline-block;
	height: 350px;
	width: 477px;
	position: absolute;
	left: 10px;
	top: 10px;
	float: left;
	z-index: 5;	
   }

#HTW1_Body2 {
	display: inline-block;
	height: 350px;
	width: 764px;
	position: absolute;
	left: 10px;
	top: 10px;
	float: left;
	background-image: url(../images/galleryback.gif);
	background-repeat: no-repeat;
	z-index: 5;	
   }

#HTW1_Body2 h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	color: #000000;
	text-align: left;
	line-height: normal;
	letter-spacing: normal;
	vertical-align: baseline;
	word-spacing: normal;
	white-space: normal;
	display: inline;	
}


#HTW1_Body h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	color: #000000;
	text-align: left;
	line-height: normal;
	letter-spacing: normal;
	vertical-align: baseline;
	word-spacing: normal;
	white-space: normal;
	display: inline;	
}
  
#HTW1_BodyText {
	position: absolute;
	margin: 0 0;
	padding: 0;
	display: block;
	height: 350px;
	width: 310px;
	left: 455px;
	top: 0px;
	z-index: 5;	


   }
   
#HTW1_BodyText h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	color: #000000;
	text-align: left;
	line-height: normal;
	letter-spacing: normal;
	vertical-align: baseline;
	word-spacing: normal;
	white-space: normal;
	display: inline;	
}

#HTW1_BodyText h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	color: #fffc00;
	text-align: center;
	line-height: normal;
	letter-spacing: normal;
	vertical-align: baseline;
	word-spacing: normal;
	white-space: normal;
	display: inline;	
}

#HTW1_BodyText tt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
	text-align: justify;
	line-height: normal;
	letter-spacing: normal;
	vertical-align: baseline;
	word-spacing: normal;
	white-space: normal;
	display: inline;	
}
       
#about1 {
	position: absolute;
	text-align: center;
	display: inline-block;
	float: left;
	height: 90px;
	width: 125px;
	left: 20px;
	top: 15px;
	z-index: 6;	
   }

#about2 {
	position: absolute;
	text-align: center;
	display: inline-block;
	float: left;
	height: 90px;
	width: 125px;
	border: thin solid #666633;
	background-color: #999966;
	left: 160px;
	top: 15px;
	z-index: 6;	
   }

#about3 {
	position: absolute;
	text-align: center;
	display: inline-block;
	float: left;
	height: 90px;
	width: 125px;
	border: thin solid #666633;
	background-color: #999966;
	left: 300px;
	top: 15px;
	z-index: 6;	
   }

#about4 {
	position: absolute;
	text-align: center;
	display: inline-block;
	float: left;
	height: 90px;
	width: 125px;
	border: thin solid #666633;
	background-color: #999966;
	left: 20px;
	top: 120px;
	z-index: 6;	
   }

#about5 {
	position: absolute;
	text-align: center;
	display: inline-block;
	float: left;
	height: 90px;
	width: 125px;
	border: thin solid #666633;
	background-color: #999966;
	left: 160px;
	top: 120px;
	z-index: 6;	
   }
   
#about6 {
	position: absolute;
	text-align: center;
	display: inline-block;
	float: left;
	height: 90px;
	width: 125px;
	border: thin solid #666633;
	background-color: #999966;
	left: 300px;
	top: 120px;
	z-index: 6;	
   }   

#about7 {
	position: absolute;
	text-align: center;
	display: inline-block;
	float: left;
	height: 90px;
	width: 125px;
	border: thin solid #666633;
	background-color: #999966;
	left: 20px;
	top: 225px;
	z-index: 6;	
   }

#about8 {
	position: absolute;
	text-align: center;
	display: inline-block;
	float: left;
	height: 90px;
	width: 125px;
	border: thin solid #666633;
	background-color: #999966;
	left: 160px;
	top: 210px;
	z-index: 6;	
   }
   
#about9 {
	position: absolute;
	text-align: center;
	display: inline-block;
	float: left;
	height: 90px;
	width: 125px;
	border: thin solid #666633;
	background-color: #999966;
	left: 300px;
	top: 120px;
	z-index: 6;	
   }

#goback {
	position: absolute;
	width: 300px;
	height:32px;
	display: block;
	left: 465px;
	top: 320px;
	z-index: 60;

	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
	text-align: right;
	line-height: normal;
	letter-spacing: normal;
	vertical-align: baseline;
	word-spacing: normal;
	white-space: normal;			
}




#thumbnail {
	display: block;
	height: 90px;
	width: 113px;
	float: left;
	background-color: #999966;
	border: thin solid #666633;
	margin: 0 10px 10px 0;
	z-index: 6;	
}

#gallery {
	display: inline-block;
	height: 350px;
	width: 764px;
	position: absolute;
	left: 14px;
	top: 50px;
	float: left;
	z-index: 5;	
   }
   
 .clearboth { clear: both; }

#photo {
	display: block;
	height: 500px;
	width: 764px;
	position: absolute;
	left: 14px;
	top: 50px;
	float: left;
	clear: both;
	z-index: 6;	
   }
#description {
	display: inline;
	width: 764px;
	margin-top: 5px;
	position: relative;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
	clear: both;	
   }
     
#galleryBar {
display: block;
	position: relative;
	float: left;
	height: 32px;
	width: 800px;
	background-image: url(../images/bottombar.gif);
	background-repeat: no-repeat;
	margin-top: 5px;
		
}

#gBack {
	display: Block;
	position: absolute;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
	top: 7px;
	left: 15px;
}  

#gHome {
	display: Block;
	position: absolute;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
	top: 7px;
	left: 340px;	
}
#gNext {
	display: block;
	position: absolute;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
	top: 7px;
	left: 720px;	
} 

#pBack {
	display: Block;
	position: absolute;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
	top: 260px;
	left: 0px;
}