/** OVERWRITE ADMIN STYLES **/
h1,h2,div.seperator,input#page_title[name="title"], .admin_colour { color: #FFFFFF !important; }
div.admin_caption { margin: 0px 0px 20px 0px; }
input#page_title[name="title"] { width: 465px !important; }
table#page_content_tbl { width: 475px !important; }
div.boxhead,div.boxcontent,div.homeboxnew,div.caption,div.boxcontent *, #tab_content * { color: #000000 !important; }

body {
	background-color: #010E71;
	background-image: url('/images/bgrep.png');
	background-repeat: repeat-x;
	color: #FFFFFF;
	font-size: 12px;
}

div#container {
	width: 960px;
	margin: 0 auto;
}

h1 { font-size: 18px; padding: 0px 0px 5px 0px; }
p { margin: 4px 0px 5px 0px; }
a { color: #FFF; text-decoration: underline; font-weight: bold; }
a:hover { color: #FFF; text-decoration: none; font-weight: bold; }
hr { height: 2px; background-color: #010948; color: #010948; border: 0px; margin: 5px 0px 10px 0px; }
div#content li { list-style: disc; padding: 0px 0px 0px 5px; }
div#content ul { margin: 0px 0px 0px 20px;}

div#header {
	background-image: url('/images/header.png');
	margin: 0 auto;
	height: 265px;
	width: 958px;
}

div#menu {
	float: left;
	width: 190px;
}
div#contentcontain2 {
	float: left;
	width: 757px;
	margin: 0px 0px 20px 10px;
	background-image: url('/images/contentbg_rep.png');
	background-repeat: repeat-y;
}
div#contentcontain {
	background-image: url('/images/contentbg_static.png');
	background-repeat: no-repeat;
	background-position: top;
}
div#content {
	float: left;
	width: 475px;
	padding: 15px;
	min-height: 550px;
}
div#sidebar {
	width: 210px;
	padding: 0 20px;
	float: left;
}
div#footer-container {
	clear: both;
	padding: 10px;
	background-color: #010949;
	font-size: 90%;
	color: #8084a4;
}
div#footer {
	width: 960px;
	margin: 0 auto;
}
div#footer-container a { color: #8084a4; text-decoration: underline;}
div#footer-container a:hover { color: #8084a4; text-decoration: none;}
#footer div { float: left; width: 500px; }
#footer img { float: right; margin-top: 10px; }

/** BLOG **/
.blogentry {
	color: #FFF;
	background-color:transparent;
	border: 0px;
	margin: 0px;
	padding: 0px;
}
.blogentry h2, .blogentry h2 a { font-weight: bold; color: #8084a4 !important;}

/** CALENDAR **/
.cal .title td { background-color: #010948; }
.calendarfloat { margin: 10px 18px 10px 18px; }
.cal a, .cal a:hover { color: #000; }

/** WIDGET **/
.widget { width: 210px; margin: 20px 0px 10px 0px; padding: 0px; }
.widget .body .cal .titles td { color: #000; }
.widget .body { background-color: #FFF; padding: 5px 0px 5px 0px; margin: 0px; }
.cal td { height: 20px; }
.widget .foot { height: 23px; background-image: url('/images/widget-footer.png'); background-repeat: no-repeat; font-size: 90%; }
.widget .foot a { color: #010948; text-decoration: underline; padding: 2px 0px 0px 0px; margin: 0px; }
.widget .foot a:hover { color: #010948; text-decoration: none; padding: 2px 0px 0px 0px; margin: 0px; }
.widget .tick { width: 184px; }
.widget .repeat.alt, .widget .tick.alt { background-color: #ECEEFF; }
.widget a { color: #010948; text-decoration: underline; }
.widget a:hover { color: #010948; text-decoration: none; }

/** MENU **/
	
	#nav {
		width: 190px;
		/* height: 300px;					 main menu width and bg colour */
		font-size: 11px;
		z-index: 99999;
	}

	#nav, #nav ul {
		padding: 0;
		margin: 0;
		list-style: none;
		line-height: 1;
		z-index: 99999;
	}

	#nav a {
		display: block;
		margin: 0;
		font: bold 100% Arial, Helvetica, sans-serif;
		color: #FFF;
		/* background: #a6cb3b;  menu bg colour */
		text-decoration: none;
		text-align: left;
	}
	
	#nav1 a {
		width: 190px;   /* Change this to what ever value you like and of course you can repeat this for all the different menus */
		height: 70px;
		padding: 0px;	
	}
	#nav2 a {
		width: 190px;
		height: 73px;
		padding: 0px;	
	}
	#nav3 a {
		width: 190px;
		height: 72px;
		padding: 0px;  
	}
	#nav4 a {
		width: 190px;
		height: 67px;
		padding: 0px;		     
	}
	#nav5 a {
		width: 190px;
		height: 72px;
		padding: 0px;	
	}
	#nav6 a {
		width: 190px;
		height: 67px;
		padding: 0px;	
	}
	#nav7 a {
		width: 190px;
		height: 67px;
		padding: 0px;	
	}
	#nav8 a {
		width: 190px;
		height: 73px;
		padding: 0px;	
	}
	#nav li ul li a {
		width: 100px;
		height: auto;
		padding: 3px 0px 3px 8px; /* dropdown width, height */
		z-index: 99999;
	}
	

	#nav a.parent {
		background: #00FF00 url(../images/rightarrow.gif) center right no-repeat; /* dropdown arrow and colour if 3rd dropdown */
	}

	#nav a:hover {
		color: #FF0000;
		/* background-color: #5d7d02;  rollover colour top menu */

	}

	#nav li {
		float: left;
		padding: 0;
		margin: 0;
	}

	#nav li.last_menu_item {
		border: none;
	}

	/* Show/Hide second level menus */
	#nav li ul {
		position: absolute;
		width: 12em;
		left: -999em;
		height: auto;
		margin: -42px 0px 0px 0px;

	}

	#nav li li {
		width: 125px;
		margin: 0;
	}

	#nav li ul a {
			/* drop down width in pixels */
		background-color: #3f7ca6; /* drop down main menu colour */
		color: #FFFFFF;
		font-weight: 100;
		border: 0;
		text-align: left;
		margin: 0px 0px 0px 190px;
	}
	
	#nav1 ul li a, #nav5 ul li a { background-color: #ee4343; }
	#nav2 ul li a, #nav6 ul li a { background-color: #02c31c; }
	#nav3 ul li a, #nav7 ul li a { background-color: #d3a801; }
	#nav4 ul li a, #nav8 ul li a { background-color: #0087d5; }
	
	#nav li ul a:hover {
		   /* drop down width in pixels */
		background-color: #145074; /* drop down main menu colour */
		color: #ffffff;
		font-weight: 100;
		border: 0;
		text-align: left;
	}
	
	#nav1 ul li a:hover, #nav5 ul li a:hover { background-color: #930a0a; }
	#nav2 ul li a:hover, #nav6 ul li a:hover { background-color: #064e05; }
	#nav3 ul li a:hover, #nav7 ul li a:hover { background-color: #977a01; }
	#nav4 ul li a:hover, #nav8 ul li a:hover { background-color: #01507e; }

	#nav li:hover ul {
		left: auto;
	}

	/* 3rd level menus */
	#nav li ul ul {
		margin: -20px 0 0 108px; 
	}		
			

	/* Hide third level menus */
	#nav li:hover ul ul, #nav li.sfhover ul ul {
		left: -999em;
	}

	/* Show third lever menus */
	#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul {
		left: auto;
	}

	/* Important this bit as we are floating the menu */
	#content {
		clear: both;
	}