body { font-family: Arial, Sans-Serif; }

#content    {   padding: 30px;}

h1  
{
    font-size: 14pt;
    color: #323580; 
    margin-top: 5px;}

h2  
{
    font-size: 12pt;
    color: #882;
    margin-top: 2em;
    margin-bottom: 1em;}    

h3  
{
    font-size: 11pt;
    color: #323580;
    margin-bottom: .25em;}    

p, ul   
{
    font-size: 11pt;
    margin-top: 0;}    

/* Navigation 
=================================================================*/    
#menu   
{
    width: 231px;
    padding: 0;}

#nav    
{
    margin-top: 26px;
    list-style: none;}

#nav * 
{
    margin: 0;
    padding: 0;}    

#nav a  
{
    display: block;
    width: 175px;
    height: 22px;
    padding-top: 9px;
    padding-left: 26px;
    
    margin-bottom: 11px;
    background: #DBD7A1 url(../images/button.gif) repeat scroll 0px 31px;

    text-decoration: none;
    font-size: 9pt;
    color: #fff;
    }    

#nav a.selected, #nav a:hover 
{
    background-position: 0px 0px;
    color:#323580;  /*purple hover for readability, remove this if you don't like*/
    }

/* Special list rules */
ol ol
{
    list-style-type: lower-alpha;}    

ol ol ol
{
    list-style-type: lower-roman;}   

/* Other special rules  */     
.note   {background-color: #ABD5E8;
        padding: .5em 1em;}

.fun    
{
    font-size: 16pt;
    font-family: Caeldera, Comic Sans MS, sans-serif;
    text-align:center;
    }        

.picture
{
    float: right;
    /* border starts - 
    adds 8 total pixels to width; 
    remove if necessary*/
    padding: 3px;
    border: solid 1px #aa4;     
    /* border ends */
    margin: 0 0 5px 5px;}    


/* Footer
=================================================================*/    
#footer {
    height: 30px; 
    background-color: #323580;    }