html, body { 	

	background: #092D85 url('img/bodybg.jpg') fixed;
	

	margin: 0; padding: 0;

	height:100%;

}



/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

	Layout Blocks

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#main { /* Holds the page items in place */

	width: 950px;

	min-height:99%;

	margin: 0 auto 0 auto;

	padding: 0;

	background: transparent url('img/mainbg.png') repeat-y;

}



#header {

	height:130px;	

	background: transparent url('img/header.png') no-repeat 0 0px;	

}





#pageheader {padding:30px 10px 0 800px;}

#pageheader strong {	

	font-size: 16px;

	color: #FFFFFF;

}



#breadcrumbs {

	height:40px;

	padding:10px;

	background: transparent url('img/breadcrumbsbg.png') repeat-x;

	clear:both;	

}

#breadcrumbs span {

	background: transparent url('img/link.gif') no-repeat; 

	padding: 6px 2px 0px 12px; font-weight: bold; }

	

#breadcrumbs a {

	border-bottom: 1px dotted #2855A8;

	text-decoration: none;

}

#breadcrumbs a:hover {border-bottom: 1px solid #172A88;}

	

#breadcrumbs .menu-current a{

	color: #000000;

}







#infobox { /* Currently holds the login box */

	float: left;

	display:inline;

	width: 270px;

	margin-left:10px;

			

}

#innerinfo {padding:5px 10px 20px 10px; border: 1px solid #ccbfd0; margin-bottom:20px; color:#172A88;	}



#content { /* main content from the WYSIWYG goes in here */

	width: 440px;

	float: left;

	display:inline;

	margin-left: 20px;

		

}





#rightbox {width: 180px;

	float: left;

	display:inline;

	margin-left: 20px;

}



.clearcontent {height:80px; clear:both}



#footerbox {margin: -80px auto 0 auto; height:80px; width: 950px; background: url(img/footer.jpg) no-repeat right top;}

#footer {	

	color: #666;

	padding: 30px 200px 0 300px;

	text-align: center;

}



/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */



/* Search Box in header */

#search_box {

	color: #fff;

	text-align: right;

}

#search_box {

	float: right;

	clear: right;

	width: 200px;

	padding:20px 10px 0 0;

}



#search_box .searchstring { width:100px;

	border: 1px solid #333;

}



#prevnext {

	float:right;

	margin-top:0px;

	margin-right:10px;

	color: #fff;

	font-weight: bold;

}

#prevnext a {color: #fff;

}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 

	####	Header Menu #####

	#######################



	Horizontal Drop-Down Menu based off :

	http://www.tanfa.co.uk/css/examples/menu/tutorial-h.asp

	

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~  */

#navContainer {height:30px; display:block;clear:both; background: #172A88 url(img/navbg.gif) repeat-x;}





/* Remove List Formattings

~~~~~~~~~~~~~~~~~~~~  */

 ul.menu, li.menu {

	list-style-type: none;

	margin: 0px;

	padding: 0px;

}



/* Header menu */	 

#header_menu {position: absolute; margin-left: 20px;}

#header_menu li {line-height: normal;}

ul#header_menu  {z-index: 10; clear: both;}



#nav {

	float:left;	

	height: 30px;	

	border: 0;	

	padding:0;

}

#nav ul {

	list-style-type: none;

	margin: 0;

	padding: 0;

	width: auto;

	position: relative;

	list-style-image: none;

}



/* Root Level Link Formatting */

#nav ul li {float: left; color: #fff; text-align: center; font-weight: normal; list-style-type: none; list-style-image: none;}

#nav ul li a {display: block; background: url(img/navbgl1.gif) no-repeat right 0px; padding: 8px 14px 7px 12px; color: #fff; text-decoration: none; font-weight: bold; }

/* Root Level link hover */

#nav ul li a:hover, #nav li a:focus, #nav li a:active, #nav ul li a.active, #nav a.menu-current {background: url(img/navbgl1hi.gif) right 0px; color: #fff;}

