/* 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
*/
           
    /* Core HTML */
    body { font-size: 62.5%; font-family: Arial; color: #053657; background: #fff; }
    #container { width: 770px; margin: 0px auto; font-size: 1.2em;}
    strong { font-weight: bold; }
        
    /* Top area (Navigation)*/
    
    #top { float: left; position: relative; z-index: 3; width: 777px; margin-top: 16px; border-bottom: 3px solid #b5882d; background: #053657 url(/App_Images/bg_top.gif) repeat-x bottom}
            #top h1 { float: left; }
            #top span { float: right; margin-top: -15px; color: #9f1c34; position: relative;}
                #top span a { font-size: .9em; color: #053556; text-decoration: none; }
                #top span a:hover { text-decoration: underline; }
            #top ul { clear: both; float: left; width: 777px; border-top: 1px solid #1a4765; padding-bottom: 9px }
            #top li { float: left; border-right: 1px solid #fff; position: relative; margin: 4px 0px 0px; }
                #top li.about { }
                #top li.careers { border: 0px;}
                #top li a.t1 { text-decoration: none; float: left; margin: -4px 0px -12px; position: relative; padding: 4px 12px 0px; height: 34px; font-size: 1em; font-weight: bold; color: #fff; display: block; }
                    #top li.home a.t1 { padding-left: 3px; margin-left: 6px}
                    #top li.careers a.t1 { padding-right: 4px; }
                    #top li a.p1 { padding: 10px 12px 0px; height: 27px; }
            #top ul ul { clear: none; float: none; border: 0px; border-bottom: 3px solid #9f1c34; padding: 4px 0px 8px; position: absolute; top: 31px; left: 0px;  visibility: hidden; background: url(/App_Images/bg_nav_dropdown.png); }
                #top ul ul#subnav_1 { width: 172px; }
                #top ul ul#subnav_2 { width: 180px; }
                #top ul ul#subnav_3 { width: 222px; }
                #top ul ul#subnav_4 { width: 230px; }
                #top ul ul#subnav_5 { width: 180px; left: auto; right: -2px; }
                    #top ul ul#subnav_5 a { text-align: right; }
            #top ul ul li { float: left; border: none; margin: 0px; width: 100%}
            #top ul ul li a.t2 { text-decoration: none; position: relative; padding: 4px 8px; font-size: 1.1em; font-weight: bold; color: #fff; display: block; }
                #top ul ul li a.t2:hover { background: url(/App_Images/bg_nav_dropdownhover.png) repeat; }
    
            #top li:hover a.t1, #top li.sfhover a.t1 { background: #042B46 url(/App_Images/bg_nav_hover.gif) bottom repeat-x; }
            #top li:hover ul, #top li.sfhover ul { visibility: visible; }
    
    /* Mid area (all page content) */
      
        #mid { float: left; width: 777px; background: url(/App_Images/bg_mid.gif) repeat-y; position: relative; z-index: 2;}
            #mid .inner p { line-height: 1.3em; }    
    
        #mid .inner a { color: #9f1c34; }
            #mid .inner a:hover { font-weight: bold; font-size: 1em; }

        #mid .inner #left { float: left; }
            #mid .inner #left img { display: block; }
        #mid .inner #right { float: left; }
            #mid .inner #right h1 { clear: left; float: left; margin-bottom: 25px; }
            
            #mid .inner #right p { margin-bottom: 25px; font-size: 1.2em; clear: both; }
                #mid .inner #right p.no { margin-bottom: 0px; }
    
    /* Btm area (secondary navigation) */
   
        #btm { clear: left; float: left; width: 777px; background: #fff url(/App_Images/bg_btm.gif) left 25px no-repeat; height: 66px; padding-bottom: 18px}
                #btm .tagline { background: #053657; height: 25px; }
                #btm span { float: left; margin-left: 128px; color: #9f1c34; margin-top: 2px}
                    #btm span a { font-size: .9em; color: #053556; text-decoration: none; line-height: 1.2em }
                    #btm span a:hover { text-decoration: underline; }
                #btm h1 { float: right; }
                #btm h5 { font-weight: normal; font-size: .8em; color: #053556; clear: both; float: left; width: 400px; padding-top: 5px}

    /* Error Tooltips */
    
    a.tooltip { text-decoration: none; cursor: help}
    a.tooltip:hover { visibility: visible; }
    a.tooltip span.tooltip { visibility: hidden; position: absolute; margin: -55px 0px 0px -50px; }
    a.tooltip:hover span.tooltip { visibility: visible;  }
    a.tooltip span span { color: #cf4400; display: block; text-decoration: none; position: relative; border: 1px solid #930; background: #FFF9DF; padding: 3px; font-size: .9em; width: 140px; text-align: left; }