/* Gulf Savers*/

/*typography*/

body, p {
  font-family:Arial,Helvetica,sans-serif;
  line-height:1.5em;
  color:#000;
  font-size:12px;
}

h1,h2,h3 {
  color:#571d11;
  font-family:"Lucida Sans",Arial,Helvetica,sans-serif;
  line-height:1.3em;
  }

/* layout */


*, ul, li, p, h1, h2, h3, h4, ol, form, input, button,
img, dl, dt, dd, a, select {
	margin:0px;
	padding:0px;
	}

img {
	border:none;
	}

ul, li, ol {
	list-style-type:none;
    }

h1 {
  
  font-size:24px;
  }

h2 {
  font-size:14px;
  }

a {
  text-decoration:none;
  color:#7EA923;
  }

a:hover {
	text-decoration:underline;
    }

sup {
  vertical-align:top;
  font-size:70%;
}

input {
	border:solid 1px #000;
	}

.clear {
  clear:both;
  }

.float-left {
  float:left
  }

.float-right {
  float:right;
  }

div.float-right {
  margin:0 0 12px 12px;
}

img.float-right {
  margin:0 0 12px 12px;
  }

img.float-left {
	float:left;
	margin:0px 24px 0px 0px;
	}

img.right {
  float:right;
  margin:0 0 10px 10px;
}
img.banner {
  margin-bottom:12px;
}

.bold {
  font-weight:bold;
  }

p#non-profit {
  position:absolute;
  left:36px;
  top:134px;

}

body {
  margin:0px auto;
  padding:0px;
  background:#000 url(../images/body-bg-2.jpg) no-repeat center top;
  height:100%;
  }

#background {
  background:url(../images/grid.png) repeat left top;
  height:100%;
}

#container {
	width:862px;
	padding:0px 0 0 0;
	margin:0px auto 0px auto;
	position:relative;
	background:url(../images/page-bg.png) repeat-y left top;
}

#header {
	width:840px;
	height:127px;
	margin:0px auto;
	background:#571d11 url(../images/header.jpg) no-repeat left top;
}

div#tags {
  margin:36px 0 0 0;
}

a.header-tag {
  background: url(../images/tag-donate.png) no-repeat 145px 0px;
  display:block;
  height:30px;
  width:290px;
  margin:0px 24px 12px 0;
}

a.header-tag:hover {
  background-position:0px -30px;
}

a.header-tag span {
  position:absolute;
  left:-4000px;
}

a#tag-donate:hover {
  background: url(../images/tag-donate.png) no-repeat 145px -30px;
}

a.fund-tag {
  background: url(../images/tag-fund.png) no-repeat 12px 0px;
}

a.fund-tag:hover {
  background-position:12px -30px;
}

.border-bottom {
  border-bottom:solid 1px #ccc;
  padding:0 0 18px 0;
  margin:0 0 18px 0;
}

div#header a.donate {
  float:right;
  margin:12px 0 0 0;
}

body.home #main-content a.donate {
  float:left;
  margin-left:14px;
  top:-12px;
}

body.home #main-content h1 {
  
  height:40px;
}

a.donate {
  display:block;
  width:156px;
  height:51px;
  position:relative;
}

a.donate span {
  display:block;
  width:156px;
  height:51px;
  position:absolute;
  left:0px;
  top:0px;
  background:url(../images/donate-page.png) no-repeat left top;
}

a.float-right {
  margin:0 0 12px 12px;
}

#header h1 {
  display:block;
  height:88px;
  width:318px;
  position:relative;
  padding:0px;
  float:left;
}

#header h1 a {
	display:block;
	width:318px;
	height:88px;
}

#header h1 span {
  position:absolute;
  left:-4000px;
}

#share {
  position:absolute;
  top:136px;
  left:774px;
}

div#sidemenu-wrapper {
  background:url(../images/nav-bg.png) no-repeat left bottom;
  padding:0 0 6px 0;
  margin:0 0 24px 0;
}

#nav {
  width:186px;
  background:url(../images/nav-bg.png) no-repeat left top;
  padding:6px 6px 0 6px
  }

#nav li {
	color:#fff;
	display:block;
	width:186px;
}

#nav li a {
	font-size:16px;
	font-weight:bold;
	padding:10px 18px 8px 18px;
	/*background:#77bd11 url(../images/nav-arrow.png) no-repeat 90% 50%;*/
	background:#77bd11;
  display:block;
  color:#fff;
  font-family:Arial, Helvetica, sans-serif;
  text-decoration:none;
  border-top:solid 1px #c8ff79;
  border-bottom:solid 1px #609e09;
  width:150px;
}

#nav li a:hover,
#nav li a.active_menu {
  text-decoration:none;
  /*background:#000 url(../images/nav-arrow.png) no-repeat 160px 12px;*/
  background:#571d11;
  color:#fff;
}

#nav li a.active_menu:hover {
  cursor:default;
  text-decoration:none;
}

