/*-----------------------------------------------------------------------------    
    Reset
-----------------------------------------------------------------------------*/

    html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
    h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
    hr { display: none; }
    ul,ol { list-style: none; }
    fieldset,img { border: none; }
    caption,th { text-align: left; }
    table { border-collapse: collapse; border-spacing: 0; } 

/*-----------------------------------------------------------------------------    
    Global settings
-----------------------------------------------------------------------------*/

    body { background: white url('../images/body_bg.jpg') no-repeat center 60px; border-top: 60px solid #006; color: black; font: 62.5%/1.8em "Arial", Geneva, Verdana, sans-serif; }
    a { color: #006; text-decoration: underline; }
    a:hover { color: black; }
    strong, b { font-weight: bold; color: white; }
    em, i { font-style: italic; }
    p { font-size: 1.2em; line-height: 150%; margin-bottom: 12px; }
    h2 { color: #006; font-size: 2em; font-weight: normal; margin-bottom: 24px; }
    h3 { color: #006; font-size: 1.2em; font-weight: bold; margin-bottom: 12px; }
    address { margin-bottom: 12px; }
    #Content ul { font-size: 1.2em; margin-bottom: 12px; list-style: disc; padding-left: 16px;}

/*-----------------------------------------------------------------------------    
    Cutie Little Helpers
-----------------------------------------------------------------------------*/

    input[type=text]:focus, input[type=password]:focus { outline: 0 none; }
    .Clearfix { display: inline-block; }
    .Clearfix:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
    .HideMe { display: none; }

/*-----------------------------------------------------------------------------    
    Layout
-----------------------------------------------------------------------------*/
    
    #Wrap { margin: 0px auto; margin-top: -60px; width: 780px; }
    #Header { height: 300px; margin-bottom: 50px; }
    #Sidebar { float: left; padding: 0 20px 30px 0; width: 195px; }
    #Content { float: right; min-height: 380px; padding: 0 24px 30px 20px; width: 520px; }
    #Content b { color: black; }
    #Content strong { color: black; }
    #Content form label { font-size: 10pt; }
    #Content form input { width: 300px; padding: 4px; }
    #Content form textarea { width: 300px; padding: 4px; }
    #Footer { clear: both; color: black; font-size: 0.9em; margin: 0 0 30px 0; padding: 0 20px; position: relative; }

/*-----------------------------------------------------------------------------    
    Elements
-----------------------------------------------------------------------------*/

    h1 a {  background: url('../images/sitelink.png') no-repeat left top; float: right; height: 60px; margin: 0 0 0 20px; overflow: hidden; text-indent: -9999px; width: 280px; }
    .Navigation { color: white; float: left; font: normal 1.6em arial; margin: 0; padding: 0; }
    .Navigation li { display: inline;}
    .Navigation li a { color: white; line-height: 60px; padding-right: 14px; text-decoration: none; }
    .Navigation li a:hover { color: #b7b7d4; }
    .Navigation_Sub li { border-bottom: 2px solid white; line-height: 100%; position: relative; }
    .Navigation_Sub li li { border: 0; }
    .Navigation_Sub li a, .Navigation_Sub li a:visited { background: #e5e5ef none repeat scroll 0%; display: block; font-size: 1.2em; padding: 8px 10px; text-decoration: none;}
    .Navigation_Sub li a:hover, .Navigation_Sub li a:active { background: #b7b7d4 none repeat scroll 0%; }
    a.Selected { font-weight: bold; }
    #Footer a { color: black; text-decoration: none; }
    #Footer a:hover { text-decoration: underline; }
    #Footer .Left { left: 0; position: absolute; top: 0; }
    #Footer .Right { position: absolute; right: 0; top: 0; }