/* CSS Document */


/* HTML styles */
html {
	margin: 0px;
	padding: 0px;
	}
	
body{
		background-color: #989898;
		background-image: url(images/bg.gif);
		background-repeat: repeat;
		text-decoration: none;
		font: normal 14px/21px Palantino, serif;  
		color: #090909;
		margin: 0px; 
		padding: 0px;
		}


form {margin: 0;}
	
a:link {
		color: #9e0b0f;
		text-decoration: none;
		}

a:hover {
		color: #989898;
		}
	
a:visited {
			color: #9e0b0f;
			text-decoration: none;
			}
		
		
div, ol, ul, li{
		text-decoration: none;
		font: normal 14px/21px Palantino, serif; 
		color: #090909;		
		margin: 0px; 
		padding: 0px;
		}
		
	
li.bold{font-weight: bold;}
	
.bold{font-weight: bold;}

.italic{font-style:oblique;}


h1{
	font: normal 22px/22px Helvetica, sans-serif;
	letter-spacing:.03em;
	color: #9e0b0f;
	margin-top:55px;
	}
	
h1.home-header{
	margin-top:53px;
	margin-left:0px;
	width:659px;
	}
	
h1.home-header span {display: none;}	


form {margin: 0;}

	
p, pre {
	margin:0px 0px 0px 0px;
	font: normal 14px/21px Palantino, serif;
	color: #090909;
	}



/* Holds the position and with of the main window */	
#mainHolder{
	position:absolute;
	left: 50%;
	top: 0px;
	width:858px;
	height: auto;
	margin:0px;
	margin-left:-429px;
	padding:0px;
	visibility: visible;
	background-color: #9e0b0f;	
}

#container1 {
	position:relative;
	left:0px;
	top: 0px;
	width:858px;
	height: 100%;
	margin:0px;
	padding:0px;
	visibility: visible;
	background-color: #9e0b0f;
	background-image: url("images/side-shadow.gif");
	background-repeat: repeat-y;
	background-position:left top;	
	}
	

#container2{
	position:relative;
	left:16px;
	top:0px;
	width:820px;
	height: 100%;
	margin:0px;
	padding:0px;
	visibility: visible;
	background-color: #9e0b0f;
}


#topGraphic{
	background-color: transparent;
	width: 820px;
	height: 15px;
	margin: 0px 0px 0px 0px;
	padding-top:18px;
	float: none;
	}
	
#container3{
	width: 820px;
	background: #9e0b0f url("images/white-box-middle.gif") left top repeat-y;
}

#topBanner{
	height: 114px;
	width: 813px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	background:#f6f6f7 url("images/banner.gif") left top no-repeat;
	}

#topBanner span {display: none;}

#bodyWrapper{
	margin-left: 20px;
	margin-top: 0px;
	width:793px;
	height: 100%;
	background-color: #f6f6f7;
	font: normal 14px/21px Palantino, serif; 
	color: #090909;
	float: none;
	}
	
	
#bodyContent{
	background:#f6f6f7 url("images/book-bg.gif") left top no-repeat;
	margin-left:68px;
	margin-top:0px;
	padding-top:0px;
	width:705px;
	float: none;
	}

#bodyContent h1 {
		font-family: 'Nothing You Could Do', cursive;
		font-weight: bold;
	}
	

#bodyText{
	padding-top:8px;
	width:645px;
	}
		
#bodyText p{
	margin-top:21px;
	font: normal 14px/21px Palantino, serif; 
	color: #090909;
	}
	
#bodyText a {
		font-weight:bold;
		}

#bodyText .bold{font-weight: bold;}

#bodyText .italic{font-style:oblique;}

#bodyText .small{font: normal 12px/17px Palantino, serif;}
	

#bottomGraphic{
	background-color: transparent;
	width: 820px;
	height: 20px;
	margin: 0px 0px 0px 0px;
	padding-bottom:18px;
	float: none;
	}
	



	
/* menu */
#menu{
	margin: 8px 0px 0px 0px;
	padding: 0px;
	font: 11px/11px Verdana, Helvetica, Arial, sans-serif;  
	color:#0e0f0f;
	width: 773px;
	height:27px;
	background:#f6f6f7 url("images/menu-bg.gif") left top no-repeat;

}

#menu ul{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 33px;
	float: left;
	font: 11px/11px Verdana, Helvetica, Arial, sans-serif;  
	color:#0e0f0f;
	width: 773px;
	height: 27px;
}


