/* GENERAL 
_____________________________________________________________________________*/
 
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, pre, form, fieldset, th, td, img { 
	margin:0;
	padding:0;
	border:0;
}

fieldset, img {
	border:0;
	margin:0;
	padding:0;
}

table { 
	font-size: inherit;
	border-collapse: collapse;
	border-spacing: 0;
}
 
.clear { 
	clear: both; 
	height: 0px;
	overflow: hidden;
}

th {
	text-align: left;
}

h1, h2, h3, h4 {
	font-size:100%;
}

html, body {
	width: 100%;
	height: 100%;
}

html {
	overflow-y: scroll;
}

body {
	font: 12px/20px Georgia,Garamond,serif;
	color: #393c48;
	background: #e9ddcb;
}

.edit {
	float: left;
}

.copy-right .edit {
	float: right;
}

/* LINKS
_____________________________________________________________________________*/

a { 
	text-decoration: underline; 
	color: #54544c;
	outline: none;
}

a:hover { 
	text-decoration: none; 
}

/* HEADER
_____________________________________________________________________________*/

#home #header-bg {
	height: 564px;
	background: url(/images/site/bg-header-home.jpg) repeat-x;
}

#internal #header-bg {
	height: 127px;
	background: url(/images/site/bg-header-internal.png) repeat-x;
}

#home #header {
	height: 564px;
	width: 980px;
	margin: auto;
	position: relative;
}

#internal #header {
	height: 127px;
	width: 980px;
	margin: auto;
	position: relative;
}

#header .logo {
	z-index: 100;
	position: absolute;
	height: 53px;
	width: 161px;
	left: 10px;
	top: 30px;
}

#header .logo a {
	text-indent: -3000px;
	display: block;
	height: 75px;
	width: 162px;
	background: url(/images/site/logo.png) no-repeat;
}

#header .help {
	background: url(/images/site/sprite.png) 0 -44px;
	height: 125px;
	width: 227px;
	position: absolute;
	z-index: 100;
	left: 15px;
	bottom: 0;
}

/* NAV
_____________________________________________________________________________*/

#topnav {
	position: absolute;
	top: 43px;
	right: 7px;
	width: 753px;
	z-index: 100;
}

.droplinetabs {
	overflow: hidden;
}

.droplinetabs ul {
	margin: 0;
	padding: 0;
	width: 100%;
	list-style: none;
	height: 80px;
}

.droplinetabs li {
	display: inline;
	margin: 0;
	padding: 0;
}

.droplinetabs a {
	float: left;
	color: #e9dcc7;
	text-decoration: none;
	height: 14px;
}

.droplinetabs li:hover a,
.droplinetabs li.here a,
.droplinetabs li.parent-here a,
.droplinetabs a:hover {
	color: #a49686;
}

/* ABOUT */
.droplinetabs a.nav-about-us {
	background: url(/images/site/sprite.png) 0px 0px;
	text-indent: -3000px;
	width: 83px;
}

.droplinetabs li.parent-here a.nav-about-us,
.droplinetabs li:hover a.nav-about-us,
.droplinetabs a.nav-about-us:hover {
	background: url(/images/site/sprite.png) 0px -17px;
}

/* PROGRAMS & SERVICES */
.droplinetabs a.nav-programs-services {
	background: url(/images/site/sprite.png) -83px 0px;
	width: 147px;
	text-indent: -3000px;
}

.droplinetabs li.parent-here a.nav-programs-services,
.droplinetabs li:hover a.nav-programs-services,
.droplinetabs a.nav-programs-services:hover {
	background: url(/images/site/sprite.png) -83px -17px;
}

/* NEWS & EVENTS */
.droplinetabs a.nav-news-events {
	background: url(/images/site/sprite.png) -230px 0px;
	width: 114px;
	text-indent: -3000px;
}

.droplinetabs li.parent-here a.nav-news-events,
.droplinetabs li:hover a.nav-news-events,
.droplinetabs a.nav-news-events:hover {
	background: url(/images/site/sprite.png) -230px -17px;
}

/* OUR SUPPORTERS */
.droplinetabs a.nav-our-supporters {
	background: url(/images/site/sprite.png) -344px 0px;
	width: 118px;
	text-indent: -3000px;
}

.droplinetabs li.parent-here a.nav-our-supporters,
.droplinetabs li:hover a.nav-our-supporters,
.droplinetabs a.nav-our-supporters:hover {
	background: url(/images/site/sprite.png) -344px -17px;
}

