/* ======================================================================

   Stylesheet prepared by Seth Neilson
   WASAIndustries.com / seth@wasaindustries.com 
   
 ======================================================================== */

/*----------------------------------------------------------------------- 
   Standard styles
 ------------------------------------------------------------------------ */

 * { margin: 0; padding: 0; }

 body {
 color: #333333;
 font-family: geneva, lucida grande, verdana, arial, sans-serif;
 font-size: 10px;
 line-height: 14px;
 background-color: #FFFFFF;
 min-width: 750px;
 background-image: url(images/bg1.gif);
 }

 h1 { font-family: geneva, lucida grande, verdana, arial, sans-serif; font-size: 18px; font-weight: normal; line-height: 22px; }
 
 h2 { font-size: 14px; margin-bottom: 20px; } 
 
 h3 { font-size: 12px; color: #444444; margin-bottom: 7px; margin-top: 7px; /*margin: 0 10px 2px 10px;*/ }
 
 h4 { font-size: 11px; text-transform: uppercase; margin: 0 10px 0 10px; display: inline; }
 
 a h3, a h4, a h1 { color: #333; }
 a:hover h3, a:hover h4, a:hover h1 { color: #cc3300; text-decoration: underline; }
 
 a:link { color: #13b5ea; text-decoration: underline; }
 a:visited { color: #13b5ea; text-decoration: underline; }
 a:hover { color: #316272; text-decoration: none; }
 a:active { color: #13b5ea; text-decoration: none; }
 
 a.hero:link { color: #ADAC97; text-decoration: underline; font-size:9px; }
 a.hero:visited { color: #ADAC97; text-decoration: underline;  font-size:9px;}
 a.hero:hover { color: #ADAC97; text-decoration: none;  font-size:9px;}
 a.hero:active { color: #ADAC97; text-decoration: none;  font-size:9px;}
 
 img { border: 0; }
 

/*----------------------------------------------------------------------- 
   Layout styles
 ------------------------------------------------------------------------ */

 #frame {
 width: 752px;
 text-align: left;
 margin: 0 auto 0 auto;
 background-color: #FFFFFF;
 }
 
 #framebg {
 width: 772px;
 text-align: left;
 margin: 0 auto 0 auto;
 background-image: url(images/bg2.gif);
 padding-bottom: 10px;
 }
 
 #banner {
 width: 752px;
 text-align: left;
 margin: 0 auto 0 auto;
 height: 110px;
 }

 #nav {
 float: left;
 width: 750px;
 height: 31px;
 background: url(images/navigate.gif);
 margin: 0;
 padding: 0;
 position: relative;
 top: 0px;
 border-bottom: 1px solid #FFFFFF;
 }

 #nav span { display: none; }

 #nav li { margin: 0px; padding: 0px; list-style: none; position: absolute; top: 0px; }

 #nav li, #nav a { height: 31px; display: block; }
 #nav1 { left: 0px; width: 181px; }
 #nav2 { left: 181px; width: 185px; }
 #nav3 { left: 0; width: 0; }
 #nav4 { left: 365px; width: 249px; }
 #nav5 { left: 613px; width: 54px; }
 #nav6 { left: 667px; width: 60px; }
 
 #nav1on { left: 0px; width: 181px; background: transparent url(images/navigate.gif) 0px -31px no-repeat; }
 #nav2on { left: 181px; width: 185px; background: transparent url(images/navigate.gif) -181px -31px no-repeat; }
 #nav3on { left: 0; width: 0; background: transparent url(images/navigate.gif) -291px -31px no-repeat;}
 #nav4on { left: 365px; width: 249px; background: transparent url(images/navigate.gif) -365px -31px no-repeat;}
 #nav5on { left: 613px; width: 54px; background: transparent url(images/navigate.gif) -613px -31px no-repeat;}
 #nav6on { left: 667px; width: 60px; background: transparent url(images/navigate.gif) -667px -31px no-repeat;}

 #nav1 a:hover { background: transparent url(images/navigate.gif) 0px -31px no-repeat; }
 #nav2 a:hover { background: transparent url(images/navigate.gif) -181px -31px no-repeat; }
 #nav3 a:hover { background: transparent url(images/navigate.gif) -291px -31px no-repeat; }
 #nav4 a:hover { background: transparent url(images/navigate.gif) -365px -31px no-repeat; }
 #nav5 a:hover { background: transparent url(images/navigate.gif) -613px -31px no-repeat; }
 #nav6 a:hover { background: transparent url(images/navigate.gif) -667px -31px no-repeat; }
 
 .mainContent {
 padding:15px 26px 15px 26px;
 color: #757561;
 font: 12px/15px geneva, lucida grande, verdana;
 }
 
 .sidelinks {
 padding:15px 26px 15px 26px;
 color: #757561;
 font: 11px/14px geneva, lucida grande, verdana;
 }

 #hero {
 border-bottom: 2px solid #ffffff;
 width: 750px;
 margin: 0;
 padding: 0;
 }
 
 .hero { color: #ADAC97; font-size:9px; }
 
 .heroImg {
 border-left: 2px solid white;
 padding-right: 25px;
 }
 
 .lefthero {
 text-align: left;
 margin: 0;
 padding: 12px 26px 26px 26px;
 background-color: #e6e8d3;
 font-family: geneva, lucida grande, verdana, arial, sans-serif;
 font-size: 9px;
 color: #ADAC97;
 }
 
 
 .right {
 text-align: left;
 padding: 26px 26px 26px 23px;
 background-image: url(images/blueness2.jpg);
 background-repeat: repeat-y;
 border-left: 2px solid white;
 background-color: #ffffff;
 color: #757561;
 }
 
 .left {
 text-align: left;
 margin: 0;
 padding: 26px;
 background-color: #e8e8d9;
 font: 12px/16px geneva, lucida grande, verdana, arial, sans-serif;
 color: #757561;
 }
 
 .triplet_a {
 text-align: left;
 padding: 10px 16px 10px 26px;
 color: #959484;
 } 
 .triplet_b {
 text-align: left;
 padding: 10px 16px;
 color: #959484;
 } 
 .triplet_c {
 text-align: left;
 padding: 10px 18px;
 color: #959484;
 }
 
 #footer {
 text-align: left;
 padding: 10px 53px 0px 26px;
 color: #959484;
 font-size: 9px;
 line-height: 12px;
 }
 
 #footer a:link { color: #569fd3; text-decoration: underline;}
 #footer a:hover { color: #316272; text-decoration: none;}
 
 #logos {
 text-align: left;
 padding: 10px 0;
 width: 750px;
 }
  
 #navlist
 {
 margin-left: 0;
 padding-left: 0;
 list-style: none;
 padding-right: 21px;
 }
	
 #navlist li 
 {
 padding-left: 10px;
 background-image: url(images/arrow.gif);
 background-repeat: no-repeat;
 background-position: .05em .5em;
 color: #757561;
 padding-bottom: 6px;
 }  
 
 #mainlist
 {
 margin-left: 0;
 padding-left: 0;
 list-style: none;
 padding-right: 21px;
 padding-top: 10px;
 }
	  
 #mainlist li 
 {
 padding-left: 10px;
 background-image: url(images/mainArrow.gif);
 background-repeat: no-repeat;
 background-position: .05em .7em;
 line-height: 20px;
 }   
 
 #sideList
 {
 margin-left: 0;
 padding-left: 0;
 list-style: none;
 padding-right: 21px;
 padding-top: 10px;
 }
	 
 #sideList li 
 {
 padding-left: 10px;
 background-image: url(images/mainArrow.gif);
 background-repeat: no-repeat;
 background-position: .05em .7em;
 line-height: 15px;
 }   
 
 .mainContent_list
 {
 padding: 20px;
 }   
 
 .courseList {
 padding: 0 10px 0 18px;
 line-height: 15px;
 }
 
 .courseList li {
 padding-bottom: 5px;
 }
 
.mainContent td{
 border-top: 1px solid #efefee;
 font-size: 10px;
 padding: 6px;
 }
 
  ol {padding-left:0;}
 
 .tabletable {
 	border: none;
 	padding: 0;
 }

 .tabletable td {
 	border-right: 1px solid #efefee;
	border-bottom: 1px solid #efefee;
	border-left: 1px solid #efefee;
	border-top: 1px solid #efefee;
	
	padding: 6px 6px 6px 9px;
	}
  
  
  .callout {
  	padding: 10px;
  	background-color: #efefee;
  	border: 1px solid #cccccc;
  
  }