/* FutureStates Main Styles */

@import url(default.css);

body {
	font-family: "Lucida Grande", "Lucida Sans", Arial, Helvetica, sans-serif;
	font-size: 100%;
	line-height: 1em;
	background: #3B353F; /* from #372A38*/ 
	color:#222;
	}
    
div#masthead {
	/*position: absolute;*/
	margin-top:0;
	width: 100%;
	height: 80px;
	background: #57195C url(/images/trees.png) right no-repeat;
	border-bottom: 2px #7E4F82 solid;
	z-index: 2;
}

div#branding {
	height: 30px;
	/*left: -200px;*/
	width: 960px;
	text-align: center;
	padding-top: 15px;
	margin: 0 auto 0 auto;
	background: url(/images/fs_logo.png) 0px 11px no-repeat;
}

div#branding p, div#branding h1 {
   position: absolute;
   left: -9999px;
}

div#nav {
	position: relative;
	height: 40px;
	width: 960px;
	text-align: center;
    margin: 0 auto;
	background: #fff;
}

ul#nav {
	position: relative; 
	margin: 12px auto 15px auto;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
}

ul#nav li {
	display: inline;
	margin: 0 13px 0.15em 13px;
	background: #57195C;
}

ul#nav li a, ul#nav li a:visited {
	color: #D8D0D8;
	font-size: 1em;
	font-weight: normal;
	text-decoration: none;
	border-bottom: 1px #9F7BA2 solid;
}

ul#nav li a:hover {
	color: #FFF;
	font-size: 1em;
	font-weight: normal;
	text-decoration: none;
	border-bottom: 2px #C0A1C5 solid;   /*#D0AED3*/
}

ul#nav li a.current, ul#nav li a:visited.current {
	color: #EEA20E;
	font-weight: bold;
	border-bottom: none;
}

ul#nav li a.current:hover {
	color: #FFC31B;
}

ul#nav li a:active, ul#nav li a:focus, ul#nav li a.current:active {
	color: #A16DA8;
}


div#container {
	position: relative;
	width: 900px;
	margin: 0 auto 0 auto;
	padding-bottom: 10px;
	/*padding-top:1px;  prevents h2 margin pushing container down */
	background: #FAFAFA url(/images/earth_bg_crop.gif) top right no-repeat;
	border: 6px #A56AAA solid;
	border-bottom: 0px;
	border-top: none; 
	min-height:480px;
	overflow:auto; /* for clearing */
}

div#content {
	width: 900px;  	/*max-height:512px;  overflow: hidden;*/
	color: #2F2F2F;
	font-family: "Lucida Grande", "Lucida Sans", Arial, sans-serif;	
}

div#content h2 {
	display: inline; /* Prevents the direct stylesheet vanishing act */
}

.offleft {
	position: absolute;
	left: -9999px;
}

/* Welcome page divisions: two rows  */

div#welcome-top {
	clear:both;
	overflow: auto;

}

div#welcome-bot {
	clear:both;	
	overflow: auto;
}

/* Text image used for page heading */

div#content .heading {
	margin: 10px 0 0 0;
   }



div#top-a, div#bot-a {
	margin: 10px 0 0 30px;
	width: 410px;
	line-height: 1.15em;
	float: left;
	display: inline; /* doubled margin fix */
}

div#top-a h3 {
	font-size: 0.8125em;  /* from 0.875 */
	margin: 0.8em auto;
}

div#top-a p {
	font-size: 0.75em; /* from 0.812 */
	margin: 0.8em auto;
}

div#top-a p strong {
	font-weight: bold;
	font-size: 1.06em;
	color: #834888;
}

div#top-a a, div#top-a a:visited {
	color: #8D558D;
	text-decoration: underline;
}

div#top-a a:hover {
	color:#6D406D;
	text-decoration: none;
	background: #F8CE9A;
}

/* Welcome page current and recent assignment links */

div.current-assign {
	width: 380px;
/*	background: url(/images/yel_top-trans.png) top left no-repeat; */
	padding: 0px 0 0 0;
	margin: 0 auto 0 20px; 
}

div.current-assign h3 {
	background: url(/images/yel_top-trans.png) top left no-repeat;
	padding-top:8px;
	margin:0;  
}

