/* CSS Document */

html {
background: url(/images/bgbody.jpg) repeat 0px 0px;
margin:0;
padding:0;
}

header, aside, section, hgroup, article, nav{
display:block;	
}

body {
	background: url(/images/bgpage.jpg) repeat-x 0px 0px;
	margin: 0px;
	padding: 0px;
	width: 100%;
	font: normal 0.9em/1.5em Arial, Helvetica, sans-serif;
	color: #333;
	text-align: center;
}


.wrapper {
	background: url(/images/bgin.png) no-repeat 0px 0px;
	margin: 0px;
	padding: 0px;
	height: auto;
	width: 100%;
	overflow: hidden;
}


.page {
	margin: 8px auto 20px;
	padding: 0px;
	height: auto;
	width: 990px;
	text-align:left;
	border:5px solid #fff;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-o-border-radius:10px;
	-khtml-border-radius:10px;
	-ms-border-radius:10px;
	overflow: hidden;
	position: relative;
	text-align:left;
	box-shadow: 3px 5px 5px #666;
	-moz-box-shadow: 3px 5px 5px #666;
	-webkit-box-shadow: 3px 5px 5px #666;
	background-color: #fff;
}



.pageHeader {
	background: #2E90B7 url(/images/bgheader.jpg) no-repeat 0px 0px;
	margin: 0px;
	padding: 0px;
	height: 208px;
	width: 100%;
	position:relative;
	overflow:hidden;
	display:block;
}


 .maincontent  {
	margin: 60px 5px 10px;
	padding: 0px;
	height: auto;
	overflow:hidden;
	min-height:900px;
	position:relative;
	line-height:1.5em;
	display:block;
	clear:both;
	float:none;
	background:#fff;
}

 .maincontent  a img{
border:none;
}

.footer {
	width:100%;
	height:auto;
	overflow:hidden;
	background: url(/images/bgfooter.gif) no-repeat left bottom;
	color:#666;
	text-align:center;
	margin:20px 0 0;
	padding:5px;
	font: normal 11px/normal Verdana, Geneva, sans-serif;
	display:block;
	float:nonel
	clear:both;
}

.footer p{
margin:0;
margin:0	
}

.footerlinks{
display:none;	
}

.content  {
width:650px;
height:auto;
overflow:hidden;
float:left;
clear:left;
margin:0;	
padding:0;
border:none;	
}

.sidebar {
width:280px;
height:auto;
overflow:hidden;
float:right;
clear:right;
margin:10px 0 0;	
padding:0;	
text-align:left;
}

.pageHeader h1{
	color:#FFF;
	width:450px;
	height:auto;
	position:absolute;
	top:30px;
	left:530px;

	margin: 0px;
	padding: 0px;
	text-align:center;
}

.page h2{
	font: normal 1.6em/normal "Times New Roman", Times, serif;
	color:#FF7F00;
	margin: 0px 0px 5px;
	padding: 0px;
	clear:left;
}

.page h3{
	font: normal 1.2em/normal "Times New Roman", Times, serif;
	color:#FF7F00;
	font-weight: bold;
	margin: 0.5em 0em 0.2em;
	padding: 0px;
}

.page section{
 display:block;	
}




#shoppingcart {
	margin: 10px 0 20px;
	padding: 0 0 10px;
	clear: both;
	height: auto;
	width: 100%;
	text-align: center;
	border-bottom: 1px dashed #666;
}
#shoppingcart img{
border:none;
margin:0 auto;
}


#shoppingcart a {
	text-decoration: none;
	color: #F60;
	font: bold normal 13px/20px Verdana, Geneva, sans-serif;
}
#shoppingcart a:hover {
	color: #333;
}

#shoppingcart img {
	border-style: none;
}

#freebooks {
	margin: 0px 0px 10px;
	padding: 0px;
	height: auto;
	width: 100%;
	clear: both;
	text-align: center;
	color: #333;
	font: bold normal 11px/1.2em Verdana, Geneva, sans-serif;
}
.ebooks img {
	border-style: none;
}

a.norm {
	color: #00F;
	text-decoration: underline;
}
a.norm:visited {
	color: #00F;
}

.toleft{
float:left;
clear:left;
margin:10px 10px 10px 0;
padding:0;
}

.toright{
float:right;
clear:right;
margin:10px 0px 10px 10px;
padding:0;
}

.page ol li{
margin:0.2em 1em 0.7em 0;	
}

.page ol li a, .page ol li a:visited{
color:#00F;
text-decoration:none;		
}

.page ol li a:hover{
text-decoration:underline;	
}



/* ***************************** Top Navigation Links *****************************  */
#topnav{
width:100%;
background:url(/images/bgnavitem.jpg) repeat-x 0 0;
margin: 0px;
padding: 0px;
position: absolute;
left: 0px;
top: 175px;
z-index:3000;
}

#topnav ul{
font: normal 11px/normal Verdana, Geneva, sans-serif;
color: #232622;
position:relative;
list-style: none;
width:100%;
margin: 0px;
padding: 0px;
overflow:visible;
}

