img 
{
	border-style: none;
}
a 
{
	text-decoration: none;
}
#imageTitle {
	color: #536795;
	text-align: right;
	font: bold 18px verdana;
	margin: 0px;
	padding: 0px;
}
.copyright {
	color: #536795;
	padding: 4px;
	text-decoration: none;
}

#leftmenu
{
    WIDTH: 150px;
    FONT-SIZE: 8pt;
    FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif LEFT: 0px;
    PADDING-LEFT: 0px;
    BACKGROUND-COLOR: white;	/* #b5c7d6 */
}
#leftmenu H3
{
    PADDING: 4px;
    FONT-SIZE: 1em;
    MARGIN: 0px;
    text-align: center;
    background-color: #536795;	/*	gold	*/
    color: white;
}
#leftmenu H3 a
{
    color: white;
}
#leftmenu H4
{
    PADDING: 2px;
    FONT-SIZE: .5em;
    MARGIN: 0px;
    text-align: center;
    background-color: #536795;	/*	gold	*/
    color: white;
}

#leftmenu HR
{
	margin: 0px;
    padding: 0px;
	border: 1px dotted #536795;			
	valign: top;
}


/*	The first step is to remove the indents and bullets from the unordered list and 
	define the width of our menu items.	*/
#leftmenu ul {
	margin: 0;
	padding: 0;
	list-style: none;				
	border: 0px solid ;				/*	 border	 */  
	width: 150px;							/* Width of Menu Items */
}
/*	Next, we need to position our list items. Fortunately, these will stack 
	vertically by default, which is what we require. However, we must set the 
	position as  relative , because we will need to position the 
	sub-menus absolutely within them. */
#leftmenu ul li {
	position: relative; 
	border: 0px solid #536795;			/*	item border	- this effects all items in lists */
}

/*	Next step is the sub-menus. We want each sub-menu to appear to the right of its 
	parent menu item when that item is hovered over. Using the “left” and “top” attributes, we can absolutely position each sub-menu 
	within its parent menu item. You will notice I have set the “left” property to 
	149px (1px less than the width of the menu items), which allows the sub-menus to 
	overlap the main menu and not produce a double border.	*/
li ul {
	position: absolute;
	left: 149px;				/* Set 1px less than menu width, unless we have a 1px border! */
	top: 0;
	display: none;
	border: 0px solid #536795;
}

/* Styles for Menu Items */
ul li a {
	display: block;
	text-decoration: none;
	color: #536795;
	background: #fff;				/* IE6 Bug  */
	padding: 5px;
	border: 1px solid #536795; 
}

/*	Fix IE. Hide from IE Mac "comment-backslash hack." 
	First item is a universal selector or star, *, which selects any element.	\*/
* html ul li {float: left; height: .1%; }
* html ul li a { height: .1%; }
/* End */

/* Hover Styles */
ul li :hover { 
    background-color: #536795;			 
    color: white;
    border: 1px solid #FFFFFF;			/*	item border	 */
} 
/* Sub Menu Styles */
li ul li a { 
	padding: 4px 5px;			/*	adjust the height, width of the menu item	*/
}
 
/* sub-menu magic */
li:hover ul, li.over ul { 
	display: block; 
} 
/* ************************************************************ */
