/* navigation stuff */
body {
	behavior: url("/global/nav/csshover.htc"); /* WinIE behaviour call */ 
}

/*ul#nav {
	width:100%;
	height:42px;
	margin:0;
	padding:0px;
	text-indent:0px;
	text-decoration:none;
	list-style:none;
	list-style-image:none;
	border-bottom:1px solid #e6e6e6;
}

#nav a{
	display:block;
	height:34px;
	border:0px solid black;
}*/

#calendar, #news, #business_directory, #our_community, #about_us, #contact, #home {
	position: relative;
	float:left;
	width:124px;
	height:34px;
	margin-bottom:0;
	margin-top:7px;
	
}
 #calendar li, #news li, #business_directory li, #our_community li, #about_us li, #contact li, #home li{list-style:none;} /*removes circles from dropdowns in ff*/
#home {width:74px;}
#home a, #home a:visited {background:url("/img/btn-home.gif") top left no-repeat;}
#home a:hover {background:url("/img/btn-home.gif") top right no-repeat;}

#calendar {width:96px;}
#calendar a, #calendar a:visited {background:url("/img/btn-calendar.gif") top left no-repeat;}
#calendar a:hover {background:url("/img/btn-calendar.gif") top right no-repeat;}

#news  {width:75px;}
#news a, #news a:visited {background:url("/img/btn-news.gif") top left no-repeat;}
#news a:hover {background:url("/img/btn-news.gif") top right no-repeat;}

#business_directory {width:145px;}
#business_directory a, #business_directory a:visited {background:url("/img/btn-business-directory.gif") top left no-repeat;}
#business_directory a:hover {background:url("/img/btn-business-directory.gif") top right no-repeat;}

#our_community {width:130px;}
#our_community a, #our_community a:visited {background:url("/img/btn-our-community.gif") top left no-repeat;}
#our_community a:hover {background:url("/img/btn-our-community.gif") top right no-repeat;}

#about_us {width:135px;}
#about_us a, #about_us a:visited {background:url("/img/btn-join.gif") top left no-repeat;}
#about_us a:hover {background:url("/img/btn-join.gif") top right no-repeat;}

#contact {width:88px;}
#contact a, #contact a:visited {background:url("/img/btn-contact.gif") top left no-repeat;}
#contact a:hover {background:url("/img/btn-contact.gif") top right no-repeat;}

ul#nav {
	width:100%;
	height:42px;
	margin:0;
	padding:0px;
	text-indent:0px;
	text-decoration:none;
	list-style:none;
	list-style-image:none;
	border-bottom:1px solid #e6e6e6;
}

#nav a {
	display:block;
	height:34px;
	border:0px solid black;
}

ul#nav li:hover {
	 /*changes dropdown hover bg color in MOZ*/
}

ul#nav li.submenu:hover {
	background-color:#000; /*changes dropdown hover bg color*/
}

ul#nav li#home ul li:hover {background-color:#000;}
ul#nav li#our_community ul li:hover {background-color:#f6344b;}
ul#nav li#contact ul li:hover {background-color:#cb0085;}
ul#nav li#business_directory ul li:hover {background-color:#0070e0;}
ul#nav li#news ul li:hover {background-color:#39b44a;}
ul#nav li#about_us ul li:hover {background-color:#ffe05c;}
ul#nav li#calendar ul li:hover {background-color:#ff7300;}

ul#nav li a {
	display: block; 
	padding: 0px;	
	font:12px arial, verdana, sans-serif;
	color:#41403d; 
	text-decoration: none;
}

ul#nav li {
	z-index:22;
}

ul#nav ul {
	position: absolute; 
	width:145px; 
	display: none; 
	z-index: 23;
}

ul#nav ul li { 
	border-bottom:1px solid #404040;
}

ul#nav ul li.last { 
	border-bottom:0px solid #404040;
}


ul#nav li.submenu li.submenu {
	width:145px;
	padding:0px;
}

ul#nav li.submenu:hover ul.level2, ul#nav ul.level2 li.submenu:hover ul.level3 {
	display: block;
}

ul#nav ul.level2 {
	top: 34px; 
	left: -1px; 
	width:145px; 
	padding:0;
	margin:0;
	background-color: #474f5a;
	list-style-image:none;
	border: 1px solid #cdcdcd;
	border-top:0; 
}

