@import url(form.css);

body {
	margin: 0;
	padding: 0;
	font-family: verdana, sans-serif;
	font-size: small;
	background: #807059;
	}

/* content general links */

#contentbox a:link, #contentbox a:visited{
	background-color: transparent;
	text-decoration: none;
	color: #000;
	border-bottom: 1px dashed #999;
	}
	
#contentbox a:hover {
	background-color: transparent;
	text-decoration: none;
	color: #000;
	border-bottom: 1px solid #999;
	}
	
#contentbox a:active {
	background-color: transparent;
	text-decoration: none;
	color: #000;
	border-bottom: 1px dashed #E0D5B5;
	}

/* header footer links */
a:link, a:visited{
	background-color: transparent;
	text-decoration: none;
	color: #fff;
	}
	
a:hover {
	background-color: #E0D5B5;
	text-decoration: none;
	color: #000;
	}
	
a:active {
	background-color: transparent;
	text-decoration: none;
	color: #fff;
	}
	
/* layout */

#wrap {
  width: 760px; 
  margin: 0 auto;
  padding-top:20px;
  min-width: 500px;
  max-width: 1400px;
  background: url(../images/wrap_bg.gif) repeat-y right top;
  }

/* additional wrap to hold leaf image */
#wrapinner {
  width: 760px; 
	background: url(../images/wrap_inner_bg.gif) no-repeat 10px 0;
	}
	
#footer {
	clear: both;
	padding-bottom:5px;
	background: url(../images/foot_bg.gif) no-repeat bottom left;
	}
	
#head {
	padding:0;
	margin:0;
	}	
	
/* content box */

#contentbox {
	float: left;
	width: 525px;
	margin-bottom:20px;
	font-family: georgia, serif;
	font-size: 90%;
	color: #333;
	line-height: 1.5em;
 	background: url(../images/tile.gif) repeat-y;
  /*border:1px solid #fff;*/
	}
	
#contentbox p {
	color:#333;
	padding-bottom:1em; 
	line-height: 1.5em;
	margin:0;
	}

#contentbox h1 {
  background: url(../images/top.gif) no-repeat left top;
  padding-top: 100px;	
  margin-bottom:20px;
  font-size: 130%;
	}

/* adds bottom graphic to content box */
#contentbox .last {
 background: url(../images/bottom.gif) no-repeat bottom left;
 padding-bottom: 100px;	
  margin-bottom:0;
	}

#contentbox h1, #contentbox p {
  padding-left: 30px;
  padding-right: 45px;
  margin-top:0;
  }

#contentbox h2{
  padding-left: 30px;
  padding-right: 45px;
  padding-bottom:10px;
  padding-top:0;
  font-size: 120%;
  margin:0;
  }
  
/* Use for spacing */
#contentbox h3{
  padding-left: 30px;
  padding-right: 45px;
  padding-bottom:0;
  padding-top:0;
  font-size: 100%;
  }  
  
#contentbox h4.first{
margin-top:1em;
  }  
  
 /* use for no spacing */ 
#contentbox h4{
  padding-left: 30px;
  padding-right: 45px;
  padding-bottom:0;
  padding-top:0;
  font-size: 100%;
  margin:0;
  }  
#contentbox blockquote{
  font-style:italic;
  padding-left: 40px;
  padding-right: 45px;
  padding-bottom:1em;
  line-height: 1.5em;
  margin:0;
  }
/* logo style */ 

#logo {
	float:left;
	width: 310px; 
	background: url(../images/logo_op4.gif) no-repeat top left;
	text-indent: -9000px; 
	}
	
#logo a {
	display: block;
	height: 56px;
	}

#logo a:hover {
	background-color:transparent;
	}
	
/* lists */

dl  {
	margin: 0 0 0 1em;
	padding-left: 30px;
	color:  #000;
	}
	
dt {
	margin: 1em 0 0 0;
	padding: 0;
	color:  #000;
	font-weight: bold;
	border: none;
	}

dd {
	margin: 0 0 0 1em;
	padding: 0;
	}
	
ul	{
	list-style: none;
	margin: 0 0 0 40px;
	padding: 0 45px 1em 0;
	}

ul li {
	margin:2px 0 0 0;
	}	
	
ol	{
	margin: 0 0 0 60px;
	padding: 0 45px 1em 0;
	}

ol li {
	margin:2px 0 0 0;
	}	


dl.sitemap  {
	margin: 0 0 0 1em;
	padding-left: 30px;
	color:  #000;
	}
	
.sitemap dt {
	margin: 1em 0 0 0;
	padding: 0;
	color:  #000;
	font-weight: bold;
	border: none;
	}

