/* CSS Document */

* {
margin:0; /* zero out margin */
padding:0; /* zero out padding */
}
html, body {
background-image:url(img/bground.gif);
background-repeat:repeat;
height:100%; /* gives layout 100% height */
overflow:inherit; /* triggers 100% height in Opera 9.5 */

}
#wrapper {
min-height:100%; /* gives layout 100% height */
width:795px; /* centered div must be given a width */
margin:0 auto; /* centers #wrapper */

}
* html #wrapper { 
height:100%; /* IE6 treats height as min-height */
}
#wrapper2 {
font-size:1.8em;
background-image:url(img/int-bground.jpg);
background-repeat:repeat;
background-position:center;
background-color:926063;
text-align:center;
padding:0px 0px 0px; /* bottom padding clears the #footer */

}
#footer {
height:35px;
width:789px; /* centered div must be given a width */
/*margin:-80px auto 0;  -80px sucks it back in & auto centers it 
margin:-25px auto 0;*/
text-align:right;
color:#cbbdaf;
font-size:small;
 
/*border-top-width:3px;
border-top-style:solid;
border-top-color:#090707;
background-color:#744446;*/

background-color:#54493d;
padding-top:5px;
margin-left:-3px;
margin-bottom:-3px;
border-left-width:3px;
border-left-style:solid;
border-left-color:#090707;
border-right-width:3px;
border-right-style:solid;
border-right-color:#090707;
border-bottom-width:3px;
border-bottom-style:solid;
border-bottom-color:#090707;

}

#footer p {margin-right:20px; margin-left:20px}
#menubar {
color:#f7c8c4;
font-family:Georgia, "Times New Roman", Times, serif; 
font-size:small; 
margin-top:110px; 
margin-left:10px;

text-align:left}

#menubar a, #footer a {
color:#cbbdaf;
text-decoration:none}

#content a {
color:#7a4306;
text-decoration:none}

#content a:hover {
color:#ad773d;}


#menubar a:hover, #footer a:hover {
color:white;}

#homebox {
width:789px;
height:543px;
border-width:3px;
border-style:solid;
border-color:#090707;
margin-top:20px;
background-image:url(img/home-bground.jpg)}


#intbox {
width:789px;
min-height:543px;
border-width:3px;
border-style:solid;
border-color:#090707;
background-image:url(img/int-header.jpg);
background-repeat:no-repeat;
margin-top:20px;
background-position:top}

#content{
font-size:medium;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align:left;
line-height: 18px;
margin-left:80px;
margin-top:20px;
padding-bottom:60px;
width:600px;
min-height:335px}

#content p {
margin-bottom:15px;
font-size:12px;
}

#content img {
padding:5px;margin:5px;
}

#content h3{
margin-bottom:8px;
text-align:right;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:33px}

#content h2{
margin-bottom:10px;
text-align:right;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:16px;
color:white; line-height:normal}

#content ul {
margin-left: 0;
padding-left: 1.5em;
}

#content li {
list-style-type:circle}

/*** see http://www.positioniseverything.net/easyclearing.html 
   for explanation of Tony Aslett's elegant hack ***/ 
 
.clearing:after { 
    content: ".";  
    display: block;  
    height: 0;  
    clear: both;  
    visibility: hidden; 
    } 
 
.clearing { 
    display: inline-block; 
    } 
 
/* Hides from IE-mac \*/ 
* html .clearing { 
    height: 1%; 
    } 
.clearing { 
    display: block; 
    } 
/* End hide from IE-mac */ 
/*** end clearing hack ***/ 

