body { 
    padding: 0; margin: 0; font: 9pt Arial, sans-serif; line-height: 1.3em; letter-spacing: 0px; color: #000;text-align: left; min-width: 880px; max-width: 5000px;
    background-color: #202020;
    min-height: 1340px; height: auto !important; height: 1340px;
}

h1 { color: #000; font: 1.5em Arial, sans-serif; display: inline; font-weight: bolder; }
p { margin: 0 0 12px 0; padding: 0; line-height: 0.5cm; }
ul { margin: 0; padding : 0; list-style: disc; list-style-position: inside; }
img { margin: 0; padding: 0; border: 0; }

/* layout */
#overallframe {
    max-width: 5000px; min-width: 880px;
    clear: both; margin: 0; padding: 0;
    min-height: 1340px; height: auto !important; height: 1340px;
    text-align: left;
    background: white; 
}

#topframe {
    width: 880px; clear: both;
    margin: 0 auto; padding: 0;
    height: 274px;
    display: block; text-align: left;
    background: transparent url(images/logos.gif) no-repeat 46px 20px;
}

#topright {
    width: 693px; clear: both;
    margin-left: 187px; padding: 0;
    height: 274px; background-color: transparent;
    float: left;
}

#topright img { float: left; z-index: 0; position: relative; }

#topnav {
    width: 880px; margin: 0 auto;
    min-height: 20px; height: auto !important; height: 20px;
    background-color: black; text-align: center; padding-top: 6px;
}
#navbar li{ list-style: none; display: inline; margin: 0; position: relative;}
    #navbar li {
        padding: 4px 5px 0 28px;
    }
    #navbar li a{
        text-decoration: none;
        font-weight: bold;
        color: #fff;
        border: none;
    }
    #navbar li a:hover {
        color: #e0be9b;
        border-bottom: 5px solid #e0be9b;
    }
    #navbar li a:active {
        color: #e0be9b;
        border-bottom: 5px solid #e0be9b;
    }

#lowerframe {
    width: 880px; margin: 0 auto;
    min-height: 840px; height: auto !important; height: 840px;
    background: white; 
}

#sidediv {
    width: 163px; background: white url(images/column_gradient.jpg) top right repeat-x; float: left;
    min-height: 1020px; height: auto !important; height: 1020px;
    padding: 10px 12px;
}

#sidediv a { color: #2e6092; text-decoration: underline; font: 0.9em Arial, sans-serif; font-weight: bold; }

/* center div */
#centerdiv {
    width: 506px; background: white; float: left;
    min-height: 1040px; height: auto !important; height: 1040px;
}
#centerdiv_content {
    clear: both; width: 467px; height: 950px;
    padding: 20px 20px; overflow: auto;
}

#centerdiv_content h2 { color: #000; font: 1.3em Arial, sans-serif; display: inline; font-weight: bolder; } 
#centerdiv_content h3 { color: #2e6092; font: 1.3em Arial, sans-serif; display: inline; font-weight: bolder; }
#centerdiv_content .photocaption { width: inherit; height: 20px; font: 1.0em "Times New Roman"; font-style: italic; color: #8e8e8e; text-align: center;}                                                                                               
#latestnews { margin: 20px 0; padding: 15px; border: 2px solid #2e6092; }  
#latestnews p { font: 0.9em Arial, sans-serif; }
#latestnews h1 { color: #2e6092; font: 1.1em Arial, sans-serif; display: inline; font-weight: bolder; }
#latestnews h2 { color: #000; font: 0.9em Arial, sans-serif; display: inline; font-weight: bolder; }

/* left side */
#item_box_wline {
    width: 160px; float: left;
    padding: 18px 0;
    border-bottom: 1px solid #2d5e8f;
}

#item_box_wline h1 { font: 1.5em Arial, sans-serif; color: white; display: inline; }

.sideitem { margin: 5px auto; float: left; }
.sideitem img { vertical-align: top; float: left; max-width: 65px; max-height: 77px; }      
.sideitem_topright{ float: right; width: 90px; font: 0.9em Arial, sans-serif; color: black; font-weight: bold; padding-left: 5px; display: inline; margin-top: 36px;}
.sideitem p { clear: both; font: 0.9em Verdana; font-style: italic; letter-spacing: -1px;}

/* right side */
#item_box {
    width: 160px; float: left;
    padding: 18px 0;
}

#item_box h1 { font: 1.5em Arial, sans-serif; color: white; display: inline; }
#item_box h2 {
    font: 9pt Arial, sans-serif; color: #2d5e8f; display: inline;
    font-weight: bold; line-height: 2.0em;
}
#item_box h3 {     
    font: 9pt Arial, sans-serif; color: #2d5e8f; display: inline;
    font-weight: bolder; line-height: 1.0em; letter-spacing: 1px;
}
#item_box .header {     
    font: 9pt Arial, sans-serif; color: white; display: inline;
    font-weight: bolder; line-height: 1.0em; letter-spacing: 1px;
}

#bluebox { width: 155px; height: 15px; padding: 5px; color: white; background-color: #2e6092; margin-top: 5px;} 
#blueboxlong { width: 450px; height: 15px; padding: 5px; color: white; background-color: #2e6092; margin-top: 5px;} 

#vpreport_box {
    height: 167px; width: 141px; margin: 18px 0 0 0;
    padding: 10px;
    background: white url(images/box_gradient.jpg) top left repeat-x; float: left;
    border: 2px solid #143f6f;
}
#vpreport_box p { font: 2.2em "Times New Roman"; font-weight: bold; line-height: 1.1em;}
#vpreport_box h1 { font: 0.9em Arial, sans-serif; font-weight: bold; display: inline; }

#shoutbox { width: 154px; height: 118px; float: left; background-color: white; padding: 8px 5px; }
#shoutbox .title { font: 1.1em Arial, sans-serif; font-weight: bold; display: inline; }
#shoutbox p { font: 0.9em Arial, sans-serif; margin: 5px 0; line-height: 1.2em; }

/* bottom */
#footer { width: 500px; height: 30px; text-align: center; font: 0.8em Arial; color: #8e8e8e; padding: 10px 0; }
#footer a { color: #5e5e5e; text-decoration: underline;}

.trades li{ list-style: square inside; color: white;}
.trades li b{ color: black; font: 1.2em "Arial Narrow"; font-weight: bold;}

.adate { font: 1.3em Georgia; color: #8e8e8e; }