/* CSS NAVIGATION STYLES */


/* ---------------------------------------------------- BASIC STYLING OF THE MENU */

#nav, 
#nav_hom, 
#nav_com, 
#nav_tou, 
#nav_pro, 
#nav_res {
	padding: 0;
	margin: 0;
	position: absolute;	
	right: 0;
	top: 59px;
	width: 697px;
	height: 37px;
	z-index: 200;
	background: url(../images/structure/mainnav.jpg) 0 -370px no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
#nav li.top, 
#nav_hom li.top, 
#nav_com li.top, 
#nav_tou li.top, 
#nav_pro li.top, 
#nav_res li.top {
	display: block;
	float: left;
}


/* ---------------------------------------------------- STYLE NAVIGATION BOX AREAS */

#nav li a, 
#nav_hom li a, 
#nav_com li a, 
#nav_tou li a, 
#nav_pro li a, 
#nav_res li a {
	display: block;
	float: left;
	height: 37px;
	text-decoration: none;
	letter-spacing: 0;
	padding: 0;
	cursor: pointer;
}


/* ---------------------------------------------------- MOVE MENU TEXT OFF PAGE */

#nav li a b, 
#nav_hom li a b, 
#nav_com li a b, 
#nav_tou li a b, 
#nav_pro li a b, 
#nav_res li a b {
	margin-left: -9999px; 
	font-weight: normal;
}


/* ---------------------------------------------------- SIZE THE BUTTONS IN THE NAV MENU */

#nav li a.hom, 
#nav_hom li a.hom, 
#nav_com li a.hom, 
#nav_tou li a.hom, 
#nav_pro li a.hom, 
#nav_res li a.hom {
	left: 0;
	width: 104px;
}
#nav li a.com, 
#nav_hom li a.com, 
#nav_com li a.com, 
#nav_tou li a.com, 
#nav_pro li a.com, 
#nav_res li a.com {
	left: 0;
	width: 135px;
}
#nav li a.tou, 
#nav_hom li a.tou, 
#nav_com li a.tou, 
#nav_tou li a.tou, 
#nav_pro li a.tou, 
#nav_res li a.tou {
	left: 0px;
	width: 112px;
}
#nav li a.pro, 
#nav_hom li a.pro, 
#nav_com li a.pro, 
#nav_tou li a.pro, 
#nav_pro li a.pro, 
#nav_res li a.pro {
	left: 0px;
	width: 220px;
}
#nav li a.res, 
#nav_hom li a.res, 
#nav_com li a.res, 
#nav_tou li a.res, 
#nav_pro li a.res, 
#nav_res li a.res {
	left: 0px;
	width: 126px;
}

/* ---------------------------------------------------- PLACE IMAGES INTO THE NAV MENU */

#nav li a.hom, 
#nav li a.com, 
#nav li a.tou, 
#nav li a.pro, 
#nav li a.res,
#nav_hom li a.hom, 
#nav_hom li a.com, 
#nav_hom li a.tou, 
#nav_hom li a.pro, 
#nav_hom li a.res,
#nav_com li a.hom, 
#nav_com li a.com, 
#nav_com li a.tou, 
#nav_com li a.pro, 
#nav_com li a.res,
#nav_tou li a.hom, 
#nav_tou li a.com, 
#nav_tou li a.tou, 
#nav_tou li a.pro, 
#nav_tou li a.res,
#nav_pro li a.hom, 
#nav_pro li a.com, 
#nav_pro li a.tou, 
#nav_pro li a.pro, 
#nav_pro li a.res,
#nav_res li a.hom, 
#nav_res li a.com, 
#nav_res li a.tou, 
#nav_res li a.pro, 
#nav_res li a.res {
	background-image: url(../images/structure/mainnav.jpg);
	background-repeat: no-repeat;
}

/* ---------------------------------------------------- POSITION IMAGES IN THE NAV MENU */

/* -- NONE SELECTED -- */

