@charset "UTF-8";

html {
	min-height:101%;
}

body {
	background-color: #3B2313;
	margin: 0px;
	padding: 0px;
	font-size:66%;
	line-height: 135%;
}


#wrapper {
	position:relative;
	right: 0;
	padding: 0px;
	width: 793px;
	margin: 23px auto 0px;
	background-color: #C2B59B;
	background-image: url(/_images/menu_bg.gif);
	background-repeat:no-repeat;
	background-position:left bottom;
}

.clearFloat {
	height:0px;
	clear:both;
}


#wrapper #logoAndMenu {
	float: left;
	width: 157px;
}


#logo a {
	display:block;
	background-image: url(/_images/logo.gif);
	background-repeat: no-repeat;
	width: 157px;
	height: 188px;
	text-decoration:none;
}

#logo a h1 {
	display: none;
}










/***** MAIN MENU ****/
	
	/***** MAIN MENU ****/
	#menu {
	font-family:"Garamand Classic", "Times New Roman", Times, serif;
	width: 157px;
	text-transform:uppercase;
	font-size:11px;
	}

	*html #menu {
		font-family:Arial, "Times New Roman", Times, serif;
	}
	
	#menu #nav, 
	#menu #nav ul { /* all lists */
	padding: 0px;
	margin: 0px;
	list-style: none;
	width : 157px;
	}
	
	#menu #nav li { /* all list items */
		/*position : relative;*/
		line-height : 1.25em;
		padding:0px;
		margin:0px;
	}
	
	#menu #nav li ul { /* second-level lists */
	position : absolute;
	left: -999em;
	margin-left : 157px;
	margin-top : -1.65em;
	top: 15px;
	}
	
	#menu #nav li ul ul { /* third-and-above-level lists */
		left: -999em;
	}
	
	
	
	
#menu #nav li a:link,
#menu #nav li a:visited {
	border-left: 7px solid;
	bo rder-left-color: #000;
	color : #2F1F0F;
	font-weight : bold;
	text-decoration : none;
	padding: 8px 2px 7px 23px;
	margin:0px;
	display : block;
}
/**** FOR IE6 ****/
*html #menu #nav li a {
	margin-bottom:-15px;
	display : block;
}
/**** END FOR IE6 ****/	

	
	#menu #nav li a:hover {
		color : white;
		background-color : black;
		display: block;
	}
	
	#menu #nav li:hover ul ul, 
	#menu #nav li:hover ul ul ul, 
	#menu #nav li.sfhover ul ul, 
	#menu #nav li.sfhover ul ul ul {
		left: -999em;
	}
	
	#menu #nav li:hover ul, 
	#menu #nav li li:hover ul, 
	#menu #nav li li li:hover ul, 
	#menu #nav li.sfhover ul, 
	#menu #nav li li.sfhover ul, 
	#menu #nav li li li.sfhover ul { /* lists nested under hovered list items */
	/*	left: auto;*/
	}
	
	
#menu #nav #menuAboutUs a {
	border-left-color: #470055;
}
#aboutUs #menu #nav #menuAboutUs a,
#menu #nav #menuAboutUs:hover a {
	background-color:#470055;
	color:#fff;
}

#menu #nav #menuAboutUs li a:hover {
	color:#fff;
}

#menu #nav #menuPrograms a {
	border-left-color: #2F1F0F;
	background-color:#8E744F;
}
#programs #menu #nav #menuPrograms a,
#menu #nav #menuPrograms:hover a {
	background-color:#2F1F0F;
	color:#fff;
}


#menu #nav #menuApplyForServices a {
	border-left-color: #9EA624;
}
#applyForServices #menu #nav #menuApplyForServices a,
#menu #nav #menuApplyForServices a:hover {
	background-color:#9EA624;
	color:#fff;
}



#menu #nav #menuVolunteer a {
	border-left-color: #A44B0E;
	background-color:#8E744F;
}
#volunteer #menu #nav #menuVolunteer a,
#menu #nav #menuVolunteer a:hover {
	background-color:#A44B0E;
	color:#fff;
}

#volunteer #menu #nav #menuVolunteer #subMenuVolunteer {
	display:block;
	left:auto;
	margin-left:0px;
	position:relative;
	margin-bottom:10px;
}
#volunteer #menu #nav #menuVolunteer #subMenuVolunteer a {
	background-color:#F4EFDC;
	color:#000000;
}
#volunteer #menu #nav #menuVolunteer #subMenuVolunteer a:hover {
	color:#A44B0E;
}


