﻿
/* Layout Stylesheet */ 
    body
    {
        margin: 0;
        padding:0; 
    }
    #container
    {
        width: 50em;
    }
    
    /*    
    #page_header
    {
        width: 50em;
        height: 9em;
    }
    */

    #header_nav_ouside
    {
        width: 39em;
        height: 8.5em;
        /*
        border: solid .1em DarkMagenta;
        */
    }
    #header_nav_top
    {
        /*
        
        border: solid .1em DeepPink ;
        */
        height: 3.8em;
        
    }
    #header_nav_middle
    {
        
        /*
        border-top: solid .2em orange;
        border: solid .1em Yellow ;
        */
    }
    #header_nav_bot
    {
        /*
        border: solid .01em SpringGreen;
        */
        
        
    }
    
    #level1_title
    {
        margin-top: .5em;
        
        /*
        border: solid .1em Plum;
        */
    }
    #LinksLevel1                /*-- Div Element --*/
    {
        width: 47em;
        height: 6em;
    }
    #container
    {
        background-color: #FFFFFF;
        background-image: url(/images/body-bg.gif);
        background-repeat: repeat-y;
        background-position: 0em 0em;
    }
    #outside_left_col
    {
        padding-left: .5em;
        padding-top: 1em;
        width: 12em;
        background-color: #CCE3F3;
        background-image: url(/images/sidebar-bg.gif);
        background-repeat: repeat-x;
        background-position: 0em 0em;
        position: relative;
        top: -3px;
    }
    #outside_left_col a
    {
    }
    
    #outside_main_body
    {
        padding-left: 1em;
        position: relative;
        /*top: 1em;*/
    }
    #outside_main_body a
    {
        text-decoration: underline;
        font-weight: normal;
    }
    #footer
    {
        height: 2em;
        width: 61.3em;
        border-top: solid .1em orange;
        vertical-align: middle;
    }
    #EditDates
    {
        width: 61.3em;
    }
    
    #prefooter a { text-decoration:none;  }
	#prefooter a:hover { text-decoration:none; color: orange; }
	#prefooter { background-color: white; text-align:center; border-top: solid 1px orange; }


/* Presentation Stylesheet */ 
    body, p, td
    {
        font-family: Verdana, Georgia, Arial, Helvetica;
        font-size: 100%;
    }
    a
    {
        color: #0078A9;
        text-decoration: none;
        font-weight: bold;
    }
    a:hover
    {
        color: #FFA500;
    }
    #header_nav_top
    {
        font-size: 80%;
        font-weight: bold;
        text-align: right;
        padding-right: .5em;
        background-image: url(/images/blue-bullet-sm.jpg);
        background-repeat: no-repeat;
        background-position: 41.5em 1em;
        /* background: #FFFFFF url(/images/blue-bullet-sm.jpg) no-repeat 41.5em 1em; */
    }
    #header_nav_middle
    {
        font-size: 105%;
        font-weight: bold;
        text-align: right;
        padding-right: .5em;
    }
    #header_nav_bot
    {
        text-align: right;
    }
    #header_nav_top ul, #header_nav_top li
    {
        display: inline;
        list-style-type: none;
        line-height: 2.25em;
    }
    #header_nav_middle ul, #header_nav_middle li
    {
        display: inline;
        list-style-type: none;
        line-height: 2.25em;
    }
    #header_logo img
    {
        border: 0;
    }
    #level1_title
    {
        color: #FFFFFF;
        font-family: Arial, Helvetica;
        font-size: 115%;
        font-weight: bold;
        text-align: right;
        vertical-align: bottom;
    }
    #title_level2
    {
        color: #0078A9;
        text-align: left;
        font-weight: bold;
        font-size: 130%;
    }
    #main_body_title
    {
        color: #0078A9;
        text-align: left;
        font-weight: bold;
        font-size: 125%;
    }
    
    #outside_left_col
    {
        font-size: 80%;
        line-height: 2em;
        
        /*
        border: solid 1px red;
        */
    }
    .LeftNavSelected
    {
        color: #FF7700;
        font-weight: bold;
        /*
        color: #FF7700;
        font-weight: bold;
        text-decoration: none;
        background-image: url(/images/LeftNavSelected.gif);
        background-position: 0em 0em;
        */
    }
    
    #outside_main_body
    {
        font-size: 80%;
    }
    #footer
    {
        text-align: center;
        font-size: 80%;
    }

    #EditDates
    {
        font-size: 70%;
    }   

    .BoldLink
    {
        font-weight: bold;
    }
    .BoldBlue
    {
        font-weight: bold;
        color: #0078A9;
    }
    .BlueBoldTitle
    {
        color: #0078A9;
        text-align: left;
        font-weight: bold;
        font-size: 110%;
    }
    ul.red-bullet-list
    {
        list-style-image: url(/images/red-bullet.gif);
    }
    ul.red-bullet-list a
    {
        text-decoration: none;
    }
    ul.red-bullet-list2
    {
        list-style-image: url(/images/red-bullet.gif);
    }
    
    #LinksLevel1        /*-- Div Element --*/
    {
        border-top: dotted .15em #FFA500;
        border-bottom: dotted .15em #FFA500;
        padding-top: .5em;
        padding-bottom: 1em;
        margin-bottom: 1em;
    }
    #LinksLevel1 ul
    {
        list-style-image: url(/images/red-bullet.gif);
    }
    .LinksLevel1Selected
    {
        font-weight: bold;
        color: #FFA500;
    }
    
    #LinksLevel1 .column1
    {
        float: left;
        margin-left: 1em;
        position: relative;
    }
    #LinksLevel1 .column1 a
    {
        text-decoration: none;
        font-weight: bold;
    }
    #LinksLevel1 .column2
    {
        float: left;
        position: relative;
    }
    #LinksLevel1 .column2 a
    {
        text-decoration: none;
        font-weight: bold;
    }
    

    /* -- Tweaks -- */
    .hide {
	    display: none;
    }
    .clear {
	    clear: both;
    }
    

    #mytestbox
    {
        z-index: 10; background-color: silver; left: 1px; width: 150px; position: relative;
        font-size: 80%;
    }