body {background:#365a6f url('darkseagreen.gif') repeat-y left;font-family: verdana, arial; font-size: 12px; color:#ccc; line-height: 140% ; width:98%;}

h1 {font-size:14px;letter-spacing:3px; color:#fa9e0d;}

#marquee  {color:#111;text-decoration: none; font-size:10px; z-index:1; width:100%;height:15px;background:transparent; padding-top:15px;}

legend {
margin-left: 0px;
text-indent: 0px;
}

#menu {position:absolute; top:215px; left:10px; z-index:1000; }

.content {position: absolute; top:0px; left:170px; width:675px; z-index:0;}

A:link { text-decoration: underline; color: darkseagreen; background:transparent;}
A:visited { text-decoration: none; color: darkseagreen; background:transparent; border:none;}
A:hover { text-decoration: none; color: darkseagreen; background:#2e4c5e;}
A:active { text-decoration: none; background:sienna;color: #da2128; }


/* OFFICE-STYLE FREESTYLE MENU LAYOUT */

/* Links inside the menu */

.menulist a { display: block; padding: 3px 4px 3px 3px; color: #fff; text-decoration: none; border: none;background:#2e4c5e; margin: 0;}

.menulist li a { display: block; padding: 3px 4px 3px 3px; color: #fff; text-decoration: none; border: none;background:#2e4c5e; margin: 0;}
.menulist li a:hover {color:burlywood;background:firebrick;} 

.menulist a:hover {color:burlywood;background:firebrick;} 
.menulist a:visited {color: #fff; text-decoration: none; border: none;background:#2e4c5e;}
.menulist a.highlighted:hover, .menulist a:focus {color:burlywood;background:firebrick;}
.menulist a.highlighted, .menulist a.active {color:burlywood;background:firebrick;}

A.contrast:link {text-decoration: none; color: firebrick; background:darkseagreen; }
A.contrast:visited {text-decoration: none; color: firebrick; background:darkseagreen; }
A.contrast:hover {color:burlywood;background:firebrick;}
A.contrast:active {color:burlywood;background:firebrick;}

/* IE6 submenu colors */
* html A.contrast:link {text-decoration: none; color: firebrick; background:darkseagreen; }
* html A.contrast:visited {text-decoration: none; color: firebrick; background:darkseagreen; }
* html A.contrast:hover {color:burlywood;background:firebrick;}
* html A.contrast:active {color:burlywood;background:firebrick;}

/* All <ul> tags in the menu including the first level */
.menulist, .menulist ul {
 margin: 0;
 padding: 1px;
 width: 120px;
 list-style: none;
 background:transparent;
border: none;
z-index:1000;
}

/* Submenus (<ul> tags) are hidden and absolutely positioned across from their parent */
.menulist ul {
display: none;
 position: absolute;
 top: 0px;
 left: 120px;
 width: 180px;
z-index:1000;

}

/* All menu items (<li> tags) are relatively positioned (to correctly offset submenus). */
.menulist li {
 position: relative;
padding: 2px;
z-index:1000;
}

/* 'subind' submenu indicators, which are automatically prepended to 'A' tag contents. */
.menulist a .subind {
 float: right;
}

/*
 HACKS: IE/Win:
 A small height on <li> and <a> tags and floating prevents gaps in menu.
 * html affects <=IE6 and *:first-child+html affects IE7.
 You may want to move these to browser-specific style sheets.
*/
*:first-child+html .menulist ul li {
 float: left;
 width: 100%;
}

* html .menulist ul li {
 float: left;
 height: 1%;
}
* html .menulist ul a {
 height: 1%;
}
/* End Hacks */

/*
 HACKS: IE/Win:
 A small height on <li> and <a> tags and floating prevents gaps in menu.
 * html affects <=IE6 and *+html affects IE7.
 You may want to move these to browser-specific style sheets.
*/
*+html .menulist li {
 float: left;
 height: 1%;
}
*+html .menulist a {
 height: 1%;
}
* html .menulist li {
 float: left;
 height: 1%;
}

* html .menulist a {
 height: 1%;
}
/* End Hacks */