/* CSS Document */

body{
	padding: 0; 
	margin: 0;
	background: #fff url(background_pattern.gif) top left;
	text-align: center;
}

#wrapper{
	padding: 0; 
	margin: 0;
	background-color: #fff;
	background-position: left top;
	background-image: url(background_body.gif);
	background-repeat: repeat-y;
	text-align: center;
	width: 100%;
}

.clear {
	clear:both;
	height:0;
	line-height:0;
	font-size:0;
}

p {
	font: normal 12px/17px georgia, serif;
	color:#333;
	margin: 0;
	padding: 0px 10px 15px 0;
}

h1{
	font: normal 18px/20px georgia, serif;
	color: #00275C;
	margin: 0;
	padding: 0px 0 20px 0;
}

h2{
	font: bold 12px/16px arial, verdana, sans-serif;
	color:#AA272F;
	margin: 0 0 5px;
	padding: 10px 0 5px;
	letter-spacing: 3px;
	border-bottom: 1px dotted #ccc;
}

h3{
	font: normal 12px/17px georgia, serif;
	color: #AA272F;
	margin: 0;
	padding: 0px 0 5px 0;
}

h4{
	font: normal 16px/18px georgia, serif;
	color: #00275C;
	margin: 15px 0 0 0;
	padding: 15px 0 5px 0;
	border-top: 1px dotted #ccc;
}

h5{
	font: normal 10px/15px verdana, arial, tahoma, sans-serif;
	color: #333;
	margin: 0;
	padding: 0px 0px 10px 0px;
}

h6{
	font: normal 10px/15px verdana, arial, tahoma, sans-serif;
	color: #333;
	padding: 0px 0px 30px 0px;
	margin: 0px;
}

ul{
	margin: 0px 10px 20px 20px;
	padding: 0;
	font: normal 12px/17px georgia, serif;
	color:#333;
	}
	
ul li{
	margin:0;
	padding:2px 0 2px 0;
	}
	
ul ul {
	margin: 0px 10px 0px 20px;
	padding: 0;
	}
	
ol{
	margin: 2px 10px 2px 20px;
	padding:0;
	font: normal 12px/17px georgia, serif;
	color:#333;
	}
	
ol li{
	margin:0;
	padding:0 0 8px 0;
	}
	
	
/*-------- LAYOUT STYLES ---------------- */

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

#nav{
	background: #4A4B4C url(background_nav.gif) bottom left repeat-x;
	text-align: center;
}

#nav ul{
	margin: 0 auto;
	padding: 0;
	width: 980px;
	height: 35px;
	text-align: left;
	list-style-type: none;
	background: url(divider_nav.gif) left 50% no-repeat;
}

#nav li{
	font: 11px/35px arial, sans-serif;
	margin: 0;
	padding: 0;
	display: inline;
}



#nav a, #nav a:link, #nav a:visited, #nav a:active{
	margin: 0;
	padding: 10px 25px;
	color: #FFF;
	text-decoration: none;
	background:url(divider_nav.gif) right 50% no-repeat;
	border: none;	
}

#nav a:hover{
	margin: 0;
	display: inline;
	color: #e6bc51;
	text-decoration: none;
	border: none;
}

#home #homenav a,
#about #aboutnav a,
#programs #programsnav a,
#publications #publicationsnav a,
#events #eventsnav a,
#press #pressnav a,
#contact #contactnav a,
#donate #donatenav a
{
	margin: 0;
	display: inline;
	color: #e6bc51;
	text-decoration: none;
	border: none;
}

#navmarker_1a #1a a
{
	color: #e6bc51;
}
 /*------------- middle section ----------------- */

#ppslogo_wrapper{
	width: 980px;
	height: 182px;
	margin: 0 auto;
	position: relative;
	top: 0;
	left: 0;
	text-align: left;
}

#ppslogo{
	position: absolute;
	top: 21px;
	left: 0;
}

#headerpromo{
	position: relative;
	float: right;
}

#vdivider_wrapper{
	height: 182px;
	background: url(background_vdivider.gif) bottom left repeat-x;
	text-align: center;
}

#vdivider{
	height: 182px;
	width: 888px;
	background: url(background_vdivider.gif) bottom left repeat-x;
	text-align: left;
	margin: 0 auto;
}




/*------------- content section ----------------- */

#content_wrapper{
	background: #fff url(background_content.gif) 0 1px repeat-y;
	width: 980px;
	margin: 0 auto;
	text-align: left;
	position: relative;
	top:0;
	left:0;
}

#content_wrapper2{
	background: #fff url(background_content.gif) 0 1px repeat-y;
	width: 980px;
	text-align: left;
	position: relative;
	top:0;
}



 /*------------- content main ----------------- */

#content_main{
	width: 660px;
	float: right;
	margin: 15px 0 0 0;

}

#content_maincoll{
	width: 360px;
	float: right;
	margin: 15px 15px 0 0;
}

