Ôªø/* Picket Fence Financial 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: Trebuchet MS, Arial, sans-serif;
    font-size: 10pt; /* Change this number (original was 9pt) */
    color:#006383; }

.content a           
{
    color:#004363;
    text-decoration:none;    
    border-bottom:dashed 1px #004363;}
    
.content a:hover     
{
    color:#00a3c3;
    border-bottom:dashed 1px #00a3c3;}   
     
img         {border-width:0;}    
/* Basic Page Elements 
======================*/    
html{ height:100%;}

body
{
    background:url(../images/body.gif);
    margin-top:20px;
    margin-bottom:20px;
    text-align:center;}

#page
{
    width:766px;
    background:url(../images/page.gif);
    text-align:left;
    margin-left:auto;
    margin-right:auto;}    

#header{}

/* Default Elements
===================*/
h1
{
    font-size: 13pt;
    margin-bottom: 1em;
    }

h2
{
    font-size: 11pt;
    margin-bottom: 1em;
    color: #479d22;}

h3
{
    margin-bottom: .5em;}
  
p
{
    margin-bottom: 1em;}    

ul, ol
{
    margin-left: 3em;
    margin-bottom: 1em;}


/* Sitewide Navigation 
======================*/
#menu{}

.nav
{
    margin-left:1em;
    list-style:none;
	font-size: 8pt;
}

.nav li
{
    float:left;
    color:#92bccc;
	font-size: 8pt;
    }

.nav a
{
    font-size: 8pt;
    font-weight:bold;
    padding-right:.5em;
    padding-left:.5em;
    text-decoration:none;
    color:#92bccc;
    }    

.nav a:hover, .nav a.on
{
    color:#026386;
    }    

#subnav{color:#fff;}
#subnav a
{
    color:#fff;
    font-weight:lighter;}


/* Main Content Areas 
====================*/
.content
{
    padding-bottom: 2em;}

/* Footer 
=========*/
#footer {}

#footer p
{
    margin-bottom:0;
    text-align:center;
    color: #fff;
    font-size: 8pt;}
#footer p a
{
	color: #fff;
}

/* Specific Overriding Rules 
============================*/
.top{background:url(../images/top.gif) repeat-x left;}
.top2{background:url(../images/top2.gif) repeat-x left;}
#leftside{background:url(../images/leftside.gif) repeat-y top left;}
#rightside{background:url(../images/rightside.gif) repeat-y top right;}
#bottom{background:url(../images/bottom.gif) repeat-x left;}
#submenu{background:url(../images/submenu.gif) repeat-x left;}