html {margin: 0; padding: 0; background: #484847; color: #000;}
body {margin: 0; padding: 0; font-family: arial, verdana, sans-serif; font-size: 83%;}

/*** RE-STYLE DEFAULTS **/
th, td {text-align: left; vertical-align: top; padding: 5px;}
p, li, textarea, input, select {font-size: small; font-family: arial, verdana, sans-serif;}
p.section {margin-top: 3px;} /* accompanies h3.section for closeness */
p {line-height: 150%;}
address {font-style: normal;}
li {list-style: square;}

/*** LINKS ***/
a {color: #0D6A95;}
a:visited {color: #084561;}
a:hover {color: #BF5500;}
a:active {color: #8BA30C;}

h1,h2 {font-size: 1.9em; font-family: 'trebuchet ms', arial, verdana, sans-serif; color: #555; margin: 1em 0 0.2em 0;}
h1 {letter-spacing: -1px; color: #0D6A95;} /* highlight1 blue */
h2 {font-size: 1.4em;}
	h2.part {margin: 2em 0 0 0; color: #8BA30C; border-top: 1px dashed #BBB;}
h3 {font-size: 1.1em; position: relative;}
	h3.section {margin: 3em 0 0 0;} /*big top margin to divide page into sections */
h4 {font-size: 1em; position: relative; margin-bottom: 0;}

h3 {color: #0F687E; margin: 2em 0 0 0;}


/** MAJOR LAYOUT STRUCTURES **/
#banner {
	margin: 0; padding: 0;
	background: url('../images/header_bg.jpg') repeat-x #ACC52A;
	height: 83px;
	display: block;
	position: absolute; top: 0; left: 0; width: 100%;
}
#banner p {margin: 0; padding: 0; visibility: visible; width: 100%;}
#logo {width: 379px; height: 83px; border: 0; float: left;}
#headerPhone {width: 281px; height: 83px; float: right;}

#spacer {margin: 0; padding: 0; height: 134px;} /* sets container BELOW absolutely positioned header. for IE6 */

#container {
	margin: 0; padding: 5px 10px;
	background: url('../images/body_top.jpg') repeat-x #FFF;
}

#leftCol {
	min-height: 250px; width: 22.5%;
	margin: 2px 0 0 0; padding: 0 0 10px 0;
	text-align: left;
	border-right: 1px solid #CCC;
	float: left;
}


#rightCol {
	margin: 0; 
	padding: 1% 1% 10px 1%;
	width: 75%;
	float: right;
}


#leftCol h1 {margin-top: 0;}

#rightCol a {color: #066689; padding: 0 3px;}
#rightCol a:hover {color: #BF5500;}
#rightCol p {margin: 0 0 1em 0;}


/** LEFT COL ELEMENTS **/
#leftCol ul {margin-left: 15px; padding-left: 0;}
#leftCol li {padding: 4px;}
#leftCol li a {text-decoration: none; font-weight: bold; padding: 4px;}
#leftCol li a:hover {background: #B0C92F; color: #FFF;}

#leftCol .feature a, #leftCol .feature a:visited {color: #BF5500;}
#leftCol .feature a:hover {background: #BF5500; color: #FFF;}


#footer {margin: 0 0 0 0; padding: 35px 0 0 0; width: 100%; height: 35px; background: url('../images/footer_bg.jpg') repeat-x #999; color: #000; clear: left; font-weight: bold; border-bottom: 1px solid #000;}
#footer .leftHalf {margin-left: 5px; width: 66%; float: left;}
#footer .rightHalf {margin-right: 5px; width: 30%; float: right; text-align: right;}
#footer p {line-height: 30px; margin: 0;}
#footer a, #footer a:visited {color: #0B464D; line-height: 26px; text-decoration: none;}
#footer a:hover, #footer a:active {color: #576608; text-decoration: underline;}
#footer ul {margin: 0; padding: 0;}
#footer ul li {display: inline; list-style: none; margin-left: 1em; line-height: 26px; vertical-align: middle;}

/** GRID SYSTEM **/
.gridContainer {width: 99%;}
.grid2 {float: left; width: 49%;}
.grid3 {float: left; width: 31%;}


/** Homepage Columns **/
.section {float: left; width: 31%;}
.section li {line-height: 170%;}
.section .feature a, .section .feature a:visited {font-weight: bold; color: #BF5500; text-decoration: none;}
.section .feature a:hover {text-decoration: underline; color: #0D6A95;}


#bookingEmail {
	font-size: 1.3em; font-weight: bold;
	background: url('../images/email.gif') no-repeat; padding-left: 30px; height: 25px; line-height: 25px;
}

/*** MAIN NAV ***/
#bill {float: left; width: 101px; height: 49px;}
#mainNav {
	height: 49px; line-height: 49px;
	background: url('../images/nav_bg.jpg') #256D76; color: #FFF;
	font-family: 'trebuchet ms', sans-serif; font-weight: bold;
	position: absolute; top: 83px; left: 0;
	width: 100%; margin: 0; padding: 0;
	border-style: solid; border-width: 0 0 2px 0; border-color: #000 #000 #FFF #000;
	z-index: 3;
}

#menuList li a {
	text-decoration: none; display: block; height: 49px; line-height: 49px; font-size: 1.2em;
	float: left; width: 100px; color: #FFF; text-align: center; margin: 0; padding: 0;
}
#menuList li a.wide {width: 125px;}
#menuList li a.special {color: #DCF460;} /* BOOK NOW */
#mainNav a:hover, #mainNav a.current {color: #CEED2A; background: url('../images/nav_bg_hover.jpg') repeat-x #1F4E54;}

#menuList {margin: 0; padding: 0;} /* The top level UL */
#menuList ul {margin: 0; padding: 0;}
#menuList li {display:inline; list-style: none;}

/** TABLES **/
table.feature {
	margin: 20px;
	border-style: solid; border-color: #CCC #666 #333 #DDD; border-width: 1px 2px 2px 1px; background: url('../images/pullout_bg.jpg') repeat-x;
}
table.feature th, table.feature td {padding: 8px;}


/** LISTS **/
.tick li {list-style: url('../images/tick.gif'); line-height: 25px;}



/** SPECIAL DIVS **/
.pullout, .pullout2 {width: 20em; padding: 5px; border: 1px solid #CCC; background: url('../images/pullout_bg.jpg') repeat-x #FFF;}
.pullout2 {width: 30em; height: 9em;}
.pullout li {margin-bottom: 1em;}

div.feature {padding: 0.5em; margin-right: 0.5em; border: 1px solid #0D6A95; background: url('../images/floral_br_1.gif') no-repeat 100% 100% #FFF;}

#internetBooking, #internetBooking h2 {background: #0c4e6c; color: #fff;}
#internetBooking a {color: #c0e015;}
#internetBooking a:hover {color: #d2ea54;}

.photoCol {
	float: right; width: 130px; margin: 0 15px 10px 10px;
}
.photoCol img {margin-bottom: 5px;}


/** Mackay Activities & Info. Cells in Mackay Section */
.activityContainer {width: 600px; padding: 0;}

.activity {float: left; width: 270px; height: 43px; padding: 5px; margin: 0 10px 10px 0; background: #DBDBDB; border:1px solid #BBB;}
.activity img {width: 41px; height: 41px; border: 0; float: left;}
.activity a {font-size: 1.3em; font-weight: bold; line-height: 43px; height: 43px; margin-left: 10px; text-decoration: none;}
.activity a:hover {text-decoration: underline;}

.activity:hover {background: #216A73;}
.activity:hover a {color: #FFF !important;}
.activity:hover a:hover {color: #C8E72B !important;}


/** COMMON TOOLS **/
.small {font-size: 12px; color: #888;}
.large {font-size: 1.3em; font-weight: bold;}

.right {text-align: right;}
.center {text-align: center;}
.bold {font-weight: bold;}
.fRight {float: right; margin-left: 10px;}
.fLeft {float: left; margin-right: 10px;}
.topLink {font-size: 12px; margin: -1em 0 0 0 !important; text-align: right;}

.bordered {padding: 3px; border: 1px solid #AAA;} /* for in-text images to have border */
.mackayPhoto {width: 133px; height: 100px; border: 1px solid #AAA;}

.highlight1 {color: #0D6A95;} /* blue */
.highlight2 {color: #8BA30C;} /* green */

ul.spaced li, ol.spaced li {line-height: 180%;}

.max85 {max-width: 85%;}


/*** SPACING & LAYOUT TOOLS ***/
.clear {clear: both; padding: 1px;} /* NS7 requires padding */
.cLeft {clear: left;}
.cRight {clear: right;}

.noMargin {margin: 0;}
.noMarginTop {margin-top: 0;}
.topSpace {margin-top: 2em !important;}
.ext {background: url('../images/external.png') no-repeat 100% 2px; padding-right: 12px !important;}
.border1 {border: 1px solid #000;}
.noBorder {border: 0;}


/** FORM STYLES **/
.formError {color: #B00; font-weight: bold; margin-left: 4px; background: #FFF;}
.required {color: #096296;}


/** LINKS PAGE **/
.linkBox {float: left; width: 40%; margin-right: 20px;}
.linkBox h3 a {text-decoration: none;}
.linkBox h3 a:hover {text-decoration: underline;}
.linkBox img {float: left; width: 150px; height: 100px; margin: 0 10px 10px 0; border: 1px solid #1D666F;}
.linkBox p a {font-weight: bold;}