/* @override 
	http://localhost/assets/styles/styles.css
	http://usgbc-in.westlakelab.com/assets/styles/styles.css
	http://usgbc-in.org/assets/styles/styles.css
*/

@import url("zero-out.css");

/* Default styles.css */

/* @group Main */

body {
	color: #555;
	background: #fff url(../images/bg_mainBody.jpg) center repeat-y;
	font: 11px/1.4em Arial, Helvetica, sans-serif;
}

div#top-bar {
	background-color: #357F88;
	height: 9px;
}

div#container {
	width: 880px;
	margin: 0px auto;
	position: relative;
}

a {
	color: #84B858;
	text-decoration: none;
}

h1 {
	color: rgb(53, 127, 136);
	font-size: 15px;
}

h2 {
	color: rgb(132, 184, 88);
	font-size: 13px;
}

h3 {
	color: rgb(132, 184, 88);
	font-size: 11px;
}

/* @end */

/* @group Header */

div#header {
	position: relative;
}

h1#logo {
	background: url(../images/logo_usgbc-in.gif);
	width: 170px;
	height: 78px;
	text-indent: -9999px;
}

/* @end */

/* @group Donate */

#donate{
  position: absolute;
  top:3px;
  right:-36px;
  background: #85b859 url("/assets/images/donate.jpg") no-repeat top right;
  height: 113px;
  width: 25px;
  color: white;
  z-index: 7777;
}

#donate.donateHidden{
  z-index: 1;
}

#donate a.clickArea{
  position: absolute;
  top:0;
  right:0;
  height: 100%;
  width:25px;
  display: block;
  text-indent: -7777px;
  background: transparent;
}

#donate p{
  display: none;
  margin: 10px 35px 15px 15px;
  line-height: 16px;
}
#donate p a{
  color: white;
  text-decoration: underline;
}

#donate span{
  position: absolute;
  bottom: 5px;
  right: 10px;
  display: none;
  cursor: pointer;
}

/* @end */

/* @group Navigation */

ul#main-navigation {
	margin-left: 5px;
	margin-bottom: 10px;
	height: 30px;
}

ul#main-navigation li {
	display: inline;
}

ul#main-navigation li a:link, ul#main-navigation li a:visited {
	float: left;
	padding: 5px 5px;
	margin-right: 9px;
	color: #555;
	font-size: 12px;
}

ul#main-navigation li a:hover {
	color: #000000;
}

ul#main-navigation li a:link.active, ul#main-navigation li a:visited.active {
	background-color: #84b858;
	color: #ffffff;
}

ul#main-navigation  li a span {
	border-bottom: 1px dotted #555;
}

ul#main-navigation li a.active span {
	border-bottom: 1px dotted #fff;
}

ul#main-navigation li a span.reg {
	border: none;
	color: #ccc;
}

ul#global-navigation {
	position: absolute;
	top: 10px;
	right: 10px;
}

ul#global-navigation li {
	display: inline;
	margin-right: 10px;
	padding-right: 10px;
	border-right: 1px solid #555;
}

ul#global-navigation li.last {
	border-right: none;
}

ul#global-navigation li a {
	font-size: 12px;
	color: #555;
	text-decoration: underline;
}

#social-media{
  position: absolute;
  top:3px;
  right:0;
}
#social-media li{
  display: inline;
  float: left;
}
#social-media a{
  display: block;
  width:35px;
  height:35px;
  background-image: url("/assets/images/social-media.jpg");
  text-indent: -7777px;
  margin-left: 5px;
}
#sm-phone{
  background-position: 0 0;
}
#sm-linkedin{
  background-position: -39px 0;
}
#sm-facebook{
  background-position: -76px 0;
}
#sm-twitter{
  background-position: -115px 0;
}
#sm-flickr{
  background-position: -152px 0;
}

#newsletter-signup{
  position: absolute;
  right: 205px;
  top: 7px;
}
#newsletter-signup label{
  font-size: 12px;
  margin-right: 3px;
}
#newsletter-signup input{
  color: #969696;
  font-size: 12px;
}
.btn-submit{
  background: url("/assets/images/green-submit-btn.jpg") no-repeat;
  border: none;
  text-indent: -7777px;
  width: 18px;
  height: 18px;
  cursor: pointer;
}
/*
ul#global-navigation li a#contact-link {
	margin-right: 8px;
}
*/

/* @end

*/

/* @group SubNavigation */

ul#sub-navigation {
	float: left;
	width: 150px;
	margin: 20px 10px 20px 10px;
}

ul#sub-navigation li {
	border-bottom: 1px dashed #ccc;
}

ul#sub-navigation li a {
	display: block;
	padding: 15px;
	color: #7f7f7f;
	font-size: 12px;
}

ul#sub-navigation li a.active {
	background-color: #e28212;
	color: #ffffff;
}

/* @end */

/* @group Content */

/* @group Sponsors */

h2#platinum, h2#gold, h2#silver, h2#in-kind, h2#program-sponsors {
	padding-bottom: 5px;
	font-size: 14px;
}

h2#platinum {
	color: #666;
	border-bottom: 1px solid #666;
}

h2#gold {
	color: #993;
	border-bottom: 1px solid #993;
}

h2#silver {
	color: #999;
	border-bottom: 1px solid #999;
}