#nav li a.hom { background-position: 0 -370px; }
#nav li a.com { background-position: -104px -370px; }
#nav li a.tou { background-position: -239px -370px; }
#nav li a.pro { background-position: -351px -370px; }
#nav li a.res { background-position: -571px -370px; }

#nav li:hover a.hom, #nav a.hom:hover { background-position: 0 -407px; }
#nav li:hover a.com, #nav li a.com:hover { background-position: -104px -407px; }
#nav li:hover a.tou, #nav li a.tou:hover { background-position: -239px -407px; }
#nav li:hover a.pro, #nav li a.pro:hover { background-position: -351px -407px; }
#nav li:hover a.res, #nav li a.res:hover { background-position: -571px -407px; }


/* -- HOME -- */

#nav_hom li a.hom { background-position: 0 0; }
#nav_hom li a.com { background-position: -104px 0; }
#nav_hom li a.tou { background-position: -239px 0; }
#nav_hom li a.pro { background-position: -351px 0; }
#nav_hom li a.res { background-position: -571px 0; }

#nav_hom li:hover a.hom, #nav_hom a.hom:hover { background-position: 0 -185px; }
#nav_hom li:hover a.com, #nav_hom li a.com:hover { background-position: -104px -185px; }
#nav_hom li:hover a.tou, #nav_hom li a.tou:hover { background-position: -239px -185px; }
#nav_hom li:hover a.pro, #nav_hom li a.pro:hover { background-position: -351px -185px; }
#nav_hom li:hover a.res, #nav_hom li a.res:hover { background-position: -571px -185px; }


/* -- COMMUNITY -- */

#nav_com li a.hom { background-position: 0 -37px; }
#nav_com li a.com { background-position: -104px -37px; }
#nav_com li a.tou { background-position: -239px -37px; }
#nav_com li a.pro { background-position: -351px -37px; }
#nav_com li a.res { background-position: -571px -37px; }

#nav_com li:hover a.hom, #nav_com a.hom:hover { background-position: 0 -222px; }
#nav_com li:hover a.com, #nav_com li a.com:hover { background-position: -104px -222px; }
#nav_com li:hover a.tou, #nav_com li a.tou:hover { background-position: -239px -222px; }
#nav_com li:hover a.pro, #nav_com li a.pro:hover { background-position: -351px -222px; }
#nav_com li:hover a.res, #nav_com li a.res:hover { background-position: -571px -222px; }


/* -- TOURISM -- */

#nav_tou li a.hom { background-position: 0 -74px; }
#nav_tou li a.com { background-position: -104px -74px; }
#nav_tou li a.tou { background-position: -239px -74px; }
#nav_tou li a.pro { background-position: -351px -74px; }
#nav_tou li a.res { background-position: -571px -74px; }

#nav_tou li:hover a.hom, #nav_tou a.hom:hover { background-position: 0 -259px; }
#nav_tou li:hover a.com, #nav_tou li a.com:hover { background-position: -104px -259px; }
#nav_tou li:hover a.tou, #nav_tou li a.tou:hover { background-position: -239px -259px; }
#nav_tou li:hover a.pro, #nav_tou li a.pro:hover { background-position: -351px -259px; }
#nav_tou li:hover a.res, #nav_tou li a.res:hover { background-position: -571px -259px; }


/* -- PROPERTY AND OPPORTUNITY -- */

#nav_pro li a.hom { background-position: 0 -111px; }
#nav_pro li a.com { background-position: -104px -111px; }
#nav_pro li a.tou { background-position: -239px -111px; }
#nav_pro li a.pro { background-position: -351px -111px; }
#nav_pro li a.res { background-position: -571px -111px; }

#nav_pro li:hover a.hom, #nav_pro a.hom:hover { background-position: 0 -296px; }
#nav_pro li:hover a.com, #nav_pro li a.com:hover { background-position: -104px -296px; }
#nav_pro li:hover a.tou, #nav_pro li a.tou:hover { background-position: -239px -296px; }
#nav_pro li:hover a.pro, #nav_pro li a.pro:hover { background-position: -351px -296px; }
#nav_pro li:hover a.res, #nav_pro li a.res:hover { background-position: -571px -296px; }


