/* Wind Ward Academy CSS Document - NAVIGATION */

/* Main nav list */

.navbar {
	width:948px;
	height:73px;
	margin-left:auto;
	margin-right:auto;
	clear:both;
	position:static;
}

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

ul.list li {
	display:inline;
	position:relative;
	float:left;
	text-align:center;
}

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* ######### Chrome Menu ######### */
#chromemenu{

}
/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
position:absolute;
top: 0;
border-bottom-width: 0;
line-height:15px;
z-index:200;
color: #FFFFFF;
visibility: hidden;
}

.dropmenudiv a{
width: auto;
display: block;
text-indent: 4px;
padding: 4px 0;
text-decoration: none;
color: #FFFFFF;
background-image:url(images/rollover-blue.jpg);
background-position:center;
background-repeat:repeat-x;
font-family:"Century Gothic", Tahoma, Arial, sans-serif;
font-size: 12px;
font-weight:100;
text-align: left;
border-bottom: #116797 1px solid;
}

* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv a:hover{ /*Theme Change here*/

background-image:url(images/rollover-blue-over.jpg);
color: #012F60;
text-decoration: none;
}
/* ######### End Drop Down Menu ######### */