/*************** PAGE STRUCTURE ***************/
body {
	margin:0;
	padding:0;
	background:#ede4c4;
	color:#313131;
}

#page {

}

#body-wrapper {
	text-align:center;
}

#body {
	width:960px;
	margin:0 auto;
	text-align:left;
	min-height:350px;
}

#footer {
	width:960px;
	margin:1em auto;
	font-size:0.9em;
	text-align:left;
}
/***** Layout Classes *****/
.half {
	float:left;
	width:480px;
}
.two-thirds {
	float:left;
	width:640px;
}
.third {
	float:left;
	width:320px;
}
.fourth {
	float:left;
	width:240px;
}
.fifth {
	float:left;
	width:192px;
}

/*************** BASE ELEMENT DESIGN ***************/
a:link, a:visited, a:active {
	color:#AB772A;
}
a:hover {
	text-decoration:none;
}
h1,h2,h3,h4,h5,h6 {
	font-family:Georgia, "Times New Roman", Times, serif;
}
#header {
	background:url(../img/hdr-bg.gif) repeat-x left top;
	text-align:center;
	border-bottom:12px solid #ded6b3;
}

#header ul {
	margin:0 auto;
	padding:0;
	width:960px;
	list-style-type:none;
}
#body-wrapper {
	background:url(../img/hdr-bottom-shadow.gif) repeat-x left top;
}

#body {
	background:#f0f0f0;
	border:1px solid #c1b584;
	border-top:none;
}
/*************** HEADER ***************/
#header ul li#logo a {
	display:block;
	width:960px;
	height:165px;
	background:url(../img/logo.png) no-repeat center center;
	text-indent:-999em;
}
#header ul li#logo a:hover {
	background:url(../img/logo-over.png) no-repeat center center;
}

/***** NAV *****/
ul#top-nav li {
	float:left;
	padding:14px 23px;
	background:url(../img/nav-sep.gif) no-repeat right center;
}
ul#top-nav li.last {
	background:none;

}
ul#top-nav li.first {

}
ul#top-nav li a {
	display:block;
	height:16px;
	text-indent:-999em;
	background-position:left top;
	background-repeat:no-repeat;
}
ul#top-nav li:hover {
	background:url(../img/nav-highlight.png) repeat-x left top;
}	
/** Nav Links **/
a#nav-home {
	width:45px;
	background-image:url(../img/nav-home.png);
}
a#nav-about {
	width:46px;
	background-image:url(../img/nav-about.png);
}
a#nav-news {
	width:41px;
	background-image:url(../img/nav-news.png);
}
a#nav-volunteer {
	width:74px;
	background-image:url(../img/nav-volunteer.png);
}
a#nav-resources {
	width:79px;
	background-image:url(../img/nav-resources.png);
}
a#nav-programs {
	width:73px;
	background-image:url(../img/nav-programs.png);
}
a#nav-events {
	width:49px;
	background-image:url(../img/nav-events.png);
}
a#nav-contact {
	width:60px;
	background-image:url(../img/nav-contact.png);
}
a#nav-donate {
	width:55px;
	background-image:url(../img/nav-donate.png);
}

/*************** MAIN CLASSES ***************/
div.padding {
	padding:1.5em;
}
div.content-hdr {
	background:url(../img/content-txt-hdr.gif) repeat-x top left;
	min-height:132px;
}
* html div.content-hdr {
	height:132px;
}
div.padding p, div.padding ul {
	line-height:160%;
}
div.padding h3 {
	border-bottom:1px solid #c5c5c5;
	padding-bottom:3px;
}
div.sidebar {
	background:#eee9d2 url(../img/homepage-side-bg.gif) repeat-x left top;
	min-height:357px;
}
* html div.sidebar {
	height:357px;
}
div#content-wrapper.sidebar {
	background:url(../img/body-sidebar-bg.gif) repeat-y top left;
}
div#content-wrapper.sidebar-right {
	background:url(../img/body-sidebar-bg.gif) repeat-y top right;
}
div.sidebar h3.page-nav-hdr {
	margin-left:1.5em;
}
div.sidebar ul.page-nav {
	list-style-type:none;
	margin:0;
	padding:0;
	font-size:1.2em;
	line-height:140%;
	width:320px;
	background:#ddd7ba;
	border-top:1px solid #ccc5a6;
}
div.sidebar ul.page-nav li {
	width:300px;
	padding:5px 0 5px 20px;
	border-bottom:1px solid #ccc5a6;
}
div.sidebar ul.page-nav li:hover {
	background:#e6e1c6;
}
div.sidebar ul.page-nav li.current-page,div.sidebar ul.page-nav li.current-page:hover {
	background:#c6c0a3;
}
div.sidebar ul.page-nav li a {
	padding-right:22px;
	background:url(../img/icon-arrow.gif) no-repeat right center;
	color:#625339;
}
h2.body-header {
	display:block;
	padding:12px 0 12px 12px;
	background:#8e6828 url(../img/page-hdr-bg.gif) repeat-x left top;
	color:#eace7b;
	margin:0;
}
h2.body-header span {
	font-weight:normal;
	font-size:0.7em;
}

/***** Modules *****/
div.module {
	background:#a09054;
	margin:1.5em;
	color:#ececec;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}
div.module-inner {
	padding:1em;
}
div.module h3 {
	margin:0 0 0.5em 0;
	font-size:1.6em;
	padding-bottom:6px;
	font-weight:normal;
	color:#eee9d2;
	border-bottom:1px solid #d7d3c4;
}
div.module a {
	color:#f3cf68;
}

address {
	text-align:left;
	font-style:normal;
}

/***** Footer *****/
div#footer ul {
	list-style-type:none;
	margin:0;
	padding:0;
	font-size:1em;
}
div#footer h4 {
	margin-top:0;
}
div#footer div.padding {
	padding-top:1em;
}

div ul.social-web li a {
	background-position:left center;
	background-repeat:no-repeat;
	padding:2px 0 2px 19px;
}
ul.social-web li a.fb {
	background-image:url(../img/icon-fb.gif);
}
ul.social-web li a.yt {
	background-image:url(../img/icon-yt.gif);
}
ul.social-web li a.li {
	background-image:url(../img/icon-linked.gif);
}
/***** Forms *****/
form label {
	display:block;
	margin:1em 0;
}
form label span {
	display:block;
	margin:0 0 0.5em 0;
	font-weight:bold;
}
form label span small {
	font-weight:normal;
	color:#777;
}
form label input, form label select {
	width:165px;
	border:1px solid #ccc;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
}
form label input:focus, form label textarea:focus {
	background:#F9FBC8;
}
form label input.small {
	width:75px;
}
form label textarea {
	width:285px;
	height:110px;
	border:1px solid #ccc;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:1em;
}	
form label textarea.small {
	height:65px;
}