div.current-assign img {
	border-left: 3px #DDDCC5 solid;
	border-right: 3px #DDDCC5 solid;
	display: block;
	background: #FBFAD4;
	padding: 6px 0;
}

.current-assign ul, .recent ul {
	padding-bottom:13px;
	list-style: none;
}

.current-assign ul li {
	background: #FBFAD4;
	border-left: 3px #DDDCC5 solid;
	border-right: 3px #DDDCC5 solid;
}

.current-assign ul li, .recent ul li {
	font-family: Arial, Verdana, sans-serif;
	font-size: 0.812em;
    padding: 0 10px 0 18px;
	line-height: 1.5em;
}

.current-assign ul li a, .current-assign ul li a:visited, .recent ul li a, .recent ul li a:visited {
	color: #444;
	text-decoration: underline;
	display: block;
	width: 100%;
	padding: 0.25em 0;
	line-height:125%;
}

.current-assign ul li a:hover, .recent ul li a:hover {
		color:#222;
	text-decoration: none;
}

.current-assign-bot {
	background: url(/images/yel_bot-trans.png) bottom left no-repeat;
	height: 13px;
	margin-top:-13px;
}

.recent {
	margin: 24px auto 0 15px; 

}

.recent img {
	margin: 0 0 4px 0;
}




div#top-b, div#bot-b { 
	width:440px;
	float: right;
	/*background: #ff3;*/
}


div#bot-a {
	
}

div#bot-b {
	
}

/* Picture box with rounded border */

.picbox {
	margin-left:15px;
	margin-top: 15px;
}

.picbox-top {
	height:16px;
	background: url(/images/pur_top-trans.png) no-repeat;
	margin-bottom:-18px; /* IE compensation */
	position:relative;
	font-size:1px; /* prevents gap when sized up in IE6 */

}

.picbox-bot {
	height:16px;
	background: url(/images/pur_bot-trans.png) no-repeat;
	margin-top:-18px; /* IE compensation */
	position:relative;
}

.picbox h4 { /* caption */
	width: 310px;
	margin: 10px auto;
	font-size: 0.812em;
	text-align: center;
	color:#8C5D92;
	
}

.picbox-content {
    border-left: 6px #A56AAA solid;
	margin: 16px 0 16px 0px;
	/*overflow: hidden;*/ 
}

.picbox-content img {
	margin: -10px 0 -12px 0;
}


div#footer {
	/*position: absolute;
	bottom:0px;*/
	width: 900px;
	background: #E8D8EA;
	margin:0 auto;
	clear: both;
	height: 1em;
	border: 6px #A56AAA solid;
	border-top: none; 
	border-bottom: 3px #A56AAA solid;
}

div#footer p {
	font-size: 0.625em;
	font-family: Arial, Verdana, sans-serif;
	color: #B296B5;
	letter-spacing: 1px;
	text-align: center;
	margin-top:0;
}


/* Where we do it page */

div#where-links {
	position: relative;
	clear: both;
	background: #865889 url(/images/wherelinks_bg.gif) top left no-repeat;
	top: 27px;
	margin-bottom: 44px;
	overflow: auto; 
	width:900px;

}
div#where-links ul {
	margin:10px auto; 	text-align: center; 
	width:850px
}

div#where-links ul li {
	display: inline;
	font-family: Arial, Verdana, sans-serif;
	font-size: 0.875em;
	line-height: 200%;
	padding-top:10px;
	}

div#where-links ul li a, div#where-links ul li a:visited {
	color: #EDDABF;
	text-decoration: underline;
	white-space: nowrap;
	padding: 0px 10px 0px 10px;
}

div#where-links ul li a:hover {
	text-decoration: none;
	color: #EEA20E;
}

div#where-copy {
	clear: both;
	width: 760px;
	margin: 0 auto;
}

div#where-copy p {
	font-size: 0.812em;
	line-height: 1.6em;
	text-align: center;
	padding-bottom:10px;
}

div#where-copy img {
	display: block;
	margin: 0 auto 10px auto;
}



h3 {font-size: 1em;}


/* Facebox header (sits above ajaxpage to provide full width fixed position)*/

/*div#facebox {padding-top: 40px;height:100%!important;width:100%;background:#000;}*/

