﻿body, html
{
    margin: 0;
    padding: 0;
    height: 100%
}

body {
    font-size:100%;
    line-height:1.125em;
    background: white url('../images/BG_Images/nav_bg.gif') repeat-y top left;
}

/*
<!--[if !IE]>-->
body {
    font-size:16px;
}
<!--<[endif]-->
*/

p.break
{
    display: block;
    clear: left;
}

.break a
{
    font-family: Tahoma, Verdana, Arial, Helvetica, Sans-Serif;
    color: #00549f;
    font-size: 1.1em !important;
    text-decoration: underline !important;
    font-weight: bold !important;
}

#sidebar
{
    background: url('../images/BG_Images/nav_bg.gif') repeat-y;
    font-family: verdana, helvetica, sans-serif;
    font-size:.8em;
    font-weight: bold;
    line-height:1.125em;
    width: 216px;
    padding: 0;
    margin: 0;
}

    #sidebar .Logo
    {
        margin: 0;
        margin-top: 16px;
        padding: 0;
    }

    #sidebar .Title {
        margin: 0;
        margin-top: 3px;
        padding: 0;
	}

    #sidebar .Handouts,
    #sidebar .SmartMart,
    #sidebar .LearningTools
    {
    	margin: 0;
        margin-top: 9px;
        padding: 0;
    }
    
#menutop
{
    background: url('../images/BG_Images/nav_inset_top.gif') no-repeat;
    padding: 0;
    margin: 18px 0 0 0;
    height: 10px;
    zoom: 1;
    margin-left: 16px;
}
    
#menubottom
{
    background: url('../images/BG_Images/nav_inset_bottom.gif') no-repeat;
    padding: 0;
    margin: 0;
    height: 10px;
    zoom: 1;
    margin-left: 16px;
    margin-top: -6px
}

#nav
{
    margin: 0;
    padding: 0 0 0 19px;
    width: 100%;
    background: url('../images/BG_Images/nav_inset_bg.gif') repeat-y;
    margin-top: -6px;
    padding-top: 6px;
}

    #nav ul
    {
        position: absolute;
        display: none;
        font-size: 100%;
        width: 190px;
        border-top: 1px solid #59a1cf;
        border-right: 1px solid #59a1cf;
        border-left: 1px solid #59a1cf;
        z-index: 4;
        left: 195px; /* Set 1px less than menu width */
        top: 2px;
        background: #338bc5;
        margin: 0;
        padding: 0;
        zoom: 1;
    }

    #nav li
    {
        position: relative;
        list-style: none;
        height: auto;
        margin: 0;
        padding: 0;
        z-index: 3;
        border-bottom: 1px solid #57a0cf;
    }
    
    #nav li.firstparent
    {
        margin-top: -12px;
    }
    
    #nav li.lastparent
    {
        border-bottom: none;
    }

        #nav ul ul
        {
            z-index: 4;
            left: 188px;
        }

        #nav ul li
        {
            border-bottom: 1px solid #59a1cf;
            z-index: 4;
        }

    #nav a
    {
        margin-left: 3px;
        display: block;
        text-decoration: none;
        color: #e1e1e1;
        padding: 3px;
        line-height: 1.5em;
        width: 100%;
    }

    #nav ul a
    {
        margin-left: 0;
    }

    /* Fix IE. Hide from IE Mac \*/
    * html #nav li { float: left; height: 1%; }
    * html #nav li a { /*height: 1%;*/ }
    /* End */

        #nav li ul li a { padding: 2px 5px; } /* Sub Menu Styles */

        #nav li:hover ul ul,
        #nav li:hover ul ul ul,
        #nav li.over ul ul,
        #nav li.over ul ul ul { display: none; } /* Hide sub-menus initially */

        #nav li:hover ul,
        #nav li li:hover ul,
        #nav li li li:hover ul,
        #nav li.over ul,
        #nav li li.over ul,
        #nav li li li.over ul { display: block; margin: 0; padding: 0; } /* The magic */

        #nav li.parent a.root,
        #nav li.firstparent a.root,
        #nav li.lastparent a.root
        {
        	background: url('../images/arrow.gif') 181px 50% no-repeat;
        }
        
        #nav ul li.parent a.child,
        #nav ul li.firstparent a.child,
        #nav ul li.lastparent a.child
        {
        	background: url('../images/arrow.gif') 176px 50% no-repeat;
        }

        #nav li.parent:hover,
        #nav li.firstparent:hover,
        #nav li.lastparent:hover,
        #nav li.over {  }

        #nav li a:hover { color: #ffde00; }*/
        
#body
{
    width: 100%;
    font-size:0.875em;
}

    #body a
    {
        font-family: verdana, helvetica, sans-serif;
        line-height: 1.7em;
        font-size: .8em;
        color: #00549f;
        text-decoration: none;
        font-weight: normal;
    }
    
        #body a.more
        {
            font-weight: bold;
            line-height: 3em;
        }
  
    #body p {
        font-size:0.85em;
        font-family: verdana, helvetica, sans-serif;
        line-height: 1.4em;
    }
  
    #body .content
    {
      /*margin: 0 200px 3.5em 216px;*/
      margin: 0 50px 3.5em 0;
    }
     
.addressContainer
{
    width: 100%;
}
    
#address
{
    text-align: center;
    background: #d4d4d4;
    letter-spacing: .2em;
    font-family: Garamond, "Times New Roman", sans-serif;
    font-size: 0.85em;
    font-variant: small-caps;
    line-height: 1.4em;
    padding: 2px auto;
}