@import url('/styles/slider.css');


html, body {
	margin:0;
	padding:0;
	height:100%;
}

body {
	background:url('/images/body-bg.jpg') #3f3c2d repeat-x;
	font-family:Arial,sans-serif;
	background-position: top -118px;
}

#wrap {
	position: relative;
	min-height: 100%;
	margin:0 auto;
}

#container {
	width: 900px;
	margin: 0 auto;
}

#header {
	height:110px;
	background: #fff;
	float: left;
	width:900px;
	margin:0 0 7px -2px;
}

#nav {
	width:889px;
	margin:0 auto;
	float: left;
}

#nav img {
	border:none;
	margin:20px 0 10px 0;
}

#search {
	float:left;
	width:179px;
	padding-top:7px;
	display: block;
}

#search img {
	display: block;
	float: left;
	padding:6px 5px 0 0;
}

#home #search-box {width:93px;}
#search-box {
	width:100px;
	display: inline;
	float:left;
	font-size:12px;
}

#search-btn {
display:inline;
float:left;
margin-left:2px;
width:23px;
}

#middle-column h1,h2,h3,h4,h5,h6 { 
	color:#c7e923;
}

#middle-column h1 {
	color:#c7e923;
	font-size: 22px;
	clear: both;
	width:500px;
	height:30px;
}

#middle-column h1 a {
	color:#C7E923;
	text-decoration: none;
}

#middle-column h1 a:hover{
	text-decoration:underline;
}

.sIFR-hasFlash h1 {
    visibility: hidden;
	color:#c7e923;
	font-size: 22px;
	clear: both;
	width:500px;
	height:30px;
}

#middle-column h2 {
	margin:10px 0;
	color:#c7e923;
	font-size:18px;
	width: 500px;
	font-family:Arial, sans-serif;
}

#middle-column h2 a {
	text-decoration: none;
		color:#C7E923;

}

#middle-column h2 a:hover {
	text-decoration: underline;
	color:#C7E923;

}

#middle-column h3 {
	margin:10px 0;
	color:#C7E923;
	font-family:Arial, sans-serif;
	font-size:16px;
}

#middle-column h3 a{
	color:#C7E923;
	text-decoration: none;
}

#middle-column h3 a:hover{
	text-decoration: underline;
	color:#C7E923;
}


#middle-column h4 {
	margin:10px 0;
	color:#C7E923;
	font-family:Arial, sans-serif;
	font-size:14px;
}

#middle-column h4 a{
	color:#C7E923;
	text-decoration: none;
}

#middle-column h4 a:hover{
	color:#C7E923;
	text-decoration: underline;	
}

#middle-column h5 {
	margin:10px 0;
	color:#C7E923;
	font-family:Arial, sans-serif;
	font-size:12px;
}

#middle-column h5 a {
	text-decoration: none;
	color:#C7E923;

}

#middle-column h5 a:hover {
	color:#C7E923;
	text-decoration: underline;
}

#middle-column h6 {
	margin:10px 0;
	color:#C7E923;
	font-family:Arial, sans-serif;
	font-size:12px;
	font-weight: normal;
}

#middle-column h6 a {
	text-decoration: none;
}

#middle-column h6 a:hover {
	color:#C7E923;
	text-decoration: underline;
}







/*===========Navigation=============*/


#main-nav {
	width:715px;
	height:33px;
	margin:0 auto 0 auto;
	float: left;
	position:relative;
	z-index:3;
}

#main-nav li {
	float:left;
	font-size:12px;
	display: block;
	padding:0;
	position: relative;
	margin: 0;
}
#main-nav #gbs-drop {
	width:157px;
}
#main-nav #learning-drop {
	width:118px;
}
#main-nav #about-drop {
	width:124px;
}
#main-nav #press-drop {
	width:107px;
}
#main-nav li ul {
	display:none;
	position: absolute;
	left:0;
	top:30px;
	width:170px;
	background:#94a73e;
	cursor: pointer;
	z-index: 100;
}

#main-nav li ul li {
	float: none;
	display: block;
}

#main-nav li ul li a {
	float: none;
	padding:7px 10px;
	display: block;
	font-family:Arial,sans-serif;
	font-size: 13px;
	font-weight: bold;
	color:#fff;
	text-decoration: none;
}

