body {background: #EEE; color: #000;
  behavior: url(csshover.htc);} /* WinIE behavior call */
  
  
h1 {font-family : "Times New Roman", Times, serif; font-size : 150%; color : green; border-bottom: 1px solid; margin-top:2em; margin-bottom: 0.5em;}
h2 {font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; font-size : 100%; color : green;  }
h3 {font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; font-size : 80%; color : red;  }


.floatleft { float : left;}
.floatright { float : right;}
.clearboth { clear : both;}
.faded { color : gray; }
.indented { text-indent: 7em;}
.green { color:green; }
			
img { padding : 2em; }
			
.nopadding { padding : 0; }
.inline { display : inline; }
  
/* NAVIGATION STYLING : see Eric Meyer, More Eric Meyer on CSS" chapter 6 */  
div#nav {position : relative; top : 55px; z-index: 100;}  /* the z-index seems to stop the cursor falling out in Opera 9.5 */
div#nav {float: left; width: 15em;
  background: #CF6; font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; font-size : 75%;}

div#nav ul {margin: 0; padding: 0; width: 15em; background: #CF6;
  border: 1px solid;}
div#nav li {position: relative; list-style: none; margin: 0; 
  border-bottom: 1px solid #CCC; border-left : 2px solid blue;}
div#nav li:hover {background: #FF6;}

div#nav li.submenu {background : url("submenu.gif") 95% 50% no-repeat;} /* 95% works */
div#nav li.submenu:hover {background-color: #EFB;  font-style : italic;} /* was #edd */
div#nav li a {display: block; padding: 5px 10px; margin: 0 0 5px; 
  text-decoration: none; width: 14.5em;}
div#nav>ul a {width: auto;}
div#nav ul ul {position: absolute; top: 0; left: 14.5em; display:none;} 
div#nav ul.level1 li.submenu:hover ul.level2, 
div#nav ul.level2 li.submenu:hover ul.level3 {display:block;}

/* MAIN CONTENT STYLING */
div#main {margin-left : 10em; color: #000; padding: 1px 0 1px 10%;
  border-left: none;
  font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
								font-size : 85%;}
div#main ul {border : none;}
div#main ul li.level1 {list-style : circle ;
								font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
								font-size : 110%;
								font-weight : bold;
								color : green;
								padding-top :0.5em;}
								
div#main ul li.level2 { position : relative; left: 2em;
								list-style : none; 
								font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
								font-size : 95%;
								font-weight : bold;
								color : green;}	
								
div#main ul li.level3 { position : relative; left: 2em; top:0.5em;
								list-style : none; 
							   font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
								font-size : 95%;
								font-weight : normal;
								color : black;
								padding-bottom : 1em;}	
								
	/* FAQ STYLING : see Eric Meyer, More Eric Meyer on CSS" chapter 6 */  							
								
div#faq {position: absolute; top: 14em; left: 15em; width: 70%; z-index: 75;}

div#faq a {display: block; text-align: left; font: 90% Verdana, sans-serif;
   padding: 5px 10px; margin: 0 0 5px; border-width: 0; 
   text-decoration: none; color: black; background: #EEE;
   border-left: 3px solid blue;}
	
div#faq a:hover {color: blue; background: #EEE;
   border-left: 5px double blue; font-weight : bold;}

div#faq a span {display: none;} /*hides the span until hover on the anchor */

div#faq a:hover span {display: block;
   position: relative; top: -0.5em; left: 5em; width: 40em;
   padding: 5px; margin: 10px; z-index: 100;
   color: blue; background: #EEE;
   font: 100% Verdana, sans-serif; text-align: left;}


								
/* BANNER MENU STYLING  */

div#banner_menu { background: #CF6; font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; font-size : 75%; text-align : center; width : 46em;}

div#banner_menu {position : relative; top : 0.25em; float: left; margin: -10em 0 0 7em; background: #FFF; border: 1px solid #AAA;}
div#banner_menu ul {margin: 0; padding: 0em;  border: 1px solid #CCC; border-width: 0 1px;}
div#banner_menu li {background: #CF6; position: relative; list-style: none; margin: 0;
  float: left; width: 9em; line-height: 2em;}
div#banner_menu li:hover {font-style : italic; background: #FF6; border-left : 2px solid blue; }
div#banner_menu li.submenu {background: url(dropmenu.gif) 95% 50% no-repeat;}
div#banner_menu li.submenu:hover {background-color: #EDD;}
div#banner_menu li a {display: block; padding: 0.25em 0 0.25em 0.5em;
  text-decoration: none; width: 6.5em;}
div#banner_menu>ul a {width: auto;}
div#banner_menu ul ul {position: absolute; width: 7em;
  display: none;}
div#banner_menu ul ul li {border-bottom: 1px solid #CCC;}
div#banner_menu li.submenu li.submenu {background: url(submenu.gif) 95% 50% no-repeat;}
div#banner_menu li.submenu li.submenu:hover {background-color: #EDD;}
div#banner_menu li.submenu li.submenu:hover {background-color: #EDD;}
div#banner_menu ul.level1 li.submenu:hover ul.level2, 
div#banner_menu ul.level2 li.submenu:hover ul.level3 {display:block;}
div#banner_menu ul.level2 {top: 1.5em; left: -1px;}
div#banner_menu ul.level3 {top: -1px; left: 7em;
  border-top: 1px solid #CCC;}
  
																		

/* FOOTER STYLING */

#footer {position : relative; top : 5em;
 			text-align:center;
 			width:100%;
			background-color : #CF6;
			color:blue;
			clear: both;
			}