#header
{
	background: #2b2b95 url(images/header.png) repeat-x;

	padding: 0;
	margin: 0;
	top: 0;
	left: 0;

	width: 100%;
	height: 140px;

	position: absolute;
	overflow: visible;
}
* html #header 
{height:140px;
}



#logo
{
	margin: 0;
	padding: 0;
	top: 0;
	left: 10px;
	border: 0;
	position: absolute;
	padding-top: 10px;
	width=100%;
	color: #999999;
}



/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at images/simple_vertical_centered.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.

=================================================================== */

/* ========================================================================

Modifications (c) 2008 Advance Software Limited, All Rights Reserved. 

Search & replace : [this only works if you keep them all unique]      

item unselected background colour : 954c17  (0.5845, .315:11 26/09/200801, 0.0931)
item unselected text colour       : ffffff

item selected background colour   : d56e22  (.835, .43, .133)
item selected text colour         : eeeeee

============================================================================ */


#css_menu 
{
	
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	position:relative;

	margin-left: 145px;
	padding-top: 126px;
	margin-left: 125px;


	z-index:100; 		/*  High z-index ensures the menu appears at the top of the display stack.  */
}

#css_menu h2 {font-family: "trebuchet ms", arial, sans-serif; font-weight:normal; color:#090;}
#css_menu h3 {font-family: "trebuchet ms", arial, sans-serif; font-weight:normal;}


/* Get rid of the margin, padding and bullets in the unordered lists */
#css_menu_bar {padding:0; margin:0 auto; list-style-type: none; display:table;}
#css_menu_bar ul {padding:0; margin:0; list-style-type: none; display:block;}

/* Hide the sub levels */
#css_menu_bar li ul {display:none;}


/* Link size, color and borders */


#css_menu_bar li a, #css_menu_bar li a:visited { display:block;text-decoration:none;text-indent:0px;

width:130px;
height:24px;
line-height:24px;
font-size:12px; 
text-align:center;
color:#ffffff;   /* menu text colour */
border:1px solid #999999; 
border-width:1px 1px 1px 1px;

}

/* Set up the sub level borders */
#css_menu_bar li ul li a, #css_menu_bar li ul li a:visited {border-width:0 1px 1px 1px;}
#css_menu_bar li a.enclose, #css_menu_bar li a.enclose:visited {border-width:1px;}

/* Set up the list items */
#css_menu_bar li {float:left; background:#954c17;}
#css_menu_bar li.tc {display:table-cell;}

#css_menu_bar li.current {display:table-cell;  background:#d56e22; }  /* Current page highlight colour */


/* For Non-IE browsers and IE7 */
#css_menu_bar li:hover {position:relative;}

/* Make the hovered list color persist */
#css_menu_bar li:hover > a {background:#d56e22; color:#eeeeee;}

/* For Non-IE and IE7 make the sublevels visible on list hover. This is all it needs */
#css_menu_bar li:hover > ul {display:block; position:absolute; top:-11px; left:80px; padding:10px 30px 30px 30px; background:transparent url(transparent.gif); width:120px;}

/* Position the first sub level beneath the top level liinks */
#css_menu_bar > li:hover > ul {left:-30px; top:16px; }




/* Get rid of the table */
#css_menu_bar table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em;}

/* For IE5.5 and IE6 give the hovered links a position relative and a change of background and foreground color. 
   This is necessary to trigger IE to show the sub levels */
* html #css_menu_bar li a:hover {position:relative; background:#d56e22; color:#eeeeee;}




/* For accessibility of the top level menu when tabbing */
#css_menu_bar li a:active, #css_menu_bar li a:focus {background:#d56e22; color:#eeeeee;}


/* Set up menu/submenu indication images */
#css_menu_bar li.menu {background:#954c17 url(images/menu.gif) no-repeat right center;}
#css_menu_bar li.submenu {background:#d56e22 url(images/submenu.gif) no-repeat right center;}






/* This lot is for IE5.5 and IE6 ONLY and is necessary to make the sublevels appear */

/* Change the submenu down levels from display:none; to visibility:hidden; */
* html #css_menu_bar li ul 
{
   visibility:hidden; display:block; position:absolute; top:-11px; left:80px; padding:10px 30px 30px 30px; background:transparent url(transparent.gif);
}

/* Keep the third level + hidden when you hover on first level link */
#css_menu_bar li a:hover ul ul{
visibility:hidden;
}

/* Keep the fourth level + hidden when you hover on second level link */
#css_menu_bar li a:hover ul a:hover ul ul{
visibility:hidden;
}

/* Keep the fifth level hidden when you hover on third level link */
#css_menu_bar li a:hover ul a:hover ul a:hover ul ul{
visibility:hidden;
}

/* Keep the sixth level hidden when you hover on fourth level link */
#css_menu_bar li a:hover ul a:hover ul a:hover ul a:hover ul ul {
visibility:hidden;
}

/* Make the second level visible when hover on first level link and position it */
#css_menu_bar li a:hover ul 
{
visibility:visible; left:-30px; top:14px; left:-31px; top:15px;
}

/* Make the third level visible when you hover over second level link and position it and all further levels */
#css_menu_bar li a:hover ul a:hover ul{ 
visibility:visible; top:-11px; left:80px;
}

/* Make the fourth level visible when you hover over third level link */
#css_menu_bar li a:hover ul a:hover ul a:hover ul { 
visibility:visible;
}

/* Make the fifth level visible when you hover over fourth level link */
#css_menu_bar li a:hover ul a:hover ul a:hover ul a:hover ul { 
visibility:visible;
}

/* Make the sixth level visible when you hover over fifth level link */
#css_menu_bar li a:hover ul a:hover ul a:hover ul a:hover ul a:hover ul { 
visibility:visible;
}