/* CSS Document */

/* Main Setup */
html,body{margin:0; padding:0; background-color:#eee}
body{font: 76% arial,sans-serif;text-align:center}
H3{ font-size: 12px; color: #444562}
H4{ font-size: 10px; color: #444562}

p{ font-size: 11px; color: #343445; line-height:1.4;}

div#container{
	PADDING-RIGHT: 10px;
	PADDING-LEFT: 10px;
	MIN-HEIGHT: 100%;
	BACKGROUND: url(shadow.gif) repeat-y left top;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px auto;
	WIDTH: 770px;
	PADDING-TOP: 0px;
	POSITION: relative;
	HEIGHT: auto;
	TEXT-ALIGN: left;
	left: 66px;
	top: 0px;
}
div#containr{width:770px;margin:0 auto;}
a{text-decoration:none; color: #343445;}
a.active{text-decoration:none; color: #343445;}
a.visited{text-decoration:none; color: #343445;}
a.hover{text-decoration:none; color: #0F0F63;}




/* Header */
div#header { background: #CDCDCB;}


/* Top Navigation */
#headernav {height:20px;line-height:20px;margin:0; padding-left:0px;background: #F7D23C; color: #696969}
#headernav ul{ border: 0; margin: 0 0 0 25px; padding: 0; list-style-type: none; text-align: center;}
#headernav ul li { display: block; float: left; text-align: center; padding: 0; margin: 0; }
#headernav ul li a { background: #F7D23C; width: 88px; height: 20px; border-top: 0px solid #84BAF2; border-left: 1px solid #E1E1E1; border-bottom: 0px solid #84BAF2; border-right: 1px solid #E1E1E1; 
padding: 0; margin: 0 0 0 0; color: #696969; text-decoration: none; display: block; text-align: center; font: normal 11px/18px "Arial", "Lucida Sans Unicode", verdana, lucida, sans-serif;}
#headernav ul li a:hover { color: #72706F; background: #CDCDCB;}
#headernav a:active { background: #E3E5E6; color: #72706F;}
#headernav li#active a { background: #c60; border: 1px solid #c60; color: #fff;}

/* Top image */
div#image {height:103px;line-height:80px;margin:0; padding-left:0px;backgroun: #99FF99; color: #CCFF66}


/* Main content */
div#content{float:left;width:475px; padding:15px; margin-top:0px; margin-bottom: 10px;}

div#content table.licence {margin-left:20px;
	margin-bottom:0px;
	width:480px;
	spacing:2px;
	padding:2px;
}

div#content table.licence tr{
	font-family: arial, verdana, Helvetica, sans-serif;
	font-size: 9px;
	color: #444562;
	padding-top:3px;
	padding-bottom:3px;
	padding-left:5px;
	padding-right:8px;
	text-align: center;
}

td.licence1{
border: 1px solid #E1E1E1; background: #FFFFCC; font-weight: bold;
}

div#content ul ol.licence {font: bold 11px/18px "Arial", "Lucida Sans Unicode", verdana, lucida, sans-serif; color: #343445; padding-bottom:5px; margin-left: -30px;
}
div#content ul ol.licence a:hover{color: #343445;}
div#content ul ol.licence a:visited{color: #343445;}
div#content img.float1{ float: right; margin-top: 0px; margin-left: 5px; margin-right: -30px;}
div#content img.float2{ float: left; margin-top: 15px; margin-left: 5px; margin-right: 20px;}
div#content img.map{ float: left; margin-top: 0px; margin-left: 5px; margin-right: 5px;}
div#content img.gift{ float: right; margin-top: -8px; margin-left: 5px; margin-right: -30px;}


div#faqcontent p{line-height:1.4}
div#faqcontent{float:left;width:465px; padding:15px; margin-top:15px;}
div#faqcontent p.faq1{font-size: 12px; color: #666;	font-weight: bold;}
div#faqcontent p.faq2{ font-size: 11px; color: #060A87;padding-left:15px;}

/* right nav */
div#navigation{float:right; width:200px;  height:145x; margin-right: 10px; margin-top:10px; margin-bottom:10px; padding: 5px; border-bottom: 0px solid #BEBEBE; background: url(contact_back.gif) no-repeat; }
div#navigation p{ font-size: 9px; color: #0F0F63;}
div#navigation td{font-size: 9px; color: #0F0F63;}

div#navigation2{float:right; width:210px;  margin-right: 10px; margin-top:10px; margin-bottom:10px; padding: 0px; border: 0px solid #E1E1E1; }
div#navigation2 p{ font-size: 9px; color: #666666;}
div#navigation2 td{font-size: 9px;	color: #666666;}

div#coursenavigation{float:right; width:180px;  margin-right: 10px; margin-top:20px; margin-bottom:20px; padding: 5px; border: 1px solid #E1E1E1;}
div#coursenavigation p{ font-size: 9px; color: #666666; }
div#coursenavigation td{font-size: 9px;	color: #666666; align:center}

div#faqnavigation{float:right; width:200px; margin-right:10px; padding-left:10px;margin-top:20px; padding: 5px; border: 1px solid #E1E1E1;}
div#faqnavigation p{ font-size: 9px; color: #666666;}
div#faqnavigation table{margin: 10px;}
div#faqnavigation td{font-size: 10px;color: #666666;}

/* extra */
div#extra{float:left; width:510px; height:252px; padding: 5px; margin-left:14px; margin-top:90px; margin-bottom:10px; border-left: 1px solid #E1E1E1;  border-right: 1px solid #E1E1E1;  border-bottom: 1px solid #E1E1E1; background: url(courses_back.gif) no-repeat;}
}

/* extra2 */
div#extra2{float:left; width:470px; height:49px; padding: 5px; margin-left:150px; margin-top:5px; margin-bottom:20px; border: 1px solid #E1E1E1;}
}

/* extra3 */
div#extra3{float:left; width:308px; height:33px; padding: 5px; margin-left:225px; margin-top:5px; margin-bottom:10px; border: 1px solid #E1E1E1;}

/* footer */
div#footer{clear:both;width:100%}
div#footer p{BACKGROUND-COLOR: #ddd; TEXT-ALIGN: center; font-size: 10px;	color: #666666; margin:0; padding:3px 10px}

div#footer a:link{font-size: 10px; color: #666666;}
div#footer a:visited{font-size: 10px; color: #666666;}
div#footer a:hover{font-size: 10px; color: #000066;}


/* online form */

table.online{
	background-color:;
	margin-left:20px;
	margin-bottom:2px;
	width:450px;
}

table.online1{
	background-color: #B4C6D7;
	margin-left:4px;
	margin-bottom:2px;
	width:450px;
	color: #666666;
}

td.online1{
	font-family: arial, verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #1F1A17;
	padding-left: 10px;
	text-align:left;
}

table.online2{
	margin-left:20px;
	background-color: #EAEBEB;
	margin-bottom:0px;
	width:450px;
	border-right: 2px solid #EFEEEE;
border: 1px solid #E1E1E1;
	
}

table.online3{background-color: #DDE8F2 ;
	margin-left:20px;
	margin-bottom:0px;
	width:450px;
}
td.online2{
	font-family: arial, verdana, Helvetica, sans-serif;
	font-size: 9px;
	color: #6D6D6D;
	padding-top:3px;
	padding-bottom:3px;
	padding-left:5px;
	padding-right:8px;
	text-align: left;
}

input{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	padding-left:3px;
	padding-right:3px;
}

input.align{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	padding-left:3px;
	padding-right:20px;
}

textarea{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	padding-left:3px;
	padding-right:3px;
}

.high {
	font-weight: bold;
	background-color: ##FFFF99;
}