/* -------------------------------------------------------------- 
  
   Boilerplate Screen Styles
   * Version:   0.5 (2007-11-19)
   
-------------------------------------------------------------- */

@import "lib/reset.css";
@import "lib/typography.css";
@import "lib/forms.css";
@import "lib/plugins.css";


/* Site
-------------------------------------------------------------- */
  
  /* Put your site styles here */
  
  #empty { }
  h3 {margin-bottom: 0px;}
  h4 {margin-bottom: 0px;}
  a {color: #6b8b9f; text-decoration: underline;}
  #content img {padding-left: 10px;}
   body {background-color: #879637; font-size: 13px; font-family: Arial, helvetica, sans-serif; color: #6b8b9f;}
  #container { margin: 0 auto; width: 850px; background-color: #6b8b9f;}
  #header { margin: 0; width: 850px; height: 160px; background-color: #fff; background-image: url(../images/header_bg.gif); clear: both;}
  #lang { float: right; margin-right: 30px; margin-top: 10px; color: #879637; font-size: 14px;}
  #logo { float: left; padding-top: 20px; padding-left: 20px;}
  #nav a {text-decoration: none;}
  #nav a:hover {text-decoration: underline;}
  
  #nav, #nav ul { /* all lists */ padding: 0; padding-left: 20px; margin: 0; font-size: 13px; list-style: none; background-color: #6b8b9f; }
  #nav a { display: block; width: 14em; color: #fff; }
  #nav li { /* all list items */ float: left; width: 7.5em; text-align:left;/* width needed! */ }
  #nav li ul { /* second-level lists */ position: absolute; background: #6b8b9f; padding-top: 5px; padding-bottom: 5px; width: 13em; text-align: left; left:-999em; /* for screen readers */ }
  #nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */ left: auto;  }


  #content_home {width: 565px; height: 670px; float: left; background-color: white;  }
  #content { float: left; width: 525px; background-color: white; padding: 20px;  }

  #copy { background-color: #fff;  padding: 20px; }
	
  #home_slideshow {float: right; height: 260px; width: 270px; background-color: lime; margin-right: 20px; }
	
  #copy_callout { float: left; height: 240px; width: 240px; background-color: #bdcad1; margin-left: 20px; padding-left: 10px; padding-top: 20px; color: #fff; background-image:url(../images/hp_bg.gif); background-repeat: no-repeat; background-position: center;}
	#copy_callout a {color: #6b869f;}	
	#copy_callout h4 {padding-top:  25px; color: #6b869f;}
  #sidebar {width: 275px; height: 655px; float: right; background-color: #fff; padding-top: 10px; margin-top:0px; }
	
  #footer {clear:both;    width: 850px; height: 40px; background-image:url(../images/footer.gif); background-repeat: no-repeat; background-position: bottom; margin-top: 10px; padding-top: 10px; background-color: #6b8b9f; }
  #footer p {float: right; text-align: right; font-size: 12px; margin-right: 10px; margin-top: 7px; line-height: 12px; }

	#updates { width: 520px; background-color: #fec64e; height: 30px; margin-left: 20px; margin-bottom: 20px; color: #6b869f; padding-top: 7px; padding-left: 8px;
	}
	
	
	
	
	

	
	
  #subnav {float: right; color: #fff; margin-left: 30px;}
    
    li.headlink ul { display: none; }
    li.headlink:hover ul { display: block; }
  	#navigation { margin-left: 0px; margin-top: 0px;}
  
	#cssdropdown, #cssdropdown ul { list-style: none; }
	#cssdropdown, #cssdropdown * { padding: 0; margin: 0; }
	
	/* Head links */
	#cssdropdown li.headlink {float: left	; margin-left: 35px; }
	#cssdropdown li.headlink a { display: block; text-decoration: none; }
	#cssdropdown li.headlink a:hover { text-decoration: underline; }


	/* Child lists and links */
	#cssdropdown li.headlink ul { display: none; width: 150px; }
	#cssdropdown li.headlink:hover ul { display: block;  margin-left: 10px;  position: absolute;  padding-top: 10px; padding-bottom: 10px; padding-right: 10px; background-color: #6b869f;}
	#cssdropdown li.headlink ul li a { padding-left: 5px;  height: 20px; line-height: 20px; }
	#cssdropdown li.headlink ul li a:hover { text-decoration: underline; }
	
	/* Pretty styling */
	#cssdropdown a { color: white; } #cssdropdown ul li a:hover { text-decoration: none; }
	#cssdropdown li.headlink {}
	#cssdropdown li.headlink ul { padding-bottom: 0px; }

	#eng {margin-left: 80px;}