/* basics
----------------------------------------------- */

html, body, form, fieldset { margin: 0; padding: 0; }
body { font-size: 90%; color: black; font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif; text-align: left; background-color: #dddddd; margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address { margin: 0; padding: 0; }
.clearleft { clear: left; }
img { display: inline; }
div.clearer {clear: both; line-height: 0; height: 1px;}

iframe { padding-bottom: 5px; }

/* Screen Only */
@media screen {
.noprint {display:block !important;}
.noshow {display:none !important;}
}

/* Print Only */
@media print {
.noprint {display:none !important;}
.noshow {display:block !important;}
}



/* basic links
----------------------------------------------- */
a:link, a:visited  { color: #23a2dc; text-decoration: none; }
a:hover { color: #23a2dc; text-decoration : underline;  }
a img {border: none; }
a:active { color: #23a2dc; outline: none medium; }
a:focus {-moz-outline-style: none;}


/* layout
----------------------------------------------- */
#wrapper { width: 900px; margin: 0 auto; background-color: #ffffff; text-align: left;  border-top: 0px;}
#contentwrapper { background-image: url(); background-repeat: repeat-y; background-position: left top; margin: 0 auto; width: 900px; }
#rightcolumn { text-align: center; width: 230px; float: left; display: inline; overflow: visible; position: relative; margin: 0; padding: 0; }
#midcolumn { text-align: left; display: inline; margin: 0; padding: 0 0 10px; width: 480px; float: left; overflow: visible; }

#two { text-align: left; display: inline; margin: 0; padding: 0; width: 200px; float: left; overflow: visible; }

/* header breadcrumb
----------------------------------------------- */

#masthead { margin: 0; width: 900px; height: 70px; padding: 0; background-image: url(''); background-repeat: no-repeat; background-position: right top; float:right;
 }
#masthead p { color: #073c6a; font-size: 12px; margin-top: -1px; padding: 3px 0 0;  padding-right: 10px; float: right; }
#masthead a:link, #masthead a:visited { color: #fff; font-weight: normal; text-decoration: none; width: 80px; }
#masthead a:hover { color: #fff; text-decoration: underline; background: transparent; width: 80px; }
#masthead a:active { color: #c2ccb8; background: transparent; }


/* navigation
------------------------------------------------------------------ */
	/* Header styles */
    #header {
		clear:both;
        float:right;
        width:900px;
		height: 55px;

	}
	#header ul {
	    clear:left;
	    float:right;
	    width: 650px;
	    list-style:none;
		background-image:url('../images/gradient.jpg'); 
		background-repeat: no-repeat;
		background-position: right top;
		margin: 0;
	    padding: 0;
	}
	#header ul li {
	    display:inline;
	    list-style:none;
	    margin:0;
	    padding:0;
	}
#header ul li a {
	display:block;
	float:left;
	position:relative;
	z-index: 0 
	margin: 10px 0 0 0;
	margin-top: 10px;
	height: 25px;
	color: #073c6a;
	font-size: 18px;
	text-align: center;
	text-decoration: none;
	padding-left: 20px;
	padding-right: 20px;
}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
#header li {
	float:left;
	position:relative; 
	}

/* second level background */
#header ul ul a.drop, #header ul ul a.drop:visited {
	background:#ffffff;
	border: 1px solid #073c6a;
	}
/* style the second level hover */
#header ul ul a.drop:hover{
	background:#ffffff; 
	border: 1px solid #073c6a;
	}
#header ul ul :hover > a.drop {
	background:#ffffff; 
	border: 1px solid #073c6a;
	}

/* hide the sub levels and give them a positon absolute so that they take up no room */
#header ul ul {
	visibility:hidden;
	position:absolute;
	height:0;
	top:35px;
	left:0; 
	width:80px;
	}

/* style the second level links */
#header ul ul a, #header ul ul a:visited {
	background:#ffffff; 
	color:#000; 
	height:auto; 
	line-height:1em; 
	padding: 10px 10px; 
	width:150px;
	border-width:1; 
	font-weight: 200; 
	font-size: 14px;
	text-align: left;
	border: 1px solid #dbdbdb;
	margin-top: -1px;
	padding-left: 20px;
	padding-right: 20px;
	}

/* style the top level hover */
#header a:hover, #header ul ul a:hover{
	color:#ffffff; 
	background:#23a2dc;
	padding-left: 20px;
	padding-right: 20px;
	}
#header :hover > a, #header ul ul :hover > a {}

/* make the second level visible when hover on first level list link */
#header ul li:hover ul,
#header ul a:hover ul{visibility:visible; z-index: 99; }

