*
{
	margin:0px;
	padding:0px;
}
 
body
{
	text-align:center;
	width:100%
}

/**
Get rid of any horrid borders around images i.e. firefox!!
*/
a img
{
	border: none;
}

.description a, .description a:visited
{
	/**background-color: #555555;	*/
	color: #4a79b5;
	text-decoration: none;
}

.description a:hover
{
	text-decoration: underline;
}

#logo a:hover
{
	border: 1px solid white;
}

.container
{
	width:995px;
	margin:0 auto; /** possible look into what to do when right scroll bar appears as this can move the middle a bit nasty. */
	text-align:left;
}

.header
{
	position:relative;/*IE Hack to ensure submenus in header are top most*/
	z-index: 99;	
	height:160px;	 
}

.header #logo
{
	float:left;
	margin:28px 0 0 4px;
	width: 230px;
}

.header #logo a{
	display: block;
	width: 230px;
	height: 80px;	
	background: url('/img/Logo-2.gif') no-repeat;
}
.header #logo a span{display:none;}

.header #image-banner
{
	width: 540px;
	height: 85px;
	background: url('/img/header2.jpg') no-repeat; /**TODO: Move this out of here to random / page specific */
	float: right;
	margin-top: 28px;
}

/*
The header navigation bar.
Sits to the left.
*/
.header .menubar
{
	float: left;
	margin-top: 15px;
	width: 100%;
}

/*
Set the size of the navigation bar.
Align content to the left.
Remove the bullets.
An increased width and float:left - changes li from vertical to horizontal.
*/

#mainmenu
{
	list-style: none;
	text-align:left;	
}

#mainmenu li
{
	float: left;
	position: relative; /* Ensure sublists are positioned below this. */			
}

#mainmenu li a
{
	display: block;
	text-decoration:none;
	padding:5px 15px 5px 15px;
	font-weight: bold;
}

/**
For when the menu is selected, padding changed for border.
*/
#mainmenu li.selected a
{
	padding: 4px 14px 4px 14px;
} 

#mainmenu li ul
{
	display: none; /** js will make it visible */
	position: absolute;	
		
	list-style: none;
	z-index: 100;	
	left: -1px;
	white-space: nowrap;
	padding-bottom: 5px;		
}

#mainmenu li ul li
{
	float: none;/**turn sub menu items back to down from across */		
}

#mainmenu li ul li a
{
	display: block; /**needed to enforce dimensions */
	width: 100%;
	padding: 5px 0px 5px 0px;
	font-weight: normal;
}

#mainmenu li ul li a:hover
{
	color: #4979B3;
}

/**
Main body element.
*/
#main 
{
	padding: 0px;
	margin: 10px 0px 10px 0px;	
}

#editDialogue
{
	display: none;
}

/**
Footer
Across the bottom for links.
*/
.footer
{	
	display: block;
}

/**
Footer ul
General style for the links:
remove the list bullets, pad and float to the right.
*/
.footer ul
{
	list-style: none;
	margin: 5px 10px 5px 10px;
	float: right;
}

/**
Footer ul li a
Sort out the links.
*/
.footer a
{
	
	text-decoration: none;
	color: #FFFFFF;
	font-weight: normal;
}

.footer a:hover
{
	color: #000000;
}

/**
Footer ul#links
Change the float to left for the links list.
*/
.footer ul#elinks
{	
	float: left;
}