/*  
Theme Name: FutureGen
Description: Custom theme designed for FutureGen
Version: 1.0
Author: FD
*/

*, html, body {margin: 0; padding: 0;}

html {min-height: 100%; height: auto;}
body {font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif; font-size: 12px; background: url(img/grass.jpg) center bottom repeat-x #2392e4; color: #333333;}

a {color: #0a68a3; text-decoration:none;}
a:hover {color: #0d84cf; text-decoration: underline;}

#page ul, #page ol, #page2 ul, #page2 ol {margin: 10px 0 10px 20px;}
#page2 {padding: 0 40px 40px 40px;}
#page2 li {margin:0 0 0 20px;}

h1 {font-size: 31px; font-weight:normal;}
h2 {font-size: 21px; font-weight: normal; color: #598600; background: url(img/h2bg.gif) center center repeat-x; padding: 10px;}

img {border:none;}

blockquote {margin: 10px auto; width: 90%;}

table.board {width: 100%; vertical-align: top;}
table.board td {padding: 5px;}
table.board strong {color: #74583d;}
table.board em {color: #555;}

#wrap {background: url(img/sky.jpg) center top repeat-x; min-height: 400px;}
#contentwrap {width: 990px; margin: 0 auto; padding: 23px 0;}

#header, #hpcontent, #content, #footer {width: 960px; margin: 0 auto; padding: 10px;}
#header {background: #fff; padding: 10px 10px 0 10px;}
#header .inner {background: url(img/headerbg.gif) bottom left repeat-x; padding: 10px;}
#header img {float: left; height: 49px; width:187px; padding: 0 0 5px 0;}
#header .toplinks {float: right;}
.toplinks {text-transform: uppercase; font-size: 11px; color: #444;}
.toplinks a {color: #444;}
.toplinks a:hover {color: #777;}
#menu-top-nav {background: url(img/topnav.gif) 0 0 no-repeat; display: block; height: 55px; font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;}
ul#menu-top-nav li {list-style-type:none; display:inline; float: left; line-height: 50px;}
ul#menu-top-nav li a {display:block; padding: 0 10px;border-right: 1px solid #063e62; border-left: 1px solid #1e83c2;color: #dfe5e6; text-decoration: none;font-weight:bold;}
ul#menu-top-nav li a:hover {background: url(img/navhover.gif) 0 0 repeat-x; color: #dfe5e6; border-right: 1px solid #2371a6; border-left: 1px solid #2076b8;}
ul#menu-top-nav li.current-menu-item a {background: #07446b;}
ul#menu-top-nav li.current-menu-item a:hover {border-right: 1px solid #063e62; border-left: 1px solid #1e83c2;}
ul#menu-top-nav li.first a:hover {-moz-border-radius: 3px 0 0 0; -webkit-border-radius: 3px 0 0 0;}
ul#menu-top-nav li.first a {border-left: none!important;}
ul#menu-top-nav li.last a {border-right:none!important;}
.commco {float: right; display:block; height: 50px; width: 234px; position: relative; background: url(img/commco.gif) 0 0 no-repeat;}
.commco:hover {background: url(img/commco.gif) 0 -50px no-repeat;}
.clear {clear:both;}

ul#menu-top-links li {display: inline; padding: 0 7px;}
ul#menu-top-links li + li {border-left: 1px solid #b2b2b2;}


#header input.search {border: 1px solid #aeaeae; padding: 3px;}

/* home page */
.hppromo p {margin: 0 0 10px 0;}
/* carousel */
	.sliderwrapper{
		position: relative; /*leave as is*/
		overflow: hidden; /*leave as is*/
		width: 960px; /*width of featured content slider*/
		height: 274px;
	}
	.sliderwrapper .contentdiv .text {width: 430px; height: 234px; overflow:hidden; padding: 20px; font-size: 16px; /*color: #d9ebf5;*/ color:#FFF;}
	.sliderwrapper .contentdiv{
		color: #fff;
		visibility: hidden; /*leave as is*/
		position: absolute; /*leave as is*/
		left: 0;  /*leave as is*/
		top: 0;  /*leave as is*/
		width: 960px; height: 274px;
		filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
		-moz-opacity: 1;
		opacity: 1;
	}
	.sliderwrapper .contentdiv img.alignleft {margin: 0 30px 30px 0;}
	.sliderwrapper .contentdiv a {background: url(img/button.gif) top center repeat-x; font-size: 12px; font-weight: bold; color: #003366; -moz-border-radius: 3px; -webkit-border-radius: 3px; padding: 8px 20px;}
	.sliderwrapper .contentdiv a:hover {color: #0d84cf; text-decoration:none; background-position: bottom center;}
	.sliderwrapper .contentdiv h1 {font-size: 44px; font-weight: bold; /*color: #d9ebf5;*/ color:#FFF;}
	.pagination{
		width: 960px; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/
		text-align: right;
		margin: 0;
		padding: 4px 0;
	}

	.pagination a{
		margin: 0 0 0 0;
		padding: 3px 5px;
		text-decoration: none; 
		color: #9d9d9d;
		font-weight: bold;
		position: relative;
		top: -25px;
		left: -5px;
		z-index: 5000;
		background: #525252;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
	}
	
	.pagination a:hover, .pagination a.selected{
		color: #fff;
		background: #3b3b3b;
	}
	
	
	#list_nav {
	/*border-left: 1px solid #999;*/
	background: url(img/tabbg.gif) repeat-x;
	padding-bottom: 11px;
}

#list_nav li {
	float: left;
	margin-right: 10px;
}

#list_nav li a {
	text-decoration: none;
	padding: 6px 14px;
	display: block;
	font-weight: normal;
	font-size: 18px;
}


/* Below are the necessary parts of jquery-ui.css */
	/* Layout helpers
	----------------------------------*/
	.ui-helper-hidden { display: none; }
	.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
	.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
	.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
	.ui-helper-clearfix { display: inline-block; }
	/* required comment for clearfix to work in Opera \*/
	* html .ui-helper-clearfix { height:1%; }
	.ui-helper-clearfix { display:block; }
	/* end clearfix */
	.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }


	/* only absolutely necessary part of that jquery-ui.css file */
	.ui-tabs .ui-tabs-hide {
		display:none !important;
	}

	/* Interaction states
	----------------------------------*/
	.ui-state-default a {
		color: #fff;
		background-color: #bbbbbb;
		border: 1px solid #999;
		margin-top: 0px;
	}
	.ui-state-default a:hover {background: #a9a9a9;}
	
	.ui-state-active a:hover, .ui-state-active a {
		color: #333;
		background: #fff;
		border: 1px solid #999;
		border-bottom: 1px solid #fff;
		margin-top: 0px;
	}
	
#tabs {float: left; width: 498px;}
#about {float: right; width: 220px;}
#about h1 {background: url(img/aboutbg.gif) 0 0 repeat-x; padding: 10px 12px; font-weight: normal; font-size: 19px;}
	
#content, #hpcontent {margin-top: -5px; }
#hpcontent {background: #fff;}
#content {background: url(img/intbg.gif) top center repeat-y;}
p {margin: 10px 0;}
img.alignleft {float: left; margin: 0 5px 5px 0;}
img.alignright {float: right; margin: 0 0 5px 5px;}
img.aligncenter {display:block; margin: 5px auto;}

.dots {border-bottom: 1px dotted #999; margin: 10px 0;}
.doubledots {border-top: 1px dotted #999; padding: 1px 0 0 0; border-bottom: 1px dotted #999; margin: 10px 0;}

#about a, .arrow, #aside .quicklinks a, #aside .archive a {background: url(img/arrow_bullet.gif) left center no-repeat; padding: 2px 0 2px 20px;}
.rss {background: url(img/rss.gif) left center no-repeat; padding: 3px 0 3px 20px;}

#about hr {border: none; height: 1px; background: #d1d1d1; margin: 10px 0;}

/* social link styles */
#social {text-align: right; border-bottom: 1px solid #d9d8d2; padding: 0 0 10px 0; margin: 0 0 10px 0; display:none;}
#social a {font-size: 11px;}
#social .fb {background: url(img/fb.gif) left center no-repeat; padding: 0 0 0 20px;}
#social .tw {background: url(img/tw.gif) left center no-repeat; padding: 0 0 0 20px;}
#social ul li {display: inline;}

/* footer links */
#footer a {color: #444444;}
#footer a:hover {color: #777777;}
.menu-footer-futuregen-project-container, .menu-footer-the-alliance-container, .menu-footer-news-container, .menu-footer-resources-container, .menu-footer-community-container, .menu-footer-contact-us-container {float: left; width: 125px; padding: 0 0 0 15px;}
#footernav ul {list-style:none; font-size: 11px;}
#footernav li.menu-item {font-weight: bold; text-transform: uppercase;}
#footernav ul.sub-menu {margin: 0 0 0 10px;}
#footernav ul.sub-menu li.menu-item {font-weight: normal; text-transform: none;}
#footernav li {text-indent: -10px;}

#section {width: 730px; float: left;}
#aside {width: 229px; float: right; margin: 0 -10px -10px 0;}

#aside h4 {color: #777; text-transform: uppercase; font-size: 13px; margin: 10px 0;}
#aside .promo, #aside .quicklinks, #aside .press, #aside .archive {padding: 10px;}
#aside .quicklinks {background: #f6f5f3;}
#aside .quicklinks a {display:block;}
#aside .quicklinks, #aside .press {border-top: 1px solid #fff;}
#aside .promo, #aside .quicklinks {border-bottom: 1px solid #e0dfda;}
#aside hr {border: none; padding: 0; background: #cac9c7; height: 1px; margin: 10px 0;}
#aside .downloads a {background:none; padding: 5px 0; display:block;}
#aside .archive ul li {list-style:none;}

#crumbs {font-size: 11px; text-transform: uppercase; margin: 15px 0;}

#leftnav {float: left; width: 127px;}
#page {float: right; width: 589px; padding-bottom: 40px;}
#pagehead {margin: -10px 0 0 -10px;}

/* left nav styles */
#leftnav a {color: #333; text-transform: uppercase;}
#leftnav ul.sub-menu li.menu-item a {text-transform: none;}
#leftnav a:hover {text-decoration:none; color: #fff!important; background: #1374ba!important;}
#leftnav .menu-item {display:none;}
#leftnav .current-menu-item, #leftnav .current_page_parent, #leftnav .current-menu-item ul.sub-menu li.menu-item, #leftnav .current_page_parent ul.sub-menu li.menu-item {display: block;}
#leftnav a, #leftnav .current_page_parent a, #leftnav .current-menu-item ul.sub-menu li.menu-item a {display: block; background: #085b96; color: #fff; padding: 10px; border-bottom: 1px solid #fff;}
#leftnav .current-menu-item a {background: #cee0eb; color: #333;}

#footer {background: #f2f0ea; border-top: 1px solid #fff;}

.facts {float:right; display:inline-block; margin:8px 0 10px 10px;}
.facts table {width:266px; border:1px solid #dbdbdb;}
.facts th, .facts td {width:100%; vertical-align:top; font-weight:100;}
.facts th {height:48px; background:#e8e7e2; font-size:18px; line-height:48px; color:#598600; text-align:center;}
.facts td {border-bottom:1px solid #e5e4e1; font-size:13px; line-height:19px; color:454545; background:#f6f5f3 url(img/bullet-green.png) no-repeat 11px 21px; padding:15px 27px;}