div#facebox h2 {
	font-size: 1em;
	text-align: center;
	background: #79507D;
	color: #fafafa;
	padding: 0.5em 1em;
	display:block; /* to display */
	border-bottom: none!important;
	}

div#facebox .body {padding:0!important;} /* removes pale border from heading */

#ajaxpage {
	position: relative;
	padding:0 3px 1px 3px!important;
	/*height:auto; 436*/
	max-height:492px;
	overflow: auto;
	background: #fafafa url(/images/earth_bg_crop.gif) top center repeat-y;
 	border: none!important;
} 

#ajaxpage p {
	width:65%;
	font-size: 0.75em;
	margin: 0.9em 20px 1em 150px;
	line-height: 150%;
	}

div#ajaxpage h3 { 
	font-size: 0.875em;
	line-height: 130%;
	word-spacing:1px;
	text-align: left;
	width:65%;
	padding: 0 ;
	margin: 1em auto 1em 150px!important; 
}

#ajaxpage h4, div#db-project h4 {
	font-size: 0.875em;
	line-height: 140%;
	color:#333;
	text-align: center;
	letter-spacing: 1px;
	word-spacing:3px;
	margin: 1em auto 0 auto;
	padding: 0.4em 0 0.5em 0;
	/*font-variant: small-caps;*/
	font-weight: bold;
	border-top: 1px #c3c3c3 dashed;
	/*background: #e1e1e1;*/
}

div#ajaxpage ul {
	list-style-type: none;
	font-size: 0.812em;
	width: 46em;
	margin: 0.8em auto 0.8em 150px;
}

div#ajaxpage ul li {
	margin: 1em auto;
	background: url(/images/sq_bullet.png) 3px left no-repeat;
	padding-left: 20px;
}

/* General Ajax table styles */

div#db-project {
margin-top: 1em;
}

div#db-project table {
	background: #eed;
	border: 1px #ccc solid;
}

div#db-project table tr:hover {
	background: #fff;
}

div#db-project table th {
	font-size: 0.812em;
	line-height:1.5em;
	text-align: center;
	background: #ddc;
	border-top: 1px #ccc solid;
	color: #333; 
}

div#db-project table td {
	font-size: 0.75em;
	line-height: 1.4em;
	vertical-align: top;
	border-top: 2px #ccc solid;
	border-right: 1px #ccc dashed;
	padding: 0.76em;		
}                   

/* Where page Ajaxpage variations */


/* Where page table styles */

td.where-agency {
	width: 20%;
	font-weight: bold;
}
td.where-assign {
	width: 20%;
} 
td.where-desc {
	width: 60%;
	border-right: none!important;
} 

div.who-list {
	/*position: absolute;*/
	z-index: 1;
}

div.who-list.private-sector {
	margin:0 30px 0px 30px;
	padding-bottom: 10px;  
}

div.who-list.funding {
	margin:15px 0px 20px 30px;  
}

div.who-list ul {
	list-style: none;
	font-size: 0.812em;
	line-height: 160%;
	margin: 10px 0 0 0;
}

div.who-list img {
	margin: 10px auto -5px auto;
}

div.contact-info {
   	margin: 30px auto 20px 60px!important;
}

div.contact-info h3 {
	line-height: 140%;
	margin-bottom:1.5sem;
}

div#contactForm input.quickmessage {
	position: relative;
	margin: 30px auto 20px auto; 
	display:block;
	height:34px;
	width: 251px;
	background: url(/images/text/quickmessage.gif) no-repeat;
	border: 0;
}

div#contactForm input.quickmessage:hover {
	background: left 36px url(/images/text/quickmessage.gif);
	cursor: pointer;
		border: 0; 
}

div#contactForm input.quickmessage submit:focus,
div#contactForm input.quickmessage submit:active
 
{border:0!important; outline:0;}

/* Hiding Facebook content intended only for direct URL access */

div#nonajax {
visibility:hidden!important;
	display: none!important;
}


/* What we do page */

/* What we do links - to open in facebox */

ul#what-mainlinks {
	margin: 5px auto 0 0;
	padding: 8px 0 0 0;
	width: 870px;
	clear: both;
}