#menu #nav #menuDonate a {
	border-left-color: #315878;
}
#donate #menu #nav #menuDonate a,
#menu #nav #menuDonate a:hover {
	background-color:#315878;
	color:#fff;
}




#menu #nav #menuPurchace a {
	border-left-color: #CAA234;
	background-color:#8E744F;
}
#purchase #menu #nav #menuPurchace a,
#menu #nav #menuPurchace a:hover {
	background-color:#CAA234;
	color:#fff;
}



#menu #nav #menuMailingList a {
	border-left-color: #6A120E;
}
#mailinglist #menu #nav #menuMailingList a,
#menu #nav #menuMailingList a:hover {
	background-color:#6A120E;
	color:#fff;
}




#menu #nav li ul {
	z-index:200;
	font-size:9px;
}


#menu #nav li:hover ul li a {
	background-color:#F4EFDC;
	color:#000;
}

#aboutUs #menu #nav #menuAboutUs #subMenuAboutUs {
	display:block;
	left:auto;
	margin-left:0px;
	position:relative;
	margin-bottom:10px;
}





#aboutUs #menu #nav #menuAboutUs #subMenuAboutUs a {
	background-color:#F4EFDC;
	color:#000;
}


#menu #nav #menuAboutUs #subMenuAboutUs li a:hover,
#aboutUs #menu #nav #menuAboutUs #subMenuAboutUs li a:hover {
	color:#470055;
}


#programs #menu #nav #menuPrograms #subMenuPrograms {
	display:block;
	left:auto;
	margin-left:0px;
	position:relative;
	margin-bottom:15px;
}

#programs #menu #nav #menuPrograms #subMenuPrograms a {
	background-color:#E8D9BB;
	color:#000;
}
	
* html #menu #nav li li a {
	width: 125px;
	margin-bottom:-1px;
}	

/***************************/


#wrapper #header {
	background: url(/_images/header_bg.jpg) no-repeat;
	height: 188px;
	width: 636px;
	float: left;
}

#aboutUs #wrapper #header {
	background: url(/_images/header_bg.jpg) no-repeat;
}

#programs #wrapper #header {
	background: url(/_images/header_bgPrograms.jpg) no-repeat;
}

#programs #wrapper.environmental #header {
	background: url(/_images/header_bgEnvironmental.jpg) no-repeat;
}

#programs #wrapper.proBono #header {
	background: url(/_images/header_bgProBono.jpg) no-repeat;
}

#programs #wrapper.predatory #header {
	background: url(/_images/header_bgPredatory.jpg) no-repeat;
}

#programs #wrapper.realEstate #header {
	background: url(/_images/header_bgRealEstate.jpg) no-repeat;
}

#programs #wrapper.smallBiz #header {
	background: url(/_images/header_bgSmallBiz.jpg) no-repeat;
}

#applyForServices #wrapper #header {
	background: url(/_images/header_bgApply.jpg) no-repeat;
}

#volunteer #wrapper #header {
	background: url(/_images/header_bgVolunteer.jpg) no-repeat;
}

#donate #wrapper #header {
	background: url(/_images/header_bgDonate.jpg) no-repeat;
}

#purchase #wrapper #header {
	background: url(/_images/header_bgPurchase.jpg) no-repeat;
}

#mailinglist #wrapper #header {
	background: url(/_images/header_bgMailingList.jpg) no-repeat;
}



#wrapper #content {
	background-color: #FFFFFF;
	width: 521px;
	padding: 65px 40px 50px 50px;
	float: left;
	line-height:135%;
}
/**** FOR IE6 ****/
#wrapper #content {
	width: 545px;
}





/********* FONTS *********/
#wrapper #content h1 {
	font-size: 2em;
	font-style: italic;
	color: #3B2313;
}

#wrapper #content h2 {
	font-size: 1.8em;
	color: #942B1E;
	margin-top: 1.5em;
	margin-bottom: .3em;
	line-height:135%;
}


#wrapper #content h3 {
	font-size: 1.2em;
	color: #942B1E;
}


#wrapper #content p,
#wrapper #content li {
	font-size: 1.2em;
	color: #3B2313;
	line-height: 135%;
}

#wrapper #content li li {
	font-size: 1em;
}

#wrapper #content a:link,
#wrapper #content a:visited {
	color: #942B1E;
}

.errorMessage {
	color:#F00;
	font-size:1.7em;
	line-height:135%;
}

.callout {
	width:150px;
	float:right;
	border:solid 2px #990000;
	padding:10px;
	margin:10px;
}

.callout h3 {
	margin:0px;
	text-align:center;
}

