/* layout.css
	This document contains elements that are used on every page and are *not* page specific.  They contain basic style
	elements as well as host of positioning elements.
	
	**warning**: changing styles in this stylesheet may effect ALL pages
*/
           
/* HTML elements */
       
    html{height:100%;}  
    body { font-size: 62.5%; background: #181A1D url(/images/2010/bg_body.gif) top center repeat-y; height: 100%; width:100%;}
    p { line-height: 1.4em; }
    a { color: #eaeaea; line-height: 1.5em}
    a:hover { color: #fff; }
    span.hdn { display: none; }
    
/* Top Area */
 
    #container { position: relative; width: 850px; margin: 0px auto; margin-top: 90px; font: normal 1.2em verdana; color: #bebebe}
    #container h1.logo { position: absolute; left: -40px; top: -92px; z-index: 1000}
    #container h1.logo img { behavior: url(/App_Css/iepngfix.htc); height: 200px; width: 366px; }
    #container .bg_top { width: 850px; height: 42px; background: url(/images/2010/bg_container_top.gif) top no-repeat; }
    
    
/* Left Scroll Design */
    #container .left_side { width: 139px; height: 456px; position: absolute; top: 0px; left: -116px; }
    #container .left_side img { behavior: url(/App_Css/iepngfix.htc); width: 139px; height: 456px;}
    
/* Content */   
    
    #container .content { float: left; width: 850px; background: url(/images/2010/bg_container_mid.gif) top repeat-y; }
 
    /* Left Side of content (navigation) */   
    
    .content #left { margin-top: -20px; margin-bottom: -20px; position: relative; z-index: 2; padding: 80px 0px 0px 47px; width: 207px; float: left; border-right: 1px solid #3a3b46; }
    .content #left ul { margin-bottom: 60px; float: left;}
    .content #left li { clear: left; float: left; }
    .content #left li img { display: block; padding-bottom: 10px; }
        /* Subnavigation */
        .content #left ul ul { position: relative; float: left; margin-bottom: 0px}
		.content #left .subnav_holder { padding-bottom: 10px}
		.content #left #subnav { border: 1px solid #2c2f35; padding: 0px; padding-top: 2px; margin-top: -5px; background: url(/images/bg_subnav2.gif) repeat-y; width: 197px;  }
        .content #left li li { float: none; position: relative; margin: 0px; padding: 0px; height: 19px}
        .content #left li li img { padding: 0px; }
    
    /* Right Side of content (main content area) */   
    
    .content #right { margin-left: -1px; z-index: 2; margin-bottom: -20px; position: relative; float: left; width: 532px; padding: 20px; padding-top: 0px; border-left: 1px solid #3a3b46;}
        .content #right h1 { border-bottom: 1px solid #3a3b46; padding-left: 17px;  padding-bottom: 10px; margin: 20px -18px 15px -20px;}    
        .content #right p { margin-bottom: 10px; }
/* Right Scroll Design */

    #container .right_side {  position: absolute; top: 0px; right: -120px; }
    #container .right_side img { behavior: url(/App_Css/iepngfix.htc); width: 139px; height: 533px;}
    
/* Btm Area */
    
    #container .bg_btm { position: relative; z-index: 1; clear: both; width: 850px; height: 72px; background: url(/images/2010/bg_container_btm.gif) top no-repeat; }
        #container .bg_btm span { font-size: .8em; color: #000; line-height: 14px; padding-top: 30px; }
            .bg_btm span.L { float: left; padding-left: 50px;}
            .bg_btm span.R { float: right; padding-right: 42px; text-align:right;}
            .bg_btm span a { color: #000; }
            .bg_btm span a:hover { color: #898a8b; }
            .bg_btm .phone { position: absolute; border-left: 1px solid #3a3b46; line-height: 14px; left: 48px; bottom: 70px; font-size: 10px; color: #6b6c6e}
            .bg_btm .phone a { color: #6b6c6e; }