/*
 * header.css
 *
 * Styles for the page header - everything from the menu bar up.
 * DO NOT modify this file UNLESS you are modfying the page header
 * - create another CSS file instead.
 *
 */
#header { background-color:#006; color:white; height:1.25em; position:relative;top:0;z-index:50; }

form#perspective {float: right; font-family:arial,helvetica,sans-serif;font-size: 0.8em;  } /* transparent overrides default */
form#perspective select {width:auto;  font-size: 0.8em;}

/* Menu styles */
ul.menu   { list-style:none; margin:0;padding:0;  font-size:smaller; z-index:9; display:inline}
ul.menu li a:link, ul.menu li a:hover, ul.menu li a:visited { color:#fff;
    text-decoration:none; width:100%;  padding:2px 10px 2px 10px; width:auto; }
ul.menu li a:hover { background-color:#ccf; color:#006; }
ul.menu li { font-family:arial,helvetica,sans-serif; display:inline; position:relative;top:0; font-weight:bold; }

/*
 * Sub-menu styles
 * 
 * Initial styling is off the left-hand edge and display:none; javascript repositions them, and 
 * switches display between "block" and "none" as required
 */
ul.menu ul.submenu { z-index:99; position:absolute; top:0; left:-300px; display:none; width:13em; background-color:#ccf; margin:0; padding:0;
                     border-right:1px solid #99f; border-bottom:1px solid #99f; border-left:1px solid #99f; opacity:0.90; filter:alpha(opacity=90);}
                                          
ul.menu ul.submenu li { display:block; width:100%; background-color:#ccf; margin:0; padding:0; } 
ul.submenu li a:link, ul.submenu li a:hover, ul.submenu li a:visited {  border-left:4px solid #ccf; font-weight:normal;
               display:block; width:auto; background-color:#ccf; color:#003; margin:0; padding:1px 0 0 0.5em; } 
ul.submenu li a:hover { background-color:#99f;color:color:#003; display:block; border-left:4px solid #006; }
ul.submenu li span.submenuitem { color:#666; display:block; padding:1px 0 1px 0.5em; width:auto; margin:0; }


div.main_footer {clear:both; border-top:1px solid #009; font-size:8pt; font-family:verdana,arial,helvetica,sans-serif;
                 padding-top:0.5em; width:100%; text-align:center; }
                 
ul.submenu li.lastinsection {border-bottom:1px solid #99f;
                             margin-bottom:0.25em; padding-bottom:0.25em; }

/*
 * This div should not appear on the page unless attribute selectors fail.
 * Such a failure is caused in IE7 when, e.g., content precedes the doctype.
 */
div#doctypesniffer { border:2px solid red; color:red; background-color:#fcc; text-align:center; font-weight:bold;  }
div[id="doctypesniffer"] { display:none }