body { 
font-size: small; 
}

html>body { 
font-size: medium; 
}

#header { 
width: auto;
height: 55px;
margin: 0 1em 1em 0;
background: url('images/logo-wht.jpg') no-repeat center; 
padding: 1em 0 0 0; 
}

#area3 {
width: 100%;
height: auto; 
padding-bottom: 1em; 
}  

#area4 { 
width: 45%; 
margin-top: 1em; 
margin-left: 40%; 
padding: 0 1em 0 1em; 
} 

html>body #area4 { 
width: 45%; 
margin-left: 50%; 
padding: 0 1em 0 1em; 
}

#footer { 
clear: both;
width: auto;  
margin-bottom: 1em;
padding-bottom: 1em;
} 

html>body #footer { 
clear: both;
width: auto; 
margin-top: 1em;  
margin-bottom: 1em; 
padding-top: 1em; 
padding-bottom: 1em; 
}

table#sample {     
width: auto;
margin-top: 1em; 
margin-left: 2%; 
border: solid 1px #000;
}

table#sample th { 
padding: 0 0 5px 5px;  
} 

html>body table#sample th { 
padding-bottom: 0;
}

table#sample td {    
padding: 5px 5px 6px 5px; 
border-top: solid 1px #000;  
} 

html>body table#sample td { 
padding-bottom: 1px; 
} 

.data {    
text-align: right;
}

.toprow {    
font-style: italic;    
text-align: center; 
}

.leftcol {     
text-align: left;    
width: auto; 
}

/* navigation links */

#navigation {
width: auto;
margin: 0; 
padding: 0; 
}

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

#navigation li { 
display: inline;
margin: 0; 
padding: 0; 
} 

html>body #content { 
width: 60%; 
margin-left: 15%; 
}

h1 { 
font-family: Arial, Helvetica, sans-serif;
font-size: 150%; 
text-align: center;
}

html>body h1 { 
font-family: Arial, Helvetica, sans-serif;
font-size: 175%; 
text-align: center; 
} 

h2 { 
font-family: Arial, Helvetica, sans-serif;
font-size: 100%; 
text-align: center;
font-style: italic; 
margin-bottom: -3px; 
} 

h3 { 
font-family: Arial, Helvetica, sans-serif;
font-size: 125%; 
text-align: center; 
}

p { 
font-family: Arial, Helvetica, sans-serif; 
font-size: 85%;
text-align: left; 
line-height: 1.25em;
padding: 0 1em 0 1em; 
}

html>body p { 
font-family: Arial, Helvetica, sans-serif; 
font-size: 90%;
text-align: left; 
line-height: 1.30em;
padding: 0 1.5em 0 2em; 
}

.centered { 
Text-align: center; 
}

ul { 
margin-top: -1px; 
margin-bottom: -1px;  
}

#navcontainer2 ul { 
list-style-type: none; 
width: 90%;
text-align: center; 
margin-right: auto; 
margin-bottom: -0.05em; 
margin-left: auto;
border-top: 2px dotted #ccc;
border-bottom: 2px dotted #ccc;
}

html>body #navcontainer2 ul
{
margin-bottom: 0.5em; 
}

#navcontainer2 ul li { display: inline; }

#navcontainer2 ul li a {
text-decoration: none;
font-family: Ariel, Helvetica, Geneva, Verdana, sans-serif; 
font-size: 85%;
text-align: center; 
padding-right: 1em; 
padding-left: 1em;   
color: #79000c;
background-color: #FFF;
}

html>body #navcontainer2 ul li a {
text-decoration: none;
font-family: Ariel, Helvetica, Geneva, Verdana, sans-serif; 
font-size: 85%;
margin: 0 0.25em 0 0.25em;
padding: 0 1em 0 1em;
color: #540309;
background-color: #fff;
}

#navcontainer2 ul li a:hover {
text-decoration: none;
color: #b76766;
background-color: #fff;
}