* { margin: 0; padding: 0; }

#page-wrap { width: 388px; margin: 0px auto;}
#page-wrap-interior { width: 308px; margin: 0px auto;}

/* Generic Utility */
.hide { position: absolute; top: -9999px; left: -9999px; }


/* Specific to hotels*/

#top-hotels { 
background: #f7f5ef url(../images/top-hotels.gif) no-repeat left top;
padding: 44px 0 0 0; 
margin: 0 0 0px 0; 
/*-moz-box-shadow: 0 0 5px #666; */
/*-webkit-box-shadow: 0 0 5px #666; */
}

#top-hotels .nav { overflow: hidden; margin: 0 0 0px 0; padding-top: 0px;}
#top-hotels .nav li { width: 97px; float: left; margin: 0 0px 0 0;}
#top-hotels .nav li.last { margin-right: 0; }

#top-hotels .nav li a {
display: block; 
padding: 10px; 
background: url(../images/tab-base.gif) no-repeat left top;  
font-size: 11px; 
font-weight: bold; 
text-align: left; 
border: 0; 
text-transform: uppercase;
}

#top-hotels .nav li a:hover { background-color: #f4f1ea; }

#top-hotels ul { 
list-style: none; 
}

#top-hotels ul li { overflow: hidden;}


#top-hotels ul li a { 
display: block; 
border-top: 0px solid #e5dfcf;
border-right: 0px solid #e5dfcf;
border-bottom: 1px solid #e5dfcf;
border-left: 0px solid #e5dfcf;
height: 15px;
padding: 12px;
color: #4c4331; 
font-weight: bold;
font-size: 12px;
text-decoration: none;
}

#top-hotels ul li a:hover { color: #358701;}
#top-hotels ul li a span { float: right; display: block; color: #333; font-weight: normal;}
#top-hotels ul li a .price {
	font-weight: bold;
	padding-right: 4px;
	float: right;
}
#top-hotels ul li a:hover .price {
	color: #449a01;
}

#top-hotels ul li:last-child a { border: none; }
#top-hotels ul li.nav-one a.current, #top-hotels ul.featured li a:hover { 
background: url(../images/tab-base-first.gif) no-repeat left top; 
color: #358701; 
}

#top-hotels ul li.nav-two a.current, #top-hotels ul.county2 li a:hover { background: url(../images/tab-base-current.gif) no-repeat left top; color: #358701; }
#top-hotels ul li.nav-three a.current, #top-hotels ul.county3 li a:hover { background: url(../images/tab-base-current.gif) no-repeat left top; color: #358701; }
#top-hotels ul li.nav-four a.current, #top-hotels ul.county4 li a:hover { background: url(../images/tab-base-current.gif) no-repeat left top; color: #358701; }

/*-- STAR RATINGS --*/
a.onestar {background: url(../images/star-matrix-gold.gif) no-repeat 0 -28px;}
a:hover.onestar {background: #fff url(../images/star-matrix.gif) no-repeat 0 -28px;}
a.twostar {background: url(../images/star-matrix-gold.gif) no-repeat 0 -56px;}
a:hover.twostar {background: #fff url(../images/star-matrix.gif) no-repeat 0 -56px;}
a.threestar {background: url(../images/star-matrix-gold.gif) no-repeat 0 -84px;}
a:hover.threestar {background: #fff url(../images/star-matrix.gif) no-repeat 0 -84px;}
a.fourstar {background: url(../images/star-matrix-gold.gif) no-repeat 0 -112px;}
a:hover.fourstar {background: #fff url(../images/star-matrix.gif) no-repeat 0 -112px;}
a.fivestar {background: url(../images/star-matrix-gold.gif) no-repeat 0 -140px;}
a:hover.fivestar {background: #fff url(../images/star-matrix.gif) no-repeat 0 -140px;}
/*-- END STAR RATINGS --*/

/* Specific to Restaurants*/

#top-restaurants { 
background: #f7f5ef url(../images/top-restaurants.gif) no-repeat left top;
padding: 44px 0 0 0; 
margin: 0 0 0px 0; 
}

#top-restaurants .nav { overflow: hidden; margin: 0 0 0px 0; padding-top: 0px;}
#top-restaurants .nav li { width: 97px; float: left; margin: 0 0px 0 0;}
#top-restaurants .nav li.last { margin-right: 0; }

#top-restaurants .nav li a {
display: block; 
padding: 10px; 
background: url(../images/tab-base.gif) no-repeat left top;  
font-size: 11px; 
font-weight: bold; 
text-align: left; 
border: 0; 
text-transform: uppercase;
}

#top-restaurants .nav li a:hover { background-color: #f4f1ea; }

#top-restaurants ul { 
list-style: none; 
}

#top-restaurants ul li { overflow: hidden;}


#top-restaurants ul li a { 
display: block; 
border-top: 0px solid #e5dfcf;
border-right: 0px solid #e5dfcf;
border-bottom: 1px solid #e5dfcf;
border-left: 0px solid #e5dfcf;
height: 15px;
padding: 12px;
color: #4c4331; 
font-weight: bold;
font-size: 12px;
text-decoration: none;
}

#top-restaurants ul li a:hover { color: #358701;}
#top-restaurants ul li a span { float: right; display: block; color: #333; font-weight: normal;}
#top-restaurants ul li a .price {
	font-weight: bold;
	padding-right: 4px;
	float: right;
}
#top-restaurants ul li a:hover .price {
	color: #449a01;
}
#top-restaurants ul li a .price span{
	color:#C2C4B3;
}

