/* CSS Document */
html, body
{
	margin: 0 0;
	padding: 0 0;
	font-family: Arial,Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	height: auto;
	background: url(../images/headerbg.jpg) repeat-x top left;
	text-align:center;
}
.wrap{
	width:945px;
	height:100%;
	padding:0;
	clear:both;
	margin:0 auto;
	top:0px;
	left:0px;
	position: relative;
}
.header_main
{
	margin: 0 auto;
	height: 117px;
	width: 100%;
	top: 0px;
}
.logo{
	width:8%;
	height:53px;
	background:url(../images/logo.gif) no-repeat;
	margin:2% 0 0 1%;
	float:left;
	cursor:crosshair;
}
a
{
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
}
a:hover
{
	font-family:Arial, Helvetica, sans-serif;
	color: #006633;
	text-decoration:none;
}
.names{
	width:30%;
	font-family: "AvantGarde Bk BT";
	font-size:25px;
	font-weight:bold;
	color: #ffffff;
	float:left;
	margin-top:2%;
	margin-left:.5%;
	text-align:left;
	text-decoration:none;
}
.training{
	font-family: "Trebuchet MS";
	font-size:18px;
	color:#207905;
	float:left;
}
.contact{
	width: 50%;
	height:80px;
	background:url(../images/callus.jpg) no-repeat top right;
	float: right;
}

/*------------------- menu--------------------*/
.menu{
	width:99%;
	height:43px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	padding:0 0 0 1%;
	clear:both;
	margin:0 auto;
	top:0px;
	left:0px;
	text-align:center;
}

    #tabsJ {
    font-size:120%;
    line-height:normal;
	width:98%;
	padding:0;
	clear:both;
  	margin:0 auto;
	top:0px;
	left:0px;
      }
    #tabsJ ul {
	margin:0;
	padding:10px 0px 0 0px;
	list-style:none;
      }
    #tabsJ li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabsJ a {
      float:left;
      background: url(../images/tableftJ.gif) no-repeat left top;
      margin:0 0 0 5px;
      padding:0 0 0 5px;
      text-decoration:none;
      }
    #tabsJ a span {
      float:left;
      display:block;
      background: url(../images/tabrightJ.gif) no-repeat right top;
      padding:5px 16px 4px 11px;
      color: #000000;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabsJ a span {float:none;}
    /* End IE5-Mac hack */
    #tabsJ a:hover span {
      color:#FFF;
      }
    #tabsJ a:hover {
      background-position:0% -42px;
      }
    #tabsJ a:hover span {
      background-position:100% -42px;
      }
	  
/*------------------- end--------------------*/

.bodysection_main {
	height: auto;
	width: 100%;
	margin: 1% auto auto auto;
	float:left;
	text-align:center;
}
.banner{
	width:74%;
	height:255px;
	float:left;
	clear:both;
}
.img{
	background:url(../images/banner.gif) no-repeat left top;
	width:100%;
	height:100%;
}
.rightcolumn{
	width:26%;
	height:255px;
	float: right;
}

.freequote {
  width:100%;
  height:64px;
  float:left;
  margin-bottom:10px;
}


.certified{
	width:100%;
	height:45px;
	background: url(../images/certi_img.gif) no-repeat top center;
	text-align:left;
	margin-bottom:10px;
	float:left;
	
}
.cer_box{
	width:85%;
	height:auto;
	margin-left:20px;
	padding-top:10px;
	color:#336633;
	float:left;
	vertical-align:middle;
}
.cer_box a{
	width:85%;
	height:auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:bold;
	color:#336633;
	text-decoration:none;
}
.news{
	width:100%;
	height:117px;
	background:url(../images/new1.gif) no-repeat top center;
	margin-bottom:8px;
	float:left;
}
.news_box{
	width:85%;
	height:auto;
	margin-left:10px;
	padding-top:5px;
	color: #000000;
	text-align:left;
	float:left;
	font-size:12px;
}
.news_box span{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	line-height:22px;
	font-weight:bold;
	color:#336633; 
	text-align:left;
	margin: 0 0 10px 0;
}
.news_box a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color: #000000;
	text-align:left;
	text-decoration:none;
}
.new a{
	width:10%;
	height:15px;
	position: absolute;
	left: 865px;
	top: 240px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	line-height:16px;
	font-weight:bold;
	color: #000000;
	text-align: center;
	text-decoration:none;
}
.subscribe{
	width:100%;
	height:37px;
	float:left;
	background:url(../images/sub_img.gif) no-repeat top center;
}
#sub_box{
	width:59px;
	height:200px;
	margin:3px 60px 0 0px;
	color:#ffffff;
	text-align:left;
	font-weight:bold;
	border:0;
	background:none;
	cursor:pointer;
	font-size:16px;
	float:right;
}
#sub_box:hover{
	color:#000000;
}
#sub_box a{
	width:85%;
	height:75px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#336633;
	text-decoration:none;
}