#content_maincolr{
	width: 300px;
	float: right;
	margin: 15px 0 0 0;
}

#content_innercolr{
	background: #f0efe3;
	width: 200px;
	float: right;
	margin: 15px 0 15px 15px;
	padding: 10px;
	border: 1px solid #ccc;

}
	
#content_main a:hover img, #content_main a:link img, #content_main a:visited img,
#content_maincoll a:hover img, #content_maincoll a:link img, #content_maincoll a:visited img,
#content_maincolr a:hover img, #content_maincolr a:link img, #content_maincolr a:visited img{
	border: none; 
	background-color: #FFFFFF;
	text-decoration: none;
	} 


.photogallery {
	width: 550px;
	margin: 23px 0 0 0;
	float: left;
}

.photogallery img {
	border: 1px solid #C0C0C0;
	margin-right: 10px;
	float: left;
	}
	
.photofloatleft {
	border: 1px solid #C0C0C0;
	float: left;
	margin: 5px 10px 5px 0px;
	}	
	
.photofloatright {
	border: 1px solid #C0C0C0;
	margin-left: 10px;
	margin-bottom: 10px;
	float: right;
	}	
	

 /*------------- content side ----------------- */

#content_side {
	width: 292px;
	float: left;
	position: relative;
	margin-top:-50px;
	background-color: #fff;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

#content_side p{
	font: normal 9px/14px verdana, sans-serif;
	color:#333;
	margin: 0;
	padding: 0px 0 5px 0;
}

#content_side h2{
	font: bold 14px/14px arial, verdana, sans-serif;
	color:#00275C;
	margin: 0;
	padding: 0px 0 3px 0;
	letter-spacing: -1px;
}

#content_side h3{
	font: bold 11px/13px arial, verdana, sans-serif;
	color:#333;
	margin: 0;
	padding: 5px 0 3px 0;
}

#content_side a:hover img{
	border: none;
	background:none;
	} 

a:link.nolink, a:visited.nolink, a:active.nolink,a:hover.nolink {
	border:none;
	background-color: transparent;
	}

 
 /*------------- search and upload content side ----------------- */

#content_sidesearch {
	width: 292px;
	float: left;
	position: relative;
	margin-top:20px;
	background-color: #fff;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}
 
 /*------------- bottom row ----------------- */

#bottomrow_wrapper{
	text-align: left;
}

#bottomrow{
	text-align: left;
	margin: 0 auto;
	width: 980px;
	padding: 15px 0;
	background-color: #fff;
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
}

#bottomrow p{
	color: #000;
	margin: 0;
	padding: 0 0 4px 0;
	font: normal 10px/14px arial, sans-serif;
}



 /*------------- footer ----------------- */

#footer_wrapper{
	background: transparent url(background_footer.gif) top left repeat-x;
	text-align: left;
}

#footer{
	background: transparent url(background_footer.gif) top left repeat-x;
	text-align: left;
	margin: 0 auto;
	width: 980px;
	padding: 15px 0;
}

#footer p{
	color: #fff;
	margin: 0;
	padding: 0 0 4px 0;
	font: normal 10px/14px arial, sans-serif;
}

#footer img{
	float: right;
	position: relative;
	top: -1px;
	right: 2px;
}

#footer a,#footer a:link,#footer a:visited,#footer a:active {
	text-decoration: none;
	color: #fff;
	border: none;
}

#footer a:hover {
	text-decoration: none;
	color: #00275C;
	background-color: #C4CCD1;
}

/*------------- search and upload table styles ----------------- */

#search {
	position: relative;
}
 
#search table {
 	font: normal 9.5px/12px verdana, arial, tahoma, sans-serif;
	color: #333;
}
 
 
#search td {
	padding: 1em 0.5em;
}

#search label {
	padding-right: 10px;
	font-weight: bold;
}

#search input, #search textarea {
	border: 1px solid #ccc;
	font: normal 12px/17px georgia, serif;
	color: #333;
	padding: 3px;
}

/*------------- results table styles ----------------- */

#results {
	position: relative;
}
 
#results table {
 	border-collapse: collapse;
 	width: 570px;
 	border: 1px solid #ccc;
	font: normal 9.5px/12px verdana, arial, tahoma, sans-serif;
	color: #333;
	margin: 0;
	padding: 0px 0px 5px 0px;
}
 
 
#results th, #results td {
	padding: 1em 0.5em;
}
 
#results thead {
 	background: #ccc url(bar.gif) repeat-x left center;
 	border-top: 1px solid #ccc;
 	border-bottom: 1px solid #ccc;
}
	
#results thead tr:hover {
  	background-color: transparent;
  	color: inherit;
}

#results .thhover:hover{
  	background-color: #a6b9c5;
  	color: inherit;
}
 
#results tr:hover {
	background-color: #e7d893;
	color: inherit;
} 
 
