p, ul, li, h1, h2, h3, h4, h5, h6, ol, form {margin:0px; padding:0px;}

body {
	margin:0; padding:0;
	background: url(../images/bg.gif);
	font-family: arial, verdana, helvetica,  sans-serif;
	color:#414141;
}
#wrapper1 {
	position:relative;
	width:962px;
	margin:0px auto 0px auto; padding-bottom:30px;
	background:url(../images/wrap_out.gif) bottom no-repeat;
}
#wrapper2 {
	float:left;
	margin: 0 0 0 7px; padding:0px; 
	text-align:left;
}

/* General Styles 
--------------------------------------*/
.hide {display:none;}
.thumb, .border { border:1px solid #A5A5A5;}
a img {border:none;}
p {	padding:5px 0px; margin:0px;}
a {color:#4E692A;}
a:hover {color:#94661C;}
.safari {clear:all; height:3px;}
.padLeft {float:right; padding-left:5px;}

ul.fancy {color:#374E81; list-style-type:none;}
ul.fancy li {
	background: url(../images/yellow_bullet.gif) 0% 50%  no-repeat;
	padding:2px 10px 2px 16px;
}

ul.fancy li a {text-decoration:underline; color:#284EA3;}
ul.fancy li a:hover {text-decoration:underline; color:#4E692A;}

div.hr { border-bottom: 1px solid #efefef; margin-top: 5px; margin-bottom: 5px; }

/* Styles for forms 
------------------------------------------*/

input {margin:2px 0;}
#button {padding-left:210px;}
#mb-name {margin-left:1px;}
.address {position:absolute; top:210px; left:685px; width:230px; }

/* Header area 
-------------------------------------------*/
#header {
	float:left;
	margin: 0px; padding:0px;
	height:120px; width: 948px; 
	border-top:1px solid #FFF;
	background: url(../images/header_bg.gif) top no-repeat; 
}
#logo {
	position: absolute; 
	top:16px; left: 54px; 
	margin: 0; background: url(../images/logo.gif) top left no-repeat; 
	width: 188px; height:99px; 
}
#logo a {width:277px; height:39px; display:block;}



/* Layout
-------------------------------------------*/
#main {
	float:left;
	margin :0; padding:0;
	width:948px; 
	text-align:left;
}
#sidebar {
	float:left; 
	width:199px;
	margin:0; padding:0 8px 0 10px;
}

#middle_col {
	float:left;
	width:500px;
	margin:0; padding:0 10px;
}
#right_sidebar {
	float:right;
	width:188px;
	margin:0; padding:0 17px 0 0;
}
#main_col, #main_col_detail, #main_content, #main_content_news {
	float:left;
	width:707px;
	margin:0; padding:0 10px 30px 10px;
}

#main_col {	background: url(../images/main_col_bg.gif) bottom no-repeat;}
#main_col_detail, #main_content, #main_content_news {	background: url(../images/main_col_detail_bg.gif) bottom no-repeat;}

#main_content p, #main_col p {padding-left:10px; padding-right:20px;} /* Used on static content pages */
#main_content h3, #main_col h3 {
	color:#CC9933;
	font: bold 1.4em/2.2em verdana, arial, tahoma, sans-serif;
	background: url(../images/main_col_header_bg.gif) top no-repeat;
	padding-left:10px;
}
#main_content h4 {
	color:#284EA3;
	font: bold 1.4em/2.2em verdana, arial, tahoma, sans-serif;
	padding-left:10px;
}
#main_content h5 {
	color:#336633;
	font: bold 1.1em verdana, arial, tahoma, sans-serif;
	margin:10px 0 0 10px;
}
#main_content_news h5 {
	color:#336633;
	font: bold 1.1em verdana, arial, tahoma, sans-serif;
	margin:10px 0 0 0;
}

#main_content_news .entry {
	margin: 0 20px 8px 10px; padding:0 0 10px 0; 
	border-bottom: 1px solid #efefef;
}
#main_content ul {padding-left:20px; margin-left:20px;}

/* Styles for home page right side bar
---------------------------------------------------------*/
#right_library, #right_feature {
	text-align:center;
	width:188px;
	padding:0 0 8px 0;
	margin:0;
	background: url(../images/right_sidebar_bg.gif) bottom no-repeat;
	display:block;
}
#right_feature {margin-top:20px;}
#right_library h5, #right_feature h5 {
	color:#CC9933;
	font: bold 1.1em/2em arial, verdana, tahoma, sans-serif;
	background: url(../images/right_sidebar_header_bg.gif) top no-repeat;
	height:35px;
}
#right_feature strong {color:#284EA3;}
#right_library ul {list-style-type:none;}
#right_feature p.border_top {text-align:left; border-top:1px solid #CCC; padding-left:5px;}