.sitemap dd {
	margin: 0 0 0 1em;
	padding: 0;
	}
	
/* tables */
table {
  border-collapse: collapse;
  width: 95%;
}

td {
 /* padding-top:8px;*/
  text-align:center;
 /*vertical-align:top;*/
}

td, img {
padding:0; margin:0
}
 
td.donors {
  padding-top:8px;
  padding-left:4px;
  vertical-align:top;
  text-align:left;
}

td.right {
  width:50%;
}


/* misc */ 

#footer p {
	color:#fff;
	text-align:center;
	font-size:85%;
	line-height:1.5em;
	padding: 5px 0;
	}
	
#supnav {
	float:right;
	font-size:85%;
	color: #fff; 
	text-decoration: none;  
	padding: 20px;
	margin-right:10px;
	}
	
/* Misc */
.clear {
	clear:both;
	}

/* use when page content in not long enough to pass bottom of nav */
.topmargin {
	margin-top:120px;
	}

.highlighttext {
	background-color:#E0D5B5;
	}

/* text button style */

#contentbox .textbutton {
	width: 50%;
	padding: 20px 2px 2px 30px;
	text-align: left;
	/*border:1px solid;*/
	}
	
/* #contentbox .textbutton a:link {
	border-bottom:none;
	}
*/

/* main nav */

#nav ul {	
	float:left;
	list-style-type: none;
	font-size: 95%;
	margin: 120px 0 0 10px;
	padding: 3px 0;
	/*background: url(../img/footer_bg.gif) no-repeat top left;*/
	}

#nav li a:link, #nav li a:visited {
	color:#fff;
	line-height:1.5em;
	text-decoration:none;
	display:block;
	width:156px;
	padding: 5px 0 5px 20px;
	/* old border colors
	 border-bottom: 1px solid #706A66; 
	border-bottom: 1px solid #AA8A45;*/
	border-bottom: 1px solid #A08C70;
	}

#nav li a:hover {
	color: #E0D5B5;
	/* optional color 
	color:#D2C398;
	color:#E0D5B5; */
	line-height:1.5em;
	display:block;
	width:156px;
	background: transparent url(../images/nav_bg.gif) no-repeat 0 -22px;
	text-decoration:none;
	}
	
#nav li a:active {
	color:#fff;
	line-height:1.5em;
	text-decoration:none;
	display:block;
	width:156px;
	padding: 5px 0 5px 20px;
	/* ******** old border colors
	 border-bottom: 1px solid #706A66; 
	border-bottom: 1px solid #AA8A45; *******/
	border-bottom: 1px solid #A08C70;
	}
	
#nav li a:link.noborder{
	border:none;
	}
	
/* sec nav */ 

#secnavwrap {
	float: right; 
	width: 50%; 
	padding: 10px 32px 10px 16px;
	margin-left: 10px;
	margin-bottom:5px;
	border-left: 1px solid #E3DBBF;
	}

ul#secnav {
	margin: 0; 
	padding: 0; 
	list-style: none;
}

#secnav li {
	margin: 0; 
	padding-top: 1px; 
	font: 95% Georgia, serif; 
	/*color: #777; */
	/*text-transform: uppercase; */
	letter-spacing: 1px; 
	display: inline; /*Removes large gaps in Win IE */
} 

#secnav li a:link, #secnav li a:visited, #secnav li a:active {
	display:block;
	background: transparent;
	color: #777; 
	text-decoration: none;  
	padding: 4px 3px; 
	border-bottom:none;
}

#secnav li a:hover {
	color: #3C342A;
	border:none;
	/*color: #E0D5B5;*/
	}

/* current section highlight */
/* based on technique supplied by Simon Collison */
body.overview #nav a#overview, body.contributions #nav a#contributions, body.grants #nav a#grants, body.awards #nav a#awards, body.donate #nav a#donate, body.contact #nav a#contact { 
	color:#D2C398;
	background: url(../images/nav_bg.gif) no-repeat 0 -22px;
	}

body.overview #nav a:hover#overview, body.contributions #nav a:hover#contributions, body.grants #nav a:hover#grants, body.awards #nav a:hover#awards, body.donate #nav a:hover#donate, body.contact #nav a:hover#contact { 
  	color:#D2C398;
	}

/* style for required labels --Waleed */
#errormessagebox, 
#errormessageboxbottom {
	display: none;	
}

#errormessagebox,
#errormessagebox h2,
#errormessageboxbottom p {
	color: #ff0000;
}

#errormessagebox ul {
	list-style-type: disc;
	text-decoration: underline;
	padding-bottom: 1em;
}

#errormessagebox ul li {
	padding-bottom: 0;
}