.testimonial {
	padding: 1px 12px;
	height: auto;
	background: #fef8f3;
	background:url(../images/testimonials_bg.gif) repeat-x top;
/*	border-top: 1px #666666 solid;
	border-bottom: 1px #666666 solid;*/
	text-align:left;
}
.testimonial p {
	margin-bottom: 0;
	font-size: 12px;
	color: #000000;
	margin-top:4px;
	font-weight:bold;
}
.testimonial p.cite {
	color: #ff7f00;
	font-size: 10px;
}
.testimonial p.cite img {
	margin-right: 5px;
	float: left;
	margin-bottom: 0;
}
.testimonial img {
	margin-right: 13px;
	float: left;
}
.testimonial a.morestories {
	margin-top: 9px;
	float: right;
	width:110px;
	height:19px;
	padding-left:5px;
	color:#FFFFFF;
	text-decoration: none;
	font-size:12px;
	background: url(../images/readmore.png) no-repeat center left;
}
.testimonial a.morestories:hover {
	margin-top: 9px;
	float: right;
	width:110px;
	height:19px;
	padding-left:5px;
	color: #FFCC00;
	text-decoration: underline;
	font-size:12px;
	background: url(../images/readmore.png) no-repeat center left;
}
p em {
	font-style: normal;
}
#tourguide:after {
	content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	margin-bottom:-5px;
}
ul#tourguide {
	margin-left: 0; padding:0 5px;
	height: 85px;
	list-style: none;
	text-align:left;
}
#tourguide li {
	padding: 9px 8px 0;
	width: 215px;
	float: left;
}
#tourguide em {
	font-size: 14px;
	line-height: 16px;
	font-weight: bold;
}
#tourguide em a {
	color: #336633;
	text-decoration:none;
}
#tourguide p a{
	font-size: 12px;
	color: #333;
	line-height: 18px;
	text-decoration:underline;
}
#tourguide a.morestories {
	float: left;
	width:110px;
	height:19px;
	padding-left:5px;
	color:#FFFFFF;
	text-decoration: none;
	font-size:12px;
	background: url(../images/readmore.png) no-repeat center left;
}
#tourguide a.morestories:hover {
	float: left;
	width:110px;
	height:19px;
	padding-left:5px;
	color: #FFCC00;
	text-decoration: underline;
	font-size:12px;
	background: url(../images/readmore.png) no-repeat center left;
}
/*.testimonail{
	width:100%;
	height: auto;
	background:url(../images/testimonials_bg.gif) repeat-x top;
	border-top: 1px #666666 solid;
	border-bottom: 1px #666666 solid;
	float:left;
}
.testi_text{
	width:73%;
	height:auto;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	padding-left:10px;
	padding-right:10px;
	text-align:left;
	clear:both;
}
.readmore{
	width:12%;
	height:auto;
	float:left;
	background: url(../images/readmore.png) no-repeat center left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color: #FFFFFF;
	padding-left:12px;
	text-align:left;
	
}*/
.testi_img{
	width:7%;
	height:auto;
	float:left;
}
.links{
	width:100%;
	height:108px;
	background: url(../images/links.gif) no-repeat top;
	float:left;
	margin-top:9px;
}
.text{
	width:100%;
	height: auto;
	float:left;
	margin-top:9px;
	padding-bottom:20px;
	text-align:left;
}
.content{
	padding-left:4%;
	width:92%;
	height: 100%;
	float:left;
	text-align:justify;
}
.content ul 
{ margin:0px auto;  padding:0px; list-style:none;


}
.content ul li
{
	text-align: justify;
	display: block;
	padding-left:20px;
	margin-top:5px;
	color: #000000;
	background-image: url(../images/bullet_circle.jpg);
	background-repeat: no-repeat;
	background-position: left top;	 
	  
}

