body
{
  background: #ffffff;
  font-family: verdana, arial;
  font-size: 10px; 
  margin:0px;
  margin-top: 6px;
}

body.popup
{
  background: #cedfef;
  font-family: verdana, arial;
  font-size: 10px; 
  margin:5px;
}


a
{
  color: #003e7e;
  text-decoration: none;
}

a:active
{
  color: #003e7e;
}

a:visited
{
  color: #003e7e;
}

a:hover
{
  color: #003e7e;
  text-decoration: underline;
}


#activelink {
  color: #000000;
  text-decoration: none;
}

div
{
  font-family: verdana,arial,sans-serif;
  font-size: 10px;
  font-weight: normal;
}

td
{
  font-family: verdana,arial,sans-serif;
  font-size: 10px;
  font-weight: normal;
}

hr {
 height: 1px;
 margin-top: 3px;
 margin-bottom: 1px;
 border: none;
 border-top: 1px solid  #dae7f3;
}


p {
  margin-top: 6px;
}


table.search
{
  display: inline;
  position: relative;
  top: 3px;
}

input.search
{
  border: 0px;
  border-top: 1px solid #000000;
  border-bottom: 1px solid #000000;
  width: 82px;
  height: 14px;
  padding: 0px;
  padding-top: 2px;
  font-family: verdana,arial,sans-serif;
  font-size: 11px;
}

#header {
  width: 1000px;
  height: 51px;
  vertical-align: bottom;
  font-family: verdana, arial;
  font-size: 10px;
  color: #003e7e;
  text-align:right;
}

#headerlinks {
  position: relative;
  width:400px;


}

#menubar { 
  background-color: #003e7e; 
  height: 29px;
  font-family: verdana, arial;
  font-size: 11px; 
}


#navigation {
  width:200px; 
  background-color: #dae7f3; 
  padding-left: 10px;
}

.footer {
  width: 1000px;
  height: 40px;
  text-align: left;
  padding-left: 10px;
  color:#ffffff;
  font-size: 9px;
}

.footer a {
  color:#ffffff;
  font-size: 9px;
  text-decoration: underline;
}

.footer a:visited {
  color:#ffffff;
  font-size: 9px;
  text-decoration: underline;
}

.callout_left {
  margin-top: 10px;
  margin-left: 10px;
}

.callout_right {
  margin-bottom: 10px;
}

.buttonimg {
  position: relative;
  top: 4px;
  border: 0px;
}




















.headline {
  font-family:verdana, arial;
  font-size: 12px;
  font-weight: bold;
}


.blueheader {
  font-family:verdana, arial;
  font-size: 12px;
  font-weight: bold;
  color: #003e7e;
}

.blueheaderlarge {
  font-family:verdana, arial;
  font-size: 14px;
  font-weight: bold;
  color: #003e7e;
}

.blueheaderbig {
  font-family:verdana, arial;
  font-size: 16px;
  font-weight: bold;
  color: #003e7e;
}






    /* 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 */
        color: #000;                /* the default font color (not links) within the main menu container */
width: auto;
        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: black solid 1px;    /* border for each of the main menu items */
        color: #000;                /* main menu item font color (not links) */
        margin: 0px;                /* spacing between main menu items */
        padding: 3px;               /* padding within main menu items */
        width: auto;               /* the width of each main menu item */
        display: block;
    }

    #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: auto;               /* should be the same as #dmenu li width */
        background-color: #ffc;     /* sub-menu default background color */
        border: #000 solid 1px;     /* the border around the sub-menu list */
        color: #000;                /* sub-menu default font color (not links) */
        z-index: 99;                /* want to be sure this is above the rest of the menu */
    }

    #dmenu ul li{                   /* second-level or greater menu element links */
        background-color: #003e7e;     /* default background color for sub-menu container */
        color: #000;                /* 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. */
clear: both;
    }

    #dmenu li a{                    /* top-level menu element links */
        padding: 3px;
        text-align: left;         /* text alignment in main menu item links */
        text-decoration: none;
        color: #ffffff;
/*        width: 170px;               /* set this to #dmenu ul width */
        display: block;
    }




    #dmenu li a:hover{                    /* top-level menu element links */
background: #;
        display: block;
        text-decoration: underline;
        color: #000;
    }


    
    #dmenu ul a {                   /* all the other level menu link elements */
        padding: 3px;
        margin: 0px;
width: auto;
/*        width: 162px;               /* (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:active,
    #dmenu li:hover{
        display: block;
        background-color: #dae7f3;
        color: #000;
    }
    
    #dmenu ul li:hover,             /* higher level hovering properties */
    #dmenu ul li a:hover{
        display: block;
/*        width: 109px;               /* should be set to the same value as #dmenu ul li width */
        background-color: #dae7f3;
        color: #000;
    }

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

	.content {                      /* This is used for the content that will appear below the menu */
        clear: left;
    }

input.text { border: 1px solid #bed5fe; margin: 1px; width:260px;}
textarea.text { border: 1px solid #bed5fe; font-family: verdana, arial; font-size: 12px; width:260px; height:80px; }