#body {
    font-family: Georgia;    
    font-size: 100%;
    background-color: #ffffff;  
    text-align: center; /* Center the middle stuff in IE. */
    padding: 0; 
    margin: 0;
}

    
/**
 ** The header
 **/
#header {
    text-align: center; /* To align menu on IE.*/
    border-bottom: .1em solid #789a5f;
    background-color: #97c858;
}
#hbanner {
    border-bottom: .1em solid #789a5f;
    background-color: #45692c;
}

#hbanner img {
    border:0;
    padding:0;
    margin:0;
}

#hbanner a {
    padding: 0;
    border: 0;
}

#hgeneralmenu {
    width: 800px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
}


/**
 ** The footer. 
 **/
    #footer {
        /*Not a lot is happening in here.*/
    }
    #fbanner {
        background-image: url(/s/images/layout/footer-slice.jpg); 
        background-repeat: repeat-x; 
        padding:0; 
        margin:0;
    }
    
    div.footer {
        text-align: center;
    }
    #fquestion {
        margin-left: auto; 
        margin-right: auto; 
        width: 600px;
        text-align: left;
    }
    #fquestion img {
        float: left;     
        margin: 5px;   
    }

/**
 ** The middle stuffs.
 **/ 
    #container {
        width: 990px;
        margin-left: auto;
        margin-right: auto;
        text-align: left;
        padding: 10px; /* So the text doesn't run to the sides. */
    }

    a {
        color: darkgreen;
        padding-left: 2px;
        padding-right: 2px;
    }
    
    a:hover {
        text-decoration: none;
    }
    
    /* Use to clear floats. */
    .clear {
        clear: both;
    }

    /* So that the visual and non-visual may continue to live in harmony. */
    .screenreader {
        position: absolute;
        left: 0px;
        top: -500px;
        width: 1px;
        height: 1px;
        overflow: hidden;
    }

    .vi {
        color: orange;
        font-weight: bold;
        font-family: Verdana;
    }
        
    p.indent {
        text-indent: 1.5em; /* INDENTS paragraphs*/
    }
    
    .hide {
        display: None;
    }
    

/*
 * General Menu
 */
        #generalmenu, #generalmenu ul {
            padding: 0;
            margin: 0;
            list-style: none;
            font-family: verdana;
            line-height: 1;
        }
        #generalmenu a {
            display: block;
            margin: 0;
            padding: .5em 14px .5em .5em;/* Overpad the left side.*/
            background-image: url(/s/images/down.gif);
            background-position: right center;
            background-repeat: no-repeat;
        }
        #generalmenu ul li a {
            background-image: none;
        }
        #generalmenu li {
            float: left;
            width: 12em;
            text-align: left;
            padding: 0;
            margin: 0;
        }
        #generalmenu {
            width: 24.8em; /* This is convenient. */
        }
        /* Dropdowns */
        #generalmenu li ul li {
            float: left;
            width: 22em;
        }
        #generalmenu li ul {
            background-color: white;
            position: absolute;
            width: 22em;
            left: -999em;
            border-color: #789a5f;
            border-style: solid;
            border-width: .1em .1em .1em .1em;
        }
        #generalmenu li ul a {
            border-bottom: .1em solid #789a5f;      
        }
        #generalmenu li:hover, #generalmenu li.sfhover {
            background-color: white;
        }
        #generalmenu li:hover ul, #generalmenu li.sfhover ul {
            left: auto;
            background-color: #97c858;
        }    
        /* Poprights */
        #generalmenu li ul ul {
            margin: -2.1em 0 0 22em;
        }
        #generalmenu li:hover ul ul, #generalmenu li:hover ul ul ul, #generalmenu li.sfhover ul ul, #generalmenu li.sfhover ul ul ul {
            left: -999em;
        }
        
        #generalmenu li:hover ul, #generalmenu li li:hover ul, #generalmenu li li li:hover ul, #generalmenu li.sfhover ul, #generalmenu li li.sfhover ul, #generalmenu li li li.sfhover ul {
            left: auto;
        }
        

/*
* Business Menu
*/    
        #businessmenu, #businessmenu ul {
            padding: 0;
            margin: 0;
            list-style: none;
            font-family: verdana;
            line-height: 1;
        }

        #businessmenu a {
            display: block;
            margin: 0;
            padding: .5em 14px .5em .5em;/* Overpad the left side.*/
            background-image: url(/s/images/down.gif);
            background-position: right center;
            background-repeat: no-repeat;
        }
        #businessmenu ul li a {
            background-image: none;
        }             
 
        #businessmenu li {
            float: right;
            width: 6em;
            text-align: left;
            padding: 0;
            margin: 0;
            position: relative;
        }
 
        #businessmenu {
            width: 30em; /* This is convenient. */
        }
        
      /* The actual dropdown part. */
        #businessmenu li ul li {
            float: left;
            width: 15em;
        }
        #businessmenu li ul {
            background-color: white;
            position: absolute;
            width: 15em;
            left: -999em;
            border-color: #DCDCDC;
            border-style: solid;
            border-width: .1em .1em .1em .1em;
        }

        #businessmenu li:hover, #businessmenu li.sfhover {
            background-color: white;
        }
        #businessmenu li:hover ul, #businessmenu li.sfhover ul {
            left: auto;
            right: 0;
            background-color: #97c858;
        }    
        
        /* Poprights */
        #businessmenu li ul ul {
            margin: -2.2em 15em 0 0;
        }
        #businessmenu li:hover ul ul, #businessmenu li:hover ul ul ul, #businessmenu li.sfhover ul ul, #businessmenu li.sfhover ul ul ul {
            left: -999em;
        }
        
        #businessmenu li:hover ul, #businessmenu li li:hover ul, #businessmenu li li li:hover ul, #businessmenu li.sfhover ul, #businessmenu li li.sfhover ul, #businessmenu li li li.sfhover ul {
            left: auto;
            right: 0;
        }

        #bctcontainer {
            margin-left: auto;
            margin-right: auto;
            text-align: left;
            width: 990px;
        }
        #bct {
            
        }
        #bct li a, #bct li span {
            display: block;
        }
        #bct li {
            float: left;
            list-style-type: none;
        }
        #shop a{
            font-weight: bold;
        }
        #shop ul a{
            font-weight: normal;
        }
        #cart a {
             background-image: url(/s/images/right.gif);
             margin-right: 1em;
        }
    

div.thumbbox {

    margin: 10px;
    text-align: center;    
}
div.thumbbox img {

    margin: 0;
    padding: 0;
    border: 0;
}
    


    
div.image{
    text-align: center;
}
div.image img{
    margin: 0;
    padding: 0;
    border: 0;    
}
div.movie{
    text-align: center;
}
div.movie embed{
    margin: 0;
    padding: 0;
    border: 0;    
}

div.media_floated_left div.media_panel{
    float: left;    
}
div.media_floated_right div.media_panel{
    float: right;    
}

div.media_panel{
    margin: 5px;
    padding: 0;
}
h1 { font-size: 1.6em; }
h2 { font-size: 1.4em; }
h3 { font-size: 1.2em; }
h4 { font-size: 1em; }
ul.pretty_list {
    list-style-type: none;    
}
ul.pretty_list li {
    margin-top: 5px;
    margin-bottom: 5px;
}