@charset "utf-8";
/* CSS Document */

/*--------------------------- Horizontal Nav Menu ---------------------------*/
	
#nav {
	position: relative;
	float: left;
	clear: none;
	width: 918px;
	background: url(../_images/nav-border.gif) top left repeat-x;
}
div#nav ul {
	width: 918px;
	list-style: none;
	float: left;
	clear: none;
	padding: 0;
	margin: 0;
	text-align: left;
	display: inline;
	background: url(../_images/nav-border.gif) bottom left repeat-x;
}
div#nav li {
	margin: 0;
	float: left;
	background: url(../_images/nav-divider.gif) center right no-repeat;
}
div#nav li.last {
	background: none;
}
div#nav li a:link, div#nav li a:visited {
	display:block;
	color: #cdcdcd;
	font-size: 1.2em;
	text-decoration: none;
	text-align: center;
	padding: 5px 0 7px 0;
	width: 153px;
}
div#nav a:hover, div#nav .on {
	color: #FFFFFF!important;
	text-decoration: none;
	background: url(../_images/nav-on.gif) bottom center repeat-x;
}
#nav ul, #nav ul ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width:152px;
}
#nav ul li {
	position: relative;
	float: left;
}
#nav li ul {
	position: absolute;
	left: 0;
	top: auto;
	margin-left:-999em;
	border-right: 1px dotted #4a4a4e;
	border-bottom: 1px dotted #4a4a4e;
	border-left: 1px dotted #4a4a4e;
	background: #2a2a2f;
}
#nav li li {
	/*width:149px;*/
	text-align: left;
}
#nav li ul ul {
	position: absolute;
	left:100%;
	top: -.1em;
	margin-left:-999em;
}
/* Styles for Menu Items */
#nav ul li a {
	display: block;
}
/* commented backslash mac hiding hack \*/ 
* html #nav ul ul li a {
	height:1%
}
/* end hack */ 

/* this sets all hovered lists to red */
#nav li:hover a, #nav li.over a, #nav li:hover li:hover a, #nav li.over li.over a, #nav li:hover li:hover li:hover a, #nav li.over li.over li.over a, #nav li:hover li a:hover, #nav li.over li a:hover, #nav li:hover li:hover li:hover a:hover, #nav li.over li li a:hover, #nav li:hover li:hover li:hover li:hover a:hover, #nav li.over li.over li.over li.over a:hover {
	color: #fff;
}
#nav li:hover a{
	color: #fff;
	background: url(../_images/nav-on.gif) bottom center repeat-x;
}

/* set dropdown to default */
#nav li:hover li a, #nav li.over li a, #nav li:hover li:hover li a, #nav li.over li.over li a, #nav li:hover li:hover li:hover li a, #nav li.over li.over li.over li a {
}
#nav li ul li a:link, #nav li ul li a:visited {
	font-size: 1.1em;
	padding: 4px 5px 5px 10px;
	background: #3f3f44 url(../_images/nav-on.gif) 0 0 repeat;
	width:137px;
	text-align: left;
} 
#nav li ul li a:hover {
	background: #2a2a2f;
	color: #b6b5b5;
} 
/* Sub Menu Styles */
#nav ul li:hover ul ul, #nav ul li:hover ul ul ul, #nav ul li.over ul ul, #nav ul li.over ul ul ul {
	margin-left:-999em;
}
#nav ul li:hover ul, #nav ul li li:hover ul, u#navl li li li:hover ul, #nav ul li.over ul, #nav ul li li.over ul, #nav ul li li li.over ul {
	margin-left: -1px;
}

/*--------------------------- Sub Nav Menu ---------------------------*/

#subnav {
	position: relative;
	float: left;
	clear: none;
	padding: 10px 0 0 0;
	width: 203px;
	margin-right: 30px;
}
#subnav-search {
	position: relative;
	float: left;
	clear: none;
	padding: 10px 0 0 0;
	width: 203px;
	margin-right: 10px;
}
div#subnav ul {
	list-style: none;
	padding: 0;
	margin: 0;
	text-align: left;
}
div#subnav li {
	margin: 0;
	padding: 0;
	background: url(../_images/nav-border.gif) left bottom repeat-x;
	position: relative;
}
div#subnav a:link, div#subnav a:visited {
	position: relative;
	color: #cdcdcd;
	font-size: 1.2em;
	text-decoration: none;
	display: block;
	width: 175px;
	padding: 4px 5px 5px 24px;
	background: url(../_images/subnav-white-bg.gif) 0 0 no-repeat;
	/*height: 16px;*/
}
div#subnav a:hover {
	color: #FFFFFF!important;
	text-decoration:none!important;
	background: url(../_images/subnav-white-over.gif) 0 0 no-repeat!important;
}
div#subnav .on {
	color: #FFFFFF!important;
	text-decoration:none!important;
	background: url(../_images/subnav-white-on.gif) 0 0 no-repeat!important;
}

