/*** ESSENTIAL STYLES ***/

.mainNav, .mainNav * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.mainNav {
	line-height:	1.0;
	float:right;
	margin-right:15px;
}
.mainNav ul {
	position:		absolute;
	top:			-999em;
	width:			13em; /* left offset of submenus need to match (see below) */
}
.mainNav ul li {
	width:			100%;
}
.mainNav li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.mainNav li {
	float:			left;
	position:		relative;
}
.mainNav a {
	display:		block;
	position:		relative;
}
.mainNav li:hover ul, .mainNav li.sfHover ul {
	left:			0;
	top:		45px; /* match top ul list item height */
	z-index:		99;
}
ul.mainNav li:hover li ul, ul.mainNav li.sfHover li ul {
	top:			-999em;
}
ul.mainNav li li:hover ul, ul.mainNav li li.sfHover ul {
	left:			13em; /* match ul width */
	top:			0;
}
ul.mainNav li li:hover li ul, ul.mainNav li li.sfHover li ul {
	top:			-999em;
}
ul.mainNav li li li:hover ul, ul.mainNav li li li.sfHover ul {
	left:			13em; /* match ul width */
	top:			0;
}
/***  SKIN ***/
.mainNav {
	top:0;
	left:0;
}
.mainNav a, .mainNav a:visited { /* visited pseudo selector so IE6 applies text colour*/
	/*padding:19px 27px 14px;*/
	padding:13px 0 15px;
	text-decoration:none;
	text-align:left;
	font-family:Verdana, Arial, sans-serif;
	color:#fff;
	letter-spacing:-1px;
	font-size:15px;
text-shadow: #08261c 2px 2px 2px;
}
.mainNav li {
/*background:url(images/global/separator.gif) 100% 50% no-repeat;*/
	}
.mainNav ul {
	padding:12px 0 9px;
	background:url(images/global/bg_menu.png);
	border:1px solid #260741;
}
.mainNav li li {
	background:none;
}
.mainNav li li a {
}
.mainNav li li li {
}
.mainNav li li div.subtitle, .mainNav li li a, .mainNav li li li a, .mainNav li li a:visited, .mainNav li li a.subLinkOn {
	color:#fff !important;
	padding:0 9px !important;
	margin-bottom:7px;
	font-weight:normal;
	text-decoration:none;
	background:none;
	/*text-transform:uppercase;*/
	font-size:12px;
	letter-spacing:0px;
	line-height:15px;
}
.mainNav li li div.subtitle {
	font-weight:bold;
	text-align:left;
}
.mainNav li li div a {
	font-weight:normal;
	margin-left:10px;
}
.mainNav li:hover, .mainNav li.sfHover, .mainNav a:focus, .mainNav a:hover, .mainNav a:active, .mainNav a.subLinkOn {
	color:		#fff;
	outline:		0;
	background-color:#003f34;
	text-decoration:none;
}
.mainNav a.subLinkOn {
	color:		#544e46 !important;
}
.mainNav li li:hover, .mainNav li li.sfHover, .mainNav li li a:focus, .mainNav li li a:hover, .mainNav li li a:active {
	background-color:transparent;
	color:#FFF;
	outline:		0;
	text-decoration:none;
}
.mainNav li li a:hover {
	border-left:3px solid #FFF;
	padding-left:6px !important;
}
.mainNav li li a:focus, .mainNav li li a:hover, .mainNav li li a:active {
}
.homeButtn {
	width:70px;
}
.homeButtn a, .homeButtn a:hover, .homeButtn a:visited {
	text-align:center;
}
.aboutButtn {
	width:145px;
}
.aboutButtn a, .aboutButtn a:hover, .aboutButtn a:visited {
	text-align:center;
}
.aboutButtn ul {
	width:250px;
}
.aboutButtn ul a, .aboutButtn ul a:hover, .aboutButtn ul a:visited {
	text-align:left;
}
.staffButtn {
	width:95px;
}
.staffButtn a, .staffButtn a:hover, .staffButtn a:visited {
	text-align:center;
}
.staffButtn ul {
	width:200px;
}
.staffButtn ul a, .staffButtn ul a:hover, .staffButtn ul a:visited {
	text-align:left;
}
.trainingButtn {
	width:125px;
}
.trainingButtn a, .trainingButtn a:hover, .trainingButtn a:visited {
	text-align:center;
}
.trainingButtn ul {
	width:200px;
}
.trainingButtn ul a, .trainingButtn ul a:hover, .trainingButtn ul a:visited {
	text-align:left;
}
.fundraisingButtn {
	width:100px;
}
.fundraisingButtn a, .fundraisingButtn a:hover, .fundraisingButtn a:visited {
	text-align:center;
}
.fundraisingButtn ul {
	width:225px;
}
.fundraisingButtn ul a, .fundraisingButtn ul a:hover, .fundraisingButtn ul a:visited {
	text-align:left;
}
.photosButtn {
	width:72px;
	text-align:center;
}
.photosButtn a, .photosButtn a:hover, .photosButtn a:visited {
	text-align:center;
}
.photosButtn ul {
	width:200px;
}
.photosButtn ul a, .photosButtn ul a:hover, .photosButtn ul a:visited {
	text-align:left;
}
.calendarsButtn {
	width:143px;
}
.calendarsButtn ul {
	width:192px;
}
.calendarsButtn ul a, .calendarsButtn ul a:hover, .calendarsButtn ul a:visited {
	text-align:left;
}
.calendarsButtn a, .calendarsButtn a:hover, .calendarsButtn a:visited {
	text-align:center;
}
.newsButtn {
	width:65px;
	background:none !important;
}
.newsButtn a, .newsButtn a:hover, .newsButtn a:visited {
	text-align:center;
}
.newsButtn ul {
	width:200px;
}
.newsButtn ul a, .newsButtn ul a:hover, .newsButtn ul a:visited {
	text-align:left;
}
/*** arrows **/
.mainNav a.sf-with-ul {
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('/img/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */

a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}
/* point right for anchors in subs */

.mainNav ul .sf-sub-indicator {
	background-position:  -10px 0;
}
.mainNav ul a > .sf-sub-indicator {
	background-position:  0 0;
}
/* apply hovers to modern browsers */

.mainNav ul a:focus > .sf-sub-indicator, .mainNav ul a:hover > .sf-sub-indicator, .mainNav ul a:active > .sf-sub-indicator, .mainNav ul li:hover > a > .sf-sub-indicator, .mainNav ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}