html,
body
{
    background: #DBDBDB url(../images/bg_html.jpg) no-repeat top center;
    font-family: Arial, Helvetica, sans-serif;
    margin: 0;
    padding: 0;
}


#wrap div#doc3 
{
    margin: auto;
}

/* For reasons unknown to mankind, Internet Explorer, by default, reports the font-style of <em> and <i> as “normal”, not “italic" in javascript */
em, i {
    font-style: italic;
}

/* Internet Explorer and Opera, by default, use font-weight: bold for <strong> and <b> in javascript. Gecko- and WebKit-based browsers use font-weight: bolder in js. In reality you probably don’t have to care about this at all, but if you’re using many different variations of a font with different font-weights this may be an issue. */
strong, b {
    font-weight: bold;
}



.container
{
    width:950px; 
    margin:auto; 
    text-align:left;
    position: relative; 
}


#hd
{
    margin: 30px 0 0 0;
    padding: 0 100px;
    min-width:950px; 
    background: transparent url(../images/bg_topnav.png) repeat-x top left;
    position: relative;
    zoom:1;
}

#hd #logo
{
    display: block;
    width: 227px;
    height: 103px;
    float: left;
    position: relative;
    left: -13px;
    background: none;
    margin: 0;
    padding: 0;
}

#hd #est img
{      
    position: absolute;
    right: 0;
    top: 100px;
}

#hd #menu
{
    float: left;
    display: block;
    height: 83px;
    width: 77%;
    margin: 10px 0 10px -13px;
    line-height: 83px;
    
    font-family: "Palatino Linotype", Palatino, "URW Palladio L", "Book Antiqua", Baskerville, "Bookman Old Style", "Bitstream Charter", "Nimbus Roman No9 L", Garamond, "New Century Schoolbook", "Century Schoolbook", "Century Schoolbook L", Georgia, serif;
}

#hd #heading
{
    clear: both;
    width: 100%;
    height: 85px;
    display: block;
}

#bd
{
    padding: 30px 100px 0 100px;
    min-width:950px; 
    
    background: #FFF url(../images/bg_body_topgrad.jpg) repeat-x top left;
    border-top: 8px solid #BBBBBB;
    border-bottom: 8px solid #BBBBBB;
}

#expert
{
    float: right;
    margin-bottom: -8px;
}













/* General Styles */
h1
{
    color: #000b5f;
    font-family: Constantia, "Lucida Bright", LucidaBright, "DejaVu Serif", "Bitstream Vera Serif", "Liberation Serif", Georgia, serif;
    font-size: 1.25em;
    font-weight: bold;
    background: url(../images/bg_heading_divider.gif) repeat-x bottom left;
    padding-bottom: 8px;
    margin: 5px 0;
}

h2
{
    color: #000b5f;
    font-family: Constantia, "Lucida Bright", LucidaBright, "DejaVu Serif", "Bitstream Vera Serif", "Liberation Serif", Georgia, serif;
    font-size: 1.25em;
    font-weight: bold;
    background: none;
    padding-bottom: 8px;
    margin: 5px 0 10px 0;
}
p
{
    padding: 8px 0;
}
blockquote
{
    padding: 8px;
    font-style: italic;
}
a
{
    color: #d72e34;
}

b, strong
{
    color: #000b5f;
}


.bodycopy ul
{
    margin-left: 2em;
}
.bodycopy ul li
{
    background: transparent url(../images/bullet.gif) no-repeat scroll 0 4px;
    padding-left: 16px;
}





/****************  OIC Footer  ***********************/

#oicinfo {
    clear: both;
    text-align: right;
    color:#494949;
    padding-right: 70px;
    position: relative;
    top: 10px;
}

#oicinfo a {
    color:#f68102;
    text-decoration:none;
}

#oicinfo a strong {
    padding:10px 0 10px 38px;
    background:url(../images/oic-logo.gif) no-repeat 0 50%;
    color:#f68102;
}

#oicinfo a strong em {
    margin:0 0px;
    color:#494949;
}