#nav li.active_menu li a:hover {
  cursor:pointer;
  text-decoration:underline;
}

#nav li a.home_active_menu {
  cursor:default;
  /*background:#77bd11 url(../images/nav-arrow.png) no-repeat 90% 50%;*/
  background:#77bd11;
}

#nav li.home_active_menu  a:hover {
  background:none;
  color:#fff;
}

#nav li > ul {
	top: auto;
	left: auto;
}

#nav li ul {
	display: none;
  position: absolute;
  top: 36px;
  left:0px;
  z-index:10;
  background:url(../images/subnav-bg.png) repeat left top;
  width:auto;
  padding:8px;
  clear:both;
}

#nav li:hover ul,
#nav li.over ul {
	display:block;
	z-index:1000;
}

#nav li ul li {
  display:block;
  float:none;
  position:static;
  height:auto;
}

#nav li ul li a {
  font-size:11px;
  font-weight:normal;
  color:#000;
  height:100%;
  display:block;
  background:#b8d3f1;
  float:none;
}

#nav li ul li a:hover {
  text-decoration:underline;
}

#content {
  padding:36px 24px;
  width:792px;
  text-align:left;
  overflow:hidden;
  margin:0px auto;
  background:#f7f6f2;
}

#content h1 {
  font-size:24px;
  color:#571d11;
  margin:0 0 24px 0;
  line-height:1.4em;
}

body.faq #content h1 span {
  font-weight:normal;
  font-size:14px;
}

#content h2 {
  padding:0 0 12px 0;
  font-size:17px;
  color:#571d11;
}

#content h2 a {
  text-decoration:none;
}

#content h3,
#content h3 a {
  padding-bottom:12px;
  font-size:14px;
	color:#7ea923;
}

#content a {
  text-decoration:underline;
  color:#571d11;
}

#content #home-top a {
  color:#598e0d;
  text-decoration:none;
}

#content #home-top a:hover {
  text-decoration:underline;
}
#content a:hover {
  color:#598e0d;
}

.caption {
  margin:12px 0 0 0;
  font-style:italic;
}

#main-content p,
#main-content li,
#main-content ul,
#main-content dl {
	padding-bottom:12px;
	font-size:12px;
	color:#333;
}

#main-content dl {
  padding-bottom:24px;
}

#main-content li {
  list-style-type:disc;
  list-style-position:outside;
  margin-left:12px;
}

#content #left-col h2.green  {
  color:#7EA923;
  padding:6px 0;
}

#content #left-col h2.green span {
  font-size:14px;
}

#events li {
  line-height:1.3em;
  padding:0 0 8px 0;
}

#main-content li ul {
 padding:12px 0 0px 0;
}

#main-content li li {
  list-style-type:none;
  font-size:12px;
  padding-bottom:6px;
}

#content p span {
	font-weight:bold;;
}

#content img {
  display:block;
}

#content a.more {
  background:url(../images/arrow.png) no-repeat 100% 0%;
  padding-right:18px;
  text-decoration:none;
}

#content a.more:hover {
  background-position:100% 100%;
}

#main-content {
  width:570px;
  float:right;
}

div.section {
  margin-bottom:24px;
  border-bottom:solid 1px #ccc;
  padding-bottom:12px;
}

h2.float-left {
  width:50%;
  float:left;
}

a.float-right {
  float:right;
}

#left-col {
  width:198px;
  float:left;
}

#left-col h2 {
  font-size:24px;
}

div#social {
  margin-bottom:24px;
  padding-bottom:24px;
  overflow:hidden;
  border-bottom:solid 1px #ccc;
}

div#social a {
  float:left;
  margin-right:4px;
}

#left-col div.caption {
  margin:0 0 24px 0;
}

div.caption {
  margin:12px 0px;
}

div.caption img {
  display:block;
}

div#history {
  width:300px;
  float:right;
  margin-top:36px;
  margin-left:10px;
}

div#history img {
  margin:0 0 6px 0;
}

div#history p {
  text-align:center;
  color:#6f951f;
}

div#rootzone {
  margin-top:0px;
}

div#rootzone img {
  margin:4px 12px 20px 0;
  float:left;
}

div#rootzone p {
  color:#6f951f;
}

#main-content div.caption p {
  font-style:italic;
  font-size:11px;
}

#main-content p.large-text {
  font-size:110%;
}

div.thirds {
  overflow:hidden;
  width:978px;
}

div.thirds div {
  float:left;
  width:300px;
  margin-right:26px;
}

div#partners {
  margin:0px 0 12px 0;
  width:308;
}

div#partners a {
  display:block;
  margin:0 0 24px 0;
}

div#partners h2 a {
  
  margin:0;
}

/*div#donate {
  margin-right:10%;
  padding:0 5% 0 0;
  border-right:solid 1px #ccc;
}
*/
div#home-top {
  overflow:hidden;
}

div#home-top p {
  color:#000;
  font-size:110%;
  
}

div#home-top p span {
  font-size:120%;
  color:#7EA923;
  padding-right:6px;
}