#formMessage {
	float:right;
	width:300px;
}
/********* END FONTS *********/



#wrapper #header #testimonialBg {
	color: #FFFFFF;
	font-size: 1.4em;
	font-style: italic;
	float: right;
	margin-top: 30px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 15px;
	filter: Alpha(Opacity=30);
	background-image: url(/_images/testimonial_bg.png);
	position: absolute;
	left: 745px;
	top: 158px;
	z-index: 200;
	height: 18px;
}

#wrapper #missionStatement {
	display:none;
}




/******* HOME PAGE *******/
#home #wrapper #logoAndMenu {
	/*margin-top:157px;*/
}



#home #wrapper #missionStatement {
	display: block;
	width: 484px;
	height: 123px;
	background-image: url(/_images/home_bg.gif);
	background-repeat: no-repeat;
	padding: 34px 148px 0px 160px;
	font-size: 1.1em;
	line-height: 135%;
}
/*
*html #home #wrapper #missionStatement {
	padding: 34px 10px 0px 10px;
	width: 500px;
	
}*/

#home #wrapper #missionStatement p strong {
	font-size: 1.2em;
	font-style: italic;
}

#wrapper #header #testimonialBubble {
	width: 25px;
	position: absolute;
	top: 203px;
	left: 760px;
	z-index: 500;
}



#footer {
	width: 770px;
	padding-left: 10px;
	color: #FFFFFF;
	text-align:center;
	font: 1em Arial, Helvetica, sans-serif;
	margin: 0px auto;
	padding-right: 10px;
}

#footer #credits {
	font-style: italic;
	font-size: .9em;
}

#aboutUs form label {
	display:block;
	margin:7px 0px 3px;
	font-size: 1.2em;
	font-weight: bold;
	color: #6A120E;
}
#footer a:link,
#footer a:visited {
	color:#fff;
}

#aboutUs #contactUsForm {
	width: 350px;
}


#aboutUs #contactUsForm input[type="text"],
#aboutUs #contactUsForm textarea {
	width: 100%;
	border: 1px solid #3B2313;
}


/****** IN THE NEWS LIST *****/
#aboutUs  #intheNews {
	margin: 0px;
	padding: 0px;
	list-style: none;
	color: #2F1F0F;
	font-size: 1.3em;
}
#aboutUs  #intheNews li {
	margin-bottom: 1em;
	line-height:135%;
}
#aboutUs #intheNews a {
	color: #6A120E;
	text-decoration: none;
	font-weight: bold;
}
/****** END IN THE NEWS LIST *****/


/****** ANNOUNCEMENTS LIST *****/
#aboutUs .announcements {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#aboutUs .announcements li {
	margin-bottom: 1.5em;
}

#aboutUs .announcements li h3 {
	font-size:1.3em;
	margin:0px;
	padding:0px;
}
#aboutUs .announcements li p {
	margin-top: 0px;
	padding-top: 0px;
}
#wrapper #content .details {
	margin-top:-10px;
	padding-top:0px;
	color:#942B1E;
}
/****** END ANNOUNCEMENTS LIST *****/



/****** PROGRAMS LIST *****/
#programs .programList {
	width: 250px;
	float: left;
	margin-right: 10px;
	margin-bottom: 20px;
}
ul.programListMedia {
	list-style:none;
	margin:0px;
	padding:0px;
}



/****** PURCHASE *****/
.itemForPurchase {
	margin: 0px 0px 55px 5px;
}


#purchace .itemForPurchase img {
	margin: 5px 5px 5px 0px;
	float: left;
}
/****** END PURCHASE *****/

#donate table {
	border-top:1px solid #3B2313;
	border-left:1px solid #3B2313;
}

#donate table th,
#donate table td {
	border-right:1px solid #3B2313;
	border-bottom:1px solid #3B2313;
	padding: 3px;
	vertical-align: top;
	font-size: 1.2em;
	color: #3B2313;
	line-height: 135%;
}

.2column {
	float: left;
	width: 45%;
}
#videoPlayerBox {
	text-align: center;
}
#audioPlayer {
	text-align: center;
}

.announcements #wrapper #content h3 {
	font-size:1.5em;
}
.announcements form {
	border-bottom:solid 1px #3B2313;
	margin-bottom:5em;
	padding-bottom:10px;
}.highlight {
	font-weight: bold;
	color: #FF0000;
}
#wrapper #photoCopyright {
	position: absolute;
	z-index: 200;
	width: 242px;
	left: 547px;
	top: 194px;
	color: #C5B59A;
	text-align: right;
	font: 10px Arial, Helvetica, sans-serif;
}