/* ======================================================================================================== */
/* ----------------------------------------------------------------------------- STYLES FOR MAIN NAVIGATION */
/* ======================================================================================================== */

#MainNav
{
	width:554px;
	height:79px;
	position:relative;
	float:right;
	background: url(/images/structure/main-navigation.gif);
	list-style-type:none;
}
#MainNav li {
  float: left;
}
#MainNav li a {
	position: absolute;
	top: 0;
	margin: 0;
	padding: 0;
	display: block;
	height: 79px;
	background: url(/images/structure/main-navigation.gif) no-repeat;
	text-indent: -9999px;
	overflow: hidden;
	font-size: 1%;
}
li#nav_stay a {
  left: 0;
  width: 139px;
  background-position: 0 0;
}
li#nav_dine a {
  left: 137px;
  width: 139px;
  background-position: -137px 0;
}
li#nav_exp a {
  left: 274px;
  width: 139px;
  background-position: -274px 0;
}
li#nav_evt a {
  left: 411px;
  width: 140px;
  background-position: -411px 0;
}
/* ---- Main Nav Hover States ---- */

li#nav_stay a:hover, li#nav_stay a.current {background-position: 0 -79px;}
li#nav_dine a:hover, li#nav_dine a.current {background-position: -137px -79px;}
li#nav_exp a:hover, li#nav_exp a.current {background-position: -274px -79px;}
li#nav_evt a:hover, li#nav_evt a.current {background-position: -411px -79px;}

/* ---- Main Nav On States ---- */

li#nav_stay a.on {background-position: 0 -79px;}
li#nav_dine a.on {background-position: -137px -79px;}
li#nav_exp a.on {background-position: -274px -79px;}
li#nav_evt a.on {background-position: -411px -79px;}

/* ---- End Coding for Main Navigation ---- */

/* ======================================================================================================== */
/* ------------------------------------------------------------------------------ STYLES FOR SUB NAVIGATION */
/* ======================================================================================================== */


/* -------------------------------------------------- Styles for Sub-nav Menu */
#topNav{
	width:904px;
	height:39px;
	margin-left:28px;
	padding: 0px 0px 0px 10px;
}

#topNav ul{
	float:left;
	width: 475px;
	height: 20px;
	overflow: hidden;
	margin-top: 14px;
	padding: 0px;
}

#topNav li{
	float: left;
	height: 20px;
	list-style-type:none;
	padding: 0px;
}
#topNav li a
{
	height: 20px;
	float: left;
	display: block;
	color:#666633;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	padding: 0px;
}

#topNav li a:hover{
	color:#af6a0d;
}

#topNav span
{
	float: left;
	height: 20px;
	display: block;
	font-size: 11px;
	padding: 0px 10px 0px 10px;
}

.subLink{
	margin:0px;	
}

/* -------------------------------------------------- Buttons in the topNav */
#businessInKingston{
	width:145px;
	height:21px;
	float:right;
	margin-top:8px;
	background:url(/images/structure/business-in-kingston.gif) top left no-repeat;
}
#businessInKingston a:link, #businessInKingston a:active, #businessInKingston a:visited{
	cursor:pointer;
	float:right;
	height:22px;
	overflow:hidden;
	width:145px;
	background-position: 0 0;
	background:url(/images/structure/business-in-kingston.gif) top left no-repeat;
}
#businessInKingston a:hover{
	background-position: 0 -21px;
}
#liveAndWork{
	width:84px;
	height:21px;
	float:right;
	margin-top:8px;
	margin-left:9px;
	background:url(/images/structure/live-and-work.gif) top left no-repeat;
}
#liveAndWork a:link, #liveAndWork a:active, #liveAndWork a:visited{
	cursor:pointer;
	float:right;
	height:22px;
	overflow:hidden;
	width:84px;
	background-position: 0 0;
	background:url(/images/structure/live-and-work.gif) top left no-repeat;
}
#liveAndWork a:hover{
	background-position: 0 -21px;
}

/* ======================================================================================================== */
/* -------------------------------------------------------------------------------- STYLES FOR TERTIARY NAV */
/* ======================================================================================================== */

#subNav{
	width:148px;
	float:right;
	padding: 20px 26px 0px 26px;
}

#subNav a{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	color:#666633;
	text-decoration:none;
	width: 148px;
	float: left;
	display: block;
}

#subNav a:hover, #subNav a:active{
	text-decoration:underline;
	color:#666666;
}

#subNav ul{
	list-style-type:none;
	float: left;
	width: 148px;
}

#subNav ul li {
	padding: 7px 0px 7px 0px;
	border-bottom:1px solid #a5a5a5;
	float: left;
	width: 148px;
}

#subNav ul li ul {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 148px;
}

#subNav ul li ul li {
	background: transparent url(/images/structure/tertiary-nav-bullet.gif) 3px 12px no-repeat;
	padding-left:13px;
	float: left;
	width: 135px;	
}

#subNav ul li ul li a
{
	width: 135px;
	float: left;
	display: block;
}

#subNav ul li.lastSubNavLink{
	padding:0;
	margin:0;
	border-bottom:none;
}

#subNav a.current, #subNav a.current:active, #subNav a.current:visited
{
	color: #666666;
}