ul#nav ul.level3 {
	top: 5px; 
	left: 140px; 
	width:145px; 
	padding:0;
	margin:0;
	background-color: #474f5a;
	list-style-image:none;
	border: 1px solid #cdcdcd;

}

ul#nav li.submenu ul.level2 li a, ul#nav li.submenu ul.level3 li a {
	background-image:none;
	
}

ul#nav li ul.level2 li, ul#nav li ul.level3 li {
	width: 145px; 
	margin:0;
	padding:0;
}

ul#nav li#about_us ul.level2 a:hover, ul#nav li#about_us ul.level3 a:hover {color:#000;} /*keeps the hover text color black for the yellow dropdown - readability */

ul#nav ul.level2 a, ul#nav ul.level3 a {
	height:auto;
	font:11px arial, verdana, sans-serif; /*change subnav font*/
	color:#fff; 
	padding:0px; 
	padding-top:5px;
	padding-left:7px;
	padding-bottom:5px;
	padding-right:7px;
	width:114px;/* border-left:5px solid #747474;*/ 
}

/* END MAIN NAV */

/* BEGIN QUICKLINKS */
ul#quicklinks {
	position:absolute;
	top:-34px;
	left:524px;
	width:324px;
	height:34px;
	background-image:url("/img/bg-quicklinks.png");
	background-repeat:no-repeat;
	background-position:top left;
	text-decoration:none;
	list-style:none;
	list-style-image:none;
	z-index:99;
	
	border:0px solid blue;
}

#members, #visitors, #residents {
	position: relative;
	float:left;
	height:24px;
	margin-top:10px;
}

#members {width:63px;margin-left:113px;}

#visitors {width:59px}
	
#residents {width:69px}

#quicklinks a {
	display:block;
	height:24px;
	border:0px solid black;
}

ul#quicklinks li:hover {
	 /*changes dropdown hover bg color in MOZ*/
}

ul#quicklinks li.submenu ul li:hover {
	background-color:#474f5a; /*changes dropdown hover bg color*/
}

ul#quicklinks li ul li:hover {background-color:#474f5a;}

ul#quicklinks li a {
	display: block; 
	padding: 0px;	
	font:12px arial, verdana, sans-serif;
	color:#000; 
	text-decoration: none;
}

ul#quicklinks li {
	z-index:22;
}

ul#quicklinks ul {
	position: absolute; 
	width:120px; 
	display: none; 
	z-index: 23;
	list-style:none;
	list-style-image:none;
}

ul#quicklinks ul li { 
	border-bottom:1px solid #fff;
}

ul#quicklinks ul li.last { 
	border-bottom:0px solid #fff;
}


ul#quicklinks li.submenu li.submenu {
	width:120px;
	padding:0px;
}

ul#quicklinks li.submenu:hover ul.level2, ul#quicklinks ul.level2 li.submenu:hover ul.level3 {
	display: block;
}

ul#quicklinks ul.level2 {
	top: 24px; 
	left: -1px; 
	width:120px; 
	padding:0;
	margin:0;
	background-color: #99d7ec;
	list-style-image:none;
	border: 1px solid #fff;
	border-top:0; 
}

ul#quicklinks li.submenu ul.level2 li a, ul#quicklinks li.submenu ul.level3 li a {
	background-image:none;
	
}

ul#quicklinks li ul.level2 li, ul#quicklinks li ul.level3 li {
	width: 120px; 
	margin:0;
	padding:0;
}

ul#quicklinks ul.level2 a, ul#quicklinks ul.level3 a {
	height:auto;
	font:11px arial, verdana, sans-serif; /*change subnav font*/
	color:#000; 
	padding:0px; 
	padding-top:5px;
	padding-left:7px;
	padding-bottom:5px;
	padding-right:7px;
	width:106px;/* border-left:5px solid #747474;*/ 
}

ul#quicklinks ul.level2 a:hover {color:#fff;}

ul#quicklinks ul.level3 {
	top: 80px; 
	left: 110px; 
	width:120px; 
	padding:0;
	margin:0;
	background-color: #99d7ec;
	list-style-image:none;
	border: 1px solid #fff;
	border-top:0; 

}