a {text-decoration: none;}
a:link {color: #0000ff;}
a:visited {color: #0000ff;}
a:focus {color: #669900;}
a:hover  {color: #e9741f;}
a:active {color: #669900;}

body {
      /* background-image: url(pics/bk01.jpg); */
      /* background-attachment: fixed; */
      font: normal normal normal 12pt/120% "Trebuchet MS", Arial, Helvetica, sans-serif;
      /* background: #F8F8F8; */
      /* background: #A6D785; /* #EDEDCF */
      background: #fff url(pics/SEDbkgrnd01.jpg) center top no-repeat;
      color: #000000;
      margin: 0 auto;
      padding: 0;
      text-align: center;
      }


/* This encompases the whole page for centering purposes */
#header {
      margin: 0 auto 0 auto;
      padding: 0px;
      background: #F0F4F0;
      width: 800px;
      height:100px;
      border-bottom: 1px #688571 solid;
     }
#header img {
      background: #FFFFFF;
      margin: 0px;
      padding: 0px;
      border: 0px #FFFFFF solid;
      float:right;
     }

/* this the the box for the main content */
#content {
      width: 780px;
      background: #F8F8F8;
      text-align: left;
      margin: 0px auto 0px auto;
      padding: 10px 10px 40px 10px;
      /* border-left: 1px #c1eca4 solid; */
      /* border-right: 1px #c1eca4 solid; */
     }

/* This encompases the whole page for centering purposes */
#footer {
      clear:both;
      font-size:10pt;
      text-align:left;
      margin: 0 auto 0 auto;
      padding: 0px;
      background: #F0F4F0;
      width: 800px;
      border-top: 1px solid #bbddff;
     }






/* This is the flashbox */
.fb {
      background: #ffe5e5;
      border: 1px #FFC0CB solid;
      margin: 5px;
      padding: 5px;
      color: #000000;
     }




h1 {
      clear:both;
      font: normal normal normal 150%/120% "Trebuchet MS", Arial, Helvetica, sans-serif;
      margin: 25px 6px 10px 6px;
      padding: 0px;
      color: #308014;
     }
h2 {
      font: normal normal normal 120%/120% "Trebuchet MS", Arial, Helvetica, sans-serif;
      margin: 21px 6px 15px 6px;
      padding: 0px;
      color: #308014;
     }
h3 {
      font: normal normal normal 110%/120% "Trebuchet MS", Arial, Helvetica, sans-serif;
      margin: 21px 6px 15px 6px;
      padding: 0px;
      color: #308014;
     }

p {
      margin: 5px;
      padding: 4px;
     }

blockquote {
  border-top: 1px #FFA54F solid;
  border-bottom: 1px #FFA54F solid;
  background: #FFFFE0;
  font: italic normal normal 95%/120% normal Tahoma, sans-serif;
  padding: 10px 10px 10px 10px;
  margin: 10px 40px;
  }




img {
      border: 0px #bbddff solid;
      margin: 0px;
      padding: 0px;
     }

form {
      text-align: left;
      /* background: #e5eaf1; */
      /* border: 1px #bbddff solid; */
      margin: 10px;
      padding: 0px;
     }
form input {
      font-size:15px;
      border: 1px #bbddff solid;
           }
form .sb {
      background: #ffffff;
      border: 1px #bbddff solid;
      margin: 0px 0px 0px 0px;
      padding: 5px 15px;
           }
form .sb:hover {
      background: #e9741f;
      border: 1px #ff6600 solid;
      color: #ffffff;
           }
form textarea {
      border: 1px #bbddff solid;
           }


ul {
   list-style-type: disc;
   padding:0px;
   margin: 2px 2px 2px 14px;
   }
li {
   padding:3px;
   margin: 5px 5px 5px 20px;
   }




/* this is the main page's box 1 */
.m1 {
      text-align: left;
      background: #FFFFE0;
      /* border: 1px #FFA54F solid; */
      margin: 20px;
      padding: 0px;
     }
.m1 h2 {
      text-align:center;
      /* background: #FFEFD5; */
      background-image: url(pics/BoxGradientOrange02.png);
      background-repeat:repeat-x;
      color: #CD6600;
      margin: 0px 0px 12px 0px;
      padding: 10px 7px;
      font-family: "Trebuchet MS";
     }
.m1 h3 {
      color: #000;
      font-family: "Trebuchet MS";
     }
/* this is the main page's box 2 */
.m2 {
      text-align: left;
      background: #ffffff;
      border: 1px #bbddff solid;
      margin: 20px;
      padding: 5px;
     }


/* this is the sponsor level boxes */
.sl1 {
      text-align: left;
      background: #ffffff;
      border: 1px #bbddff solid;
      margin: 20px;
      padding: 0px;
     }
.sl1 h3 {
      margin: 0px;
      padding: 6px;
     }
.sl1 a {
      background: #CCFFCC;
      border-right: 2px #99CC99 solid;
      border-left: 2px #99CC99 solid;
      display: block;
      text-decoration: none;
      color: #104E8B;
      margin: 0px;
      padding: 10px;
     }
.sl1 a:hover {
      border-left: 2px #e9741f solid;
      border-right: 2px #e9741f solid;
      background: #FFFFE0;
      color: #e9741f;
     }

/* this is the menu for the sponsor page */
.sm {
      background: #F8F8F8 url(pics/content-bg02.png) repeat-x top;
      /* background: #ffffff; */
      float: right;
      width: 195px;
      text-align: left;
      border: 1px solid #cccccc;
      margin: 0px 0px 10px 10px;
      padding: 0px 0px 0px 0px;
    }
.sm h3 {
      font: normal normal normal 110%/120% "Verdana", "Tahoma", "Trebuchet MS", "Times New Roman";
      /* background-color: #dddddd; */
      margin: 0px;
      padding: 5px;
      text-align: center;
     }
.sm ul {
   list-style-type: disc;
   padding:0px;
   margin: 2px 2px 2px 2px;
   }




    /* 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: 1px 0px 15px 1px;                /* space around the list container */
        padding: 0;               /* space within the list container */
        position: static;           /* need this so that the z-index stuff works correctly */
        z-index: 20;                /* push the menu up in the layer order a bit so it isn't hidden behind anything */
        font-weight: normal;
            /* Browser plug-ins like Flash or Quicktime may not allow you to overlap then with this menu! */
    }
    #dmenu li{                      /* top-level menu element */
        float: right;                /* this is to allow for the horizontal main menu */
        border: 1px #fff solid;    /* border for each of the main menu items */
        background-color: #C2DFFF;     /* main menu item background color */
        color: #104E8B;                /* main menu item font color (not links) */
        margin: 0;                /* spacing between main menu items */
        width:116px;               /* width within main menu items */
        padding: 0px 0px;               /* padding within main menu items */
        display: block;    
        text-align: center;      
    }

    #dmenu ul {                     /* third-level (or greater) menu element list elements */
        float:none;
        font-weight: normal;
        position: absolute;         /* this is so that it doesn't push that page content around on hover */
        margin: 3px 0px 0px 0px;                /* space around the list container */
        padding: 0;               /* 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 */
        border: solid 1px #bbddff;     /* the border around the sub-menu list */
        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 */
        float:none;
        font-weight: normal;
        background-color: #FFF;     /* 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 0px;                /* spacing between sub-menu containers */
        padding: 4px 3px;               /* This is for padding between menu items in the drop-downs */
        width: 123px;               /* (padding*2) must be subtracted from #dmenu li width and set for this one, or borders won't display properly. */
        list-style-type: none;      /* disable the display of the list item bullets */
    }
    
    #dmenu a {                   /* all the other level menu link elements */
        color: #104E8B;
    }

    #dmenu li a{                    /* top-level menu element links */
        text-align: center;         /* text alignment in main menu item links */
        display: block;
        padding: 8px 0px;
    }

    #dmenu .z {                    /* top-level menu element links */
        background-color: #f0f0f0;
    }
    
    #dmenu ul a {                   /* all the other level menu link elements */
        padding: 0px;
        margin: 2px 0px;
        width: 123px;               /* (padding*2) must be subtracted from #dmenu ul li width and set for this one, or borders won't display properly. */
        display: block;
        color: #104E8B;
    }

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

    /* 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;
    }