/* CSS Document */

html	{height:100%;}

body {
background-color:#fff;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
color: #666;
margin:0;
padding:0 0 28px;
text-align: left;
}

p, div, ul, ol, li, h1, h2, h3, h4, h5 {margin-top: 0px;}
img a {border:0;}

h1, h2, h3, h4, h5	{font-family: Arial, Helvetica, sans-serif;}

/*
a:link		{color:#336799}
a:hover		{color:#8bac1f}
a:active	{color:#336799}
a:visited	{color:#336799}
*/

.clear {margin:0; padding:0; clear:both;}

#container	{width:792px; margin:0 auto; background:#fff; padding:0 0 30px;}

#container_top {width:792px; height:86px; padding:0 0 23px;}
	/*#logo {padding:12px 0 0 31px; float:left; margin-right:70px;}*/
	#nav {float:left; width:540px; padding:55px 0 0 0;}
		#nav ul {margin:0; padding:0;}
		#nav li {list-style-type:none; display:inline;}
		#nav a {display:block; height:18px; float: left; background-position:0 -18px; background-repeat:no-repeat;}
			#nav a.environment  {width:96px; background-image: url(../images/mainnav_environment.gif)}
			#nav a.community 	{width:86px; background-image: url(../images/mainnav_community.gif)}
			#nav a.media_center	{width:97px; background-image: url(../images/mainnav_mediacenter.gif)}
			#nav a.utilities 	{width:60px; background-image: url(../images/mainnav_utilities.gif)}
			#nav a.about 		{width:112px; background-image: url(../images/mainnav_aboutupc.gif)}
			#nav a.projects 	{width:65px; background-image: url(../images/mainnav_projects.gif)}
			#nav a:hover	{background-position:0 0px;}

#content_container {width:792px; padding:0; background:url(../images/bg.jpg) no-repeat;}
	
#left_content_container {
	float:left;
	padding:18px 0 0 18px;
	margin-right: 13px;
	width: 438px;
}
	#video_container {padding:18px 18px 0 18px; width:402px; height:313px; background:url(../images/bg_video_container.PNG) no-repeat; margin:0 0 13px;}
		* html #video_container {background:url(../images/bg_video_container.gif) no-repeat;}
		
		
		#video_container img {margin-bottom:11px}
		#video_container p {padding-left:11px; margin:0;}
		#video_container a {margin:0 0 5px;}
			#video_container p#title {color:#4155a4;}
			#video_container p#tags a {color:#808184;} 
			
	#share_email {width:118px; margin:0 0 15px; padding:0 0 0 26px;}
		#share_email a {display:block; float:left; line-height:27px; width:53px; text-align:center; text-decoration:none;}
			#share_email a.share {color:#00aeef; background:url(../images/bg_share.gif); margin-right:10px;}		
			#share_email a.email {color:#fff;}		
		
		
	#what-to-do-next {padding:22px 0 0 30px;}
		#what-to-do-next h2 {color:#35b6e9; font-size:14px; font-weight:normal; margin-bottom:13px;}	
		#what-to-do-next ul	{margin:0; padding:0;}
		#what-to-do-next li {list-style-type:none; margin-bottom:12px;}
		#what-to-do-next a	{display:block; line-height: 25px; padding: 0 0 0 13px; width: 135px; background:url(../images/bg_wtdn_grey.gif) no-repeat; color:#9fcc42; text-decoration:none;}
		
		
#right_content_container {float:left; width:323px; padding:49px 0 0 0;}
	
	#right_content_top 	  {height:18px; width:323px; margin:0; padding:0; background:url(../images/right_col_top.gif) no-repeat;}
	#right_content {background:url(../images/bg_right_content.gif) repeat-y; padding:0 0 0 20px; margin:0; width:303px; height:535px;}
	#right_content .video_item	{margin:0 0 13px; padding:0;}
	#right_content .thumb {width:82px; padding-right:9px; float:left;}
			#right_content .thumb#on	{background:url(../images/bg_video_on.jpg) no-repeat;}
		#right_content .thumb img	{width:79px; height:54px; margin:0 0 4px;}
		#right_content .thumb a	{color:#FFFF66; font-size:10px;}
			#right_content .thumb a	img  {border:#fff 2px solid; margin:0 0 4px;}
				#right_content .thumb a.on img {border:#fff200 2px solid;}
				#right_content .thumb a.on img, #right_content .thumb a:hover img {border:#fff200 2px solid;}
	#right_content .blurb {width:183px; float:left;}	
		#right_content .blurb p.title	{font-weight:bold; font-size:12px; color:#fff; margin:0 0 3px;}	
		#right_content .blurb p.summary {font-weight:normal; font-size:11px; color:#f5f6f6; margin:0;}
	
	#right_content_bottom {height:17px; width:323px; margin:0; padding:0; background:url(../images/right_col_bottom.gif) no-repeat;}
		
/* - commented out for 2009 update of FW site #footer {width:778px; padding:0 0 0 2px; background:#fff;}*/
	#footer p {display:block; padding:0 0 0 10px; float:left;font-size:10px; font-family:Arial, Helvetica, sans-serif;}
	#footer p.copyright { margin-right:20px; line-height:15px;}
	#footer p.footer_links {}
		#footer a {color:#00aeef; text-decoration:none; display:block; float:left; padding:0 8px; line-height:15px;}
			
/* Accordion Styles */


.video_category_header{ /*accordion headers*/
cursor: hand;
cursor: pointer;
font: bold 14px Verdana;
margin:0;
border-bottom: #fff200 dashed 1px;
}

.videos {max-height:425px; overflow:auto; overflow-x:hidden; margin-top:10px; padding-bottom:1px; background:url(../images/video_bottom_border.gif) no-repeat left bottom; }
* html .videos { 
   height: expression(document.body.clientHeight > 393 ? "394px" : "auto" ); /* sets max-height for IE */
}


.openlanguage{ /*class added to contents of accordion header when open*/
color: #fff200; display:block; float:left; width:288px; padding:6px 0;
display:block; 
}

.closedlanguage{ /*class added to contents of accordion header when closed*/
color: #fff200; display:block;  width:288px; padding:6px 0; float:left;
display:block; 
}
.video_category {display:block; float:left; font-size:11px;}
.collapse, .expand {color:#fff; font-size:10px; font-weight:normal; display:block; float:right; padding-right:17px; text-align:right;}
	.expand { background:url(../images/expand.gif) no-repeat right;}
	.collapse { background:url(../images/collapse.gif) no-repeat right;}