@charset "utf-8";

/*****
	Main Navigation (Top Menu)
*****/

.nav{
	margin:0px;
	padding:0px;		
	font:12px geneva, Arial, Helvetica, sans-serif;
}

.nav div {
	float:left;
	padding: 0px 4px;
	margin: 20px 3px 0px 0px;
	width: 115px;
	height: 160px;	
	display: block;
	background-color:#111111;
	border: 2px solid #dcdce9;
	line-height: 1.6em;
	color: #eeeeee;
	text-decoration: none;
	text-align: left;
}

/* Subject titles in menu boxes */
.nav h1, .nav h2, .nav h3, .nav h4, .nav h5{
	font:Geneva, Arial, Helvetica, sans-serif;
	size: 14px;
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}

.nav div ul{
	list-style: none;
	margin: 0px;
	padding: 0px 0px 0px 12px;
}

.nav li a, .nav li a:hover, .nav li a:visited{
	color:#eeeeee;
	text-decoration:none;
	display: block;
}

/* About Us */
.nav #aboutus:hover{
	background-color: #330000;
}
.nav #aboutus li:hover{
	background-color: #660000;
}
.nav #aboutus li:active{
	background-color: #660000;
}

/* Training */
.nav #training:hover{
	background-color: #333300
}
.nav #training li:hover{
	background-color: #999900; /* #663300 */
}
.nav #training li:active{
	background-color: #999900; /* #663300 */
}

/* membership */
.nav #membership:hover{
	background-color: #336600;
	background-color: #003300;
}
.nav #membership li:hover{
	background-color: #669966; /* #666600 */
	background-color: #006600;
}
.nav #membership li:active{
	background-color: #669966; /* #666600 */
	background-color: #666633;
}

/* facility */
.nav #facility:hover{
	background-color: #003333;
}
.nav #facility li:hover{
	background-color: #336666;
}
.nav #facility li:active{
	background-color: #669900;
}

/* Contact Us */
.nav #contactus:hover{
	background-color: #009933;
}
.nav #contactus li:hover{
	background-color: #669933;
}
.nav #contactus li:active{
	background-color: #669933;
}

/* I haven't decided what to do with this yet. */
.nav p{
	line-height: 1.6em;
	display: block;
	color: #eee;
	text-decoration: none;
	text-align: left;
}