@charset "utf-8";
/* CSS Document */
body, h1, h2, h3, p, #nav, #nav li, #sidebar, #sidebar li, #footer ul{
	margin:0;
	padding:0;
}
html {
	overflow-y:scroll; /* always show scroll so pages dont jump in FF */
}
body{
	text-align:center;	
	font-family:Arial, Helvetica, sans-serif;
	font-size:62.5%;
	background:#352e2a;
	color:#1e0700;
}
h1, #nav strong{
	font-family:Cambria, Georgia, "Times New Roman", Times, serif;
	font-weight:normal;	
/*	font-size:2.1em;*/
	font-size:22px;
	display:block;
}
h1{
	padding-bottom:0.5em;	
}
h2, .highlight, thead th{
	font-family:Cambria, Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	/*font-size:1.6em;*/
	font-size:18px;
}
object + h2{
	margin-top:1.8em;	
}
h3, p, li, td, th{
	/*font-size:1.2em;*/	
	font-size:12px;
}
p{
	padding:0.3em 0 0.9em 0;	
	line-height:1.5;
}
td, th{
	vertical-align:text-top;
	border-bottom:1px solid #E0DCD3;
	padding:0.3em 0;
	text-align:left;
}
th{
	padding-right:0.6em;	
}
td{
	padding:0.6em 0 0.6em 0.6em;	
}
ul{
	margin-top:0;	
}
p+ul{
	margin-top:-0.6em;	
}
li{ 
	line-height:1.5;
	padding-bottom:0.6em;
}
a:link{
	color:#36627d;
	text-decoration:underline;
}
a:hover{
	text-decoration:none;	
}
a:visited{
	color:#666;	
}
a img{
	border:0;
}
acronym{
	cursor:help;	
}
blockquote p{
	font-family:Cambria, Georgia, "Times New Roman", Times, serif;
	/*font-size:1.4em;*/
	font-size:14px;
	padding:0.5em;
}
blockquote{
	background:#eee7d7;
	border-right:8px solid #eee7d7;
	border-bottom:8px solid #f2f1e8;
	margin:3em 3em 3em 2.5em;
}
.alternate{
	background:#E0DCD3;
	border-right:none;
	border-left:8px solid #E0DCD3;
	margin:3em 6em 5em 0;
	padding:0;
}
fieldset{
	border:none;	
	margin:0 0 2em 0;
	padding:0;
}
legend{
	/*font-size:1.4em;*/
	font-size:14px;
	margin:0 0 0.8em 0;
	padding:0;
}
label{
	display:block;
	/*font-size:1.2em;*/
	font-size:12px;
	font-weight:bold;
	position:relative;
	line-height:2.3;
}
label input{
	position:absolute;
	left:4.4em;
	width:15em;
}
label em{
	font-weight:normal;	
}
textarea{
	display:block;	
}
/*Layout*/
#container{
	width:56.6em;
	padding:0 4em 0 35em;
	margin:0 auto;
	text-align:left;
	background:#f2f1e8 url(/images/bg_page.gif) repeat-y left top;
	position:relative;
}
#header{
	position:relative;
	left:-35em;
	width:60.5em;
	background:url(/images/bg_header.jpg) no-repeat top left;
	padding-left:35em;
	height:332px;
	z-index:0;
}
#sidebar{
	margin-left:-39em;
	width:30.3em;
	float:left;
	margin-top:-5.7em;
	position:relative;
}
#content{	
	position:relative;
	float:right;
	width:565px;	
}
#logo{
	position:absolute;
	top:1.7em;
	left:3.5em;
	padding:0;
}
#logo a{
	display:block;
	text-indent:-999em;
	background:transparent url(/images/logo_prospero-lg.gif) no-repeat left;
	width:219px;
	height:207px;
}
#nav{
	list-style:none;
	margin:0 -2em 0 0;
}
#nav li, .subnav li{
	float:left;
	border-right:1px solid #b7b6b7;
	border-left:1px solid #f5f4ed;
	/*font-size:1.1em;*/
	font-size:11px;
}
#nav li:hover{
	background: rgba(56, 43, 42, 0.3);
	color:#F7F7F7;
	padding-bottom:0.5em;
}
#nav a, .subnav a{
	color:inherit;
	text-decoration:none;
	padding:3.6em 1.1em 0 1.1em;
	display:block;
}
#nav .on, #nav .on:hover{	
	background: rgba(56, 43, 42, 0.4); 
	color:#FFF;
	padding-bottom:0.5em; 
	cursor:default;
}
#sidebar ul{
	list-style:none;
}
.subnav li{
	float:none;
	border:none;
	color:#333;
	font-weight:bold;
	padding-right:9px;
	font-size:12px;
}
.subnav li:hover{
	padding-bottom:0;	
	background:url(/images/bg_subnav.gif) no-repeat right;
	background-color: rgba(56, 43, 42, 0.3);
}
.subnav a{
	padding:0.3em 0.5em 0.3em 40px;	
	border-bottom:1px solid #DCDEE5
}
.subnav .on, .subnav .on:hover{ padding-bottom:0; }
.subnav .on{
	background:url(/images/bg_subnav.gif) no-repeat right;
	background-color:rgba(56, 43, 42, 0.4);
}
/* NEWSLETTER SIGNUP */
#sidebar .newsletter-signup, #sidebar #donation{
	padding-left:6.2em;
	padding-top:6em;
	width:230px;
	border:none;
}
#sidebar .newsletter-signup:hover{	
	background: none;
	color:#1E0700;
}

