#mainMenu {
	width: 100%;
	/* sets width of menu */
	background: #F3F5FC;
	float: left;
} 

#mainMenu ul {
	/* remove bullets and list indents */
	list-style: none;
	margin: 0;
	padding: 0;
	width: 7em;
	float: left;
}

/* style, color and size links and headings to suit */
#mainMenu a {
font: bold 11px/16px verdana, arial, helvetica, sans-serif;
display: block;
margin: 0;
padding: 5px 5px;
color: #353A96;
	background: #F3F5FC;
	text-decoration: none;
}

#mainMenu a:hover {
color: #9999CC;
/* background: #ffffff; */
text-decoration: underline;
margin: 0;
}

#mainMenu li {
	/* make the list elements a containing block for the nested lists */
	position: relative;
	margin: 0px 0px 0px 0px;
	border-left: 0px;
	border-bottom: 1px;
	border-top: 0px;
	border-right: 1px;
	border-style: solid;
	border-color: #F3F5FC;
} 

#mainMenu ul ul {
position: absolute;
z-index: 500;

}

div#mainMenu ul ul,
div#mainMenu ul ul li:hover ul
{display: none;}



div#mainMenu ul li:hover ul,
div#mainMenu ul ul li:hover ul li
{display: block;}

body {
behavior: url(csshover.htc); /* call hover behaviour file */
font-size: 100%; /* enable IE to resize em fonts */
} 
#menu ul li {
float: left; /* cure IE5.x "whitespace in lists" problem */
width: 100%;
}
#menu ul li a {
height: 1%; /* make links honour display: block; properly */
} 

#menu a, #menu h2 {
font: bold 0.7em/1.4em arial, helvetica, sans-serif; 
/* if required use em's for IE as it won't resize pixels */
}

/* css code up to here for pop-outs */

/* start stylesheet for page specific left navs */
#leftNav {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 11px;
	font-style : normal;
	font-weight : bold;
	color : #7676AF;
	/* background-image : url(images/leftbar_3.gif);
	background-position : left;
	background-repeat : no-repeat;
	margin-bottom : 0px;
	margin-left : -10px;
	margin-right : 0px;
	margin-top : 0px; 
	padding: 10px 0px 0px -15px; */
	vertical-align : top;
	line-height : 20px;
}

		#leftNav ul {
			list-style : none;
			margin: 15px 0px 0px 15px;
			vertical-align : top;
		}

		#leftNav a {
			color: #7676AF;
			text-decoration: none;
			line-height : 20px;
		}

		#leftNav a:hover {
			text-decoration: underline;
			color: #7676AF;
			line-height : 20px;
		}
		
		#leftNav li {
			color: #A0A0AE;
			line-height : 20px;
		}
		/* end stylesheet for left nav */

td.header {
	border-left: 0px;
	border-right: 0px;
	border-top: 0px;
	border-bottom: 1px;
	border-style: solid;
	border-color : #353A96;
}

div.mainBody {
	width: 796;
	border-left: 1px;
	border-right: 1px;
	border-top: 1px;
	border-bottom: 1px;
	border-style: solid;
	border-color : #353A96;
	margin-top : 20;
	/* margin-left : auto; */
	background-color : White;
}

td.bodyContent {
	padding: 15px 15px 15px 15px;
	font-family: verdana, arial, helvetica;
	font-color: #000099;
	vertical-align: top;
	font-size: 13px;
}

td.bodyRecord{
	font-family: verdana, arial, helvetica;
	font-color: #000099;
	vertical-align: top;
	font-size: 13px;
}

/* table.footer {
margin-left : 25%; */
}

td.footer {
padding: 15px 5px 5px 5px;
font-family: tahoma, verdana, arial, helvetica;
font-color: #000099;
vertical-align: top;
font-size: 11px;
}


#sidetable {
padding: 5px 5px 5px 5px;
font-family: verdana, arial, helvetica, san-serif;
}

#sidetable th {
	padding: 5px 5px 5px 5px;
	background-color: #993333;
	color: #ffffff;
	background-image : url(images/sidetblhead.gif);
	background-position : top;
	background-repeat : no-repeat;
}

#sidetable td {
	padding: 10px 5px 5px 5px;
	border-top: 1px;
	border-right: 1px;
	border-bottom: 1px;
	border-left: 1px;
	border-color: #7378B0;
	border-style: solid;
	font-color: #000099;
	font-size: 11px;
	background-image : url(images/sidetbl_bkgrnd.gif);
	background-repeat : repeat-x;
	background-position : top;
}

td.separator {
border-bottom: 1px solid #353A96;
}

li.leftPadding {
padding: 0px 0px 0px 10px;
}

.leftImage {
	background-image : url(images/leftbar_3.gif);
	background-repeat : repeat-y;
	background-position : left;
	vertical-align: top;
	margin: 0px;
}