#nav a.menu-parent {background: url(img/navbgl0parent.gif) right 0px; color: #fff;}





/*Current page Customisations*/

#nav a.menu-current		{font-weight: bold;} 

#nav .menu .home a {display: block; width:2px; height:30px; background: #7290a7 url(img/home.gif); margin:0; padding:0;}

/* 2nd Child menu */

#nav .menu li ul {position: absolute; width: 11em; margin: -1px 0 0 -1px; display: none; text-transform: none; border-bottom: 1px solid #172A88; font-size: 100%; background: #65A26D url(img/ulbg1.jpg) no-repeat right 0px;}

#nav .menu li ul li {width: 11em; text-align: left; font-weight: normal; margin: 0; padding: 0; line-height: 1.2em;}

#nav .menu li ul li a {width: 10.5em; padding: .3em .1em .3em .4em; color: #000000; border-top: 1px solid #172A88; font-weight: normal;  background: none;}



/* 2nd Child link hover */

#nav .menu li ul a:hover,  #nav .menu li ul a.menu-current { background: #7290a7 url(img/navbgl1hi.gif); color:#fff; font-weight: bold;}

#nav .menu li ul a.menu-parent {background: #7290a7 url(img/navbgl1parent.gif) right 0px; color:#fff;}



/* Show and hide */

#nav .menu li:hover ul, #nav .menu li a:focus ul, #nav .menu li.subMenu ul {display: block;}

#nav .menu li ul ul { display: none;}

#nav .menu li:hover ul ul, #nav .menu li.subMenu ul ul {display: none;}

#nav .menu li:hover>ul, #nav .menu li li:hover>ul, #nav .menu li.subMenu>ul, #nav .menu li li.subMenu>ul {display: block;  z-index: 1000;}





/* 3rd Child Menu Appreances */

#nav .menu li ul li ul	{ margin: 10px 0 0 -40%; z-index: 9999;  background: #3d3140 url(img/ulbg2.jpg) no-repeat right 0px;}

#nav .menu li ul li ul li	{width: 11em;}

#nav .menu li ul li ul li a 	{ width: 10.5em;}



/* 4rd Child Menu Appreances */

#nav .menu li ul li ul li ul	{  width: 9em; background: #808080 url(img/ulbg3.jpg) no-repeat right 0px;}

#nav .menu li ul li ul li ul li	{  width: 9em; }

#nav .menu li ul li ul li ul li a 	{ width: 8.5em;}



/* Positioning the Pop-out Drops */

#nav li {position: relative;}



#nav ul ul ul {

	position: absolute;

	top: 1px;

	left: 100%;

}







/* IE6 only 

*html #nav .menu li ul li ul {margin-left:0 ! important;}*/



/* IE7 only 

*+html #nav .menu li ul li ul {margin-left:0 ! important;}*/



/* ul class="ullev1" , sorry doesnt work

#nav .ullev1  {z-index: 1000 ! important; background: #4b4c4d;}

#nav .ullev2  {z-index: 2000 ! important; background: #4b4c4d;}

#nav .ullev3  {z-index: 3000 ! important; background: #4b4c4d;}

*/



/* Better: */

#nav li:hover {

	z-index: 10000;	/* ...and here. this makes sure active item is always above anything else in the menu */

	white-space: normal;/* required to resolve IE7 :hover bug (z-index above is ignored if this is not present)

							see http://www.tanfa.co.uk/css/articles/pure-css-popups-bug.asp for other stuff that work */

}





/* end menu */

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */





/* Customise the Login Box */





#login-box {



float: left;

	display:inline;

	width: 250px;

	margin-left:10px;

	

	

	}











/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 

	Custom Classes (Re-useables)

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

	

/*  Float containers fix: */

.clearfix:after {

    content: ".";

    display: block;

    height: 0;

    clear: both;

    visibility: hidden;

}

/*  \*/

* html #clearfix {

	height: 1%;

}

/*  */



.stealth {visibility:hidden; display:none;} /* hides from normal css enabled browsers */