/*

-----------------------------------------------

Navigation

----------------------------------------------- */



/* navigation (horizontal subnavigation)

----------------------------------------------- */

ul.nav,

ul.nav * { margin:0;padding:0;}


/* centered menu - http://matthewjamestaylor.com/blog/beautiful-css-centered-menus-no-hacks-full-cross-browser-support */

.navigation {

	float: left;
	
	width: 100%;
	
	background: #fff;
	
	margin-bottom: 15px;
	
	overflow: hidden;
	
	position: relative;
	
	font-size: 1.6em;
}

.navigation ul {

	clear: left;
	
	float: left;
	
	list-style: none;
	
	margin: 10px 0 0 0;
	
	padding: 0;
	
	position: relative;
	
	left: 50%;
	
	text-align: center;
}

.navigation ul li {

	display: block;
	
	float: left;
	
	list-style: none;
	
	margin: 0;
	
	padding: 0 12px;
	
	position: relative;
	
	right: 50%;
	
	text-transform: uppercase;
}

.navigation ul .page_item {

	border-left: 1px solid #3c3c3c;
}

.navigation ul li a {

	font-size: 18px;

	display: block;
	
	margin: 0 0 0 1px;
	
	padding: 6px 10px 0 10px;
	
	color: #000;
	
	text-decoration: none;
	
	font-weight: normal !important;
}

.navigation ul .current_page_item a {
	
	font-weight: bold !important;
}

.navigation ul li a:hover {

	color: #000;
	
	text-decoration: underline;
}

.navigation ul li a.active,
.navigation ul li a.active:hover {
	
	font-weight: bold;
}

ul.nav li:hover a,

ul.nav li a:hover,

ul.nav li a:focus {

	color:#000;
	
	background-color: #fff;

}

ul.nav li a:active {

	color:#666;
	
	background-color: #fff;
}

ul.nav li:hover ul {left:0;z-index:10}

ul.nav li:hover ul li a {color:#444;}

ul.nav li:hover ul li a:hover {color:#000;}

ul.nav li:hover ul li a:active {color:#666;}



ul.nav li.current a {color:#666; cursor:default; font-weight:bold;}

ul.nav li.current ul {left:0;z-index:5}

ul.nav li.current ul,

ul.nav li.current {background:#ccc !important}




/* navigation (vertical subnavigation)

----------------------------------------------- */


ul.main li ul {

  border-top:0;

}

ul.main li ul li {

  float:left;

}

ul.main li ul li a {

  width:12em;

  line-height:2em;

  height:2em;

  text-align:left;

  color:#fff;

  border-top:1px solid #444;

}

ul.main li a:focus {color:#000; background:#fff;}

ul.main li ul li a:hover {

  color:#fff;

  background:#555;

}

ul.main li:hover ul li a {color:#000;}

ul.main li:hover ul li a:hover {color:#000; background:#fff;}

ul.main li:hover a:active {background:#fff;}

ul.main li:hover ul li a:active {color:#000; background:#fff;}





/* secondary list

----------------------------------------------- */

ul.nav li.secondary {

	float:right;

	color:#cde;

	background:transparent !important;

}

ul.nav li.secondary span.status {

	float:left;

	padding:0 1em;

	line-height:2.77em;

	height:2.77em;

  font-size:0.9em;

}

ul.nav li.secondary span.status a {

	float:none;

	display:inline;

	padding:0;

	height:auto;

	line-height:auto;

	color:#cde;

	background:transparent;

}

ul.nav li.secondary span.status a:hover {

	color:#fff;

	background:transparent;

}

ul.nav li.secondary span.status span {

	text-transform:capitalize;

}

ul.nav li.secondary:hover a {

	color:#fff;

	background:#666;

}

ul.nav li.secondary:hover a:hover {

	background:#555;

}

ul.nav li.secondary:hover a:active {background:#444;}