#main-nav li ul li a:hover {
	background: #e7e4cc;
	color:#605d44;
}

#main-nav li:hover ul, #main-nav li.over ul { display: block; }

#main-nav #gbs {
	background: url('/images/nav-sprite.jpg') no-repeat 0 0;
	height:30px;
	width:163px;
	text-indent:-9999px; 
	display: block;
	cursor: pointer;
}

#main-nav #gbs:hover {
	background: url('/images/nav-sprite.jpg') no-repeat 0 -39px;
	height:30px;
	width:163px;
}

#main-nav #learning {
	background: url('/images/nav-sprite.jpg') no-repeat -165px 0;
	height:30px;
	width:123px;
	text-indent:-9999px; 
	display: block;
	cursor: pointer;
}

#main-nav #learning:hover {
	background: url('/images/nav-sprite.jpg') no-repeat -165px -39px;
	height:30px;
	width:123px;
}

#main-nav #about {
	background: url('/images/nav-sprite.jpg') no-repeat -290px 0;
	height:30px;
	width:123px;
	text-indent:-9999px; 
	display: block;
	cursor: pointer;
	
}

#main-nav #about:hover {
	background: url('/images/nav-sprite.jpg') no-repeat -290px -39px;
	height:30px;
	width:123px;
}

#main-nav #involved {
	background: url('/images/nav-sprite.jpg') no-repeat -413px 0;
	height:30px;
	width:106px;
	text-indent:-9999px; 
	display: block;
	cursor: pointer;
}

#main-nav #involved:hover {
	background: url('/images/nav-sprite.jpg') no-repeat -413px -39px;
	height:30px;
	width:106px;
}

#main-nav #press {
	background: url('/images/nav-sprite.jpg') no-repeat -519px 0;
	height:30px;
	width:108px;
	text-indent:-9999px; 
	display: block;
	cursor: pointer;
}

#main-nav #press:hover {
	background: url('/images/nav-sprite.jpg') no-repeat -519px -39px;
	height:30px;
	width:108px;
}

#main-nav #contactUs {
	background: url('/images/nav-sprite.jpg') no-repeat -626px 0;
	height:30px;
	width:86px;
	text-indent:-9999px; 
	display: block;
	cursor: pointer;
}

#main-nav #contactUs:hover {
	background: url('/images/nav-sprite.jpg') no-repeat -626px -39px;
	height:30px;
	width:86px;
 }

/*===========End Nav=============*/

/*==========Content==============*/

#content {
	margin:0 auto 0 auto;
	width:900px;
	padding-bottom:130px;
	
}

#home-calendar {
	background:url('/images/calendar.png') no-repeat top left;
	width:262px;
	height:317px;
	float:left;
	margin:0 0 0 2px;
	font-size:12px;
	color:#fff;
}

#home-calendar p {
	line-height: 14px;
}

#home-calendar .header a {
	color:#aed017;
	font-size:22px;
	text-indent: -9999px;
	background: url('/images/calendar-home.jpg') no-repeat top left;
	height:18px;
	width:83px;
	display: block;
	margin:10px 0 0 15px;
}

#home-calendar .event {
	width:230px;
	height:85px;
	margin:0 0 0 15px;
}

#home-calendar .first {
	padding-top:12px;
}

#home-calendar .middle {
	border-top:1px solid #332b1c;
	border-bottom:1px solid #332b1c;
}

#home-calendar h2 {
	font-size: 16px;
	color:#332b1c;
	margin:5px 0 0 0;
}

#home-calendar a {
	color:#e0ff4c;
	text-decoration: none;
	font-weight: bold;
}

#home-calendar a:hover {
	text-decoration: underline;
}

#welcome {
	position:relative;
	float:left;
	width:626px;
	height:288px;
	background:url('/images/welcome-bg.png') no-repeat top left;
	margin:-9px 0 0 -2px;
}

#welcome #how_do_i_dropdown{
	position:absolute;	
	background-image:url(/images/how-do-i-select-bg.png);
	width:184px;
	height:19px;
	top:29px;
	left:195px;
}

