body  { 
color: #000000;
font-size: 13px;
font-family: Verdana, Helvetica, Arial, sans-serif;
line-height: 18px;
background: #884b54;
margin: 0 }

p { 
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 13px;
line-height: 18px;
margin-top: 0px; 
text-align: justify;
color: #89202f;}

a:link { 
font-weight: bold; 
text-decoration: underline; 
color: #c2c0c0;}

a:visited { 
font-weight: bold; 
text-decoration: underline; 
color: #c2c0c0;}

a:hover, a:active { 
text-decoration: underline; 
color: #89202f;}

h3 {
color: #89202f;
padding: 5px 0px 8px 35px;
font: bold 20px small-caps Verdana, Helvetica, Arial, sans-seriff;
letter-spacing: .1em;
background: url(../images/h3_BG.gif) no-repeat left bottom;
}

/* specific divs */
#container {
background: url("../images/header_bg.jpg") no-repeat left top; 
width: 743px;
margin: 0px auto 0px auto;
padding: 185px 0px 0px 0px;
float: none;
clear: both;}

#pageHeader  {
width: 100% ;
margin: 0px;
padding: 0px;}

/* using an image to replace text in an h1. This trick courtesy Douglas Bowman, http://www.stopdesign.com/articles/css/replace-text/ */
#pageHeader h1  { 
background: url("../images/h1.gif") no-repeat center 10px;
margin: 0px 0px 0px 185px;
width: 478px;
height: 164px;}

#pageHeader h1 span {
display:none;}

#pageHeader h2  { 
background: transparent url("../images/h2.gif") no-repeat center top;
margin: 23px auto 0px auto;
width: 390px;
height: 16px;
padding-bottom: 38px;}
	
#pageHeader h2 span {
display: none;}

/*end container*/

#wrapper {
width: 743px;
margin: 0px auto 0px auto;
padding: 0px 0px 0px 0px;
float: none;
clear: both;} 
#main {
background: url("../images/main_BG.jpg") repeat-y left top;
width: 100%;
padding: 0px;
float: left;
margin: 0px;}

#nav  {
margin: 25px 0px 0px 0px;
padding: 0px;
width: 210px;
float: left;
text-align: center;}

#nav ul {
list-style-type: none;
text-align: center;
margin: 0px auto 0px auto;
width: 180px;}

#nav li {
background: url("../images/nav_link_BG.jpg") no-repeat left top;
width: 100%;
padding: 3px 0px 40px 0px;}

#nav a {
display: block;
width: 170px;}

#nav a:link, #nav a:visited{
color: #c2c0c0;
text-decoration: none;
font-size: 12px;
line-height: 18px;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-weight: bold;}

#nav a:hover  { 
color: #9f5c66;}

#leftp {
width: 100%;
padding: 0px 0px 0px 8px;}

#leftp p {
width: 100%;
color: #c2c0c0;
text-align: center;}

#leftp a {
width: 100%;
text-align: center;}

#content  { 
background: #9f5c66;
padding: 10px 0px 10px 0px;
width: 480px;
float: right;
margin: 0px 20px 20px 0px;
border: 1px #000000 solid;}

#content p {
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 13px;
color: #c2c0c0;
text-align: justify;
padding: 0px 10px 0px 10px;}

/*end main*/


#footer {
background: url(../images/footer_BG.jpg) no-repeat left top;
width: 743px;
margin: 0px auto 0px auto;
font-weight: bold; 
color: #6b6b26; 
text-align: center;
font-size: 12px;
clear: both;
padding: 0px;}

#footer p {
font-size: 10px;
color: #c2c0c0;
padding: 35px 0px 10px 0px;
margin-top: 0px;
text-align: center;}

#footer p.span {
padding: 90px 0 90px 0;}

#footer a:link, #footer a:visited { 
color: #c2c0c0;
font-size: 10px;
text-decoration: underline;}

#footer a:hover {
color: #89202f;}

/*end footer*/

/*end wrapper*/