/* Layout Stylesheet */ 

body{
 margin: 0px;
 padding:0px;
 background: #FFFFFF;
 color: #000000;
 font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
 font-size:10pt;
 }
 
/*menu*/ 
#dmenu{                      /* menu list container */
 list-style-type: none;      /* disable the display of the list item bullets */
 margin-left: 0px;           /* space around the list container */
 padding: 0px;               /* space within the list container */
 position: absolute;         /* need this so that the z-index stuff works correctly */
 background-color: #1754AF;  /* the default background color within the main menu container */
 color: #FFFFFF;             /* the default font color (not links) within the main menu container */
 z-index: 20;                /* push the menu up in the layer order a bit so it isn't hidden behind anything */
 margin-top: 0px; 
 width: 800px;	
 text-decoration: none;
 border-right: 1px solid #0E58A7;
 }
 
#dmenu li{                          /* top-level menu element */
 list-style-type: none;             /* disable the display of the list item bullets */
 float: left;                       /* this is to allow for the horizontal main menu */
 border: #1754AF solid 1px;         /* border for each of the main menu items */
 background-color: #1754AF;         /* main menu item background color */
 color: #FFFFFF;                    /* main menu item font color (not links) */
 margin: 0px;                       /* spacing between main menu items */
 padding: 0px;                      /* padding within main menu items */
 width: 110px;                      /* the width of each main menu item */
 display: block;
 text-decoration: none;
}

#dmenu ul {                     /* third-level (or greater) menu element list elements */
 position: absolute;            /* this is so that it doesn't push that page content around on hover */
 margin: 0px;                   /* space around the list container */
 padding: 0px;                  /* space within the list container */
 list-style-type: none;         /* disable the display of the list item bullets */
 display: none;
 width: 110px;                  /* should be the same as #dmenu li width */
 background-color:#97b5d9;      /* sub-menu default background color */
 color: #ffffff;                /* sub-menu default font color (not links) */
 z-index: 99;                   /* want to be sure this is above the rest of the menu */	
 text-decoration: none;
}

#dmenu ul li{                   /* second-level or greater menu element links */
 background-color: #97b5d9;     /* default background color for sub-menu container */
 color: #ffffff;                /* default font color (not links) for sub-menu container */
 border: none;                  /* sub-menu item border settings */
 margin: 0px;                   /* spacing between sub-menu containers */
 padding: 0px;                  /* This is for padding between menu items in the drop-downs */
 width: 110px;                  /* (padding*2) must be subtracted from #dmenu li width and set for this one, or borders won't display properly. */ 
 text-decoration: none; 
 }

#dmenu li a{                    /* top-level menu element links */
 text-align: center;            /* text alignment in main menu item links */
 width: 110px;                  /* set this to #dmenu ul width */
 display: block;
 text-decoration: none;
 color: #ffffff; 
 font-weight: bold;
 }
    
    #dmenu ul a {                   /* all the other level menu link elements */
        padding: 0px;
        margin: 0px;
        width: 110px;               /* (padding*2) must be subtracted from #dmenu ul li width and set for this one, or borders won't display properly. */
        display: block;
		font-weight: bold;
		font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
		font-size:8pt;
    }

    #dmenu a:hover,                 /* top-level hovering properties */
    #dmenu li:hover{
        display: block;
        color: #ffffff;
		font-weight: bold;
		font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
		font-size: 8pt;
    }
    
    #dmenu ul li:hover,             /* higher level hovering properties */
    #dmenu ul li a:hover{
        display: block;
        width: 110px;               /* should be set to the same value as #dmenu ul li width */
        background-color: #FFCB27;
        color: #ffffff;
    }

    #dmenu ul ul{                   /* higher-level list containers */
        display: none;              /* don't display by default */
        position: absolute;
        margin-left: 110px;         /* this should be the width of #dmenu ul li */
        margin-top: -2em;           /* this will push the sub-menu up to the level of it's parent */
    }

    /* only non-MSIE browsers use this */
    #dmenu ul li>ul,
    #dmenu ul ul li>ul{
    margin-top: -2em;           /* should be set to the same as #dmenu ul ul margin-top */
    }

    /* additional sub-menu levels in the next 2 blocks. (For up to 5 levels of drop menus) */
    #dmenu li:hover ul ul,              
    #dmenu li:hover ul ul ul,
    #dmenu li:hover ul ul ul ul,
    #dmenu li:hover ul ul ul ul ul{
        display:none;
    }

    #dmenu li:hover ul,
    #dmenu ul li:hover ul,
    #dmenu ul ul li:hover ul,
    #dmenu ul ul ul li:hover ul,
    #dmenu ul ul ul ul li:hover ul{
        display:block;
    }

