/* Wind Ward Academy CSS Document - NAVIGATION */

/* Main nav list */
#verticalmenu {
	margin-left:0px;
	padding:0;
}

#nav {
	width:225px;
	height:264px;
}

ul#list {
	list-style:none;
	margin:0;
	width:225px;
	padding:0;
	border-collapse:collapse
}

ul#list li {
	position:relative;
	float:left;
	text-align:left;
	padding:0;
}

ul#list li a{
	position:relative;
	float:left;
	margin-bottom:0px;
	text-align:left;
	clear:both;
}


ul#list li a.nav1 {
	width:225px;
	height:36px;
	padding:0;
	margin:0px;
	text-indent:-999em;
	background:url(images/nav-1.png) right top no-repeat;
	cursor:pointer;
}

ul#list li a.nav1:hover {
	width:225px;
	height:36px;
	padding:0;
	margin:0;
	text-indent:-999em;
	background:url(images/nav-1-over.png) right top no-repeat;
	cursor:pointer;
}

ul#list li a.nav2 {
	width:225px;
	height:36px;
	padding:0;
	margin:0;
	text-indent:-999em;
	background:url(images/nav-2.png) right top no-repeat;
	cursor:pointer;
}

ul#list li a.nav2:hover {
	width:225px;
	height:36px;
	padding:0;
	margin:0;
	text-indent:-999em;
	background:url(images/nav-2-over.png) right top no-repeat;
	cursor:pointer;
}

ul#list li a.nav3 {
	width:225px;
	height:36px;
	padding:0;
	margin:0;
	text-indent:-999em;
	background:url(images/nav-3.png) right top no-repeat;
	cursor:pointer;
}

ul#list li a.nav3:hover {
	width:225px;
	height:36px;
	padding:0;
	margin:0;
	text-indent:-999em;
	background:url(images/nav-3-over.png) right top no-repeat;
	cursor:pointer;
}

ul#list li a.nav4 {
	width:225px;
	height:36px;
	padding:0;
	margin:0;
	text-indent:-999em;
	background:url(images/nav-4.png) right top no-repeat;
	cursor:pointer;
}

ul#list li a.nav4:hover {
	width:225px;
	height:36px;
	padding:0;
	margin:0;
	text-indent:-999em;
	background:url(images/nav-4-over.png) right top no-repeat;
	cursor:pointer;
}

ul#list li a.nav5 {
	width:225px;
	height:37px;
	padding:0;
	margin:0;
	text-indent:-999em;
	background:url(images/nav-5.png) right top no-repeat;
	cursor:pointer;
}

ul#list li a.nav5:hover {
	width:225px;
	height:37px;
	padding:0;
	margin:0;
	text-indent:-999em;
	background:url(images/nav-5-over.png) right top no-repeat;
	cursor:pointer;
}

ul#list li a.nav6 {
	width:225px;
	height:37px;
	padding:0;
	margin:0;
	text-indent:-999em;
	background:url(images/nav-6.png) right top no-repeat;
	cursor:pointer;
}

ul#list li a.nav6:hover {
	width:225px;
	height:37px;
	padding:0;
	margin:0;
	text-indent:-999em;
	background:url(images/nav-6-over.png) right top no-repeat;
	cursor:pointer;
}

ul#list li a.nav7 {
	width:225px;
	height:37px;
	padding:0;
	margin:0;
	text-indent:-999em;
	background:url(images/nav-7.png) right top no-repeat;
	cursor:pointer;
}

ul#list li a.nav7:hover {
	width:225px;
	height:37px;
	padding:0;
	margin:0;
	text-indent:-999em;
	background:url(images/nav-7-over.png) right top no-repeat;
	cursor:pointer;
}

ul#list li.nav8 {
	width:225px;
	height:9px;
	padding:0;
	margin:0;
	text-indent:-999em;
	background:url(images/nav-footer.png) right top no-repeat;
	cursor:pointer;
}

/*SUB MENU STYLE*/
.glossymenu li ul{ 
position: absolute;
width: 100%; /*WIDTH OF SUB MENU ITEMS*/
left: 0;
top: 0;
display: none;
list-style-type: none;
text-align:left;
margin: 0 0 0 -5px;
padding: 0;
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:11px;
color:#FFFFFF;
z-index:2;
}

.glossymenu li ul a{
width: 280px; /*WIDTH OF SUB MENU ITEMS - 10px padding-left for A elements */
border:1px solid #333333;
}

.glossymenu li ul li a {
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:11px;
color:#FFFFFF;
text-decoration:none;
padding:4px;
text-align:left;
float: left;
margin-left:0px;
background-color:#4e5044;
}

.glossymenu li ul li a:hover {
text-decoration:none;
text-align:left;
float: left;
margin-left:0px;
background-color:#9B1617;
}