#content{
	margin-top:-190px;/*to allow content to sit OVER the header which has the page background image*/
}
#footer{
	font-family:Cambria, Georgia, "Times New Roman", Times, serif;
	padding:4.8em 0 0 0;
	clear:both;
}
#footer li{
	list-style:none;
	float:left;
	padding:0 25px 0 0;
	background: url(/images/bullet.gif) no-repeat right;
	line-height:1.2;
}
#footer li:last-child{
	background:none;
	padding:0;
}
#footer a{
	color:inherit;
	text-decoration:none;
}
#footer a:hover{
	text-decoration:underline;
 }
#footer ul, #footer p{
	clear:both;	
	padding:0.6em 0;
}
#footer p{
	padding:1.2em 0;
	color:#666;
}
/*Classes*/
.button{
	font-style:italic;
	text-align:center;
	/*font-size:0.9em;*/
	font-size:11px;
	line-height:0.9;
	width:200px;
/*	margin-top:-0.4em;*/
}
.button strong{
	font-style:normal;
	/*font-size:1.7em;*/
	font-size:24px;
	display:block;
	font-weight:normal;
}
.button a{
	display:block;
	color:#FFF;
	text-decoration:none;
	background:url(/images/button.gif) no-repeat top right;
	padding:0.2em 0 0.7em 0;
}
.button a:hover{background-position:center;}
.button a:active{background-position:bottom;}
input.button{
	margin-left:22.5em;
}
.hidden{
	position:absolute;
	left:-999em;
}
.highlight{
	background:#e0dcd3;	
	padding:1em;
}
.highlight h2{/*font-size:1.2em;*/font-size:18px}
.highlight h3, .highlight p, .highlight li{	/*font-size:0.9em;*/font-size:14px}
.highlight ul{
	margin:0;
	padding-left:1em;	
}
.events{
	background:#e0dcd3;	
	padding:1em;
	float:left;
	width:auto;
	margin-top:10px;
}
.events img{
	float:left;
	margin: 0 10px 10px 0;
}
.pastevents{
	background:#EEE7D7;	
	padding:1em;
	float:left;
	width:auto;
	margin-top:10px;
}
.pastevents img{
	float:left;
	margin: 0 10px 10px 0;
}

.calltoaction p{ padding:0;}
.calltoaction .button{
	float:right;
}

.error, .note{
	font-weight:bold;
	color:#900;
}
.note{ color:#690;}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}

#photos{
	background:transparent url(/images/bg_shadow.png) no-repeat top left!important;
	padding:2em;
	margin:2em 0 0 -15px!important;
}
.watermarkOn {
	color:#999;
}