/*

Title: 		Globals & Reset
Media:		Screen
Updated: 	May 4, 2009


/* ---------------------------
		=Layout 
---------------------------- */

.wrap {
	width: 960px; 
	margin: 0 auto;
	text-align: left;
	position: relative;
	}
	
#masthead {
	background: url(../s-img/bg-masthead.jpg) left top repeat-x;
	}
	
#nav {
	background: url(../s-img/bg-nav.jpg) left top repeat-x;
	height: 52px;
	}

#content {
	padding: 15px 0 12px 0;
	background: #f2f6e0 url(../s-img/bg-content.jpg) left top repeat;
	}
	
#center-right {
	float: right;
	width: 803px;
	margin-left: -6px;
	position: relative;
	}
	
#maincol {
	position: relative;
	float: left;
	width: 566px;
	padding-top: 45px;
	background: url(../s-img/bg-maincol2.gif) top center no-repeat;
	}

#maincol .gutter {
	margin: 0 6px 0 5px;
	padding: 0 30px 20px;
	background: #fff;
	border-top: none;
	}
	
#sidecol {
	width: 230px;
	margin: 0;
	float: right;
	}
	
#localnav {
	width: 162px;
	position: absolute;
	left: 0;
	margin-top: 51px;
	}
		
#footer {
	clear: both;
	}

/* No localnav styles */

#full #center-right, #full-search #center-right {
	float: none;
	width: 960px;
	margin-left: 0;
	}

#full #maincol, #full-search #maincol {
	width: 723px;
	background: url(../s-img/bg-maincol-full.gif) top center no-repeat;
	}


/* Nav styles */

#nav li {
	float: left;
	height: 42px;
	font-size: .815em;
	}

#nav li a {
	color: #bbc6e2;
	display: block;
	height: 42px;
	width: 59px;
	text-indent: -99999999px;
	background-position: 0 0;
	background-repeat: no-repeat;
	background-image: url(../s-img/nav-li.gif);
	}
	
#nav li a:hover, #nav li#homepage.here a {
	color: #fff;
	background-position: 0 -42px;
	}
	
#nav li#investigate a {
	width: 199px;
	background-position: -59px 0;
	}

#nav li#investigate a:hover, #nav li#investigate.here a {
	background-position: -59px -42px;
	}
	
#nav li#learn a {
	width: 132px;
	background-position: -258px 0;
	}
	
#nav li#learn a:hover, #nav li#learn.here a {
	background-position: -258px -42px;
	}

#nav li#act a {
	width: 138px;
	background-position: -390px 0;
	}
	
#nav li#act a:hover, #nav li#act.here a {
	background-position: -390px -42px;
	}

#nav li#connect a {
	width: 203px;
	background-position: -528px 0;
	}
	
#nav li#connect a:hover, #nav li#connect.here a {
	background-position: -528px -42px;
	}

#nav li#group-leader {
	float: right;
	}
	
#nav li#group-leader a {
	width: 173px;
	background-position: -787px 0;
	}
	
#nav li#group-leader a:hover, #nav li#group-leader.here a {
	background-position: -787px -42px;
	}
	
/* Logo, search styles */

#masthead img {
	padding: 24px 0 30px;
	float: left;
	}
	
#masthead img.poweredby {
	margin: 32px 0 30px 15px;
	padding: 0;}
	
.searchform {
	float: right;
	margin: 35px 0 0;
	width: 230px;
	position: relative;
	height: 22px;
	line-height: 22px;
	}
	
.searchform input#search {
	width: 190px;
	border: none;
	padding: 5px 3px;
	margin-right: 5px;
	font-size: .687em; /* 11px */
	}
	
.searchform input#btn-search {
	position: absolute;
	}
	
/* Footer styles */

#footer {
	padding: 10px 0 75px;
	font-size: .687em; /* 11px */
	color: #b5b9a1;
	}
	
#footer a {
	color: #fff;
	}
	
#footer p.copy {
	float: left;
	}
	
#footer ul {
	float: right;
	}
	
#footer li {
	float: left;
	}
	
#footer li a {
	padding: 0 8px;
	background: url(../s-img/pipe-footer.gif) right top repeat-y;
	}
	
#footer a:hover {
	color: #bbc6e2;
	}
	
#footer li.last a {
	background: none;
	padding-right: 0;
	}
	
#footer p {
	clear: both;
	}
	
/* Localnav styles */

#localnav h2 {
	background: url(../s-img/bg-lnav-h2.gif) left center no-repeat;
	height: 28px;
	line-height: 28px;
	font-size: 1em;
	padding-left: 12px;
	text-transform: uppercase;
	}
	
#localnav h2 a {
	color: #fff;
	}
	
#localnav ul {
	margin: 8px 0 0 12px;
	}
	
#localnav ul ul {
	margin: 8px 0 8px 8px;
	border-left: 2px solid #e1e4d1;
	padding: 3px 0 3px 8px;
	}
	
	
#localnav li {
	font-size: .75em; /* 12px */
	font-weight: bold;
	padding: 5px 0;
	}
	
#localnav li li {
	font-size: 1em; /* 12px */
	padding: 3px 0;
	font-weight: normal;
	}
	
#localnav li.here {
	background:url(../s-img/bg-lnav-here.gif) 0 14px repeat-x;
	}
	
#localnav li.here a {
	color: #000;
	padding-right: 3px;
	background:url(../s-img/bg-lnav-here-a.gif) 0 2px repeat-x;
	}
	
#localnav li.here li a {
	color: #086bda;
	}
	
#localnav li.here li a:hover {
	color: #39f;
	}
	
#localnav li.here li.here-too a {
	font-style: italic;
	background: none;
	color: #000;
	}
	
#localnav ul a:hover {
	color: #019bfc;
	}