/* -- RESOURCES -- */

#nav_res li a.hom { background-position: 0 -148px; }
#nav_res li a.com { background-position: -104px -148px; }
#nav_res li a.tou { background-position: -239px -148px; }
#nav_res li a.pro { background-position: -351px -148px; }
#nav_res li a.res { background-position: -571px -148px; }

#nav_res li:hover a.hom, #nav_res a.hom:hover { background-position: 0 -333px; }
#nav_res li:hover a.com, #nav_res li a.com:hover { background-position: -104px -333px; }
#nav_res li:hover a.tou, #nav_res li a.tou:hover { background-position: -239px -333px; }
#nav_res li:hover a.pro, #nav_res li a.pro:hover { background-position: -351px -333px; }
#nav_res li:hover a.res, #nav_res li a.res:hover { background-position: -571px -333px; }




/* ---------------------------------------------------- POSITION OF SECOND LEVEL */

/* including positioning off the page and removing the list style */

#nav .sub, 
#nav_hom .sub, 
#nav_com .sub, 
#nav_tou .sub, 
#nav_pro .sub, 
#nav_res .sub {
	position: absolute;
	left: -9999px;
	top: -9999px;
	width: 0;
	height: 0;
	margin: 0;
	padding: 0;
	list-style: none;
}


#nav li:hover, 
#nav_hom li:hover, 
#nav_com li:hover, 
#nav_tou li:hover, 
#nav_pro li:hover, 
#nav_res li:hover {
	position: relative; 
	z-index: 200;
}
#nav a:hover, 
#nav_hom a:hover, 
#nav_com a:hover, 
#nav_tou a:hover, 
#nav_pro a:hover, 
#nav_res a:hover {
	position: relative; 
	white-space: normal; 
	z-index: 200;
}


/* ---------------------------------------------------- SECOND LEVEL ROLLOVER */

#nav :hover ul.sub, 
#nav_hom :hover ul.sub, 
#nav_com :hover ul.sub, 
#nav_tou :hover ul.sub, 
#nav_pro :hover ul.sub, 
#nav_res :hover ul.sub {
	left: 0;
	top: 37px;
	background-color: #D6E5F6;
	width: 200px;
	height:auto;
	/*height: 30px;*/
	z-index: 300;
}
#nav :hover ul.sub li, 
#nav_hom :hover ul.sub li, 
#nav_com :hover ul.sub li, 
#nav_tou :hover ul.sub li, 
#nav_pro :hover ul.sub li, 
#nav_res :hover ul.sub li {
	display: block;
	position: relative;
	float: left;
	width: 200px;
	/*min-height: 30px;*/
	background: #e7eff6;
	font-weight: normal;
	font-size: 12px;
	border-bottom: 1px solid #eaeaea;
}
#nav :hover ul.sub li a, 
#nav_hom :hover ul.sub li a, 
#nav_com :hover ul.sub li a, 
#nav_tou :hover ul.sub li a, 
#nav_pro :hover ul.sub li a, 
#nav_res :hover ul.sub li a {
	display: block;
	width: 190px;
	height:auto;
	/*height: 22px;*/
	text-decoration: none;
	padding: 0;
	cursor: pointer;
	padding: 5px 5px 5px 5px;
}


/* ---------------------------------------------------- POSITION OF TEXT ON SECOND LEVEL ROLLOVER */

#nav :hover ul.sub li a:hover, 
#nav_hom :hover ul.sub li a:hover, 
#nav_com :hover ul.sub li a:hover, 
#nav_tou :hover ul.sub li a:hover, 
#nav_pro :hover ul.sub li a:hover, 
#nav_res :hover ul.sub li a:hover {
	background: #D5E5F5;
	color: #006699;
}