/* CSS Document */



/* General Rules
----------------------------------------------- */

body {
	background: #ffeac3 url(../img/template/bkg_blueStrip.gif) top left repeat-y;
	color: #373750;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 77%;
	margin: 0;
	text-align: center;
	}

img {}

p { margin: 10px 0; line-height: 136%; }

h1 {
	color: #fff;
	font-size: 245%;
	font-style: italic;
	font-weight: normal;
	margin: 60px 40px 0 0;
	text-align: right;
	}
h2 {
	color: #100d2a;
	font-size: 190%;
	font-style: italic;
	font-weight: bold;
	margin: 24px 0 10px 0;
	}
h3 {
	color: #313168;
	font-size: 125%;
	font-weight: bold;
	margin: 25px 0 10px 0;
	}
h3.reverse {
	background-color:#313168;
	color: #fff;
	padding: 5px;
	}
h4 {
	color: #797288;
	font-size: 100%;
	font-weight: bold;
	margin: 15px 0 5px 0;
	}

blockquote { background-color: #f2deb9; border-top: 1px solid #e5d2af; border-bottom: 1px solid #e5d2af; margin: 10px 30px; padding: 10px 20px; }

strong { font-weight: bold; }
em { font-style: italic; } 

ul, ol { margin: 8px 0 8px 25px; }
ul li { list-style: disc; margin: 4px 0; }
ol li { list-style-type: decimal; margin: 4px 0; }

dl { margin: 25px 0; }
dt {
	border-top: 1px solid #d7c6ac;
	font-size: 105%;
	font-weight: bold;
	margin: 12px 0 4px 0;
	padding-top: 12px;
	}
dd { margin: 6px 0 6px 0; }

hr {}

a, a:visited { color: #000099; }
a:hover { color: #7f73a8; }



/* Misc Rules
----------------------------------------------- */

.clearBoth { clear: both; }

.floatRight { float: right; }
.floatLeft { float: left; }

.imgRight { float: right; margin: 0 0 10px 10px; clear: both; }
.imgLeft { float: left; margin: 0 10px 10px 0; }

.alignRight { text-align: right; }
.alignLeft { text-align: left; }

.small { font-size: 75%; }

.noMargin { margin: 0; }
.noTopMargin { margin-top: 0; }
.noBottomMargin { margin-bottom: 0; }

.noBorder { border: none; }

.fade { color: #acacac; }

td { vertical-align: top; }
.pad5 td { padding: 5px; }

.mapBack { font-size: 80%; margin-top: -10px; }

#map {
	background-color: #fff;
	border: 1px solid #b2b2b2;
	padding: 4px;
	}

.siteTable {
	border-left: 1px solid #d7c6ac;
	border-top: 1px solid #d7c6ac;
	width: 100%;
	}
.siteTable th {
	background-color: #373750;
	color: #ffeac3;
	text-align: center;
	}
.siteTable td, .siteTable th {
	border-bottom: 1px solid #d7c6ac;
	border-right: 1px solid #d7c6ac;
	padding: 6px;
	}




/* Wraps
----------------------------------------------- */

#pageWrap {
	background: url(../img/template/bkg_page.gif) left top repeat-x;
	margin: 0 auto;
	text-align: left;
	min-width: 780px;
	width: 100%;
	}

#bodyWrap {
	background: url(../img/template/bkg_body.gif) top left no-repeat;
	border-top: 1px solid #4e5da1;
	margin: 0;
	}


/* Body
----------------------------------------------- */

#content { padding: 50px 30px 20px  52px; width: 100%; }

#sidebar {
	padding: 115px 30px 20px 0;
	text-align: center;
	}

#sidebar img {
	background-color: #fff;
	border: 1px solid #b2b2b2;
	padding: 4px;
	}



/* Navigation
----------------------------------------------- */

#navWrap {
	height: 36px;
	margin: 0 auto;
	width: 820px;
	}

#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	
	}
	
#nav a { color: #fff; display: block; text-decoration: none; }
#nav a:hover {}

#nav li { /* all list items */
	background: none;
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	}

#nav li ul { /* second-level lists */
	background: #ffa90f url(../img/template/bkg_dropDown.gif) left top repeat-x;
	border: 1px solid #916b3a;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	padding: 0;
	position: absolute;
	width: 180px;
	}

#nav li ul li {
	background: url(../img/template/listmark_blueMid.gif) 0 5px no-repeat;
	border-bottom: 1px solid #e99d18;
	padding: 8px;
	width: 164px;
	}
#nav li ul li:hover { background-color: #ffb633; }

#nav li:hover ul, #nav li.sfhover ul { display: block; left: auto; } /* lists nested under hovered list items */


/* Image replacements for nav */

#nav li li { background: none; text-indent: 0; }

#navHome 			{ background-image: url(../img/template/nav_home.gif); height: 36px; width: 64px; display: block; overflow: hidden; text-indent: -9999em; }
#navProfile 		{ background-image: url(../img/template/nav_profile.gif); height: 36px; width: 56px; display: block; overflow: hidden; text-indent: -9999em; }
#navLocations 		{ background-image: url(../img/template/nav_locations.gif); height: 36px; width: 73px; display: block; overflow: hidden; text-indent: -9999em; }
#navServices 		{ background-image: url(../img/template/nav_services.gif); height: 36px; width: 62px; display: block; overflow: hidden; text-indent: -9999em; }
#navWhatYouCanDo	{ background-image: url(../img/template/nav_donations.gif); height: 36px; width: 77px; display: block; overflow: hidden; text-indent: -9999em; }
#navEvents 			{ background-image: url(../img/template/nav_events.gif); height: 36px; width: 88px; display: block; overflow: hidden; text-indent: -9999em; }
#navProjects 		{ background-image: url(../img/template/nav_projects.gif); height: 36px; width: 62px; display: block; overflow: hidden; text-indent: -9999em; }
#navEmployment 		{ background-image: url(../img/template/nav_employment.gif); height: 36px; width: 89px; display: block; overflow: hidden; text-indent: -9999em; }
#navVolunteering 	{ background-image: url(../img/template/nav_volunteering.gif); height: 36px; width: 92px; display: block; overflow: hidden; text-indent: -9999em; }
#navSiteMap 		{ background-image: url(../img/template/nav_siteMap.gif); height: 36px; width: 44px; display: block; overflow: hidden; text-indent: -9999em; }
#navContact 		{ background-image: url(../img/template/nav_contact.gif); height: 36px; width: 73px; display: block; overflow: hidden; text-indent: -9999em; }