/* CSS Document @charset "utf-8";*/
/* ----------------------Navigation----------------*/
 #nav, #nav ul, #nav li {
	list-style: none;
	float: left;
    margin-left:auto;
    margin-right:auto; /*  these four lines above are very important  for IE to function */
}
#nav a {
	display: block;  /*  very important  for IE to function */
        text-decoration: none;
    padding-left:6px;
    padding-right:6px;
    height:24px;
}
#nav a:hover {
        text-decoration: underline;
}
#nav li ul {
	position: absolute;
	background:#b2c0c3;
	width: 10em;
	left: -999em;  /*  these three lines above are very important  for IE to function */
        padding-left:4px;
}
#nav li:hover ul, #nav li.overr ul {
	left: auto; /*  very important  for IE to function */
	vertical-align: 120%;
	z-index: 1000;
	 /* filter: Shadow(Color=#bbbbbb, Direction=right);  fancy stuff for IE users...*/
}
/* -----------  nav2 ----------- */
#nav2 a {
	display: block; /*  very important  */
        width: 10em;
    height:24px;
    padding-top:2px;
    padding-left:15px;
    font-size:12px;
	  opacity:0.9;	-moz-opacity:0.9;  /*   these for Transparency...*/
} 

/* ---  end of navigation  ---  */

.aa {
width:15px;
height:30px;
background: url(assets/menu_l_bg.gif) no-repeat top;
float:left;
margin:0px;
padding:0px;
}
span.bb {
background: url(assets/menu_bg.gif) repeat-x top;
float:left;
height:30px;
padding-top:2px;
text-decoration:none;

margin:0px;
/*font-weight:bold;*/
}
span.cc {
width:15px;
height:30px;
background:url(assets/menu_r_bg.gif) no-repeat top;
float:left;
margin:0px;
}

/* ---  THIS IS REQUIRED FOR THE DROPDOWN COLOURS AND FOR THE PROGRAMS THAT RUN ACROSS THE SCREEN ON MANY PAGES  ---  */

.sub_1 {	background: url(assets/blue_bullet.gif) no-repeat left;
}
.sub_2 {	background: url(assets/yellow_bullet.gif) no-repeat left;
}
.sub_3 {	background: url(assets/red_bullet.gif) no-repeat left;
}
.sub_4 {	background: url(assets/purple_bullet.gif) no-repeat left;
}
.sub_5 {	background: url(assets/green_bullet.gif) no-repeat left;
}