#menu ul li{
	display: inline;
	float: left;
	font: 11px/11px Verdana, Helvetica, Arial, sans-serif;
	font-weight:bold;
	color:#0e0f0f;
	padding: 7px 0px 0px 0px;
}

#menu ul li a{
	float: left;
	color:#0e0f0f;
	padding: 0px 0px 0px 0px;
	text-decoration: none;
	}

#menu ul li a.home{
	float: left;
	width:61px;
	color:#0e0f0f;
	padding: 0px 0px 0px 0px;
	text-decoration: none;
}

#menu ul li a.application{
	float: left;
	width:176px;
	color:#0e0f0f;
	padding: 0px 0px 0px 10px;
	text-decoration: none;
	}

#menu ul li a.donate{
	float: left;
	width:72px;
	color:#0e0f0f;
	padding: 0px 0px 0px 23px;
	text-decoration: none;
	}

#menu ul li a.history{
	float: left;
	width:72px;
	color:#0e0f0f;
	padding: 0px 0px 0px 24px;
	text-decoration: none;
	}

#menu ul li a.board{
	float: left;
	width:136px;
	color:#0e0f0f;
	padding: 0px 0px 0px 23px;
	text-decoration: none;
	}
#menu ul li a.contact{
	float: left;
	width:65px;
	color:#0e0f0f;
	padding: 0px 0px 0px 33px;
	text-decoration: none;
}

#menu ul li a:visited, #menu ul li a.first:visited, #menu ul li a.last:visited {
	color:#0e0f0f;
}

#menu ul li a:hover, #menu ul li a.first:hover, #menu ul li a.last:hover {
	color:#9e0b0f;
}


/*home page donation button*/

#donation{
	width:127px;
	margin-top: 100px;
	margin-left:257px;
	margin-bottom: 37px;
}


#donation-button{
	margin: 0px;
	padding: 0px;
	font: 11px/11px Verdana, Helvetica, Arial, sans-serif;  
	color:#0e0f0f;
	width: 127px;
	height: 27px;
	background:#f6f6f7 url("images/donation-button.gif") 3px top no-repeat;
}

#bodyText #donation-button ul{}


#bodyText #donation-button li {
	list-style: none; 
	margin: 0px; 
	padding: 0px; 
	display: inline;
	/*background:#f6f6f7 url("images/donation-button.gif") 3px top no-repeat;*/
	}
	
#bodyText #donation-button li a:link, #bodyText #donation-button li a:visited {
	display: block; 
	float: left;
	width: 127px;
	height: 27px;
	font: bold 11px/11px Verdana, Helvetica, Arial, sans-serif;  
	color:#0e0f0f;
	text-align:center;
	background:#f6f6f7 url("images/donation-button.gif") 3px top no-repeat;
	}
	
#bodyText #donation-button li a:hover {
	margin: 0px;
	padding: 0px;
	font: bold 11px/11px Verdana, Helvetica, Arial, sans-serif;  
	color:#fff;
	text-align:center;
	width: 127px;
	height: 27px;
	background:#f6f6f7 url("images/donation-button-hover.gif") 3px top no-repeat;
	}
	
#bodyText #donation-button span{ display:none;}



/*lists*/
#bodyText ul{
	text-align: left;
	padding: 0px;
	margin: 0px;		
	background: transparent;
	width: 645px;
	font: normal 14px/21px Palantino, serif;  
	color: #090909;
	position: relative;
	}

#bodyText li{
	padding: 0px 0px 15px 15px;
	text-align: left;
	font: normal 14px/21px Palantino, serif;  
	color: #090909;
	list-style-type: none;
	background: transparent url(images/bullet.gif) left 6px no-repeat;
	}
	
#bodyText li.subcat {
	padding: 0px 0px 0px 0px;
	text-align: left;
	font: normal 14px/21px Palantino, serif;  
	color: #090909;
	list-style-type: none;
	list-style-image: url(images/bullet.gif);
	list-style-position: outside;
	margin: 0px 0 0px 10px;
	}




#footer{
	font: normal 11px/12px Verdana, Helvetica, Arial, sans-serif;  
	color:#090909;
	text-align:center;
}

#footer .copyright{color:#666565;}





p.credits{
	font: normal 11px/12px Verdana, Helvetica, Arial, sans-serif;  
	color:#bfacac;	
	text-align:center;
}


a.credits:link, a.credits:visited {color:#e4cbcb; }

a.credits:hover {color:#fff; }

/* Holds the position of the white area containing */	
div.spacer {
  clear: both;
  }
  


