/* CSS Document */

<style type="text/css">   

.pressroom {
	float:left;
	clear:left;
}

.pressroom img {
	float:none;
	vertical-align:top;
}


  /*menu styles */


/* style the outer div to give it width */
.left {
	padding:0px;
}

.leftbar {
padding:0px;
}

/* remove all the bullets, borders and padding from the default list styling */
.left ul {
	padding:0px;
	margin:0px;
	list-style-type:none;
	height:auto;
}

/* style the sub-level lists */
.left ul ul {
	width:250px;
	text-align:left;
	font-size:11px;
	background-color:#FFFFFF;
}

/* float the top list items to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.left ul li {
	float:left;
	position:relative;
	height:auto;
	line-height:auto;
	padding-left:5px;
	font-family: Antique Olive, Arial, Helvetica, sans-serif;
}

/* style the sub level list items */
.left ul ul li {
	display:block;
	width:250px;
	height:auto;
	position:relative;
	line-height:auto;
	border: 1px solid #CCCCCC;
	padding-left:5px;
}

/* style the links for the top level */
.left a, .left a:visited {
	display:block;
	height:auto;
	font-size:12px;
	text-decoration:none;
	color:#000;
	padding:5px 0 5px 0;
	font-weight:bold;		
	text-align:left;
}

/* style the sub level links */
.left ul ul a, .left ul ul a:visited {
	display:block;
	background:#fff;
	color:#000;
	width:250px;
	height:auto;
	line-height:auto;
	font-size:11px;
}

* html .left ul ul a, * html .left ul ul a:visited  {
	width:250px;
	w\idth:250px;
}

/* style the table so that it takes no part in the layout - required for IE to work */
.left table {
	position:absolute;
	left:0; top:0;
	font-size:12px;
	width:190px;
}

/* style the level hovers */
/* first */
.left a:hover {
	color:#aa0000;
	background:#ffffff;
}

.left :hover > a {
	color:#aa0000;
	background:#ffffff;
}

/* second */
.left ul ul a:hover{
	color:#aa0000;
	background:#ffffff;
}

.left ul ul :hover > a {
	color:#aa0000;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.left ul ul {
	visibility:hidden;
	position:absolute;
	height:0;
	top:0px;
	left:151px;
	margin-left:-1px;
}

/* make the second level visible when hover on first level list OR link */
.left ul :hover ul{
	visibility:visible;
	height:auto;
	padding-bottom:none;
}
</style>