/* CSS NAVIGATION STYLES using DaveyJJ's method of moving background images */

/*
==========================
STYLES FOR MAIN NAVIGATION
==========================
*/
#nav {
	background:#72639A;
	float:left;
}
#nav li {
	float:left;
	font-size:14px;
	height:38px;
}
#nav a {
	border-right:1px solid #8C7FAB;
	color:#FFF;
	float:left;
	height:38px;
	line-height:2.7;
	padding:0 12px;
	text-align:center;
}
#nav a:hover {
	background:#8B7FAD;
	text-decoration:none;
}
#nav #first a {
	background:url(../images/a_navleft.gif) no-repeat;
}
#nav #first a:hover {
	background:#8B7FAD url(../images/a_navleft_over.gif) no-repeat;
}
#nav #last a {
	background:url(../images/a_navright.gif) right top no-repeat;
	border-right:none;
}
#nav #last a:hover {
	background:#8B7FAD url(../images/a_navright_over.gif) right top no-repeat;
}
#nav .on {
	background:#8B7FAD;
}
#nav #first.on a {
	background:#8B7FAD url(../images/a_navleft_over.gif) no-repeat;
}
#nav #last.on a {
	background:#8B7FAD url(../images/a_navright.gif) right top no-repeat;
}


/*
============================================================
STYLES FOR NAVIGATION THAT APPEARS ABOVE THE MAIN NAVIGATION
============================================================
*/
#navHeadAlt {
	float:left;
	padding-top:6px;
	padding-right:10px;
}

#navHeadAlt li {
	color:#FFF;
	float:left;
	font-size:12px;
	line-height:1em;
	padding:0 10px;
	text-align:center;
}

#navHeadAlt li.rightline {
	border-right:1px solid #FFF;
}

#searchHideWrap {
	float:left;
}

input#search {
	background:#D5D0E6;
	color:#333;
	padding:0 2px;
	width:135px;
}

#navHeadAlt a {
	color:#FFF;
	display:block; /* to increase clickable area as a's default to inline */	
}

input.buttonSearch {
	background:url(../images/a_searchBtn.gif) 2px 2px no-repeat;
	border:none;
	color:#FFF;
	cursor:pointer;
	font-weight:bold;
	height:22px;
	width:25px;
}

input.buttonSearch:hover {
	background:url(../images/a_searchBtn.gif) 2px -20px no-repeat;
}

input.buttonHideVisit {
	background:url(../images/a_hideYourVisitBg.gif) 5px 2px no-repeat;
	border:none;
	color:#FFF;
	cursor:pointer;
	height:22px;
	width:117px;
}

input.buttonHideVisit:hover {
	background:url(../images/a_hideYourVisitBg.gif) 5px -20px no-repeat;
}

/*
=========================================
STYLES FOR SUB NAVIGATION IN RIGHT COLUMN
=========================================
*/
#subNavWrap {
	display:block;
	position:relative;
	width:210px;
}
#subNav {
	display:block;
	float:left; /* Contain floated list item */
	width:210px;
}

#subNav li {
	float:left; /* This corrects the */
	width:100%; /* IE whitespace bug */
}

#subNav .last {
	border-bottom:1px solid #C4C4C4;
}

/* ---- COMMON STYLES STATES ---- */
#subNav a, 
#subNav .level2 a {
	display:block; /* to increase clickable area a's default to inline */
	padding:3px 5px 3px 12px;
	width:193px;
}

#subNav a:hover, 
#subNav .level2 a:hover {
	color:#FFF;
	text-decoration:none;
}

/* ---- LEVEL ONE STATES ---- */
#subNav a {
	border-top:1px solid #C4C4C4;
}

#subNav a:hover {
	background:#8B7FAD;
}

#subNav #on a {
	background:#564685;
	color:#FFF;
}

/* ---- LEVEL ONE STYLES FOR 2ND LEVEL NAVIGATION ---- */
#subNav .more1 a {
	background:url(../images/a_subnav_plus1.gif) 2px 7px no-repeat;
}

#subNav .more1 a:hover {
	background:#8B7FAD url(../images/a_subnav_plus2.gif) 2px 7px no-repeat;
}

#subNav #on.more1 a {
	background:#564685 url(../images/a_subnav_plus2.gif) 2px 7px no-repeat;
}

/* ---- LEVEL TWO STATES ---- */
#subNav .level2 a {
	border-top:1px solid #FFF;
	background:#D2DCBC;
}

#subNav .level2 a:hover {
	background:#B1C28B;
}

#subNav #on.level2 a {
	background:#B1C28B;
	color:#564685;
}