/* General styles */
BODY { background: #ffffff; color: #010088; font-family: Arial, Helvetica, sans-serif; font-size: small; margin: 10px 0px; padding: 0px; }
BODY { width: 770px; margin-left: auto ; margin-right: auto; }
BODY { border: 2px #010088; border-style: solid; }
A:link, A:visited { color: #010088; font-weight: bold; text-decoration: none; }
A:hover, A:active { background: #010088; color: #ffffff; font-weight: bold; text-decoration: none; }
SUP { font-size: 90%; font-weight: bold; vertical-align: top; }
HR { background: #010088; border: 0px; color: #51a6db; height: 1px; }
H1 { color: #010088; font-family: 'Trebuchet MS', Arial, sans-serif; font-size: large; font-style: italic; font-weight: bold; margin: 0px; padding: 0px; text-decoration: none; }
H2 { color: #010088; font-family: 'Trebuchet MS', Arial, sans-serif; font-size: medium; font-style: italic; font-weight: bold; margin: 0px; padding: 0px; text-decoration: none; }
H3 { color: #010088; font-family: 'Trebuchet MS', Arial, sans-serif; font-size: small; font-style: italic; font-weight: bold; margin: 0px; padding: 0px; text-decoration: none; }
H1, H2, H3 { text-align: left; }

UL { list-style-image: url(/images/bullet-right.gif); margin: 0px 25px; padding: 0px; }
LI { margin: 5px 0px 0px 0px; }

/* Layout */
#header { background: url(/images/bg-header.jpg) no-repeat top right; border-bottom: solid 2px #010088; height: 110px; margin: 0px 0px 3px 0px; padding: 2px 0px; }
#logo { border-right: solid 2px #010088; width: 150px; }
#masthead { font-size: 11px; }

#main { border-top: solid 2px #010088; border-bottom: solid 2px #010088; margin: 3px 0px 3px 0px; padding: 2px 0px; }

#leftcol { background: url(/images/bg-left.jpg) no-repeat top center; border-right: solid 2px #010088; width: 150px; }
#leftcol DIV { height: 450px; padding: 50px 30px 5px 5px; }

#submenu a { font-size: 11px; }

#content { padding: 20px 15px 0px 15px; }
#content IMG { padding: 0px 10px; }

#footer { background: #010088; color: #ffffff; font-size: 10px; height: 25px; padding: 5px; }
#footer { border-bottom: solid 3px #ffffff; }
#footer a:link, #footer a:visited { color: #ffffff; font-weight: bold; text-decoration: none; }
#footer a:hover, #footer a:active { color: #ffffff; font-weight: bold; text-decoration: underline; }


/*
Colors:
blue: #010088; 
*/

/* MENU CSS - Horizontal */

/* turn off previously declared styles */
#menubar UL { list-style-image: none; margin: 0px; padding: 0px; }
#menubar LI { margin: 0px; }

/* menu container formatting */
#menubar { background: #010088; }

/* widths */
/* The following selectors may actually be specified in meta area as well. We include them here as a backup. */
TD.menu { width: 95px; }
TD.menufirst { }
TD.menusmall { width: 70px; }
TD.menuwide { width: 165px; }
TD.menulast { padding-left: 25px; width: 65px; }
.menu li { width: 100%; }
.menu ul ul { width: 150px; }
.menu ul ul.listwide { width: 200px; }
.menu ul ul ul { width: 150px; }

/* sets height and forces all menu text to vertically align */
#menubar TD { line-height: 25px; }

/* font formatting */
.menu a, .menu h4 { font-family: Arial, sans-serif; font-size: 10px; font-weight: normal; text-transform: uppercase; }

/* display formatting */
/* need to specify li width as 100% so that IE7 will expand links to fill width of table cells */
.menu ul { list-style: none; margin: 0px; padding: 0px; white-space: nowrap; }
.menu a, .menu h4 { display: block; margin: 0px; padding: 0px 0px 0px 5px; }
.menu ul ul { display: none; white-space: normal; }

/* link backgrounds and colors */
.menu a:link, .menu a:visited, .menu h4 { background: #010088; }
.menu ul a:link, .menu ul a:visited, .menu h4 { color: #ffffff; text-decoration: none; }
.menu ul a:hover, .menu ul a:active, .menu h4:hover, .menu h4:active { background: #ffffff; color: #010088; text-decoration: none; }
.menu ul ul a:link, .menu ul ul a:visited, .menu ul ul h4:link, .menu ul ul h4:visited { color: #ffffff; text-decoration: none; }
.menu ul ul a:hover, .menu ul ul a:active, .menu ul ul h4:hover, .menu ul ul h4:active { background: #ffffff; color: #010088; text-decoration: none; }

/* borders */
/* need to go on the a blocks since netscape expands the cell's height on hover */
#menubar { border-left: solid 1px #010088; }
.menu ul a, .menu ul h4 { border: 1px #010088; border-style: solid solid solid none; }
.menu ul ul { border-top: solid 1px #ffffff; }
.menu ul ul ul { border-top: solid 1px #010088; border-left: solid 1px #ffffff; }
.menu ul ul a, .menu ul ul h4 { border: 1px #010088; border-style: none solid solid solid; }

/* position list items and submenus */
.menu li { position: relative; }
.menu ul ul { position: absolute; top: auto; left: -1px; }
.menu ul ul ul { position: absolute; top: -1px; left: 140px; }
.menulast ul ul { position: absolute; top: auto; left: auto; right: 0px; }

/* Begin non-anchor hover selectors */
/* Enter the more specific element (div) selector on non-anchor hovers for IE5.x to comply with the older version of csshover.htc - V1.21.041022 */
/* It improves IE's performance speed to use the older file and this method */
.menu li:hover { cursor: pointer; z-index: 10; }
.menu h4:hover { cursor: default; z-index: 10; }
.menu li:hover ul ul, .menu li li:hover ul ul, .menu li li li:hover ul ul, .menu li li li li:hover ul ul { display: none; }
.menu li:hover ul, .menu li li:hover ul, .menu li li li:hover ul, .menu li li li li:hover ul { display: block; }

/* MENU CSS - Horizontal */