/* GET INVOLVED */
.droplinetabs a.nav-get-involved {
	background: url(/images/site/sprite.png) -462px 0px;
	width: 103px;
	text-indent: -3000px;
}

.droplinetabs li.parent-here a.nav-get-involved,
.droplinetabs li:hover a.nav-get-involved,
.droplinetabs a.nav-get-involved:hover {
	background: url(/images/site/sprite.png) -462px -17px;
}

/* OTHER RESOURCES */
.droplinetabs a.nav-other-resources {
	background: url(/images/site/sprite.png) -565px 0px;
	width: 125px;
	text-indent: -3000px;
}

.droplinetabs li.here a.nav-other-resources,
.droplinetabs li:hover a.nav-other-resources,
.droplinetabs a.nav-other-resources:hover {
	background: url(/images/site/sprite.png) -565px -17px;
}

/* CONTACT US */
.droplinetabs a.nav-contact-us {
	background: url(/images/site/sprite.png) -689px 0px;
	width: 63px;
	text-indent: -3000px;
}

.droplinetabs li.here a.nav-contact-us,
.droplinetabs li:hover a.nav-contact-us,
.droplinetabs a.nav-contact-us:hover {
	background: url(/images/site/sprite.png) -689px -17px;
}

/* Sub level menu*/
.droplinetabs ul li ul {
	list-style: none;
	padding-top: 14px;
	margin: 0;
	position: absolute;
	z-index: 100;
	left: 0;
	top: 14px;
	visibility: hidden;
}

.droplinetabs ul li ul li a {
	padding-right: 20px;
	color: #9c9c92;
	display: block;
	font: 12px Arial, Helvetica, sans-serif;
}

.droplinetabs ul li ul li a:hover {
	color: #e9dcc7;
}

.droplinetabs ul ul ul {
	display: none !important;
}

.droplinetabs li#li-about-us ul {
	left: 0;
}

.droplinetabs li#li-programs-services ul {
	left: 83px;
	width: 670px;
}

.droplinetabs li ul li a {
	padding-bottom: 10px;
}

.droplinetabs li#li-news-events ul {
	left: 230px;
}

.droplinetabs li#li-our-supporters ul {
	left: 344px;
	width: 400px;
}

.droplinetabs li#li-get-involved ul {
	left: 463px;
	width: 300px;
}

/* SLIDESHOW
_____________________________________________________________________________*/

#slideshow {
	position: absolute;
	height: 564px;
	width: 979px;
}

#slideshow img {
	position: absolute;
	top: 0;
	left: 0;
	z-index:1;
	opacity: 0.0;
}

#slideshow img.active {
	z-index: 10;
	opacity: 1.0;
}

#slideshow img.last-active {
	z-index: 9;
}

/* HOME SCROLL
_____________________________________________________________________________*/

#scroller {
	position: relative;
	height:109px;
}

#scroller a.disabled {
	display: none;
}

#scroller .browse {
	background: url(/images/site/sprite.png);
	display: block;
	height: 53px;
	width: 36px;
	cursor: pointer;
	font-size: 1px;
	position: absolute;
	z-index: 1000;
	top: 33px;
}

#scroller a.left {
	background-position: -13px -189px;
	left: 0px;
}

#scroller a.right {
	background-position: -62px -189px;
	right: 0px;
}

.scrollable {
	position:relative;
	overflow: hidden;
	width: 980px;
	height:109px;
}

.scrollable .items {
	width: 20000em;
	position: absolute;
	clear: both;
}

.scrollable div {
	float: left;
	margin-right: 10px;
	width: 321px;
	height: 109px;
}

.scrollable div {
	display: block;
	width: 321px;
	height: 109px;
}

/* CONTENT
_____________________________________________________________________________*/

#content-bg {
	background: url(/images/site/bg-content.png) repeat-x;
	min-height: 500px;
}

#content {
	width: 980px;
	margin: 0 auto;
}

.line {
	padding-top: 17px;
	border-bottom: 1px solid #c9b299;;
	margin-bottom: 14px;
}

hr {
	border: 0;
	height: 1px;
	margin: 20px 0;
	background: #c9b299;
}

#columns {
	padding-top: 10px;
}

#columns .col {
	float: left;
	width: 33%;
}

#columns h2 {
	height: 39px;
}

