/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			810px; /* left offset of submenus need to match (see below) */
}
.sf-menu ul.megamenu {
	width: 810px;
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
	z-index:		99;
}

/*** DEMO SKIN ***/
.sf-menu {
	float:			left;
	margin-bottom:	1em;
}

.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#000;
	padding: 		.75em 1em;
	text-decoration:none;
}

.sf-menu a.top-level {
	font: bold 14px 'Galaxie Copernicus', Georgia, serif;
	color:			#fff;
	text-align: center;
	border-bottom:	1px solid #000;
	
	padding: 		.75em 1em;
	text-decoration:none;
	text-shadow: black 0.1em 0.1em 0.2em;
}

.sf-menu li {
	width: 156px;

}

.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	color: 			#333;
	background:		transparent;
	outline:		0;
}

.sf-menu li#KG {
	background:		#c24450 url(/images/template/nav_item_gradient.gif) right no-repeat;

}
.sf-menu li#KG:hover a.top-level {
	color:		#c24450;
	text-shadow: none;
	background:		#fff url(/images/template/nav_item_gradient.gif) right no-repeat;

}

.sf-menu li#AG {
	background:		#0a8a89 url(/images/template/nav_item_gradient.gif) right no-repeat;
}
.sf-menu li#AG:hover a.top-level {
	color:		#0a8a89;
	text-shadow: none;
	background:		#fff url(/images/template/nav_item_gradient.gif) right no-repeat;

}

.sf-menu li#CE {
	background:		#788b20 url(/images/template/nav_item_gradient.gif) right no-repeat;
}
.sf-menu li#CE:hover a.top-level {
	color:		#788b20;
	text-shadow: none;
	background: #fff url(/images/template/nav_item_gradient.gif) right no-repeat;

}

.sf-menu li#DS {
	background:		#cd890a url(/images/template/nav_item_gradient.gif) right no-repeat;
}
.sf-menu li#DS:hover a.top-level {
	color:		#cd890a;
	text-shadow: none;
	background: #fff url(/images/template/nav_item_gradient.gif) right no-repeat;

}

.sf-menu li#DV {
	background:		#52608a url(/images/template/nav_item_gradient.gif) right no-repeat;
}
.sf-menu li#DV:hover a.top-level {
	color:		#52608a;
	text-shadow: none;
	background: #fff url(/images/template/nav_item_gradient.gif) right no-repeat;
	
}

.sf-menu li#AU {
	background:		#77665c url(/images/template/nav_item_gradient.gif) right no-repeat;
}
.sf-menu li#AU:hover a.top-level {
	color:		#77665c;
	text-shadow: none;
	background: #fff url(/images/template/nav_item_gradient.gif) right no-repeat;

}

#AG > ul,
#AG:hover > ul,
#AG.sfhover > ul {
	left: -156px;
	border: 0;
}


#DS > ul,
#DS:hover > ul,
#DS.sfhover > ul {
	left: -312px;
	border: 0;
}

#DV > ul,
#DV:hover > ul,
#DV.sfhover > ul {
	left: -255px;
	border: 0;
}

#AU > ul,
#AU:hover > ul,
#AU.sfhover > ul {
	left: -468px;
	border: 0;
}


/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	2.25em;
	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('/images/sf/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 */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url('/images/sf/shadow.png') no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}
/*
Mega Column Styles
*/

.megawrapper {background: #fff; padding-top: 12px; width: 810px;}
.megawrapper a {text-decoration: none; padding: 0; font-size: 13px;  font-weight: 500;}
.megawrapper .header {font-weight: bold; color: #666;}


#AU .megamenu	{width: 619px;}
#CE .megamenu	{width: 406px;}
#DV .megamenu	{width: 406px;}
#DS .megamenu	{width: 619px;}

#KG .megawrapper {border-bottom: 5px solid #c24450;}
#AG .megawrapper {border-bottom: 5px solid #0a8a89;}
#CE .megawrapper {border-bottom: 5px solid #788b20; width: 406px;}
#DS .megawrapper {border-bottom: 5px solid #cd890a; width: 619px;}
#DV .megawrapper {border-bottom: 5px solid #52608a; width: 406px;}
#AU .megawrapper {border-bottom: 5px solid #77665c; width: 619px;}

#KG .megawrapper a, #KG .megawrapper .header {color: #c24450;}
#AG .megawrapper a, #AG .megawrapper .header {color: #0a8a89;}
#CE .megawrapper a, #CE .megawrapper .header {color: #788b20;}
#DS .megawrapper a, #DS .megawrapper .header {color: #cd890a;}
#DV .megawrapper a, #DV .megawrapper .header {color: #52608a;}
#AU .megawrapper a, #AU .megawrapper .header {color: #77665c;}

#KG .megawrapper a:hover, #KG .megawrapper a:focus, #KG .megawrapper a:active,
#AG .megawrapper a:hover, #AG .megawrapper a:focus, #AG .megawrapper a:active,
#CE .megawrapper a:hover, #CE .megawrapper a:focus, #CE .megawrapper a:active,
#DS .megawrapper a:hover, #DS .megawrapper a:focus, #DS .megawrapper a:active,
#DV .megawrapper a:hover, #DV .megawrapper a:focus, #DV .megawrapper a:active,
#AU .megawrapper a:hover, #AU .megawrapper a:focus, #AU .megawrapper a:active {
	text-decoration: underline;
}

.megacolumn {
	width: 200px;
	float: left;
}

.megacolumn-content {
	padding: 12px;
	text-align:left;
}

.megacolumn-content h5 {
	font-weight: bold;
	margin: 0;
}

.megacolumn-content p {
	margin-bottom: .5em;
}

.megacolumn-content ul.big {
	margin-bottom: 2em;
}

.megacolumn-content-eventbox{
	border: 2px solid #788b20;
	background:	#edf1d6;
	padding: 12px;
	text-align:center;
}

.megacolumn-content-eventbox img {
	text-align: center;
	margin: 5px 0;
	clear:both;
	width:150px;
	border: 1px solid #e2d3cc;
	-moz-box-shadow: 3px 3px 5px #888; 
	-webkit-box-shadow: 3px 3px 5px  #888; 
	box-shadow: 3px 3px 5px #888;
}


.megafooter, .megaheader {
	clear: both;
	padding: 12px;
}

#mega_c1, #mega_c2, #mega_c3 {
	border-right: 1px dotted #000;
	overflow: hidden;
}

.clearfloat {
	clear: both;
	height: 0;
	line-height: 0.0;
	font-size: 0;
}

.sf-menu ul .megawrapper ul {
	background-image: none;
	position: relative;
	top: auto;
	width: auto;
	margin: 0 0 25px 15px;
}


.sf-menu ul .megawrapper ul li {
	background-color: transparent;
	font-size: 8px/15px;
	margin-bottom: .5em;	
}

.sf-menu ul .megawrapper ul li ul li {
	background-color: transparent;
	font-size: 10px/13px;
	margin-bottom: .25em;	
}
.megawrapper .solo {margin: 2em 0 1em 0;}