/*
----------------------------------------------------------------------------- 
TOP NAVIGATION
-----------------------------------------------------------------------------*/
#topNav {
	height: 24px;
	width: 955px;
	top: 0px;
	text-align: right;
	color: #FFFFFF !important;
}

#topNavRight {
	vertical-align: middle;
	padding-right: 30px;
	background-color: #B57100;
	color: #FFFFFF !important;
}
#topNav a {
	font-size: 10px;
}
#topNav a:link {
	color: #FFFFFF;
}
#topNav a:visited {
	color: #FFFFFF;
}
#topNav a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
#topNav a:active {
	color: #FFFFFF;
	text-decoration: underline;
}


/*
----------------------------------------------------------------------------- 
FOOTER NAVIGATION
-----------------------------------------------------------------------------*/

#footerNav {
	padding: 15px;
}
#footerNav a {
	font-size: 10px;
}
#footerNav a:link {
	color: #523a22;
}
#footerNav a:visited {
	color: #523a22;
}
#footerNav a:hover {
	color: #523a22;
	text-decoration: underline;
}
#footerNav a:active {
	color: #523a22;
	text-decoration: underline;
}




/*
----------------------------------------------------------------------------- 
MAIN NAVIGATION
-----------------------------------------------------------------------------*/
#mainNav {
	height: 33px;
	width: 955px;
	background-image: url(../../images/nav/new-nav.gif);
	background-repeat: repeat-x;
	z-index: 10;
}

#mainNav li { /* all list items: button boxes */
	float: left;
}

#mainNav ul li strong {
	display: none;
}

/* TURN OFF 3rd LEVEL NAV */
#mainNav ul li ul li ul {
	display: none;
}

/* MAIN NAV BUTTONS*/
#mainNav ul li#mainNav1 a {
	background-image: url(../../images/nav/mainNav1.gif);
	background-repeat: no-repeat;
	height: 33px;
	width: 115px;
	display: block;
}
#mainNav ul li#mainNav2 a {
	background-image: url(../../images/nav/mainNav2.gif);
	background-repeat: no-repeat;
	height: 33px;
	width: 120px;
	display: block;
}
#mainNav ul li#mainNav3 a {
	background-image: url(../../images/nav/mainNav3.gif);
	background-repeat: no-repeat;
	height: 33px;
	width: 160px;
	display: block;
}
#mainNav ul li#mainNav4 a {
	background-image: url(../../images/nav/mainNav4.gif);
	background-repeat: no-repeat;
	height: 33px;
	width: 179px;
	display: block;
}
#mainNav ul li#mainNav5 a {
	background-image: url(../../images/nav/mainNav5.gif);
	background-repeat: no-repeat;
	height: 33px;
	width: 133px;
	display: block;
}

#mainNav li.mainNav ul li {
	background-image: none;
}

/* MAIN NAV SUBMENU WIDTHS, set to match the main buttons*/
#mainNav ul li#mainNav1 ul {
	width: 122px;
}
#mainNav ul li#mainNav2 ul {
	width: 129px;
}
#mainNav ul li#mainNav3 ul {
	width: 128px;
}
#mainNav ul li#mainNav4 ul {
	width: 191px;
}
#mainNav ul li#mainNav5 ul {
	width: 141px;
}

/* Main menu buttons ON state */
#mainNav ul li#mainNav1 a:hover {
	background-image: url(../../images/nav/mainNav1_over.gif);
}
#mainNav ul li#mainNav2 a:hover {
	background-image: url(../../images/nav/mainNav2_over.gif);
}
#mainNav ul li#mainNav3 a:hover {
	background-image: url(../../images/nav/mainNav3_over.gif);
}
#mainNav ul li#mainNav4 a:hover {
	background-image: url(../../images/nav/mainNav4_over.gif);
}
#mainNav ul li#mainNav5 a:hover {
	background-image: url(../../images/nav/mainNav5_over.gif);
}

#mainNav ul li#mainNav1.on a {
	background-image: url(../../images/nav/mainNav1_over.gif);
}
#mainNav ul li#mainNav2.on a {
	background-image: url(../../images/nav/mainNav2_over.gif);
}
#mainNav ul li#mainNav3.on a {
	background-image: url(../../images/nav/mainNav3_over.gif);
}
#mainNav ul li#mainNav4.on a {
	background-image: url(../../images/nav/mainNav4_over.gif);
}
#mainNav ul li#mainNav5.on a {
	background-image: url(../../images/nav/mainNav5_over.gif);
}



/*
----------------------------------------------------------------------------- 
SECOND LEVEL NAVIGATION
-----------------------------------------------------------------------------*/
/*	Initialize the menus */
#mainNav ul li ul {
	position: absolute;
	left: -999em;
	border-right: 1px solid #951617;
	border-bottom: 1px solid #951617;
	border-left: 1px solid #951617;
	background-color: #860B0C;
}

/*	Set the properties for the individual menu items
	We're overriding the properties set in the main menu buttons */