#slideshow {
  width:546px;
  height:335px;
  border:solid 1px #b8b8b8;
  background:#fff;
  margin:0px 0px 24px 0px;
  padding:11px;
}

#slideshow a {
  text-decoration:none;
}

#slideshow img {
  text-decoration:none;
}
body.home #main-content div.caption {
  margin:0 12px 0 0;
}

div#bags {
  overflow:hidden;
}

div#bags img {
  margin:0 0 6px 0;
}

div#bags div.content {
  width:326px;
  float:right;
}

#main_content label {
  font-weight:bold;
  }

#main_content address {
  font-style:normal;
  font-size:14px;
  line-height:1.5em;
  }

div.block {
	float:left;
	width:210px;
	padding-right:10px;
	}

div.row {
  clear:both;
  overflow:hidden;
  width:570px;
  }

dl {
  clear:both;
}

#content dl dd p {
  padding:0 0 6px 0;
}

#content dd ul {
  padding:12px 0 0 0;
}

#content dd li {
  padding-bottom:12px;
}

div#events {
  margin:0px 0 24px 0;
  padding:0 0 12px 0;
  width:308;
  border-bottom:solid 1px #ccc;
}

#content div.event {
  margin:0 0 36px 0;
  /*border-bottom:dotted 1px #aaa;*/
}


#content div.event h4 {
  font-size:110%;
}


#content div.event h3 {
  padding:0;
}

div.event img {
  margin:6px 0px;
}

div.event img.left {
  float:left;
  margin:3px 6px 6px 0;
}

body.faq dt {
  font-weight:bold;
  padding:0 0 6px 0;
  color:#571d11;
  font-size:14px;
}

/*body.list dl {
  clear:both;
  overflow:hidden;
  width:100%;
  border-bottom:dotted 1px #ccc;
  padding-bottom:12px;
}

body.list dt {
  float:left;
  width:170px;
}

*/

body.list #main-content h1 {
  margin-bottom:12px;
}

body.list #main-content h2 {
  font-size:16px;
}

body.list dd {
  float:right;
  width:376px;
  padding-left:24px;
}

body.list h2 span {
  font-size:80%;
}

#content div.logos a {
  margin:0 24px 0 0;
}

#content div.logos {
  margin:0 0 24px 0;
}

#content div.logos a img {
  display:inline;
  margin:0 0 12px 0;
  border:solid 1px #f7f6f2;
}

#content div.logos a:hover img {
  opacity:.6;
  border:solid 1px #ffcc00;
}


body.update #content h3 {
  padding-top:12px;
}

body.update dt {
  font-weight:bold;
}

body.update dt span {
  display:block;
  font-style:italic;
  font-weight:normal;
  font-size:12px;
  color:#777;
}

.video {
  float:left;
  width:279px
}

.first {
  margin-right:12px;
}

.row {
  margin-bottom:24px;
}

#content h3.alert,
#content h3.alert a,
#content h2.alert {
  color:#DC3735;
}



#content h3.alert a:hover {
  color:#598E0D;
}

#footer {
	width:840px;
	overflow:hidden;
	text-align:left;
	clear:both;
	height:20px;
	padding:48px 0 12px 0;
	background:#571d11 url(../images/footer-tag.png) no-repeat center top;
	margin:0 auto;
  }

#footer h2 {
  display:inline;
  float:left;
  color:#fff;
  padding:0 6px 0 0;
}

#footer p,
#footer a {
  color:#fff;
}

#footer a {
  text-decoration:underline;
}

#contact {
  padding:12px;
}

#site_info {
  clear:both;
  height:24px;
  text-align:left;
  overflow:hidden;
  padding:0px 24px;
  color:#9a7768;
  font-size:10px;
  margin:0px auto;
  }

input.submit {
  display:block;
  background:url(../images/directions-button.png) no-repeat left top;
  border:none;
  width:95px;
  height:24px;
  cursor:pointer;
  margin:0 0 12px 0;
}

input#saddr {
  background:url(../images/directions-input.png) no-repeat left top;
  color:#7b7b7b;
  border:none;
  padding:3px 0 0 3px;
  height:20px;
  width:192px;
  margin:0 0 6px 0;
}

#site-info span,
#site_info a {
  color:#9a7768;
}

#site_info a {
  font-weight:bold;
  font-size:11px;
  text-decoration:none;
}

#site_info ul {
	padding-top:38px;
	}

#site_info a:hover {
	color:#fff;
	text-decoration:underline;
	}

#site_info span.right {
	float:right;
	color:#9a7768;
	}

#site_info span.gorges a {
  position:relative;
  width:64px;
  height:13px;
}

#site_info span.gorges a:hover {
  text-decoration:none;
}

#site_info span.gorges a span {
  background:url(../images/gorges-logo.png) no-repeat left top;
  position:absolute;
  top:0px;
  left:0px;
  display:block;
  width:64px;
  height:13px;
}

span.dot {
  padding:0px 6px;
}