/* CSS Document */
#header_container{
	float:left; 
	width:auto;
	padding-bottom:10px;
	padding-top:20px;
	padding-left:40px;
	clear:both;
	margin:0em;
}
#logo_container{ /* This mimicks the menu_container - useful for cross-browser logo overlay*/
/* Hide from IE-Mac \*/
	float:left;
	width:135px;
	height:135px;
	padding:0em;
	margin:0em;

}
#tag_line{	/* For the section tag line sentence */
	float:left;
	width:510px;
	height:60px;
	padding-top:60px;
	padding-left:50px;
	_width:500px;
	text-align:left;
}
#menu_container{
	float:left; 
	width:800px;
	/*height:195px;*/
	padding:0em;
	/*
	margin-top:-220px;
	*/
	clear:both;
	z-index:5;
	
	}
/* This is the bar used to indicate which section has been selected */
#sub_menu_bar{
	float:left;
	width:770px;
	height:26.5px;
	border:none;
	padding:0em;
	margin:0em;
}
/* All these opt_?_colours are the colours to fill the submenu bar */
.opt_1_colour_fill{
	background-color:#237487;
	width:inherit;
	height:inherit;
}
.opt_2_colour_fill{
	background-color:#202140;
	width:inherit;
	height:inherit;
}
.opt_3_colour_fill{
	background-color:#244E88;
	width:inherit;
	height:inherit;
}
.opt_4_colour_fill{
	background-color:#8FC2C5;
	width:inherit;
	height:inherit;
}
.opt_5_colour_fill{
	background-color:#425B84;
	width:inherit;
	height:inherit;
}
.opt_6_colour_fill{
	background-color:#A1755C;
	width:auto;
	height:auto;
}
.opt_7_colour_fill{
	background-color:#5D747A;
	width:auto;
	height:auto;
}
#menu_container li{list-style:none; clear:none; margin:0em; padding:0em; clear:none; overflow:hidden; display:block;}
#menu_container ul{list-style-type:none; clear:none; margin:0em; padding:0em; overflow:hidden; display:block;}
#menu_container ul li{float:left; top: 0em;}
#menu_container ul# #option_container li{
	position:absolute;
	list-style:none;
	float:left; 
	/*
	width:800px;
	height:265px;
	*/
	padding:0em;
	margin:0em;
	background:#FFFFFF;
	text-align:center;
	font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
}
	
#option_1 a{float:left; padding-left:0px; padding-top:5px; padding-bottom:10px; width:110px; height:20px; background-color:#237487; color:#FFFFFF; overflow:hidden; text-align:center; font-weight:bold; cursor:pointer; text-decoration:none;  font-weight:bold;}
#option_1 a:hover{float:left; padding-left:0px; padding-top:5px; padding-bottom:10px; height:20px; background-color:#FFFFFF; color:#237487; display:block; text-align:center; font-weight:bold; cursor:pointer; text-decoration:none;  font-weight:bold;}

#option_2 a{float:left; padding-left:0px; padding-top:5px; padding-bottom:10px; width:110px; height:20px; background-color:#202140; color:#FFFFFF; display:block; text-align:center; vertical-align:baseline; font-weight:bold; cursor:pointer; text-decoration:none;  font-weight:bold;}
#option_2 a:hover{float:left; padding-left:0px; padding-top:5px; padding-bottom:10px; height:20px; background-color:#FFFFFF; color:#202140; display:block; text-align:center; vertical-align:baseline; font-weight:bold; cursor:pointer; text-decoration:none;  font-weight:bold;}

#option_3 a{float:left; padding-left:0px; padding-top:5px; padding-bottom:10px; width:110px; height:20px; background-color:#244E88; color:#FFFFFF; display:block; text-align:center; vertical-align:baseline; font-weight:bold; cursor:pointer; text-decoration:none;  font-weight:bold;}
#option_3 a:hover{float:left;  padding-left:0px; padding-top:5px; padding-bottom:10px; height:20px; background-color:#FFFFFF; color:#244E88; display:block; text-align:center; vertical-align:baseline; font-weight:bold; cursor:pointer; text-decoration:none;  font-weight:bold;}

#option_4 a{float:left;  padding-left:0px; padding-top:5px; padding-bottom:10px; width:110px; height:20px; background-color:#8FC2C5; color:#FFFFFF; display:block; text-align:center; vertical-align:baseline; font-weight:bold; cursor:pointer; text-decoration:none;  font-weight:bold;}
#option_4 a:hover{float:left; padding-left:0px; padding-top:5px; padding-bottom:10px; height:20px; background-color:#FFFFFF; color:#8FC2C5; display:block; text-align:center; vertical-align:baseline; font-weight:bold; cursor:pointer; text-decoration:none;  font-weight:bold;}

#option_5 a{float:left; padding-left:0px; padding-top:5px; padding-bottom:10px;  width:110px; height:20px; background-color:#425B84; color:#FFFFFF; display:block; text-align:center; vertical-align:baseline; font-weight:bold; cursor:pointer; text-decoration:none;  font-weight:bold;}
#option_5 a:hover{float:left; padding-left:0px; padding-top:5px; padding-bottom:10px; height:20px; background-color:#FFFFFF; color:#425B84; display:block; text-align:center; vertical-align:baseline; font-weight:bold; cursor:pointer; text-decoration:none;  font-weight:bold;}

#option_6 a{float:left; padding-left:0px; padding-top:5px; padding-bottom:10px;  width:110px; height:20px; background-color:#A1755C; color:#FFFFFF; display:block; text-align:center; vertical-align:baseline; font-weight:bold; cursor:pointer; text-decoration:none; font-weight:bold;}
#option_6 a:hover{float:left; padding-left:0px; padding-top:5px; padding-bottom:10px; height:20px; background-color:#FFFFFF; color:#A1755C; display:block; text-align:center; vertical-align:baseline; font-weight:bold; cursor:pointer; text-decoration:none;  font-weight:bold;}

#option_7 a{float:left; padding-left:5px; padding-top:5px; padding-bottom:10px; width:105px; height:20px; background-color:#5D747A; color:#FFFFFF; text-align:center; font-weight:bold; cursor:pointer; text-decoration:none;  font-weight:bold;}
#option_7 a:hover{float:left; padding-left:5px; padding-top:5px; padding-bottom:10px; height:20px; background-color:#FFFFFF; color:#5D747A; text-align:center; font-weight:bold; cursor:pointer; text-decoration:none;  font-weight:bold;}

a{text-decoration:none; clear:none; margin:0em; padding:0em; cursor:pointer;}