#mainNav ul li#mainNav1 ul li a,
#mainNav ul li#mainNav2 ul li a,
#mainNav ul li#mainNav3 ul li a,
#mainNav ul li#mainNav4 ul li a,
#mainNav ul li#mainNav5 ul li a,
#mainNav ul li#mainNav1 ul li.on a,
#mainNav ul li#mainNav2 ul li.on a,
#mainNav ul li#mainNav3 ul li.on a,
#mainNav ul li#mainNav4 ul li.on a,
#mainNav ul li#mainNav5 ul li.on a,
#mainNav ul li#mainNav1.on ul li a,
#mainNav ul li#mainNav2.on ul li a,
#mainNav ul li#mainNav3.on ul li a,
#mainNav ul li#mainNav4.on ul li a,
#mainNav ul li#mainNav5.on ul li a,
#mainNav ul li#mainNav1.on ul li.on a,
#mainNav ul li#mainNav2.on ul li.on a,
#mainNav ul li#mainNav3.on ul li.on a,
#mainNav ul li#mainNav4.on ul li.on a,
#mainNav ul li#mainNav5.on ul li.on a,
#mainNav ul li#mainNav1 ul li a:hover,
#mainNav ul li#mainNav2 ul li a:hover,
#mainNav ul li#mainNav3 ul li a:hover,
#mainNav ul li#mainNav4 ul li a:hover,
#mainNav ul li#mainNav5 ul li a:hover {
	background-image: none;
	display: block;
	height: auto;
	padding: 5px;
	color: #FFF;
	text-decoration: none;
}

/*	Set the ON state for the individual buttons */
#mainNav ul li#mainNav1 ul li a:hover,
#mainNav ul li#mainNav2 ul li a:hover,
#mainNav ul li#mainNav3 ul li a:hover,
#mainNav ul li#mainNav4 ul li a:hover,
#mainNav ul li#mainNav5 ul li a:hover {
	background-color: #dbbf91;
	color: #000;
}

/*	Set the widths for the individual menu items
	They need to be 10 pixels less then the width of the ul set above
	to accomandate the 5 pixel pad */
#mainNav ul li#mainNav1 ul li a,
#mainNav ul li#mainNav1 ul li a:hover {
	width: 112px;
}
#mainNav ul li#mainNav2 ul li a,
#mainNav ul li#mainNav2 ul li a:hover {
	width: 119px;
}
#mainNav ul li#mainNav3 ul li a,
#mainNav ul li#mainNav3 ul li a:hover {
	width: 118px;
}
#mainNav ul li#mainNav4 ul li a,
#mainNav ul li#mainNav4 ul li a:hover {
	width: 181px;
}
#mainNav ul li#mainNav5 ul li a,
#mainNav ul li#mainNav5 ul li a:hover {
	width: 131px;
}

/* TURN ON PULL DOWN SUBMENUS */
#mainNav ul li:hover ul, #mainNav ul li.sfhover ul {
	left: auto;
}




/*
----------------------------------------------------------------------------- 
RIGHT MARGIN NAVIGATION
-----------------------------------------------------------------------------*/
#rightMarginNav {
	color: #FFF;
	background-color: #b57100;
	width: 238px;
	text-align: left;
	height: auto;
	vertical-align: top;
	margin-top: 15px;
	margin-bottom: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
}
#rightMarginNav.donateNow { /* FOR THE NAV BOX ON THE CONVIO PAGES */
	margin-top: 0px;
}

#rightMarginNav.donateNow li { /* FOR THE NAV BOX ON THE CONVIO PAGES */
	margin: -15px;
}

#rightMargin #rightMarginNav a {
	color: #FFFFFF;
	text-decoration: none;
}

#rightMargin #rightMarginNav ul { /* TOP LEVEL */
	padding: 0px;
	margin: 0px 10px 0px 10px;
}

/*	Turn off the display of the list items
	Then turn them back on on all the declarations the follow that are tagged with the "on" class */
#rightMargin #rightMarginNav ul li { 
	display: none;
}

#rightMargin #rightMarginNav ul li.on {
	display: block;
	font-size: 14px;
	padding: 0px;
	margin: 0px;
}

#rightMargin #rightMarginNav ul li.on,
#rightMargin #rightMarginNav ul li.on ul li,
#rightMargin #rightMarginNav ul li.on ul li ul li {
	list-style-image: none;
}

#rightMargin #rightMarginNav ul li.on strong {
	font-weight: normal;	
}

#rightMargin #rightMarginNav ul li.on ul { /* 2ND LEVEL */
	display: block;
	padding: 0px;
	margin: 5px -10px 0px -10px;
}
#rightMargin #rightMarginNav ul li.on ul li {
	display: block;
	font-size: 12px;
	text-transform: uppercase;
	margin: 0px;
}
#rightMargin #rightMarginNav ul li.on ul li a {
	display: block;
	height: auto;
	padding: 5px 5px 5px 20px;
}
#rightMargin #rightMarginNav ul li.on ul li a:hover {
	display: block;
	background-color: #dbbf91;
	color: #000;
}



#rightMargin #rightMarginNav ul li.on ul li ul { /* 3RD LEVEL */
	padding: 0px;
	margin: 0px;
}
#rightMargin #rightMarginNav ul li.on ul li ul li {
	display: block;
	font-size: 12px;
	text-transform: none;
	padding: 0px;
	margin: 0px;
}
#rightMargin #rightMarginNav ul li.on ul li ul li a {
	display: block;
	height: auto;
	padding: 5px 10px 5px 30px;
	margin: 0px;
}
#rightMargin #rightMarginNav ul li.on ul li ul li a:hover {
	display: block;
	background-color: #dbbf91;
	color: #000;
}

#rightMargin #rightMarginNav ul li.on ul li ul { /* TURN OFF 3RD LEVEL MENUS */
	display: none;
}
#rightMargin #rightMarginNav ul li.on ul li.on ul { /* TURN ON 3RD LEVEL MENUS WHOSE PARENT <LI> HAS BEEN ASSIGNED AN "ON" CLASS */
	display: block;
}

#rightMargin #rightMarginNav ul li.on ul li ul li ul li a { /* 4th LEVEL */
	padding: 5px 5px 5px 45px;
}