/* Styles for home page middle area
---------------------------------------------------------*/

#main_home_content {
	width:500px;
	padding:0 0 8px 0;
	margin:0;
	background: url(../images/feature_art_bg.gif) bottom no-repeat;
}

#main_home_content h3 {
	color:#CC9933;
	font: bold 1.4em/2.2em verdana, arial, tahoma, sans-serif;
	background: url(../images/feature_art_header_bg.gif) top no-repeat;
	padding-left:20px;
}
#main_home_content h3 a:link, #main_home_content h3 a:visited {
	color:#CC9933;
  text-decoration: none;
}

#main_home_content h3.second {background: none;}

.home_thumb {float:left; margin:0 10px 10px 0; border:1px solid #000;}

#main_home_content p {padding-left:20px; padding-right:20px;}
#main_home_content p.special {margin:0 2px; background:url(../images/home_gradient_p.gif) bottom repeat-x;}


#middle_col h4 { 
	color:#284EA3;
	font: bold 1.2em/2.8em arial, verdana, tahoma, sans-serif;
	padding-left:26px;
	margin:8px 0 0 0;
	background: url(../images/middle_col_header_bg.gif) top no-repeat; 
}

#middle_col h6.news_title { 
	color:#284EA3;
	font: bold 1.2em/2.8em arial, verdana, tahoma, sans-serif;
	padding-left:20px;
	margin:8px 0 0 0;
	background: url(../images/middle_col_header_bg.gif) top no-repeat; 
}

#middle_col ul{
	margin:0px 18px;
	padding:0px 18px;
}
#middle_col li {padding:5px 0 10px 0;}

dl.home_news {
width: 450px;
margin: 0; padding: 0 10px 0 20px;
}

.home_news dt{
width: 80px;
float: left;
margin: 0; padding: 5px 0;
font-weight: bold;
}

/* commented backslash hack for mac-ie5 \*/
dt { clear: both; }
/* end hack */

.home_news dd
{
float: left;
width: 360px;
margin: 0;
padding: 5px 0;
}


/* Styles for main content area - large area including main vault catalog
------------------------------------------------------------------------------------------*/
#main_col  h3 {
	color:#284EA3;
	font: bold 1.4em/2.3em verdana, arial, tahoma, sans-serif;
	background: url(../images/main_col_header_bg.gif) top no-repeat;
	padding-left:45px;
}
/* Thumbnails -----------------------*/
#table_head {
	width:608px; 
	border-collapse:collapse;
	height:28px;
	vertical-align:center;
	font:1em;
	color:#374E81;
	background: url(../images/table_header_bg.gif) top no-repeat;
	margin-left:45px;
	}
#table_head a {color:#000; text-decoration:none;}
#table_head a:hover {color:#000; text-decoration:underline;}
#table_head th {vertical-align:center;}
.previous {text-align:right;}
.next {text-align:left;}
.page {text-align:center;}
	

#table_thumbnail_catalog {
/*	width:608px;*/ 
	border-collapse:collapse;
	padding:5px;
	margin-left:45px;
	text-align:center;
	margin-top:8px;
	}
#table_thumbnail_catalog td {padding:5px 0;}



/* Special Projects section
---------------------------------------- -----------------------*/
#main_col_detail h3, #main_content_news h3 {
	color:#CC9933;
	font: bold 1.4em/2.3em verdana, arial, tahoma, sans-serif;
	background: url(../images/main_col_header_bg.gif) top no-repeat;
	padding-left:10px;
}
#main_col_catalog_index h3 {
  color:#284EA3;
	font: bold 1.4em/2.3em verdana, arial, tahoma, sans-serif;
	background: url(../images/main_col_header_bg.gif) top no-repeat;
	padding-left:45px;
}

#row1 {
	width:680px; 
	padding:10px; margin:0;
}
	#image {
		float:left;
		text-align:center;
		width: 465px;
		margin:0; padding:0;
		}
	#detail{
		float:right;
		width:199px;
		margin:0; padding:0;
	}
	
	#detail1, #detail2, #detail3 {
		width:199px;
		margin:0 0 8px 0; padding:0; 
		background: url(../images/detail_bg.gif) bottom no-repeat;
	}
	
	#detail1 p, #detail2 p, #detail3 p {
		margin:0; padding:12px; 
		background: url(../images/detail_top.gif) top no-repeat;
	}

