/* Paxfire Master Stylesheet 
==================================
colors:     */

/* Global Styles */
html, body, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address 
{
    margin: 0;
    padding: 0;
    font-family: Arial, sans-serif;
    font-size: 8pt; 
    color: #888;}

a       {color:#148;}
a:hover {color:#e81;}

/* Basic Page Elements 
======================*/    
body
{
    background-color: #fc6;
    text-align:center;
    padding-top:1em;
    padding-bottom:1em;}

#page
{
    width: 762px;
    background-color:#fff;
    border: solid 1px #e52;     
    margin-left: auto;
    margin-right:auto;
    text-align: left; }

#header
{
    border: solid #bdbdbb;
    border-width: 0 0 1px 0;}  

#header img
{
    border: solid #465775;
    border-width: 0 0 1px 0;}  

#container
{
    background: transparent url(../images/bk_nav.jpg) no-repeat;
    position: relative;}
    
/* Sitewide Navigation 
======================*/
#nav
{
    position:absolute;
    width: 762px;
    height: 222px;
    list-style: none;
    z-index:2;    }    

#nav li
{
    height:22px;
    background-repeat: no-repeat;    }    

#nav a
{
    color: #000;
    text-decoration: none;
    height:21px;
    padding-left: 30px;
    padding-top:1px;
    background-repeat:no-repeat;    }    

#o1{    position:absolute;
    top: 9px;
    left:13px;
    background-image: url(../images/o1.jpg);
    }    
#o2{    position:absolute;
    top: 9px;
    left:83px;
    height: 22px;
    background-image: url(../images/o1.jpg) /* uses the same image as #o1 */;
    }    
#o3{    position:absolute;
    top: 10px;
    left:177px;
    background-image: url(../images/o3.jpg);
    }    
#o4{    position:absolute;
    top: 18px;
    left:280px;
    background-image: url(../images/o4.jpg);
    }    
#o5{    position:absolute;
    top: 25px;
    left:352px;
    background-image: url(../images/o5.jpg);
    }    
#o6{    position:absolute;
    top: 42px;
    left:454px;
    background-image: url(../images/o6.jpg);
    }    
#o7{    position:absolute;
    top: 59px;
    left:534px;
    background-image: url(../images/o7.jpg);
    }    
#o8{    position:absolute;
    top: 80px;
    left:598px;
    background-image: url(../images/o8.jpg);
    }    
#o9{    position:absolute;
    top: 106px;
    left:653px;
    background-image: url(../images/o9.jpg);
    }    

#nav a:hover, #nav a.on
{
    color: #259;
    background-position: bottom left;}
    

/* Main Content Area 
====================*/
#content
{
    width: 695px;
    height:100%;
    padding: 83px 37px 0 30px;
    position:relative;    }   
     
#content img.left
{
    float: left;
    margin-right: 15px;
    margin-bottom: 1em;}    

#content img.right
{
    float: right;
    margin-left: 15px;
    margin-bottom: 1em;}    

#content p
{
    font-size: 9pt;
    margin-bottom: 1em;}

#content h1
{
    font-size: 12pt;
    color: #148;
    margin-bottom: 1em;}    

/* Footer 
=========*/
#footer
{
    width:100%;
    background: transparent url(../images/bk_footer.jpg) repeat-y;
    padding-top: 1em;
    padding-bottom: 1em;    
    text-align:center;
    clear:both;
    margin-bottom: -1px; /* corrects a mysterious 1px gap */
    }
    
#footer p   {    color: #fff;    }    

/* Specific Overriding Rules 
============================*/
#sb1, #sb2, #sb3
{
    float:right;
    clear:right;    }
    
#sb1
{
    width:190px;
    height:30px;}
    
#sb2
{
    width:90px;
    height:22px;}

#sb3
{
    width:50px;
    height:25px;}