ul#home-nav,

ul#home-nav ul,

ul#primary-nav,

ul#primary-nav ul {

	margin: 0;

	padding: 0;

	background: #fff; /* IE6 Bug */

	font-size: 100%;

	}



/* floats menu horizontally */



ul#home-nav,

ul#primary-nav {

	float: left;

	width: 950px;

	}



ul#home-nav:after,

ul#primary-nav:after {

	content: "."; 

    display: block; 

    height: 0; 

    clear: both; 

    visibility: hidden;

	}



/* positions the list items */



ul#primary-nav li,

ul#home-nav li {

	text-align:left;

	font-size:1.6em;

	font-weight:normal;

	position: relative;

	list-style: none;

	float: left;

	width: 25em; /* Width of Menu Items */

	}



/* styles the list */



ul#home-nav li a,

ul#home-nav li li a,

ul#primary-nav li a,

ul#primary-nav li li a {

	display: block;

	text-decoration: none;

	color: #999;

	padding: 5px 0px 5px 0px;

	}



/* Fix IE. Hide from IE Mac \*/

* html ul#home-nav li { float: left; height: 1%; }

* html ul#home-nav li a { height: 1%; }

/* End */



/* Fix IE. Hide from IE Mac \*/

* html ul#primary-nav li { float: left; height: 1%; }

* html ul#primary-nav li a { height: 1%; }

/* End */



/* hides the sub menus */



ul#home-nav ul,

ul#primary-nav ul {

	font-size: 0.3em;

	position: absolute;

	display: none;

	}

	

ul#home-nav ul ul,

ul#primary-nav ul ul {

	top: 0;

	}



/* sub menu styles */



ul#home-nav li ul li a,

ul#primary-nav li ul li a {

	padding: 3px 0px;

	}



/* hide sub menus initially */



ul#home-nav li:hover ul ul,

ul#home-nav li:hover ul ul ul,

ul#home-nav li.over ul ul,

ul#home-nav li.over ul ul ul,

ul#primary-nav li:hover ul ul,

ul#primary-nav li:hover ul ul ul,

ul#primary-nav li.over ul ul,

ul#primary-nav li.over ul ul ul {

	display: none;

	}



/* The magic */



ul#home-nav li:hover ul,

ul#home-nav li li:hover ul,

ul#home-nav li li li:hover ul,

ul#home-nav li.over ul,

ul#home-nav li li.over ul,

ul#home-nav li li li.over ul,

ul#primary-nav li:hover ul,

ul#primary-nav li li:hover ul,

ul#primary-nav li li li:hover ul,

ul#primary-nav li.over ul,

ul#primary-nav li li.over ul,

ul#primary-nav li li li.over ul {

	display: block;

	}



/* rollover block background colour */



ul#home-nav li.menuparent:hover,

ul#home-nav li.over,

ul#primary-nav li.menuparent:hover,

ul#primary-nav li.over {

	background-color: #ffffff;

	}



/* rollover colour */



ul#home-nav li a:hover,

ul#primary-nav li a:hover {

	color: #000000;

	}