ul#what-mainlinks li {
	font-size: 0.75em;
	padding: 0; /* using margin adds to top and bottom in IE */
	margin-bottom: 0.7em;
	padding-left:50px; 
	font-weight: bold; list-style:none;
}

ul#what-mainlinks li a, 
ul#what-mainlinks li a:visited
 {
	padding: 5px 16px 5px 10px;
	display:block;
	/*border-bottom: 1px #ddd solid; - Firefox puts border half under left border */
}

/* Link styles */

#what-a a:hover {background: url(/images/whatbg/whatbg3-trans.png); }
#what-a a, #what-a:visited {color: #456B9B;}   
li#what-a {background:url(/images/whatbg/what_3.png) repeat-y}

#what-b a:hover {background: url(/images/whatbg/whatbg8-trans.png);}
#what-b a, #what-b a:visited {color: #9B5E47;}
li#what-b {background:url(/images/whatbg/what_8.png) repeat-y}

#what-c a:hover {background: url(/images/whatbg/whatbg7-trans.png);}
#what-c a, #what-c a:visited {color: #9C9448;}
li#what-c {background:url(/images/whatbg/what_7.png) repeat-y}

#what-d a:hover {background: url(/images/whatbg/whatbg1-trans.png);}
#what-d a, #what-d a:visited {color: #97579C;}
li#what-d {background:url(/images/whatbg/what_1.png) repeat-y}

#what-e a:hover {background: url(/images/whatbg/whatbg9-trans.png);}
#what-e a, #what-ec a:visited {color: #9C486A;}
li#what-e {background:url(/images/whatbg/what_9.png) repeat-y}

#what-f a:hover {background: url(/images/whatbg/whatbg2-trans.png);}
#what-f a, #what-f a:visited {color: #5E489C;}
li#what-f {background:url(/images/whatbg/what_2.png) repeat-y}

#what-g a:hover {background: url(/images/whatbg/whatbg5-trans.png);}
#what-g a, #what-g a:visited {color: #489C5E;}
li#what-g {background:url(/images/whatbg/what_5.png) repeat-y}

#what-h a:hover {background: url(/images/whatbg/whatbg4-trans.png);}
#what-h a, #what-h a:visited {color: #489C94;}
li#what-h {background:url(/images/whatbg/what_4.png) repeat-y}

#what-i a:hover {background: url(/images/whatbg/whatbg6-trans.png);}
#what-i a, #what-i a:visited {color: #6A9C48;}
li#what-i {background:url(/images/whatbg/what_6.png) repeat-y}


div#what-specific {
	margin-top: 10px;    
	background: url(/js/blank.gif); /* IE7 requires a background to display top border on UL */
}

div#what-specific ul {
	display: block;
	clear:both;
	background: #ffc; /*#FBFAD4*/
	border-top: 2px #A56AAA solid;
	border-bottom: 2px #A56AAA solid; 	
	margin-top: -14px;
	padding: 18px 15px 10px 15px;
	margin-bottom: 0px;
	text-align: center;
}

div#what-specific li {
	display: inline;
	font-family: Arial, Verdana, sans-serif;
	font-size: 0.812em;
	background: url(/images/sq_bullet.png) 7px no-repeat;
	padding: 0 0 0 20px;
	/*white-space: nowrap; - causing vansishing bullets */
	line-height: 1.8em;
}
div#what-specific li a, ul#what-specific li a:visited {
	color: #5E5A6B;
	text-decoration: underline;
	padding:2px 5px;
	white-space: nowrap;
}

div#what-specific li a:hover {
	color:#222;
	text-decoration: none;
	/*background: #E5E2C1;*/
}

div#what-specific li:hover {
	background: url(/images/sq_bullet_over.png) 7px no-repeat;
}

div#what-specific img {
	position:relative;
	margin: 0 auto;
	display: block;
}

/* What page Ajax section styles */

div#facebox h2.what-a {background: #456B9B!important;}
div#facebox h2.what-b {background: #9B5E47!important;}
div#facebox h2.what-c {background: #9C9448!important;}
div#facebox h2.what-d {background: #97579C!important;}
div#facebox h2.what-e {background: #9C486A!important;}
div#facebox h2.what-f {background: #5E489C!important;}
div#facebox h2.what-g {background: #489C5E!important;}
div#facebox h2.what-h {background: #489C94!important;}
div#facebox h2.what-i {background: #6A9C48!important;}