.content h1
{
font-family: Arial, Helvetica, sans-serif;
font-size:13px;
font-style:normal;
font-weight: bold;
color:#3B9A35; 
margin:0 auto;
margin:10px 0px 0px 0px;
text-decoration:underline;
}
h1{
font-family: Arial, Helvetica, sans-serif;
font-size:14px;
font-style:normal;
font-weight: bold;
color:#3B9A35; 
margin:0 auto; 
margin:10px 0px 0px 0px;
padding-bottom:10px;
text-decoration:underline;
}
.content h2
{

font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-style:normal;
font-style:italic;


font-weight: bold;
color:#3B9A35;
margin:0 auto;
padding-top:10px;
 
  
 
}
.schedule{
	padding-left:4%;
	width:96%;
	height: 216px;
	float:left;
	background:url(../images/schedule_bg.gif) no-repeat center top;
}
.h2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	color: #CC0000;
	text-decoration:none;
	text-align: left;
}
.top{
	width:100%;
	height:17px;
	background: url(../images/top_bg.gif) no-repeat top;
	float:left;
}
.middle{
	width:100%;
	height: auto;
	background: url(../images/middle.gif) repeat-y top;
	float:left;
}
.bottom{
	width:100%;
	height:17px;
	background: url(../images/bottom_bg.gif) no-repeat top;
	float:left;
}

.space{
	width:96%;
	height:17px;
	float:left;
}
#findcourse{
	margin-top:0px;
	float:left;
	width:85%;
	height:135px;
	border: #55A850 10px solid;
	border-bottom:none;
}
.forminputbox{
	width:400px;
	height:100px;
	border:#006600 1px solid;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-style:normal;
	font-weight:normal;
	float: left;
	text-align: justify; 
}
h3{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	color: #CC0000;
	text-decoration:none;
	text-align: left;
	border-left: 2px dashed #CC0000;
	padding:4px;
	padding-left:8px;
	background:url(../images/links.png) no-repeat left;
}
h4{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color: #006633;
	text-decoration:none;
	text-align: left;
}
.schedulehead{
	background: url(../images/schedule.gif) no-repeat center top;
	width:96%;
	height:40px;
	padding-top:5px;
	text-align: center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color: #FFCC33;
	text-decoration:none;
	float:left;
}
.topics{
	width:91%;
	height: auto;
	padding-top:5px;
	text-align: left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #000000;
	text-decoration:none;
	float:left;
	margin-left:2%;
}
.box1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
	font-weight: bold;
	text-align:center;
	color: #000;
	background: #F5FBEF;
	border-top: 3px solid #E3F6CE;
	border-bottom: 3px solid #E3F6CE;
	padding: 4px;
}
.footer_main {
	background:url(../images/footer.jpg) repeat-x bottom left;
	color:#D0E8F8;
	height:43px;
	padding:0px 0 0 0;
	bottom:0px;
	clear:both;
	width:100%;
	left:0px;
	border:none;
}
.footer_main p
{
	text-align: left;
	text-decoration:none;
	padding:0px 0px 0 0;
	margin:0 0;
}
/************** Menu ***************/

.aerobuttonmenu{ /*container that holds a row of aero buttons*/
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: auto;
text-align:center;
padding-left:95px;
}

* html .aerobuttonmenu{ /*IE6 and below hack. Set explicit strip width*/
width: 92%;
}

.aerobuttonmenu a.aero{ /*aero button CSS*/
background: transparent url(../images/aeroleft.gif) no-repeat top left;
display: block;
float: left;
font: bold 13px Verdana, Trebuchet MS; /* Change 13px as desired */
line-height: 23px; /* This value + 8px should equal height of button background (default is 31px) */
height: 31px; /* Height of button background height */
padding-left: 10px; /* Width of left menu image */
text-decoration: none;
margin-right: 5px; /*spacing between buttons*/
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90); /*this and next two rules control opacity of buttons before hover*/
opacity: 0.9;
-moz-opacity: 0.9;
}

.aerobuttonmenu a.aero:link, .aerobuttonmenu a.aero:visited, .aerobuttonmenu a:active{
color: white; /*button text color*/
}

.aerobuttonmenu a.aero span{
background: transparent url(../images/aeroright.gif) no-repeat top right;
display: block;
padding: 4px 10px 6px 0; /*Set 10px here to match value of 'padding-left' value above*/
}

.aerobuttonmenu a.aero:hover{ /* Hover state CSS */
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); /*this and next two rules control opacity of buttons during hover*/
opacity: 1;
-moz-opacity: 0.99;
}

