/* CSS Document */


/* M A I N   M E N U */

#divMainMenu {
	position:relative;
	background-color:#000000;
	background:url(../images/layout/black_bg_off.jpg) repeat-x;
	margin: 0px;
	border-top:#BBBBBB 1px solid;
	border-bottom:#000000 2px solid;
	height:37px;
	top:0px;
	padding:0;	
	}

/* Setting Up the List */
/* A default Unordered List looks pretty boring, so we need to change its appearance. */
/* This first part of the CSS simply specifies a few general rules for our 'nav' to follow. */
/* For example; to use the font Verdana, to have 0 pixels padding around the outside, */
/* and to be positioned using a float to none. */

#nav{
	margin: 0;
	padding: 0;
	padding-left:16.5%;
	float: none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.95em;
	}

/* The next part to add directly below the code above tells the page */
/* to display the list inline. This makes our list display horizontally */
/* instead of vertically.*/

#nav li{
	display: inline;
	}

/* Link Styles with our two images... */
/* We then add the following CSS (shown below) to create an active link state. */
/* This CSS includes the URL to the gradient image we're going to be using behind the text. */
/* In here you can modify the colour of the borders round the edge of the list items, */
/* their thickness and the padding between the edge of each link and the tab. It's up to you. */

#nav li a{
	float: left;
	color: #DDDDDD;
	padding: 8px 2em 0.9em 2em;
	text-decoration: none;
/*	background: transparent url(../images/layout/header_bg3.jpg) top right repeat-x;*/
/*	border-top: 1px solid #94A9D9;*/
	border-bottom: 2px solid #333333;
	border-right:1px solid #333333;
	border-left:1px solid #CCCCCC;
	}

/* ROLLOVER STATE */ 
/* The next two parts to our CSS specify how the visited link and hover styles will look. */
/* The hover style includes the URL to our second image. This will be displayed in place */
/* of the first image when a visitor hovers their mouse over the link. */

#nav li a:visited{
	color: #4E4E4E;
	color: #DDDDDD;		
	}

#nav li a:hover{
	color: #FFCC66;
	background-image:url(../images/layout/black_bg.gif);
	border-top:0;
/*	border-bottom:0;*/
	border-bottom: 2px solid #FF9900;	
	border-right:1px solid #333333;
	border-left:1px solid #CCCCCC;
	}


/* A U X I L I A R Y  ( T O P )   M E N U */

#TopMenu {
	margin: 0;
	padding: 1.7em 0 0 5em;
	float: left;
	font-size:0.95em;
	}

#TopMenu li {
	display:inline;
	padding-left:2.3em;
	padding-top:0.3em;
	padding-bottom:1em;
	padding-right:2em;
	line-height:2.5em;
	}


#TopMenuHome {
	background:url(../images/icons/home4.gif) no-repeat left top ;
	}

#TopMenuSiteMap	{
	background:url(../images/icons/sitemap.gif) no-repeat left top ;
	}