#top-restaurants ul li:last-child a { border: none; }
#top-restaurants ul li.nav-one a.current, #top-restaurants ul.featured li a:hover { 
background: url(../images/tab-base-first.gif) no-repeat left top; 
color: #358701; 
}

#top-restaurants ul li.nav-two a.current, #top-restaurants ul.county2 li a:hover { background: url(../images/tab-base-current.gif) no-repeat left top; color: #358701; }
#top-restaurants ul li.nav-three a.current, #top-restaurants ul.county3 li a:hover { background: url(../images/tab-base-current.gif) no-repeat left top; color: #358701; }
#top-restaurants ul li.nav-four a.current, #top-restaurants ul.county4 li a:hover { background: url(../images/tab-base-current.gif) no-repeat left top; color: #358701; }


/* Specific to Right Column Tools*/

#rightcol-tools { 
background: #f7f5ef url(../images/rightcol-tools.gif) no-repeat left top;
padding: 44px 0 0 0; 
margin: 0 0 0px 0; 
}

#rightcol-tools .nav { overflow: hidden; margin: 0 0 0px 0; padding-top: 0px;}
#rightcol-tools .nav li { width: 154px; float: left; margin: 0 0px 0 0;}
#rightcol-tools .nav li.last { margin-right: 0; }

#rightcol-tools .nav li a {
display: block; 
padding: 10px; 
background: url(../images/tab-base-wide.gif) no-repeat left top;  
font-size: 11px; 
font-weight: bold; 
text-align: left; 
border: 0; 
text-transform: uppercase;
}

#rightcol-tools .nav li a:hover { background-color: #f4f1ea; }

#rightcol-tools ul { 
list-style: none; 
}

#rightcol-tools ul li { overflow: hidden;}

#rightcol-tools ul li h2 { 
color: #358701;
margin: 0 0 -6px 4px;
}

#rightcol-tools ul li h2 a { 
color: #358701;
font-size: 20px;
}

#rightcol-tools ul li p { 
padding: 14px;
text-align: justify;
border-bottom: 1px solid #e5dfcf;
}

#rightcol-tools ul li p img { 
float: left;
margin: 0 12px 12px 0;
border: 1px solid #ddd;
padding: 8px;
}


#rightcol-tools ul li a { 
display: block; 
border-top: 0px solid #e5dfcf;
border-right: 0px solid #e5dfcf;
border-bottom: 1px solid #e5dfcf;
border-left: 0px solid #e5dfcf;
height: 15px;
padding: 12px;
color: #4c4331; 
font-weight: bold;
font-size: 12px;
text-decoration: none;
}

#rightcol-tools ul li a:hover { color: #358701;}
#rightcol-tools ul li a span {float: right; color: #358701; font-weight: normal; padding-right: 0px;}
#rightcol-tools ul li a .price {
	font-weight: bold;
	padding-right: 4px;
	float: right;
}
#rightcol-tools ul li a:hover .price {
	color: #449a01;
}

#rightcol-tools ul li:last-child a { border: none; }
#rightcol-tools ul li.nav-one a.current, #rightcol-tools ul.featured li a:hover { 
background: url(../images/tab-base-first.gif) no-repeat left top; 
color: #358701; 
}

#rightcol-tools ul li.nav-two a.current, #rightcol-tools ul.county2 li a:hover { background: url(../images/tab-base-current.gif) no-repeat left top; color: #358701; }
#rightcol-tools ul li.nav-three a.current, #rightcol-tools ul.county3 li a:hover { background: url(../images/tab-base-current.gif) no-repeat left top; color: #358701; }
#rightcol-tools ul li.nav-four a.current, #rightcol-tools ul.county4 li a:hover { background: url(../images/tab-base-current.gif) no-repeat left top; color: #358701; }

.test {
	background-color: #ffcc00;
	border: 1px solid #000;
	width: 200px;
	height: 200px;
}


/* Specific to Right Column Tools*/

#rightcol-resources { 
background: #f7f5ef url(../images/rightcol-resources.gif) no-repeat left top;
padding: 44px 0 0 0; 
margin: 0 0 0px 0; 
}

#rightcol-resources .nav { overflow: hidden; margin: 0 0 0px 0; padding-top: 0px;}
#rightcol-resources .nav li { width: 154px; float: left; margin: 0 0px 0 0;}
#rightcol-resources .nav li.last { margin-right: 0; }

