/* CSS Document */

    body{ 
	font-family:  "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
	background:#004460 url(../img/page-bg.png);  
	padding-top:10px; 
	line-height:1.5em;
	}
   
   h1, h2 {margin: 8px 0}
   p{margin: 1em 0}
   .clear{font-size:1px; line-height:1px;margin:0; padding:0; height:1px}

   #wrapper {background:#DAE2E2  url(../img/circuit-board-background.png) center center;   ; width:800px;margin:0 auto ; padding:15px; }
   #header {padding:0; margin:0; background:#fff; height:145px}
   #header h1 {font-size: 110%; color:#000; }
   
   
   
    #header2 {padding:0; margin-top:10px; clear:both}
	 #header2 h2 {font-size:1.3em; background:#fff}
	
	#islideshow {width:566px ; height:255px; top:0; left:0;}
	#ticker {background: #F2891E  url(../img/ticker-background.jpg) top left no-repeat; width:180px; height:255px; float:right}
	#TickerDIV {font-size:50%; list-style:none; padding:5px; height:240px; overflow:hidden}
	#ticker a:hover {color:#fff;}
   
   #maincontent{clear:both; margin-top:15px; text-align:center}
   .round_this{} /*class for jquery corners */
    
   .border{background: #fff;}
   .imgright {float:right; margin-left:10px; padding:2px; color:#fff; border:1px solid #fff; text-align:center; background:#004460 }
   .imgleft {float:left; margin-right:10px; padding:2px; color:#fff; border:1px solid #fff; text-align:center; background:#004460}
   .blueborder{background:#84A4C8;}
   
	.rounded {width:auto;padding:5px;background: #C4E2E0;}
	
   .col{
	padding:10px;

	width:375px;
	float:left;
	margin-top:10px;
	margin-right:25px;
	text-align:left;
	padding: 10px;
	background: #fff;
	color: #000000;
	 z-index:2;
} 
  .colinfo { background:#84A4C8 url(../img/circuit-board-col-backgroun.png) top center; 
   min-height:150px; padding:5px; padding-top:10px;  font-size:.9em; line-height:110%; width:365px;	height:800px;
    z-index:3;}
     .last{ margin-right:0px;}
  

   
   .colheader {background:#ccc; color:#333;  padding-bottom:10px; text-align:center;  color:#fff; font-size:77%} 
   

   .colinfo h2 {font-size: 130%; font-weight:bold; line-height:130%}
   
   #contact{float:right; height:100px;   margin-right:0px; font-size:55%}
   a {color:#444}
   a:hover {color:#F2891E}
   
   /* ***************  footer ***************************/
   #sponsors{list-style:none; margin:0 auto; padding:0}
	.sthumb{background:#fff; text-align:center; float:left; height:70px; margin-right:10px; border:0}
   #footer{background:#fff;line-height:24px;  font-size:.7em;  padding:5px;}
   #footer h2 {font-size:1.2em; text-align:left}
   
   /* *************** signup form ****************************/
   .mainlabel {width:100px; float:left; clear:left; margin:2px 0}
	label.error{clear:left; display:block;color:#fff; font-size:1em; width:280px}
   
  /* sfHover (Menu) Styles */
 #menu {margin-top:10px;  padding: 0; width:785px; background:#fff; height:55px; text-align:center;
 }

 
    #nav, #nav ul { /* all lists */
      padding: 0;
      margin: 0;
	  margin-left: 120px;
      list-style: none;
      line-height: 1;
	  z-index:998;
	  
	  position:absolute; top:177px; left:30px;


    }

    #nav a {
      display: block;
	  text-decoration:none;

    }

    #nav li { /* all list items */
      float: left;
      width: 142px; /* width needed or else Opera goes nuts */	
	  font-size: 100%;

    }
	
	#nav li a, #nav li  li a { padding:0; 
	font-variant:small-caps;	
	font-weight:bold;   
	height:54px; 
	line-height:50px;  
	text-align:center; 
	background: #fff url(../img/button-bga.jpg) top left no-repeat; 
	color:#fff; 
	margin-top:0
	}
	
	#nav li a:hover, #nav li  li a:hover {color:#000; 
	background:#fff url(../img/button-bgb.jpg) top left no-repeat;
	}
	
	
    #nav li ul { /* second-level lists */
      position: absolute;
      background: #84A4C8;
	  padding-right:3px;
	  padding-left:3px;
	  padding-bottom:3px;
      width: 142px;
	  top:54px;
      left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
    }
	
	
	#nav li  li  { font-size:100%; width: 142px;  margin-top:-1px;}
	
	
		#nav li  li a{ /*  2nd level list items */
	 /* background:#F2891E url(../img/bullet_over.gif) left center no-repeat; 
	padding-left:20px;
	  height:25px; 
	  line-height:25px; 
width: 15em; */
	  }
	  
	  
	 #nav li  li a:hover{ /*  2nd level list items */
	 /* 	color:#000;
	  background:#fff url(../img/bullet.gif) left center no-repeat; 
	  */
	  }


    #nav li:hover ul, #nav li.sfHover ul { /* lists nested under hovered list items */
      left: auto;
	  margin-left: -.2em
	 
    }

    #nav li.sfHover ul {
      left: auto; margin-left: -.2em
	
    }


    /* sfFocus Styles */

    .sfFocus {
	font-weight:bold;
    }

    /* sfActive Styles */

    .sfActive {
       background: lime;
      color: #fff;
    }

    /* sfTarget Styles */

    .sfTarget {
      background: black;
      color: #fff;
    }


   
   .clear{clear:both; height:0px; font-size:0px; margin:0; padding:0}