/* This CSS is the horizontal menu on CAS */

/* main horizontal menu  72px 0 0 0;*/
#navcontainer {
	float:left;
	width: 1100px;
	margin: 74px 0 0 0px;
	height: 22px; /* height of top section */
	background: url(Images/logFade.jpg) no-repeat;
	z-index: 3;
	padding: 0.05px;
	position: absolute;
}

/* actual top menu */

#horizontalnav {
	float:left; /* this corrects the */
    width: 100%;  /*IE whitespace bug */
	margin: 0px 0px 0px 0px; /* top, right, bottom, left */
	padding:0;
	height: 22em;
}
#horizontalnav li {
	float: left;
	list-style-type: none; /* minilates the unordered list by taking out the bullets*/
}
/* main menu boxes */
#horizontalnav li a {
   	display: block;
	padding: 0px 8px 4px 3px;/* top, right, bottom, left */
	margin: 0px 0px 0px 0px; /* top, right, bottom, left */
	height:17px;
   	text-decoration: none; 
	color: #0c1975;
	width: 100px;
	border-right: 1px solid #FFFFFF;
	z-index: 4;
}

/* sub boxes */

#horizontalnav li ul {
   	display: none; 
  	width: 120px; /* Width to help Opera out */
	padding: 0px 0px 0px 0px; /* top, right, bottom, left */
	margin: 0px 0px 0px 0px;
	position: absolute;
	color: #000000;
	font-family:"Arial", Helvetica, sans-serif;
	text-decoration: none;
	line-height: 22px;
	z-index: 4;
}

#horizontalnav li:hover ul, #horizontalnav li.hover ul {
    display: block;
	float: left;
    margin: 0;
    padding: 0; 
}

#horizontalnav li:hover li, #horizontalnav li.hover li {
   float: none;
}
#horizontalnav li:hover li a, #horizontalnav li.hover li a {
   	background-color: #C8CEF2;/*background colour of the sub menu without being highligted*/
	width:200px;
	font-family:"Arial", Helvetica, sans-serif;
   	border-bottom: 1px solid #fff;
   	color: #000000;/* when hovering the sub menu text is colour white */ 
}

#horizontalnav li li a:hover {
	background-color: #E2E3EE; /*#6699CC;*/ 
	color: #000000;/* when hover over word it changes the text colour to black */
}

/*individual sub rows*/
#body_1log #nav_1log a, /* the class current was doing the same thing */
#body_2log #nav_2log a,
#body_3log #nav_3log a,
#body_1sev #nav_1sev a,
#body_2sev #nav_2sev a,
#body_3sev #nav_3sev a,
#body_4sev #nav_4sev a,
#body_5sev #nav_5sev a,
#body_6sev #nav_6sev a,
#body_7sev #nav_7sev a,
#body_8sev #nav_8sev a,
#body_1blo #nav_1blo a,
#body_2blo #nav_2blo a,
#body_3blo #nav_3blo a,
#body_4blo #nav_4blo a,
#body_1sof #nav_1sof a,
#body_2blo #nav_2blo a,
#body_3blo #nav_3blo a,
#body_4blo #nav_4blo a,
#body_5blo #nav_5blo a,
#body_1uti #nav_1uti a,
#body_2uti #nav_2uti a,
#body_3uti #nav_3uti a,
#body_4uti #nav_4uti a,
#body_1lin #nav_1lin a,
#body_2lin #nav_2lin a,
#body_3lin #nav_3lin a,
#body_4lin #nav_4lin a,
#body_5lin #nav_5lin a,
#body_6lin #nav_6lin a,
#body_1con #nav_1con a,
#body_2con #nav_2con a,
{
	width: 180px;
	background: #BEB06F;
	color: #1A1303;
	font-weight: bold;
}