#rightcol-resources .nav li a {
display: block; 
padding: 10px; 
background: url(../images/tab-base-wide.gif) no-repeat left top;  
font-size: 11px; 
font-weight: bold; 
text-align: left; 
border: 0; 
text-transform: uppercase;
}

#rightcol-resources .nav li a:hover { background-color: #f4f1ea; }

#rightcol-resources ul { 
list-style: none; 
}

#rightcol-resources ul li { overflow: hidden;}

#rightcol-resources ul li h2 { 
color: #358701;
margin: 0 0 -6px 4px;
}

#rightcol-resources ul li h2 a { 
color: #358701;
font-size: 20px;
}

#rightcol-resources ul li p { 
padding: 14px;
text-align: justify;
border-bottom: 1px solid #e5dfcf;
}

#rightcol-resources ul li p img { 
float: left;
margin: 0 12px 12px 0;
border: 1px solid #ddd;
padding: 8px;
}


#rightcol-resources ul li a { 
display: block; 
border-top: 0px solid #e5dfcf;
border-right: 0px solid #e5dfcf;
border-bottom: 1px solid #e5dfcf;
border-left: 0px solid #e5dfcf;
height: 15px;
padding: 12px;
color: #4c4331; 
font-weight: bold;
font-size: 12px;
text-decoration: none;
}

#rightcol-resources ul li a:hover { color: #358701;}
#rightcol-resources ul li a span {float: right; color: #358701; font-weight: normal; padding-right: 0px;}
#rightcol-resources ul li a .price {
	font-weight: bold;
	padding-right: 4px;
	float: right;
}
#rightcol-resources ul li a:hover .price {
	color: #449a01;
}

#rightcol-resources ul li:last-child a { border: none; }
#rightcol-resources ul li.nav-one a.current, #rightcol-resources ul.featured li a:hover { 
background: url(../images/tab-base-first.gif) no-repeat left top; 
color: #358701; 
}

#rightcol-resources ul li.nav-two a.current, #rightcol-resources ul.county2 li a:hover { background: url(../images/tab-base-current.gif) no-repeat left top; color: #358701; }
#rightcol-resources ul li.nav-three a.current, #rightcol-resources ul.county3 li a:hover { background: url(../images/tab-base-current.gif) no-repeat left top; color: #358701; }
#rightcol-resources ul li.nav-four a.current, #rightcol-resources ul.county4 li a:hover { background: url(../images/tab-base-current.gif) no-repeat left top; color: #358701; }


/*************************** TOP RESOURCES ******************************/

#top-resources {
    background: url("../images/top-resources.gif") no-repeat scroll left top #F7F5EF;
    margin: 0 0 0;
    padding: 44px 0 0;
}

#top-resources .nav { overflow: hidden; margin: 0 0 0px 0; padding-top: 0px;}
#top-resources .nav li { width: 194px; float: left; margin: 0 0px 0 0;}
#top-resources .nav li.last { margin-right: 0; }

#top-resources .nav li a {
display: block; 
padding: 10px; 
background: url(../images/tab-base-very-wide.gif) no-repeat left top;  
font-size: 11px; 
font-weight: bold; 
text-align: left; 
border: 0; 
text-transform: uppercase;
}

#top-resources .nav li a:hover { background-color: #f4f1ea; }

#top-resources ul { 
list-style: none; 
}

#top-resources ul li { overflow: hidden;}


#top-resources ul li a { 
display: block; 
border-top: 0px solid #e5dfcf;
border-right: 0px solid #e5dfcf;
border-bottom: 1px solid #e5dfcf;
border-left: 0px solid #e5dfcf;
height: 15px;
padding: 12px;
color: #4c4331; 
font-weight: bold;
font-size: 12px;
text-decoration: none;
}

#top-resources ul li a:hover { color: #358701;}
#top-resources ul li a span { float: right; display: block; color: #333; font-weight: normal;}
#top-resources ul li a .price {
	font-weight: bold;
	padding-right: 4px;
	float: right;
}
#top-resources ul li a:hover .price {
	color: #449a01;
}

#top-resources ul li:last-child a { border: none; }
#top-resources ul li.nav-one a.current, #top-hotels ul.featured li a:hover { 
background: url(../images/tab-base-first.gif) no-repeat left top; 
color: #358701; 
}

#top-resources ul li.nav-two a.current, #top-hotels ul.county2 li a:hover { background: url(../images/tab-base-current.gif) no-repeat left top; color: #358701; }
#top-resources ul li.nav-three a.current, #top-hotels ul.county3 li a:hover { background: url(../images/tab-base-current.gif) no-repeat left top; color: #358701; }
#top-resources ul li.nav-four a.current, #top-hotels ul.county4 li a:hover { background: url(../images/tab-base-current.gif) no-repeat left top; color: #358701; }