body {
        margin: 0;
        padding: 0;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 11px;
        color: #000000;
        background-color: #DBDAD8;
        text-align: center;
}
                                
/*****MAIN BOX*****/
#wrapper {
        width: 780px; 
        padding: 0;
        margin-top: 20px;
        margin-bottom: 20px;
        margin-right: auto;
        margin-left: auto;
        background: url(i/bg.gif) top center repeat-y;
}

#wrapper #top {
        background: url(i/top.gif) top center no-repeat;
}

#wrapper #bottom {
        background: url(i/bottom.gif) bottom center no-repeat;
}

#wrapper #content {
        background:transparent;
        clear: both;
        padding: 0 20px 0 16px;
        margin: 0;

}

/***** CONTENT STYLES *****/
#content h1 {
        padding: 0;
        margin: 0;
        background: #003399 url(i/header.png) no-repeat;
        height: 164px;
        display: block;
        text-indent: -420em;
}

#content #nav {
        background: url(i/navbg.gif) no-repeat;
        height: 25px;
        margin-top: 4px;
}

hr {
        clear: both;
        color: #003399;
        height: 1px;
        background-color: #003399;
        border: 0;
        width: 100%;
        margin-top: 3px;
        margin-bottom: 3px;
        text-align: center;
}

p {
        text-align: left;
        font-size: 11px;
        clear:both;
        color: #333333;
}

#mainContent    {
        background: transparent url(i/content_bg.gif) top left repeat-y;
        width: 744px;
        margin: 0 auto;
        padding: 0;
        text-align: left;
        border-bottom: 1px solid #FFF;
}


#left {
        float: left;
        width: 510px;
        padding: 0;
        border: 0;
        margin: 0;
        /* False margin value for all versions of IE Win, including 6.0 */      
        margin-left: 5px;
        }
        
html>body #left{
        /* Correct value for browsers that don't suffer from IE Win's bugs */
        margin-left: 10px;
        min-height: 350px;
        }       

#right {
        margin: 0 0 0 521px;
        padding: 0;
        width: 223px;
        border: 0;
}

#content #footer {
        width: 734px;
        padding: 6px 0 0 10px;
        margin: 0 0 7px 0;
        background: #003399;
        text-align: left;
        color: #FFF;
        height: 20px;
}

p.wrap img {
float: right;
padding: 0;
margin: 0 0 10px 4px;
}               

/******* CONTENT STYLES *****/
h2 {
        font-size: 25px;
        font-weight: normal;
        color: #003399;
        margin: 0 20px 10px 0; 
        padding: 0 0 5px 0;
        line-height: 28px;
        border-bottom: 1px solid #CEC9BD;
}

#left p {
        margin-right: 20px;
}

#left ul {
        margin-left: 20px;
}

/****** RIGHT SIDE NAV *******/
        #right ul#nav
        {
                margin: 0;
                padding: 15px 0 55px 0;
                height: 20px;
                width: 223px;
                border-top: 1px solid #666;     
        }
        
        #right ul#nav li
        {
                display: inline;
                list-style-type: none;
                color: #003399;
                font-weight: bold;
                width: 223px;
        }
        
        #right ul#nav a:link, #right ul#nav a:visited
        {
                float: left;
                padding: 4px 2px 4px 10px;
                margin: 0;
                font-size: 11px;
                border-bottom: 1px solid #666;
                color: #003399;
                background-color: transparent;
                text-decoration: none;
                width: 223px;
                text-align: left;
                voice-family: "\"}\"";
                voice-family:inherit;
                width:211px;
        }
        
        #right ul#nav a:hover
        {
                background-color: #003399;
                color: #FFF;
        }
        
        html>body #right ul#nav a
        {
                width: auto;                    /*be nice to Opera and Netscape/Mozilla*/
        }