body                 {background-image:url(../images/background.gif); margin:0px; font-family:tahoma; font-size:12px; color:#333333; text-decoration:none;}
a                    {color:#004080; text-decoration:none;}
a:hover              {color:#004080; text-decoration:underline;}
.blackBox            {background-color:#000000; font-size:11px; color:#FFFFFF; padding-right:10px; text-decoration:none;}
.blackBox a          {color:#FFFFFF; text-decoration:none;}
.blackBox a:hover    {color:#77A1E3; text-decoration:none;}
.nav                 {background-image:url(../images/nav-back.jpg); font-family:Arial; color:#454545; text-decoration:none; font-weight:bold;}
.nav a               {color:#454545; text-decoration:none;}
.nav a:hover         {color:#225693; text-decoration:none;}
.content             {background-color:#FFFFFF; padding-right:20px; padding-left:20px;}
.black               {color:#333333; font-weight:bold;}
.breadcrumbs         {font-size:10px; color:#999999;}
.breadcrumbs a       {color:#999999; text-decoration:none;}
.breadcrumbs a:hover {color:#004080; text-decoration:underline;}
.title               {color:#004080}
.greyBox             {background-color:#808080; font-size:11px; color:#FFFFFF; padding:20px;}
.small               {font-size:9px; color:#004080;}
.form                {border:#666666 1px solid; padding:15px;}
.footer              {background-color:#000000; font-size:11px; color:#FFFFFF; text-decoration:none; padding:5px;}


/* This is the part for the CSS menu - these settings are for a horizontal menu */
#dmenu{                         /* menu list container */
list-style-type: none;          /* disable the display of the list item bullets */
margin: 0px;                    /* space around the list container */
padding: 0px;                   /* space within the list container */
position: static;               /* need this so that the z-index stuff works correctly */
background-color: #FFFFFF;      /* the default background color within the main menu container */
color: #000000;                 /* 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 */
		                            /* Browser plug-ins like Flash or Quicktime may not allow you to overlap then with this menu! */
}

#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 for each of the main menu items border: black solid 1px; */
                                /* main menu item background color background-color: #EEEEEE; */
color: #000000;                 /* main menu item font color (not links) */
margin-top: 0px;                /* spacing between main menu items */
margin-right: 10px;
margin-left: 10px;
padding: 0px;                   /* padding within main menu items */
                                /* the width of each main menu item width: 130px; */
display: block;
}

#dmenu ul {                     /* second-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: 1px;                   /* space within the list container */
list-style-type: none;          /* disable the display of the list item bullets */
display: none;
width: 175px;                   /* should be the same as #dmenu li width */
background-color: #EEEEEE;      /* sub-menu default background color */
border: #000000 solid 1px;      /* the border around the sub-menu list */
color: #000000;                 /* sub-menu default font color (not links) */
z-index: 99;                    /* want to be sure this is above the rest of the menu */
font-size:11px;
font-weight:normal;
line-height:15px;
}

#dmenu ul li{                   /* second-level or greater menu element links */
background-color: #EEEEEE;      /* default background color for sub-menu container */
color: #000000;                 /* 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: 170px;                   /* (padding*2) must be subtracted from #dmenu li width and set for this one, or borders won't display properly. */
}

#dmenu li a{                    /* top-level menu element links */
text-align: left;               /* text alignment in main menu item links */
                                /* set this to #dmenu ul width width: 120px; */
display: block;
}

#dmenu ul a {                   /* all the other level menu link elements */
padding: 1px;
margin: 0px;
width: 175px;                   /* (padding*2) must be subtracted from #dmenu ul li width and set for this one, or borders won't display properly. */
display: block;
}

#dmenu ul ul a {                   /* all the other level menu link elements */
padding: 1px;
margin: 0px;
width: 295px;                   /* (padding*2) must be subtracted from #dmenu ul li width and set for this one, or borders won't display properly. */
display: block;
}

#dmenu a:hover,                 /* top-level hovering properties */
#dmenu li:hover{
display: block;
                                /* background-color: #EEEEEE; */
                                /* color: red; */
}

#dmenu ul li:hover,             /* higher level hovering properties */
#dmenu ul li a:hover{
display: block;
width: 170px;                   /* should be set to the same value as #dmenu ul li width */
background-color:#E6E7F2;
                                /* color: red; */
}

#dmenu ul ul{                   /* higher-level list containers */
display: none;                  /* don't display by default */
position: absolute;
margin-left: 170px;             /* 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 */
width: 300px;
}

#dmenu ul ul li:hover, 
#dmenu ul ul li a:hover{
display: block;
width: 295px;                   /* should be set to the same value as #dmenu ul li width */
background-color:#E6E7F2;
                                /* color: red; */
}
                                /* 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;}
                                /* This is used for the content that will appear below the menu */
.content {clear: left;}