#results a, #results a:link, #results a:visited, #results a:hover, #results a:active {
	background-color: transparent;
 	border:none;
 	text-decoration: none;
	color: #00275C;
} 


	
 /*------------- global text styles ----------------- */

a.noul,a:link.noul,a:visited.noul {
	border:0 none;
	background:none;
}

a:hover.noul{
	border:0 none;
	background:none;
}

.divider {
	padding: 0px 0px 7px 0;
	margin: 0 10px 7px 10px;
	border-bottom: 1px #ccc dotted;
}

#event .divider,#levent .divider {
	padding: 0px 0px 4px 0;
	margin: 0 10px 4px 10px;
	border-bottom: 1px #ccc dotted;
}

.event_top {
	padding: 8px 8px 4px;
	margin: 8px 8px 16px;
	background: #f0efe3;
	border: 1px solid #CCC;
}

#colr {
	padding: 8px 8px 8px 8px;
	background: #F5F5F5;
	border: 1px solid #CCC;
	margin-bottom: 2px;
	}
	
#colr p{
	font: normal 11px/13px verdana, sans-serif;
	color: #333;
	margin: 0;
	padding: 0px 0 5px 0;;
	}	
	
#colr_top {
	padding: 8px 8px 0px 4px ;
	background: #92ACBD;
	border: 1px solid #CCC;
	margin-bottom: 8px;
	}
	
#colr_top p{
	font: bold 11px/11px arial, verdana, sans-serif;
	color: #FFFFFF;
	}	

#event .event_top,#levent .event_top {
	padding: 10px;
	margin:0 0 10px 0;
	border:none;
	background-color: #F7F7E1;
	background-image:none;
	border-bottom: #D2D2B7 1px solid;

}

.event_link:link, .event_link:visited, .event_link:hover, .event_link {border:none;}

.event_link:link, h3 .event_link:visited {color:#333;}

.event_sublink:link, .event_sublink:visited, .event_sublink:hover, .event_sublink {
	border:none;
	padding: 3px 5px 3px 20px!important;
}

.event_sublink:link, h3 .event_sublink:visited{
	color:#333;
	padding: 3px 5px 3px 20px!important;
}

a, a:link, a:visited, a:active {
	text-decoration: none;
	color: #00275C;
}

a:hover {
	text-decoration: none;
	color: #00275C;
	background-color: #C4CCD1;
}

img {border: none;}

.divide {
	line-height: 1px;
	border-top: 1px dotted #ccc;
	background-color: transparent;
	margin: 5px 0;
	padding: 0;
}

.textfield {
	width:260px;
	border: 1px solid #ccc;
	font: normal 12px/14px georgia, sans-serif;
	color: #333;
	background-color: #F7F7E1;
	padding:2px;
	}
	
.event_date {
	font: normal 11px/14px arial, tahoma, sans-serif;
	color: #666;
	}
	
.event_title {
	font: normal 11px/14px arial, tahoma, sans-serif;
	color: #333;
	}
	
	
#event #content_side ul,#levent #content_side ul {
	margin: 0px 10px 5px 30px;
	padding:0;
	list-style-image: url(/img/arrow.gif);
	}

#event #content_side ul li,#levent #content_side ul li{
	padding: 5px 0;
	border-bottom: 1px dotted #ccc;
	}
	
#content_side ul {
	margin: 0px 10px 5px 20px;
	padding:0;
	list-style-image: url(/img/arrow.gif);
	font: normal 11px/14px arial, sans-serif;
	color:#333;
	}

#content_side ul li{
	padding: 5px 0;
	}
	
#library #content_side ul li{
	padding: 2px 0;
	}
	
	

.librarytitle {font: bold 12px/15px georgia, verdana;color:#00275C}
.librarydocument {font: bold 9px/12px verdana;color:#333;}


a.register,a:link.register, a:visited.register{
			padding:4px 0px;
			margin: 0px 0 3px 0;
			border:1px solid #c60;
			background-color:#f90;
			color:#fff;
			font: bold 11px/11px arial, sans-serif;
			text-decoration:none;
			display:block;
			text-align:center;
			}
			
a:hover.register{
			padding:4px 0px;
			margin: 0px 0 3px 0;
			border:1px solid #c60;
			background-color:#c60;
			color:#fff;
			font: bold 11px/11px arial, sans-serif;
			text-decoration:none;
			display:block;
			text-align:center;
			}
			
#message {
	padding: 10px;
	margin: 5px;
	border: 2px solid blue;
	color: blue;
	font-weight: bold;	
}

#error {
	padding: 10px;
	margin: 5px;
	border: 2px solid red;
	color: red;
	font-weight: bold;	
}

.error {
	color: red;
	font-weight: bold;
}

.error a {
	color: red;
	text-decoration: none;
	border-bottom: 0px;
}

.error a:hover {
	text-decoration: underline;
	background-color: white;
}

div.info {
	background-color: red;
	color: white;
	font-family: verdana, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	padding: 10px;
	margin-bottom: 10px;
	width: 94%;
}