#row2 {
	width:707px; 
	padding:0px; margin:0;
	background:url(../images/row2_bg.gif) top no-repeat;
}

	#text {
		float:left;
		text-align:left;
		width: 460px;
		margin:0; padding:0 10px;
		}
	#text h4 {
		padding-top:30px;
		color:#284EA3;
		font: bold 1.1em/1.3em arial, verdana, tahoma, sans-serif;
	}



	
#table_head2 {
	width:679px; 
	border-collapse:collapse;
	height:28px;
	vertical-align:top;
	font:1em;
	color:#374E81;
	background: url(../images/table_header_bg2.gif) top no-repeat;
	margin-left:10px;
	}

#table_head2 a {color:#000; text-decoration:none;}
#table_head2 a:hover {color:#000; text-decoration:underline;}
#table_head2 th {vertical-align:center;}
.previous {text-align:right;}
.next {text-align:left;}
.page {text-align:center;}
.empty {width:220px;}




/* Styles for list of funds and description
----------------------------------------------------------------------*/

#funds {
	float:left;
	width:658px;
	background:url(../images/funds_bg.gif) bottom no-repeat;
	margin:10px 0 20px 20px; padding:0;
}	

#fund_list {
	float:left;
	margin:0; padding:0;
	width:282px;
	background:url(../images/title_list_funds.gif) top no-repeat;
}

#fund_desc {
	float:right;
	margin:0; padding:0;
	width:362px;
	background:url(../images/title_fund_desc.gif) top no-repeat;
}
#fund_list h5, #fund_desc h5 {
	margin:0;
	padding:8px 0 20px 16px;
	color:#CC9933;
	background:none;
}

#fund_list ul {margin:0px 0 5px 30px; padding:0;}
#fund_list li {padding:4px;}
#fund_list li a {color:#000; text-decoration:none;}		
#fund_list li a:hover {text-decoration:underline;}	
#fund_list li a.here {color:#284EA3;}	

#fund_desc h6 {
	color:#284EA3; font: bold 1.1em/2em arial, verdana, tahoma, sans-serif; margin: 0 0 0 8px;}

#fund_desc p {padding-right:8px;}

/* Styles for sub-navigation appearing in special projects section
----------------------------------------------------------------------*/
#sub_nav {
    text-align:left;
	width:199px;
	padding:0 0 12px 0;
	margin:0 0 16px 0;
	background: url(../images/sub_nav_bg.gif) bottom no-repeat;
}

#sub_nav h4 {
	color:#FFF;
	font: bold 1.1em/2em arial, verdana, tahoma, sans-serif;
	background: url(../images/sub_nav_header_bg.gif) top no-repeat;
	height:30px;
	padding-left:14px;
}
#sub_nav ul {margin:0; padding:0; list-style-type:none;}

#sub_nav li {
	padding:0px 10px 4px 10px;
	margin:10px;
	background: url(../images/gold_bullet.gif) 0% 30% no-repeat;
	}
#sub_nav li.title {
	padding:4px 10px 4px 10px;
	margin:0px;
	background-image: none;
	font-weight:bold;
	background:#A47221;
	color:#FFF;
	}
	
#sub_nav li a {
	display:block;
	text-decoration:none;
	color:#374E81;
	font-weight:bold;
}
#sub_nav li a:hover {text-decoration:underline;}
#sub_nav li a.current {color:#A47221;}




/* Styles for search form
-------------------------------------*/

#searchform {
	position:absolute;
	top:80px; right:20px;
	margin:0; padding:0;

}
#searchform input {
	vertical-align:bottom;
}
/* Styles for top navigation bar
--------------------------------------------------------------------------------*/
#top_nav {
	float:left;
	margin: 0px;
	padding:0;
	list-style-type: none;
}

#nav {
	height: 41px; width:948px;
	background: url(../images/navigation.gif) no-repeat;
	margin:0; padding:0;
	position:relative;
}
#nav li {
	position: absolute;
	margin: 0; padding: 0;
	list-style: none;
	top: 0;
}
#nav a {
	height: 41px;
	display: block;
	text-indent: -9999px;
	text-decoration: none;
	outline: 0;
}
#home	{left: 0px; width: 64px;}
#about	{left: 65px; width: 76px;}
#giving {left: 142px; width: 155px;}
#special {left: 298px; width: 123px;}
#news {left: 422px; width: 116px;}
#contact {left: 538px; width: 90px;}
#catalog {left: 652px; width: 111px;}
#gift {left: 764px; width: 85px;}
#library {left: 850px; width: 98px;}

