/*
Authors: Blueprint Consulting (Cynthia Nguyen, Jimmy Phengrasmy, Sarah Putnam, Amy Huynh, Corrinne Chuah, William Lay)
Date created: 27/5/09
Based on template from http://www.free-css.com/free-css-templates/page85/wynton-magazine.php
Purpose: To set a standard style for the navigation bar for use on all pages. All pages link to this style sheet for formatting.
*/

#nav {
	background:#1E568C;
	font:1em "Trebuchet MS", Helvetica, Charcoal, serif;
	border-top:3px solid #cfdbe5;
	border-bottom:3px solid #cfdbe5;
	}
	
/*Menu first level list items */
#nav, #nav ul {
	list-style: none;
	line-height: 1;
	}

#nav a, #nav a:hover {
	display: block;
	text-decoration: none;
	border:none;
	}
	
/* Menu first level items */
#nav li {
	float: left;
	list-style:none;
	}

/* If the page has been visited */
#nav a, #nav a:visited {
	display:block;
	font-weight:bold;
	color: #fff;
	padding:6px 12px;
	}

/* If hovering over the link */
#nav a:hover {
	background-color:#8AA8CD;
	color:#FFFFFF;
	text-decoration:none;
	height: auto;
	}	

/* If currently on this page */
#nav a:active {
	color:#FFFFFF;
	text-decoration:none;
	}	

.current_page_item	a, #home .on{ 
	/*background-color:#333;*/
	color:#ff0033!important;
	text-decoration:none;
	}
	
/* Dropdown Menus for child pages */		

#nav li ul {/*first level dropdown*/
	position: absolute;
	z-index: 10;
	left: -999em;
	height: auto;
	width: 150px;
	border-bottom:1px solid #ccc;
	}
	
#nav li ul ul {/*second level dropdown*/
	margin: -1.8em 0 0 150px;
	}

#nav li:hover ul ul, #nav li.sfhover ul ul {
	left: -999em;
	height: auto;
	}

#nav li li {
	width: 150px;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	background:#1E568C;
	}

#nav li li a, #nav li li a:visited {
	font-weight:normal;
	font-size:0.9em;
	color:#fff;
	}

#nav li li a:hover, #nav li li a:active {
	background:#8AA8CD;
	color:#FFFFFF;
	height: auto;
	}
	
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul 
{left: auto; height: auto;}

a.main:hover {background:none;}
	
/* Breadcrumbs */
	
#catnav {
	margin-top:0px;
	background:#eee;
	font-size:1em;
	border-top:none;
	}
	
#catnav, #catnav ul {
	list-style: none;
	line-height: 1;
	}

#catnav a, #catnav a:hover {
	display: block;
	text-decoration: none;
	border:none;
	}

#catnav li {
	list-style:none;
	float: left;
	font-size:.9em;
	}

#catnav li.textsize {
	float:right;
	font-size: 1em;
	}

#catnav a, #catnav a:visited {
	display:block;
	font-weight:bold;
	color: #666;
	padding:6px 12px;
	}

#catnav a:hover {
	color:#D70000;
	text-decoration:none;
	}	

#catnav a:active {
	color:#D70000;
	text-decoration:none;
	}