li>ul {
 top: auto;
 left: auto;
}

 /*secondary nav*/
 #submenu{
 background: #0E58A7;
 margin: 0px;
 padding: 0px;
 height: 20px;
 width: 800px;
 text-align: right;
 padding: 0px;
 border-right: 1px solid #0E58A7;
 font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
 font-size: 12px;
 font-weight: bold;
 }
 
 #submenu a:hover {
  color:#FFFFFF;
 }
 
 .sub{
 color: #FFFFFF;
 font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
 font-size: 12px;
 font-weight: bold;
 }

#content{
 position: relative;
 left: 190px;
 top: 152px;
 border-right: 1px solid #0E58A7;
 border-left: 1px solid #0E58A7;
 background: #ffffff;
 color: #000000;
 position: absolute;
 width: 610px;
 height: 258px;
 }
 /*bottomnav*/

 #locations{
 position: absolute;
 left: 190px;
 top: 410px;
 background: #ffffff;
 color: #000000;
 position: absolute;
 width: 371px;
 font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
 font-size: 12px;
 height:220px;
 border-bottom: 1px solid #0E58A7;
 border-right: 1px solid #0E58A7;
 }
 
.links {
  font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
  font-size:10pt;
  font-weight:600;
  margin-left:5px;
}

a.links:link,a.links:visited,a.links:active {
  color:#0000AA;
}

a.links:hover {
  color:#6666FF;
}
 
.header {
 margin:5px; 
 padding: 5px 0;
 font-size: 14px;
 font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
 color: #0E58A7;
 font-weight: bold;
}
 
.subheader {
 font-size: 12px;
 font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
 color: #000000;
 font-weight: bold;
}
 
.content {
 margin:5px; 
 padding: 5px 0;
 font-size: 14px;
 font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
 color: #000000;
 font-weight: normal;
}
 
a.content:link, a.content:active,a.content:visited{
   color:#0000DD;
   margin:0px;
}
 
 a.content:hover {
   color:#FF0000;
   margin:0px;
 }
 
 a.whatsnew {
 margin:5px; 
 font-size: 10pt;
 font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
 color: #000000;
 font-weight:600;
 }
 
 a.whatsnew:link, a.whatsnew:active,a.whatsnew:visited{
   color:#0000DD;
 }
 
 a.whatsnew:hover {
   color:#FF0000;
 }
 
 ul, ol {
   margin-top:0px;
   font-weight:normal;
   font-size:10pt;
 }
  
 .staff{
 font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
 font-size: 12px;
 width:550px;
 }
 
.pagetitle {
 margin:5px; 
 padding: 5px 0;
 font-size: 14pt;
 font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
 color: #0E58A7;
 font-weight: bold;
}


A:link {text-decoration: none; color: #FFCB27}
A:visited {text-decoration: none; color:  #FFCB27}
A:active {text-decoration: none; color: #FFCB27}
A:hover {text-decoration: none; color: #FFCB27}

a.apply:link, a.apply:active,a.apply:visited{
   color:#AA8927;
   text-decoration:underline;
 }
 
 a.apply:hover {
   color:#0000FF;
 }
 
a.hfs, a.hfs:link, a.hfs:active,a.hfs:visited {
   font-size:12pt;
   font-family:Arial,Helvetica,sans-serif;
   font-weight:800;
   color:#660000;
   text-decoration:none;
 }
 
 a.hfs:hover {
   color:#990000;
 }

#amt.a:link {text-decoration: none;	color: #00F}
A:visited {text-decoration: none;	color: #00F}
A:active {text-decoration: none;	color: #00F}
A:hover {text-decoration: none;	color: #00F}


/**********************************************/
#dropdown {
text-align: left;
}

#dropmenudiv{
position:absolute;
border-bottom-width: 0;
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size: 8pt;
line-height:15px;
z-index:100;
margin-top:0px;
}

#dropmenudiv a{
text-indent:5px;
width: 100%;
display: block;
border-top: 1px solid #FFFFFF;
text-decoration: none;
font-weight: bold;
color: #FFCB27;
background:#0E58A7;
}
#dropmenudiv a:hover{ /*hover background color*/
background-color: #0E58A7;
color: #FFFFFF;}
.notes {
	font-size: 10px;
	font-style: italic;
	}