/* What page Ajax menu */

div#jump-projects {

	margin:0px 10px auto -3px!important;
}


div#jump-projects a, div#jump-projects a:visited {	
	width: 99px;
	height: 85px;
	display: block;
	background: url(/images/text/view_projects.png) 0px -85px no-repeat;

	float: left;
	padding:0; 
	text-align: center;
}

div#jump-projects a:hover {
	background: url(/images/text/view_projects.png)  top left no-repeat;
}

div a.jump-top-direct, div#footer-direct {
	display: none!important;
	visibility: collapse!important;
	height: 1px;
}

a.jump-top, a.jump-top:visited {
	text-decoration: none!important;
	font-family: arial, verdana, sans-serif;
	font-size: 0.875em;
    font-weight: bold;
	color: #FFF;
	display: block!important;
	width: auto;
	margin: 0 auto;
	padding: 0.4em 0;
	letter-spacing: 1px;
	text-align: center;
	background: #C0BFB1;
}

a.jump-top:hover {
	color: #625E62;
}

/* What page table styles */

td.what-location {
	width: 15%;
	font-weight:bold;
}
td.what-agency {
	width: 15%;
}
td.what-assign {
	width: 20%;
}

td.what-desc {
	width: 50%;
	border-right: none!important; 
}


/* General table for listed items in Facebox */

div#ajaxpage table.list-table {
	width: 96%;
	font-size: 0.75em;
	font-weight: bold;
	color: #444;
	margin: 2em auto;
	padding: 2em auto;
	background: #DEDBB1;
	border: 1px #ccd solid;
}

table.list-table tr {
	border: 2px #FFFDCD solid;
}

table.list-table td {
	padding: 0.7em;
	vertical-align: top;
	border: 1px #FFFDCD dashed;
} 

/* Remove or reduce margin for Facebox pages containing projects only */

div h4.nomargin {
	margin-top:-1em!important;
	border-top: 0px!important;
}

/* Hiding the Current/Recent pop-up content (Cluetip also does this) */

.false {display:none;}

/* Resources */

.resource {overflow: hidden;margin: 10px 30px;position:relative;border-bottom: 2px #ccc solid;padding-bottom:0.5em;}
.resource div {float:left;}
.resource h3 {margin:0.5em 0;line-height:1.4;}
.resource p {font-size: 0.8125em;margin:0.75em 0;}
.doc-text {width:554px;}
.app-text {width:400px;}
.res-info {float:left;position:relative;overflow:hidden;background:#ddd;padding:10px;font-size:0.875em;border:2px #ccc solid;margin:20px 0 0.5em 20px;}
.res-info.doc {width:240px;}
.res-info.app {width:396px;}
.res-info img, .res-info-caption, .resource .res-info-pic {float:right;}
.res-info-caption, .resource .res-info-pic {width:140px;}
.res-info-caption {clear:right;font-size:0.6975em;text-align:center;margin-top:0.3em;color:#777;}
.res-info img:hover, .res-info-caption:hover {opacity:0.75;}
.res-info h4 {color: #824A87;margin-bottom:0.5em;text-align:center;}
.res-info ul {margin:0.5em 0;font-size:0.875em;width:240px;}
.res-info li {border-bottom: 1px #bbb solid;padding:4px 0;}
.res-info li span {color: #000;display:block;margin:0.25em 0;}
a.dl-button {margin-top: 0.5em;display:block;text-align:center;background:#824A87;padding:5px;color:#fff;border-radius:4px;} /*hover=#6E3E73*/
a.dl-button:hover {background:#6C4076;}
.page-links {margin:1em 30px;}
.page-links h3 {line-height:1.5em;margin:0.75em 0 0.25em;font-size:0.9375em;}
.page-links a:link, .page-links a:visited, .res-info ul a:link, .res-info ul a:visited {color:#692274;text-decoration:underline;}
.page-links a:hover, .res-info ul a:hover {text-decoration:none;color:#491F58;}
.page-links ul {margin:0 0 0.5em;font-size:0.8125em;}
.page-links li {line-height:1.5;}

#facebox .image {background:#000!important;padding: 5px!important;}

ul#nav li {margin:0 10px 0.15em;}