#columns .first .pad {
	padding: 0 20px 0 10px;
}

#columns .first h2 {
	background: url(/images/site/sprite.png) -240px -51px;
	text-indent: -3000px;
}

#columns .middle .pad {
	padding: 0 20px 0 20px;
}

#columns .middle h2 {
	background: url(/images/site/sprite.png) -240px -111px;
	text-indent: -3000px;
}

#columns .last .pad {
	padding: 0 20px 0 30px;
}

#columns .last h2 {
	background: url(/images/site/sprite.png) -240px -163px;
	text-indent: -3000px;
}

#columns a {
	font-weight: bold;
	text-decoration: none;
}

#columns a:hover {
	font-weight: bold;
	text-decoration: underline; 
}

/* INTERNAL
_____________________________________________________________________________*/

.copy-left {
	float: left;
	width: 260px;
	padding-left: 10px;
}

.copy-right {
	float: right;
	width: 650px;
	line-height: 23px;
}

.copy-right h1 {
	color: #00a1d2;
	font: 15px Arial, Helvetica, sans-serif;
	margin-bottom: 20px;
}

.copy-right h2 {
	color: #a49686;
	font: bold 12px Arial, Helvetica, sans-serif;
}

.copy-right ul,
.copy-right ol {
	margin-left: 16px;
}

.copy-right li {

}

.slug {
	text-transform: uppercase;
	font: bold 12px Trebuchet, Arial, Helvetica, sans-serif;
	margin: 46px 0;
	letter-spacing: 1px;
}

.copy-left.pad {
	padding: 20px 10px;
}

.copy-right.pad {
	padding: 20px 10px;
	width: 629px;
}

.copy-left li {
	list-style: none;
	padding-bottom: 15px;
	font: bold 12px Arial, Helvetica, sans-serif;
}

.copy-left li a {
	color: #a49686;
	text-decoration: none;
	display: block;
}

.copy-left li a:hover,
.copy-left li.here a {
	color: #00a1d2;
	text-decoration: none;
}

/* PHOTO GALLERY
_____________________________________________________________________________*/

.gallery-box {
	margin-bottom: 30px;
}

.gallery-wrap {
	position: relative;
	padding: 0 0 0 51px;
	border: 1px solid #cab49f;
}

.copy-right ul.gallery {
	padding: 0 !important;
	margin: 0 !important;
}

.gallery li {
	list-style: none;
	width: 525px;
	min-height: 385px;
	text-align: center;
	padding: 0 !important;
	margin: 0 !important;
}

.gallery li p {
	text-align: center;
	font: 12px Arial, Helvetica, sans-serif;
	color: #cab49f;
}

.gallery-wrap .prev {
	position: absolute;
	left: -1px;
	top: 176px;
	outline: 0;
	display: block;
	height: 53px;
	width: 36px;
	background: url(/images/site/sprite.png) -13px -183px;
	cursor: pointer;
	font-size: 1px;
	z-index: 1000;
	text-indent: -9999px;
}

.gallery-wrap .next {
	position: absolute;
	right: -1px;
	top: 176px;
	outline: 0;
	display: block;
	height: 53px;
	width: 36px;
	background: url(/images/site/sprite.png) -62px -183px;
	cursor: pointer;
	font-size: 1px;
	z-index: 1000;
	text-indent: -9999px;
}

/* FOOTER
_____________________________________________________________________________*/

#footer {
	color: #aa9b8b;
	padding-top: 20px;
	padding-bottom: 40px;
	font-size: 11px;
}

#footer a {
	color: #aa9b8b;
}

#footer .col-1 {
	float: left;
	width: 235px;
	padding-left: 10px;
}

#footer .col-1 h3 {
	height: 16px;
	width: 135px;
	background: url(/images/site/sprite.png) -569px -56px;
	text-indent: -3000px;
}

#footer .col-2 {
	float: left;
	width: 210px;
}

#footer .col-2 h3 {
	height: 16px;
	width: 135px;
	background: url(/images/site/sprite.png) -569px -88px;
	text-indent: -3000px;
}

#footer .col-3 {
	float: left;
	width: 217px;
}

#footer .col-3 h3 {
	height: 16px;
	width: 135px;
	background: url(/images/site/sprite.png) -569px -121px;
	text-indent: -3000px;
}

#footer .col-4 {
	float: left;
	width: 271px;
}

#footer .col-4 p {
	margin: 0;
}