#topnav ul li{
	position:relative;
	display:inline;
	width:100px;
	margin:0;
	padding:0;
	float:left;
	clear:none;
	background:url(/images/vsep.png) no-repeat left center;
}

#topnav ul li.subitem{
	
}

#topnav ul > li  a, 
#topnav ul li  a,  
#topnav ul li a:visited {
	border:none;
	background: url(/images/bgnavitem.png) repeat-x 0px 0px;
	font-size: 13px;
	font-style: normal;
	line-height: 28px;
	font-weight: bold;
	color:#fff;
	text-decoration:none;
	display:block;
	margin:0;
	padding:0 15px;
	height:33px;
	overflow:hidden;
	text-align:center;
  -webkit-transition: all 0.2s ease;
  -moz-transition:    all 0.2s ease;
  -ms-transition:     all 0.2s ease;
  -o-transition:      all 0.2s ease;
}

#topnav ul > li > a:hover, #topnav ul > li:hover a,
#topnav ul li a:hover, #topnav ul li:hover a
{
	background-position:0 -34px;
	color:#232622;
	border-color:#ebd275;
  -webkit-transition: all 0.2s ease;
  -moz-transition:    all 0.2s ease;
  -ms-transition:     all 0.2s ease;
  -o-transition:      all 0.2s ease;
}


#topnav ul li ul{
	width:200px;
	height:auto;
	margin:0;
	padding:0;
	overflow:hidden;
	position:absolute;
	top:32px;
	left:0;
	z-index:1000;
	display:none;
	border:1px solid #c5dbf3; /* 707A6C */
	background:#c5dbf3;
	list-style: none;
}


#topnav ul li ul li{
	display:block;
	width:100%;
	height:30px;
	margin: 0px 0 1px;
	padding: 0;
	overflow:hidden;
	height: auto;
	top: 0;
	position: relative;
	left: 0px;
	float:none;
 }


#topnav ul li ul li a, #topnav ul li ul li a:visited,
#topnav ul li:hover ul li a{
color:#fff;
font-size:11px;
background:#2d90b7;	/*#AEB5AB */
text-align:left;
padding:0 10px;
margin:0;
border:none;
font-weight:bold;
line-height:30px;
height:30px;
}


#topnav ul li ul li a:hover{
color:#fff !important;
background:#707A6C !important;	
border:none;
}





/* ********************************************************* */

.clear{
width:100%;
height:1px;
overflow:hidden;
float:none;
clear:both;	
}


.content form.register {
	margin: 0px;
	padding: 0px;
	height: auto;
	clear: both;
	width: 100%;
	position: relative;
}

input.btnregister{
	color: #FFF;
	background: #4E74C5;
	padding: 0px;
	height: 40px;
	width: 160px;
	clear: right;
	float: right;
	font: bold normal 14px/36px Verdana, Geneva, sans-serif;
	margin: 5px 20px 10px 0px;
	border: 3px solid #F5F5F5;
	border-radius:30px;
	-moz-border-radius:30px;
	-ms-border-radius:30px;
	-o-border-radius:30px;
	-webkit-border-radius:30px;
	-khtml-border-radius:30px;
}

.content  a.btnregister, .content  a.btnregister:visited,
.content  a.btncontent, .content  a.btncontent:hover{
	color: #FFF;
	background: #1F647E;
	padding: 0px 15px;
	height: 40px;
	width: 160px;
	clear: right;
	float: right;
	display: block;
	text-decoration: none;
	text-align: center;
	font: bold normal 14px/38px Verdana, Geneva, sans-serif;
	border: 3px solid #C9D8F1;
	margin: 5px 20px 10px 0px;
	border-radius:30px;
	-moz-border-radius:30px;
	-ms-border-radius:30px;
	-o-border-radius:30px;
	-webkit-border-radius:30px;
	-khtml-border-radius:30px;
}

.content  a.btncontent, .content  a.btncontent:hover{
color:#fff!important;	
float:right;
}

.content #topregister {
	position:absolute;
	top:180px;
	right:20px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: 38px;
	font-weight: bold;
	color: #FFF;
	background: #1F647E;
	padding: 0px 15px;
	height: 40px;
	width: 160px;
	margin: 0;
	text-decoration:none;
	text-align:center;
	border: 3px solid #C9D8F1;
	border-radius:30px;
	-moz-border-radius:30px;
	-ms-border-radius:30px;
	-o-border-radius:30px;
	-webkit-border-radius:30px;
	-khtml-border-radius:30px;	
}

.content  a, .content  a:visited{
	color: #007FFF;
}

.content  a.boldblue {
	font-weight: bold;
	color: #09F;
}


.orange, .content  a.orange {
	color: #F60;
	text-decoration: none;
}

.black {
	color: #333;
}
.blue {
	color: #00F;
}
.red {
	color: #F00;
	text-decoration: none;
}

.grey{
color:#444;	
}

.bold{
font-weight:bold;	
}

.errmsge{
color:#f00;	
height:auto;
width:700px;
margin:10px 0;
padding:0;
display:none;
float:none;
clear:both;
}