h2#in-kind, h2#program-sponsors {
	color: #85B859;
	border-bottom: 1px solid #85B859;
}

div#iod-support {
	clear: left;
	margin: 10px 0px;
	background: url(/assets/images/iod-p-bg.gif) repeat-y right top;
	border-bottom: 1px solid #e28212;
}
div#iod-support h2 {
	background-color: #ffffff;
	color: #e28212;
	border-bottom: 1px solid #e28212;
}

div#iod-support p {
	padding: 35px;
	font-size: 12px;
}

div#main-content ul#platinum-list li,
div#main-content ul#gold-list li,
div#main-content ul#silver-list li,
div#main-content ul#in-kind-list li,
div#main-content ul#program_sponsors-list li {
	list-style-type: none;
	display: inline;
}

/* @end */

div#main-content {
	margin: 20px 225px 0px 175px;
}

div#main-content.no-left {
	margin: 20px 225px 0px 20px;
}

div#main-content li {
	list-style-type: disc;
	margin-left: 25px;
}

div#board-list h3 {
	margin-bottom: 2px;
}

div#board-list p span {
	display: block;
	font-weight: bold;
}

div#board-list p {
	margin: 0;
}

ul#gallery-list {
	clear: left;
	width: 650px;
}

ul#gallery-list li {
	display: inline;
}

ul#gallery-list li a img {
	border: 1px solid #ccc;
	margin-right: 7px;
}

div#project {
	width: 656px;
	height: 285px;
	margin-bottom: 20px;
	position: relative;
}

div#information {
	position: absolute;
	top: 0px;
	right: 0px;
	color: #ffffff;
	background-color: #357f88;
	width: 140px;
	padding: 10px;
	height: 265px;
	z-index: 2;
	opacity: .85;

}

div#information h3 {
	font-weight: bold;
	color: #ffffff;
	opacity: 1;
	font-size: 14px;
}

div#information p {
	font-size: 12px;
}

div#front-content {
	margin: 20px 225px 0px 0px;
}

div.box {
	float: left;
	width: 190px;
	padding: 5px 10px;
	margin-right: 8px;
	border-top: 10px solid;
	border-bottom: 5px solid;
	height: 16.5em;
	margin-bottom: 20px;
}

div#green.box {
	border-color: #84B858;
}

div#front-content div#green.box h2 {
	color: #84B858;
}

div#blue.box {
	border-color: #357F88;
}

div#front-content div#blue.box h2, div#front-content div#blue.box a {
	color: #357F88;
}

div#orange.box {
	border-color: #E28212;
}

div#orange.box h2 {
	color: #E28212;
}

div#splash-container {
	position: relative;
	width: 656px;
	height: 285px;
}

div#splash-container img, div#project img {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
}

div#splash-container div#splash-text {
	color: #fff;
	position: relative;
	top: 5px;
	left: 7px;
	z-index: 99;
	font-size: 105%;
}

div#splash-container div#splash-text a, div#splash-container div#splash-text h2 {
	color: #fff;
}

div#splash-container div#splash-text h2, div#splash-container div#splash-text p {
	margin: 0px;
}

div.box h2 {
	text-transform: uppercase;
}

/* @end */

/* @group SubContent */

ul#platinum-sponsors {
	width: 190px;
	height: 120px;
	overflow: hidden;
	position: relative;
}

div#aside-right {
	float: right;
	width: 200px;
	padding: 5px;
}

div#aside-right h3 {
	color: #357F88;
	font-size: 12px;
}

span.sideevents-date {
	font-weight: bold;
	color: #84b858;
	display: block;
	padding: 1px 5px;
	background-color: #eafade;
	margin-bottom: 3px;
}

div.event {
	padding: 8px;
	background-color: #f6f9f2 ;
	border: 1px solid #ccc;
	margin-bottom: 12px;
}

span.event_date {
	font-weight: bold;
	display: block;
	background-color: #357f88;
	color: #fff;
	padding: 5px;
	margin: -8px -8px 10px -8px;
}

span.event_title {
	color: #587b3b;
	font-weight: bold;
	font-size: 12px;
}

div.event p {
	color: #666;
}
/*

 @end */

/* @group Footer */

span#footer {
	display: block;
	width: 879px;
	margin: 25px auto 0px;
	padding: 10px;
	clear: both;
	background: url(../images/bg_mainFooter.gif) repeat-x;
	color: #b3b3b3;
}

/* @end */

/* Event Category Titles
----------------------- */
span.event_category{
  display: block;
  height: 20px;
  width: 200px;
  margin: 0 0 10px 0;
  text-indent: -7777px;
}
span.event_category_1{
  background: url('/assets/images/category_titles/south_central.jpg') no-repeat;
}
span.event_category_2{
  background: url('/assets/images/category_titles/northeast.jpg') no-repeat;
}
span.event_category_3{
  background: url('/assets/images/category_titles/chapter.jpg') no-repeat;
}
span.event_category_4{
  background: url('/assets/images/category_titles/north_central.jpg') no-repeat;
}
span.event_category_5{
  background: url('/assets/images/category_titles/southwest.jpg') no-repeat;
}
span.event_category_6{
  background: url('/assets/images/category_titles/other.jpg') no-repeat;
}
span.event_category_7{
  background: url('/assets/images/category_titles/central.jpg') no-repeat;
}