#home a:hover, #home a.here  {background:  url(../images/navigation.gif) -0px -41px no-repeat;}
#about a:hover, #about a.here  {background:  url(../images/navigation.gif) -65px -41px no-repeat;}
#giving a:hover, #giving a.here  {background:  url(../images/navigation.gif) -142px -41px no-repeat;}
#special a:hover, #special a.here  {background:  url(../images/navigation.gif) -298px -41px no-repeat;}
#news a:hover, #news a.here  {background:  url(../images/navigation.gif) -422px -41px no-repeat;}
#contact a:hover, #contact a.here  {background:  url(../images/navigation.gif) -538px -41px no-repeat;}
#catalog a:hover, #catalog a.here  {background:  url(../images/navigation.gif) -652px -41px no-repeat;}
#gift a:hover, #gift a.here {background:  url(../images/navigation.gif) -764px -41px no-repeat;}
#library a:hover, #library a.here  {background:  url(../images/navigation.gif) -850px -41px no-repeat;}

/* Styles for email-print area
--------------------------------------------------------------------------------*/

#email_print {
	float:left;
	margin: 0;	padding:0;
	width:948px; height:30px;
	border-top:1px solid #FFF;
}
#emailnav {
	width:948px; height:30px;
	background: url(../images/email-print.gif) no-repeat;
	margin:0; padding:0;
	position:relative;
}
#emailnav li {
	position: absolute;
	margin: 0; padding: 0;
	list-style: none;
	top: 0; 
}
#emailnav a {
	height: 20px;
	display: block;
	text-indent: -9999px;
	text-decoration: none;
	outline: 0;
}

#email	{left: 670px; width: 130px;}
#print {left: 810px; width: 50px;}
#font-small	{left: 903px; width: 12px;}
#font-big {left: 915px; width: 15px;}


/* Call to action 
----------------------------------------------*/

#sidebar ul {list-style-type:none;}
#sidebar #make_gift {width:199px; height:59px; padding:0 0 10px 0; margin:0px; background:url(../images/make_gift.gif) no-repeat;}
#sidebar #enews_signup {width:199px; height:59px; padding:0 0 10px 0; margin:0px; background:url(../images/enews_signup.gif) no-repeat;}
#sidebar #ecards_signup {width:199px; height:59px; padding:0 0 10px 0; margin:0px; background:url(../images/postcards_send.gif) no-repeat;}

li#make_gift a, li#enews_signup a, li#ecards_signup a {display:block; width:199px; height:59px;}



/* Styles for footer section
--------------------------------------------------------------------------------*/

#footer {
	float:left;
	margin: 30px 0 0 0;	padding:0;
	width:948px; height:15px;
	background:url(../images/footer_bg.gif) repeat-x;
}

#navlist {
	float:right;
	margin: 0 10px 0 0; padding: 0;
	color:#FFF;
}

#navlist ul {margin: 0; padding: 0px;}
#navlist li{list-style-type: none; display: inline;}
#navlist a {
	float: left;
	line-height: 14px;
	margin: 0 12px; padding:1px 0 0 5px;
	text-decoration: none;
	color: #FFF;
	background:url(../images/white_bullet.gif) 0 60% no-repeat;
}
#navlist a:hover {text-decoration: underline;color: #FFF;}


#bottom_nav {
	text-align:center;
	margin: 0 auto 0 auto; padding: 0;
	color:#FFF;
}

#bottom_nav ul {margin: 0; padding: 0px;}
#bottom_nav li {list-style-type: none; display: inline;}
#bottom_nav a {
	line-height: 14px;
	margin: 0; padding:1px 0 0 5px;
	text-decoration: none;
	color: #FFF;
}
#bottom_nav a:hover {color: #D6A434;}


/* Styles for Image Search Section
--------------------------------------------------------------------------------*/

#search_table {margin: 5px 0 20px 10px; padding:0;}
#search_table td {margin:2px;}
.burgundy { color: #990000; }
#search_again_link, #return_to_search_results {
	position: absolute; 
	right: 75px;
	font-size: 10pt;
	font-weight: normal;
}
	
/* styles for table on newsletter page
---------------------------------------------*/

.newsletter_table {
	border-collapse:collapse;
	padding:5; margin:10px 20px;
	border:1px solid #F5F5F5;
}
.newsletter_table th {
	text-align:center; 
	color:#336633;
	font: bold 1.1em verdana, arial, tahoma, sans-serif;
	font-style:italic;
	border-bottom:1px solid #F5F5F5;
}
.newsletter_table td {vertical-align:top; padding:8px; border-bottom:1px solid #F5F5F5;}

.newsletter_table th.first, .newsletter_table td.first {border-right:1px solid #F5F5F5;}

.newsletter_table ul {margin:0; padding:0; list-style-type:none;}

.newsletter_table td li {
	padding:0px 10px 4px 10px;
	margin:10px;
	background: url(../images/yellow_bullet.gif) 0% 30% no-repeat;
}