.content form{
margin:10px 0;
padding:0;	
}

form p{
clear:both;
margin:5px 0;
padding:0 0 10px;	
}

form fieldset{
border:solid 1px #F93;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-o-border-radius:5px;
margin:0;
padding:10px 15px;
}

form legend{
font-weight:bold;
padding:0 5px;
margin:0;	
color:#F93;
}

form label{
width:180px;
clear:left;
margin:0;
padding:0px 5px 12px;
text-align:right;	
float:left;
font-weight:normal;
color:#666;
}

form input{
border:solid 1px #0CF;
height:16px;
margin:3px 0;	
float:left;
clear:none;
}

form input.btn{
	margin: 0;
	padding:0 10px;
	text-align:center;
	font-size:13px;
	line-height:32px;
	font-weight:bold;
	border:3px outset #fff;
	background:#00C0F0;
	color:#fff;	
	float:left;
	width:70px;
	height:35px;
	-webkit-appearance:none;
}


form textarea{
border:solid 1px  #0CF;	
margin:2px 0;
padding:1px;
float:left;
clear:none;
}

.content form label:after{
content:":";	
}

.content form label.req:before{
content:"* ";
color:#f00;	
}

.content form label.noafter:after{
content:"";	
}


table {
	margin: 10px 0;
	padding: 0px;
	border: 1px solid #257796;/*#779CEC */;
	width:auto;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	line-height: 1.8em;
	background:#fff; /*#779CEC */;
	border-collapse:collapse;
}


table th {
	color: #FFF;
	background:#666; /* #069; */
	margin: 0px;
	padding: 5px;
	font: bold normal 11px/normal Verdana, Geneva, sans-serif;
}

tr td{
margin:0;
padding:5px;
font-size:13px;	
font:normal 13px/1.5em Arial, Helvetica, sans-serif;
}

td, th{
	border-collapse:collapse;
	border: 1px solid #ccc;/*#779CEC */;
}

.evenrow {
	background: #E5E5E5; /*#B8CFF8 */
	width:100%;
	height:auto;
	overflow:hidden;
}
.oddrow {
	background:#f5F5F5; /*#CDDDF7 */
	width:100%;
	height:auto;
	overflow:hidden;
}

table.noborder{
border:none;
background:none;
}

.bgwhite{
	background: #fff;
	width:100%;
	height:auto;
	overflow:hidden;	
}

table tr.bgwhite td{
padding:25px 5px 0px;
color:#000;	
font-weight:bold;
border:none;
}

.content table tr.bgwhite td a, .content table tr.bgwhite td a:visited{
font-size:1.3em;
text-decoration:none;
color:#000;	
}

.content table tr.bgwhite td a:hover{
color:#f90;
}

#btncart{
width:50px;
height:50px;
display:block;
background:#ffffff url(/images/btncart.jpg) no-repeat 0 0;	
position:absolute;
top:215px;
right:5px;
text-decoration:none;
}

#loader{
	width:300px;
	height:35px;
	margin:0;
	padding:0 0 0 40px;
	overflow:hidden;
	position:absolute;
	top:220px;
	left:10px;
	display:none;
	z-index:2000;
	font: normal 11px/35px Verdana, Geneva, sans-serif;
	color: #A00;
	background:url(/images/loading.gif) no-repeat 0 0;
}

.content .nber{
font-family: "Times New Roman",Georgia, Times, serif;	
}

.content .imgicon{
display:block;
float:left;
clear:left;	
margin:10px 10px 10px 0;
}

#topnav ul li#training ul{
width:250px;
}

.sidebar section{
 border:1px solid #5CB4D6;
 border-radius:8px;
 -moz- border-radius:8px;
 -o border-radius:8px;
 -webkit- border-radius:8px;
 padding:0;	
 background:#C5DBF3;
 overflow:hidden;
 display:block;
}

.sidebar  section h3{
	height:30px;
	width:100%;
	margin:0 0 10px;
	padding:0;
	background:url(/images/bgheading.jpg) repeat-x 0 0;
	font: bold normal 14px/28px Georgia, "Times New Roman", Times, serif;
	color: #FFF;
	text-indent:10px;
	font-weight:bold;
}

.sidebar  section p{
margin:5px 10px 10px;	
}
	
#topnav ul li#home{
width:100px;
background:none;
margin:0;
}

#topnav ul li#training{
width:180px;
}

#topnav ul li#schedule{
width:125px;
}

#topnav ul li#register{
width:120px;
}

#topnav ul li#about{
width:120px;
}

#topnav ul li#contact{
width:110px;
}

#topnav ul li#tips{
width:125px;
}

#topnav ul li#login{
width:110px;
}


#courseschedule .col1{
width:250px;
}

#courseschedule .col2{
width:380px;	
}


#courseschedule .col3{
width:110px;	
text-align:center;
}

  .pageHeader h1{
    font: normal 1.5em/1.4em Georgia, "Times New Roman", Times, serif;
  }
  
.content .intro {
 width: 750px;	
}