/* --------------------------- Colours --------------------------- */

div#subnav li.green a:link, div#subnav li.green a:visited {
	background: url(../_images/subnav-green-bg.gif) 0 0 no-repeat;
}
div#subnav .green a:hover {
	background: url(../_images/subnav-green-over.gif) 0 0 no-repeat!important;
}
div#subnav .green .on {
	background: url(../_images/subnav-green-on.gif) 0 0 no-repeat!important;
}
div#subnav li.green2 a:link, div#subnav li.green2 a:visited {
	background: url(../_images/subnav-green2-bg.gif) 0 0 no-repeat;
}
div#subnav .green2 a:hover {
	background: url(../_images/subnav-green2-over.gif) 0 0 no-repeat!important;
}
div#subnav .green2 .on {
	background: url(../_images/subnav-green2-on.gif) 0 0 no-repeat!important;
}
div#subnav .lightgreen a:link, div#subnav .lightgreen a:visited {
	background: url(../_images/subnav-lightgreen-bg.gif) 0 0 no-repeat;
}
div#subnav .lightgreen a:hover {
	background: url(../_images/subnav-lightgreen-over.gif) 0 0 no-repeat!important;
}
div#subnav .lightgreen .on {
	background: url(../_images/subnav-lightgreen-on.gif) 0 0 no-repeat!important;
}
div#subnav .blue a:link, div#subnav .blue a:visited {
	background: url(../_images/subnav-blue-bg.gif) 0 0 no-repeat;
}
div#subnav .blue a:hover {
	background: url(../_images/subnav-blue-over.gif) 0 0 no-repeat!important;
}
div#subnav .blue .on {
	background: url(../_images/subnav-blue-on.gif) 0 0 no-repeat!important;
}
div#subnav .red a:link, div#subnav .red a:visited {
	background: url(../_images/subnav-red-bg.gif) 0 0 no-repeat;
}
div#subnav .red a:hover {
	background: url(../_images/subnav-red-over.gif) 0 0 no-repeat!important;
}
div#subnav .red .on {
	background: url(../_images/subnav-red-on.gif) 0 0 no-repeat!important;
}
div#subnav .orange a:link, div#subnav .orange a:visited {
	background: url(../_images/subnav-orange-bg.gif) 0 0 no-repeat;
}
div#subnav .orange a:hover {
	background: url(../_images/subnav-orange-over.gif) 0 0 no-repeat!important;
}
div#subnav .orange .on {
	background: url(../_images/subnav-orange-on.gif) 0 0 no-repeat!important;
}

/*--------------------------- level 2 ---------------------------*/

div#subnav ul ul {
	list-style: none;
	padding: 5px 0 20px 40px;
	margin: 0;
	background: url(../_images/nav-border.gif) left top repeat-x;
	width: 163px;
}
div#subnav li li {
	position: relative;
	margin: 0;
	padding: 0;
	background: none;
}
div#subnav li li a:link, div#subnav li li a:visited {
	color: #cdcdcd;
	font-size: 1.2em;
	text-decoration: none;
	display: block;
	width: 125px;
	padding: 2px 5px 2px 11px;
	background: url(../_images/subsubnav-white-bg.gif) 0 6px no-repeat;
}
div#subnav li li a:hover {
	color: #FFFFFF!important;
	margin: 0;
	text-decoration:none!important;
	background: url(../_images/subsubnav-white-bg.gif) 0 6px no-repeat!important;
}
div#subnav li li .on {
	color: #FFFFFF!important;
	margin: 0;
	text-decoration:none!important;
	background: url(../_images/subsubnav-white-on.gif) 0 6px no-repeat!important;
}

/* --------------------------- Colours --------------------------- */