#welcome #how_do_i_text{
	font-size:12px;
	padding:3px 4px;
}

#welcome #how_do_i_dropdown select{
	position:absolute;
	opacity:0;
	top:0;
	font-size:12px;
	width:184px;
}

#welcome #left {
	float:left;
	width:400px;
}

#welcome #left h2 a {
	color:#aed017;
	font-size:22px;
	text-indent: -9999px;
	background: url('/images/welcome-header.png') no-repeat top left;
	height:18px;
	width:80px;
	margin:29px 0 0 25px;
	display: block;
}

#welcome #left p {
	font-size:12px;
	color: #fff;
	margin:15px 0 0 26px;
	width:350px;
}

#welcome #right {
	float:left;
	width:220px;
}

#welcome #right h2 a {
	width: 168px;
	height: 24px;
	display: block;
	background: url('/images/member-header.png') no-repeat top left;
	text-indent:-9999px;
	margin:30px 0 2px 31px;
}

#welcome #right img {
	margin:0px 0 0 35px;
}

#welcome #right ul {
	width:100px;
	float: right;
	margin:10px 10px 0 0;
}

#welcome #right ul li {
	float:left;
	width:30px;
}

#welcome #right .facebook {
	background: url('/images/facebook.jpg') no-repeat top left;
	width:26px;
	height:26px;
	text-indent:-9999px;
	display: block;
}

#welcome #right .twitter {
	background: url('/images/twitter.jpg') no-repeat top left;
	width:26px;
	height:26px;
	text-indent:-9999px;
	display: block;
}

#welcome #right .linkedin {
	background: url('/images/linkedin.jpg') no-repeat top left;
	width:26px;
	height:26px;
	text-indent:-9999px;
	display: block;
}

#welcome #right h3 {
	width: 138px;
	height: 22px;
	display: block;
	background: url('/images/join-header.png') no-repeat top left;
	text-indent:-9999px;
	margin:0 0 2px 62px;
}

#green-building {
	margin:-13px 0 0 -2px;
	width:272px;
	height:295px;
	background:url('/images/right-bg.png') no-repeat top left;
	float:left;
	position: relative;
}

#green-building h2 a {
	width:216px;
	height: 18px;
	background: url('/images/gbs-header.png') no-repeat top left;
	display: block;
	text-indent: -9999px;
	margin:35px 0 0 22px;
}

#green-building p {
	font-size:12px;
	color: #fff;
	margin:10px 0 0 22px;
	width:230px;
}

#green-building a {
	color:#e0ff4c;
	text-decoration: none;
	font-weight: bold;
}

#green-building #discover {
	position: absolute;
	bottom:17px;
	right:24px;
}

#green-building .arrow {
	background: url('/images/arrow.png') no-repeat center right;
	padding-right:12px;
}

#sponsors {
	height:48px;
	width:900px;
	position: relative;
	margin:0 auto;
	clear:both;
}

#sponsors .group {
	margin:0;
}

#sponsors .group li {
	float:left;
	padding:0 45px 0 0;
}

#footer {
	width:100%;
	height:100px;
	background: url('/images/footer-bg.jpg') repeat-x 3px 2px;
	position: absolute;
	bottom:0;
	clear: both;
}

#footer-inner {
	width:900px;
	margin:45px auto 0 auto;
}

#footer-inner img {
	display: block;
	float:left;
}

#footer-inner ul {
	width:700px;
	float:left;
	display: inline;
	margin-left:25px;
	margin-bottom:7px;
}

#footer-inner li {
	float:left;
	padding:0 20px 0 0;
	font-size: 12px;
	display: block;
	margin: 0;
	background: none;
}

#footer-inner p {
	color:#fff;
	font-size: 12px;
	float:left;
	margin-left:25px;
}

#footer-inner a {
	color: #fff;
	text-decoration: none;
}

#footer-inner a:hover {
	text-decoration: underline;
}

#cse-search-results iframe {
	height:510px;
}

/*==========End Content==============*/

/*=========SIFR=============*/

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
	visibility: hidden;
}

/*============Classes===================*/

.floatLeft {
	float:left;
}

.floatRight {
	float: right;
}

.clear {
 clear:both;
}