/*** ESSENTIAL STYLES ***/

.sf-menu1, .sf-menu1 * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
#parents {
	width: 173px;
	float: left;
	height: 40px;
	text-align: center;
}
#parents  > a{
	height: 40px;
	width: 173px;
	text-align: center;
	display: block;
	position: relative;
}
#staff {
	width: 130px;
	float: left;
	height: 40px;
	text-align: center;
}
#staff  > a{
	width: 130px;
	text-align: center;
	display: block;
	height: 40px;
	position: relative;
}
#students {
	width: 179px;
	float: left;
	height: 40px;
	text-align: center;
}
#students  > a{
	width: 179px;
	text-align: center;
	display: block;
	height: 40px;
	position: relative;
}
#community {
	width: 204px;
	float: left;
	height: 40px;
	text-align: center;
}
#community  > a{
	width: 204px;
	text-align: center;
	display: block;
	height: 40px;
	position: relative;
}
.sf-menu1 a {
	font-size: 1.5em;
	line-height: 40px;
}


.sf-menu1 ul {
	position:		absolute;
	top:			-999em;
	z-index: 999;
	text-align: center;
	background-color: #45403C;
	height: auto;
	width: auto;
}
.sf-menu1  ul a {
	display: block;
	padding-top: 4px;
	padding-bottom: 4px;
	font-size: 1.2em;
	line-height: 1.5em;
	padding-right: 10px;
	padding-left: 10px;
	text-align: left;

}

.sf-menu1 li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu1 li {
	font-size: 1em;
	margin: 0px;
	padding: 0px;
	position: relative;
}

.sf-menu1 li:hover ul, .sf-menu1 li.sfHover ul {
	left: 0px;
	top: 40px;
}


.sf-menu1 li:hover ul li, .sf-menu1 li.sfHover ul li {
	left: 0px;
}
ul.sf-menu1 {
	position: relative;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	width: 686px;
}
ul.sf-menu1 li:hover li ul, ul.sf-menu1 li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu1 li li:hover li ul, ul.sf-menu1 li li.sfHover li ul {
	top:			-999em;
}
.sf-menu1 li li {
	position: relative;
	clear: both;
	white-space: nowrap;
	display: block;
}
.sf-menu1 li:hover, .sf-menu1 li.sfHover, .sf-menu1 a:focus, .sf-menu1 a:hover, .sf-menu1 a:active          {
	outline:		0;
}
.sf-menu1 li:hover ul li:hover, .sf-menu1 li.sfHover, .sf-menu1 a:focus, .sf-menu1 a:hover ul a:hover, .sf-menu1 a:active              {
	outline:		0;
	text-decoration: none;
}
.sf-menu1   li:hover ul li a:active {
	background-color: #000000;
}


/*** arrows **/
.sf-menu1 a.sf-with-ul {
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	display:		none; /* IE6 only */
	width:			0px;
}