div#subnav li.green li a:link, div#subnav li.green li a:visited, div#subnav li li.green a:link, div#subnav li li.green a:visited {
	color: #cdcdcd;
	background: url(../_images/subsubnav-white-bg.gif) 0 6px no-repeat;
}
div#subnav li.green li a:hover, div#subnav li li.green a:hover  {
	color: #ced720!important;
	background: url(../_images/subsubnav-green-over.gif) 0 6px no-repeat!important;
}
div#subnav li.green li .on, div#subnav li li.green .on {
	color: #ced720!important;
	background: url(../_images/subsubnav-green-on.gif) 0 6px no-repeat!important;
}
div#subnav li.green2 li a:link, div#subnav li.green2 li a:visited, div#subnav li li.green2 a:link, div#subnav li li.green2 a:visited {
	color: #cdcdcd;
	background: url(../_images/subsubnav-white-bg.gif) 0 6px no-repeat;
}
div#subnav li.green2 li a:hover, div#subnav li li.green2 a:hover  {
	color: #eeff4d!important;
	background: url(../_images/subsubnav-green2-over.gif) 0 6px no-repeat!important;
}
div#subnav li.green2 li .on, div#subnav li li.green2 .on {
	color: #eeff4d!important;
	background: url(../_images/subsubnav-green2-on.gif) 0 6px no-repeat!important;
}
div#subnav li.lightgreen li a:link, div#subnav li.lightgreen li a:visited, div#subnav li li.lightgreen a:link, div#subnav li li.lightgreen a:visited {
	color: #cdcdcd;
	background: url(../_images/subsubnav-white-bg.gif) 0 6px no-repeat;
}
div#subnav li.lightgreen li a:hover, div#subnav li li.lightgreen a:hover {
	color: #d4d79b!important;
	background: url(../_images/subsubnav-lightgreen-over.gif) 0 6px no-repeat!important;
}
div#subnav li.lightgreen li .on, div#subnav li li.lightgreen .on {
	color: #d4d79b!important;
	background: url(../_images/subsubnav-lightgreen-on.gif) 0 6px no-repeat!important;
}
div#subnav li.blue li a:link, div#subnav li.blue li a:visited, div#subnav li li.blue a:link, div#subnav li li.blue a:visited {
	color: #cdcdcd;
	background: url(../_images/subsubnav-white-bg.gif) 0 6px no-repeat;
}
div#subnav li.blue li a:hover, div#subnav li li.blue a:hover {
	color: #00acf1!important;
	background: url(../_images/subsubnav-blue-over.gif) 0 6px no-repeat!important;
}
div#subnav li.blue li .on, div#subnav li li.blue .on {
	color: #00acf1!important;
	background: url(../_images/subsubnav-blue-on.gif) 0 6px no-repeat!important;
}
div#subnav li.red li a:link, div#subnav li.red li a:visited, div#subnav li li.red a:link, div#subnav li li.red a:visited {
	color: #cdcdcd;
	background: url(../_images/subsubnav-white-bg.gif) 0 6px no-repeat;
}
div#subnav li.red li a:hover, div#subnav li li.red a:hover {
	color: #ff7a7c!important;
	background: url(../_images/subsubnav-red-over.gif) 0 6px no-repeat!important;
}
div#subnav li.red li .on, div#subnav li li.red .on {
	color: #ff7a7c!important;
	background: url(../_images/subsubnav-red-on.gif) 0 6px no-repeat!important;
}
div#subnav li.orange li a:link, div#subnav li.orange li a:visited, div#subnav li li.orange a:link, div#subnav li li.orange a:visited {
	color: #cdcdcd;
	background: url(../_images/subsubnav-white-bg.gif) 0 6px no-repeat;
}
div#subnav li.orange li a:hover, div#subnav li li.orange a:hover {
	color: #ffd30a!important;
	background: url(../_images/subsubnav-orange-over.gif) 0 6px no-repeat!important;
}
div#subnav li.orange li .on, div#subnav li li.orange .on {
	color: #ffd30a!important;
	background: url(../_images/subsubnav-orange-on.gif) 0 6px no-repeat!important;
}

/*--------------------------- level 3 ---------------------------*/

div#subnav ul ul ul {
	list-style: none;
	padding: 0 0 2px 20px;
	margin: 0;
	background: none;
	width: 123px;
}
div#subnav li li li a:link, div#subnav li li li a:visited {
	color: #cdcdcd;
	font-size: 1.2em;
	text-decoration: none;
	display: block;
	width: 125px;
	padding: 2px 5px 2px 11px;
	background: url(../_images/subsubnav-white-bg.gif) 0 6px no-repeat;
}
