@charset "utf-8";
/* CSS Document */



/*Begin Horizontal Nav (first level menu)*/
#menunav {
	width: 100%;
	font: small Candara, Arial, Helvetica, sans-serif;
	}

#menunav a img{
	border:none;
	}
	
#menunav a:link, a:hover, a:visited {
	color: white;
	}
	

#menunav li {
	float: left;
	position: relative;
	list-style-type: none;
}

/*begin graphic button code */

div#menuhome, div#menuabout, div#menuservice, div#menumin, div#menucal, div#menuog{
	height: 45px;
	top: 0px;
	left: 0px;
	}

div#menuhome {
	width: 133px;
	}

div#menuabout, div#menuservice, div#menumin, div#menucal, div#menuog{
	width: 142px;
	}
	
a#hbtn, a#aubtn, a#sbtn, a#mbtn, a#cbtn, a#ogbtn {
	height: 45px;
	display: block;
	text-align:center;
	}
	
a#hbtn {
	width:133px;
	background:url("images/menu_1home.jpg") 0px 0px no-repeat;
	}
	
a#aubtn {
	width:142px;
	background:url("images/menu_2abtus.jpg") 0px 0px no-repeat;
	}
	
a#sbtn {
	width:142px;
	background:url("images/menu_3serv.jpg") 0px 0px no-repeat;
	}
	
a#mbtn {
	width:142px;
	background:url("images/menu_4min.jpg") 0px 0px no-repeat;
	}
	
a#cbtn {
	width:142px;
	background:url("images/menu_5cal.jpg") 0px 0px no-repeat;
	}
	
a#ogbtn {
	width:142px;
	background:url("images/menu_6og.jpg") 0px 0px no-repeat;
	}
	
a#hbtn:link, a#aubtn:link, a#sbtn:link, a#mbtn:link, a#cbtn:link, a#ogbtn:link {
	background-position: 0px 0px;
	}
	
a#hbtn:hover, a#aubtn:hover, a#sbtn:hover, a#mbtn:hover, a#cbtn:hover, a#ogbtn:hover {
	background-position: 0px -45px;
	}
	
/* End graphic button Code */
/* End Horizontal Nav Code */
/* Begin Drop Down  (second level nav) */

#menunav ul li ul {
	display:none;
	margin: 0px;
	position: absolute;
	z-index:2;
	left: -14px; /*the higher the number, the farther to the right the 2nd level nav moves (negative is to the left) */
	width: 9em;
	background-color: #548263;
	border-left: 10px solid white;
	margin-left:-10px;
	text-align:center;
	font-size: medium;
		
}

#menunav ul li:hover ul{
	display:block;
	}

#menunav ul li ul li {
	width: 100%;
	padding:3px;
	position:relative;
	z-index:4;
	}

#menunav ul li ul li a{
	text-decoration: none;
	}
	
#menunav ul li ul li a:hover{
	font-weight:bold;
	}

/*End Drop Down Section (2nd level nav) */
/*Begin Pop Out Section (3rd level) */

body div#menunav ul li ul li ul {
	visibility: hidden;
	left: 9em;
	top: -1px;
	}
	
div#menunav ul li ul li:hover ul {
	visibility: visible;
	}
/*End Pop Out Section (3rd level) */
/*Begin Second Level Pop Out Section (4th level) */
#menunav ul li ul li:hover ul li ul {visibility: hidden;}
#menunav ul li ul li ul li:hover ul {visibility: visible;}
/*End Second Level Pop Out Section (4th level) */

