body   {   background-color: #ffff00;  font-size: 11pt;     font-family: verdana, arial, sans-serif;
           behavior:url(css/csshover.htc);      }

* {margin:0; padding:0;} 

/* menu start */
div#listmenu {
	width:10em; 	/*  *changed****/
	float:left; /*makes the div enclose the list */
	border-top:1px solid #000066;	/* draws line on top edge of div */
	/*border-bottom:1px solid #000066;	 /* draws line on bottom edge of div - removed as we now have dividers */
	font-size:.9em;	/* SET FONT-SIZE HERE */
	background-color:#000066; /* colors the div */
	margin-top:7px; /* TEMPORARY - pushes the div away from the top of the browser for clarity in this example*/
	}
div#listmenu ul {margin:0 0 0 0px;/* indents ul from edge of container - left changed to 0 */
	width:10em;
}
div#listmenu li {
	/*float:left;	/* causes the list to align horizontally instead of stack */ 	
	position:relative; /* positioning context for the absolutely positioned drop-down */
	list-style-type:none;	/* removes the bullet off each list item */
	background-color:#99ccff; /*sets the background of the menu items */
	border-right:1px solid #000066; /* creates dividing lines between the li elements */
	border-left:1px solid #000066; /*the first vertical line on the menu */	
	border-bottom:1px solid #000066; /*dividers on the menu */	
	}
div#listmenu li:first-child {
	border-left:1px solid #000066; /*the first vertical line on the menu */
	}
div#listmenu li:hover { 
	background-color:#ffffff; /*sets the background of the menu items */
	}
div#listmenu a {
	padding:0 7px; /*creates space each side of menu item's text */
	text-decoration:none;	 /* removes the underlining of the link */
	color:#000066;	/* type color dk blue */
	}
div#listmenu a:hover {	color:#0000cc;	}
/* menu end */

/* drop-down start */
div#listmenu ul li ul {
	margin:0; /* prevents the TEMP value inheriting from the horiz menu - OK to remove if you remove TEMP above */
	margin-left:10em; /*  *ADDED**MOVES THE SUBMENU OVER TO BE TO THE RIGHT OF THE MAIN MENU **/
	position:absolute; /* positions the drop-down ul in relation to its relatively positioned li parent */
	width:17em; /*sets width of sub-menu - in combo with the li's 100% width, makes the menu stack*/
	top:-1px; /* ADDED - ALLIGNS THE POP-OUT WITH ITS PARENT */
	left:-2px; /*aligns the drop exactly under the menu */
	border-top:1px solid #660033;   /*  top side of each drop-down TEST */
	}
div#listmenu ul li ul li {
	width:100%; /* makes the list items fill the list container (ul) */
	border-left:1px solid #660033; /*  three sides of each drop-down item */
	border-bottom:1px solid #660033;
	border-right:1px solid #660033;
	background-color:#c1e0ff; /* ADDED - sets the background of the submenu items */
	}
div#listmenu ul li ul li:first-child {
	border-top:1px solid #660033; /*the top edge of the dropdown */
	}

/* make the drop-down display as the menu is rolled over */
div#listmenu ul li ul {display:none;} /* conceals the drop-down when menu not hovered */
div#listmenu ul li:hover ul {display:block; } /* shows the drop-down when the menu is hovered */

div#listmenu ul li ul li:hover ul {display:block;} /* shows the sub-drop-down when drop-down menu is hovered */
div#listmenu ul li:hover ul ul {display:none;} /* conceals the sub-drop-down when drop-down menu not hovered */

div#listmenu ul li ul li ul {left:92px;} /*aligns the sub-pop next to the pop */

/* HACK ZONE - on hack only for IE */
* html div#listmenu ul li ul {  border-top:1px solid #660033; /*the top edge of the dropdown */   }



p      {   font-family: comic sans ms,arial, sans-serif;	   font-size: 11pt;	   text-align: justify;
	   color: #000033;           }
p.a    {   font-family: arial, sans-serif;	   font-size: 11pt;	   text-align: justify;
	   color: #8b0000;      /* dark red */      }
h1     {   font-family: comic sans ms,arial rounded mt bold,tahoma;           font-size: 36pt;   
           font-style: italic;	   color: #0000cc;	   font-weight: bold;
           margin-left: 0px;        padding-left: 0px;       }

h2     {   font-family: arial black,Comic Sans MS,tahoma;           font-size: 18pt;	   color: #75baff;
           letter-spacing: 12px;       margin: 0px;        padding: 2px;        }

h3     {   font-family: tahoma, arial;           font-size: 14pt;	   color: #cc3333;        
           margin: 2px;        padding: 4px;  }

h4     {   color: #0000cc;      font-size: 11pt;      font-style: italic;
           line-height: 24px;      margin: 0px;        padding: 0px;  }

b      {   font-family: comic sans ms,arial, sans-serif;    font-size: 11pt;    color: #000066;     font-weight: bold;    }
b.a    {   font-family: tahoma,arial, sans-serif;    font-size: 10pt;  color: #006666;     font-weight: normal;    }

i      {   font-family: comic sans ms,tahoma, arial, sans-serif;      font-style: italic;       font-size: 11pt;
	   color: #ff3333;    /* red */     }
p.sm   {   font-size: 9pt;	   color: #000000;      }
b.sm   {   font-size: 9pt;	   color: #000000;      }
i.sm   {   font-size: 10px;	   color: #666666;   font-family: arial, sans-serif;     font-style: normal;   }

a.a:link   {  color: blue;    font-family: arial;   font-size: 12px;   font-weight: normal;   text-decoration: none;   }
a.a:hover  {  color: #ff0000; font-family: arial;   font-size: 12px;   font-weight: normal;   text-decoration: underline; }
a.a:visited  { color: blue;   font-family: arial;   font-size: 12px;   font-weight: normal;    text-decoration: none;  }

a.n:link   {  color: blue;    font-family: arial;   font-weight: normal;   text-decoration: none;   }
a.n:hover  {  color: #ff0000; font-family: arial;   font-weight: normal;   text-decoration: underline; }
a.n:visited  { color: blue;   font-family: arial;   font-weight: normal;    text-decoration: none;  }

img       {border-width: 0px;      border-color: #ff0000;  }
img.a     {border-width: 2px;  border-color: #0000cc;   border-style: solid; 
          padding: 0px;       margin: 0px;       }