#header p {
	color : #0000cc;
	font-weight: bold;
	font-size: 12px;
	}
	
#subheader300 {
	clear:both;
	float:left;
	width:850px;
	height: 320px;
	background-color: #ffffff;
	padding-left: 25px;
	
	}
	
#subheader150 {
	clear:both;
	float:left;
	width:850px;
	height: 180px;
	background-color: #ffffff;
	padding-left: 25px;
	
	}

.rotator { border: thin solid #cccccc; }

/* left nav*/

#leftnav  { background-image: none; margin: 0 auto; width: 180px; float: left; padding-bottom: 20px; display: inline; }
#leftnav ul {margin: 0;	padding: 0;	list-style-type: none;}
#leftnav ul li { width: 160px; float: left; border-top: 0px solid #cccccc; }
#leftnav ul li.last { width: 145px; float: left; border-top: 0px solid #cccccc; border-bottom: 1px solid #cccccc; }
#leftnav ul li a.here   { color: #073c6a; background-image: url(); background-repeat: no-repeat; background-position: left 14px; }
#leftnav ul li a { width: 145px; font-size: 14px; font-weight: bold; min-height: 28px; line-height: 1.2em; color: #3c506a; font-style: normal; text-decoration: none; text-align: left; margin-left: 0; padding-left: 15px; padding-top: 10px; padding-bottom: 10px; display: block; }
#leftnav ul li a:hover { color: #23a2dc; background-repeat: no-repeat; background-position: left top; text-decoration: underline; border-top-color: #fff; border-top-width: 1px; }

#leftnav ul li a:hover.here { color: #073c6a; background-image: url(); background-repeat: no-repeat; background-position: left 11px; text-decoration: none; }

/* left nav sub*/
#leftnav ul#subnav { width: 160px; padding: 0; margin: 0; overflow: visible; list-style-type: none;}
#leftnav ul#subnav li { width: 160px; float: left; border-top: 1px solid #dbdbdb; }
#leftnav ul#subnav li.subhere { color: #787878; background-repeat: no-repeat; background-position: left top; float: left; }
#leftnav ul#subnav li.subhere a { color: #787878; background-image: url(); background-repeat: repeat-y; }
#leftnav ul#subnav li a { width: 160px; font-size: 12px; font-weight: bold;  line-height: 2.0em; text-align: left; color: #bdbdbd; font-style: normal; text-decoration: none; margin-left: 0; padding-left: 20px; display: block; }
#leftnav ul#subnav a:hover { color: #787878; text-decoration: underline; }
#leftnav ul#subnav li.subhere a:hover { color: #787878; text-decoration: none; }


/* Left Column Text*/
#leftnav h1 { color: #2a5052; font-size: 1.3em; font-weight: bold; margin-left: 15px; padding: 0 25px 1em 0; }
#leftnav p { color: #787878; font-size: 0.9em; line-height: 1.5; text-align: left; margin-left: 10px; padding-right: 25px; padding-bottom: 10px; padding-left: 0; }
#leftnav h3 { color: #073c6a; font-size: 1em; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: bold; margin-left: 10px; padding: 10px 25px 0 0; }

#leftnav h3 a:link, #leftnav h3 a:visited { color: #073c6a; text-decoration: none; }
#leftnav h3 a:hover { text-decoration: underline; } 

#leftnav a:link, #leftnav a:visited { color: #23a2dc; text-decoration: none; }
#leftnav a:hover { color: #23a2dc; text-decoration: underline; }
#leftnav a:active { color: #23a2dc; text-decoration: none; }


/* Mid Column
----------------------------------------------- */
#midcolumn p { color: #787878; font-size: 1em; line-height: 1.8; text-align: left; padding-right: 20px; padding-bottom: 10px; padding-left: 0; }
#midcolumn p.caption { color: #787878; font-size: 0.9em; font-style: italic; line-height: 1.1em; text-align: left; padding-right: 20px; padding-bottom: 20px; padding-left: 0; }
#midcolumn tt { color: #f00; }
#midcolumn h1 { color: #073c6a; font-size: 1.8em; font-weight: bold; padding: 0 20px 1em 0; }
#midcolumn h2 { color: #073c6a; font-size: 1.2em; font-family: arial, verdana; font-weight: bold; line-height: 1.1; padding: 1em 20px 0.8em 0; }
#midcolumn h3 { color: #787878; font-size: 1.2em; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: bold; margin-bottom: 10px; padding: 20px 20px 5px 0; border-bottom: 1px solid #ececec; }
#midcolumn h3.line { color: #005da3; font-size: 1.5em; font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: normal; margin: 10px; padding: 10px 0 0; border-top: 1px dashed #ccc; }
#midcolumn h4 { color: #787878; font-size: 1em; font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 1.1; padding: 1em 20px 0.5em 0; }
#midcolumn h5 { color: #005da3; font-size: 1.1em; font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif; font-weight: normal; font-style: italic; line-height: 1.4; padding: 3px 20px 5px 0; }
#midcolumn ol { font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif, Verdana; text-align: left; margin-top: 0; margin-bottom: 10px; padding: 0 20px; list-style-type: decimal; }
#midcolumn ol li { color: #787878; font-size: 1em; line-height: 1em; padding-top: 2px; padding-right: 0; padding-bottom: 2px; }
#midcolumn ul { color: #787878; text-align: left; margin-top: 0; margin-bottom: 10px; margin-left: 0; padding-left: 5px; }


#midcolumn a:link, #midcolumn a:visited { color: #23a2dc; text-decoration: none; }
#midcolumn a:hover { color: #23a2dc; text-decoration: underline; }
#midcolumn a:active { color: #23a2dc; text-decoration: none; }

/* Training Schedule */

#schedule_main { width: 480px; text-align: left; }
#schedule_main th {padding: 15px; border-bottom: 0px; background-color: #073c6a; color: #fff; }
#schedule_main td {padding: 15px; }

/* Tax Invoice */

#tax_top { width: 750px; text-align: left; background-color: #fff; margin-left: 75px; margin-top: 50px; }
.tax_tl { width: 360px; vertical-align: top; border: 1px solid #23a2dc; padding:10px; font-size: 100%; }
.tax_tc { width: 30px; background: white;}
.tax_tr { width: 360px; vertical-align: top; border: 1px solid #23a2dc; padding:10px;}
#tax_main { width: 750px; text-align: left; background-color: #fff; margin-left: 75px; border: 1px solid #23a2dc;  }
#tax_main th {padding: 10px; border-bottom: 1px solid #23a2dc;  }
#tax_main td {padding: 10px; }
.tax_topborder { border-top: 1px solid #23a2dc; }
.tax_leftborder { border-left: 1px solid #23a2dc; }
#tax_pay { width: 750px; text-align: left; background-color: #fff; margin-left: 75px; margin-top: 25px; }
#tax_pay td {padding: 10px;  }
.tax_tear { width: 880px; vertical-align: top; border-top: 2px dotted #23a2dc; text-align: right; }
#tax_bottom { width: 750px; text-align: left; background-color: #fff; margin-left: 75px;   vertical-align: top;}
#tax_bottom td { padding: 10px; vertical-align: top;}
#tax_status { width: 750px; text-align: center; background-color: #fff; margin-left: 75px; font-size: 24px; font-weight: bold; color: #787878; }
.tax_grey {color: #787878;}



/* Right Column
----------------------------------------------- */

#rightcolumn h1 { color: #2a5052; font-size: 1.3em; font-weight: bold; margin-left: 10px; padding: 0 20px 1em 0; }
#rightcolumn p { color: #787878; font-size: 1em; line-height: 1.8; text-align: center;  }


/* footer
----------------------------------------------- */
#footerwrapper { background-color: #333; margin: 0 auto 0; padding-top: 5px; padding-bottom: 10px; width: 100%; border-top: 0px solid #23a2dc; }
#footer { width: 993px; height: 200px; margin: 0 auto; }
#footer p { color: #fff;  }
#footer a:link, #footer a:visited { color: #fff; text-decoration: none; border-style: none; }
#footer a:hover { color: #fff; text-decoration: underline; border-style: none; }
#footer .basenav ul, ol, dl {position: relative; }
#footer .basenav  { color: #fff; background-image: none; margin: 20px; width: 200px; float: left; padding: 0px 0px 0px 0px; }
#footer .basenav ul { margin: 0; padding: 0 0 0 0; list-style-type: none; text-align: left; }
#footer .basenav ul li { float: left; margin: 0; padding: 0; }
#footer .basenav ul li a { font-size: .9em; text-align: left; color: #fff; font-style: normal; line-height: 1.3em;  text-decoration: none; width: 180px; margin-left: 10px; padding-left: 10px; list-style-type: none; display: list-item; }
#footer .basenav a:hover { text-decoration: underline; }
#footer .basenav p { color: #fff; font-size: 12px; font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 1em; text-align: left; margin: 0 0 7px 10px; padding: 0px; }