.aerobuttonmenu a.aero:hover span{ /* Hover state CSS (for text) */
color: yellow;
}

.black a.aero{
background-image: url(../images/aeroleftblack.gif);
}

.black a.aero span{
background-image: url(../images/aerorightblack.gif);
}

.aerobuttonmenu .rightsection{
float: right;
width: 100px;
position: relative;
top: 3px;
padding-right: 5px;
text-align: right;
}

.aerobuttonmenu .rightsection a{
color: navy;
}

.tb-gradient {
    border:1px solid #999999;
    background: transparent url(../images/gradient.gif)  repeat-x center left;
    height: 20px;
    width: 230px;
    padding-top:3px;
}
.submit{
    border:0;
    background: transparent url(../images/submit.gif) no-repeat top left;
    height: 22px;
    width: 101px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#006600;
}
.submit1{
    border:0;
    background: transparent url(../images/submit.gif) no-repeat top left;
    height: 22px;
    width: 101px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#006600;
}
.special {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000;
background: #F5FBEF;
border-top: 3px solid #E3F6CE;
border-bottom: 3px solid #E3F6CE;
padding: 10px;
margin: 10px auto;
} 

.success{
border:#7db56c 1px solid;
background:#f5fbef;
height:25px;
width:50px;
font-weight:bold;
text-align:left;
}

.error{
border:#7db56c 1px solid;
background:#f5fbef;
height:55px;
width:450px;
font-weight:bold;
text-align:left;
}


 .free_box {
   width:650px;
   height:auto;
   margin:0 auto;
   padding:0px;
   border:1px solid #000000;
   line-height:15px;
   
} 
/*sidebar*/

#floatdiv {
    float:right;
	width:100%;
	height:195px;
	top:0;
	left:0;
	position: absolute;
		z-index:1000000;
}


#sidebar {
	background-image:url(../images/green_img.png);
	background-repeat:no-repeat;
	height:195px;
	width:35px;
	cursor:pointer;
	z-index:1000000;
    float:right;

}

#sidebar:hover {
   background:url(../images/green_hover.png) no-repeat left top;

}


/*.right_sidebar {
  margin:0;
  width:100%;


  
}

#floatdiv {
	position:absolute;
	width:59px;
	height:200px;
	float:right;
	top:0;
	left:0;
	right:auto;
	margin-left:100%;
	
		


}

#sidebar {
    background: url(../images/right_sidebar.png) no-repeat right top;
	height:204px;
	width:40px;
	margin-left:50%;
	padding:17px 0 0 19px;
	text-align:left;
	line-height:18px;
	float:right;

}

#sidebar a {
 line-height:22px;
 font-size:20px;
 color:#000000;
 font-weight:bold;
 text-decoration:none;
 
}

#sidebar a:hover {
  color:#FFFFFF;
  font-weight:bold;
  text-decoration:none;
 
}

#sidebar a:active {
  text-decoration:none;
  
}
*/

/*/*
                            /*Menu Links*/

/*NOTE: anything not specified for the #(menu id's) a selector and its pseudo classes
may be inherited in some browsers from other 'a' element styles (if any) on the page*/

/*#menu1 a {color:black;background-color:white;text-decoration:none;text-indent:1ex;}
#menu1 a:active {color:black;text-decoration:none;}
#menu1 a:hover {color:black;background-color:#FFFF99}
#menu1 a:visited {color:black;text-decoration:none;}

#menu2 a {color:navy;background-color:white;text-decoration:none;text-indent:1ex;}
#menu2 a:active	{color:blue;text-decoration:none;}
#menu2 a:visited {color:blue;text-decoration:none;}
#menu2 a:hover {color:navy;background-color:#f0fea8}*/

#menu3 a { /*Menu3 Links*/
/*background:url(../images/subsc_img.png) no-repeat left top;
width:51px;
height:195px;*/
background:url(../images/new_sub.gif) no-repeat left top;
width:111px;
height:134px;
color:black;
background-color:white;
text-decoration:none;
text-indent:1ex;
}
#menu3 a:hover {
color:black;background-color:#FFFF99;
/*background:url(../images/subsc_hover.png) no-repeat left top;
width:51px;
height:195px;*/
}
#menu3 a:active	{color:black;text-decoration:none;}
#menu3 a:visited	{color:black;text-decoration:none;}


                           /*End Menu Links*/*/*/
						   
						   
