@charset "utf-8";

/*  Reset all CSS 
------------------------------------*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, fieldset, form, label, legend, caption, tbody, tfoot, thead {
margin:0;
padding:0;
border:0;
outline:0;
font-weight:inherit;
font-style:inherit;
font-size:100%;
font-family:inherit;
vertical-align:baseline;
background: transparent;
text-decoration:none;}

body{
	padding:0;
	margin:0;
	line-height:19px;
	background-color:#073F61;
	background-image:url(../images/bg.jpg);
	background-repeat:repeat-x;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 20px;
	color: #444;
	
}


#container{
	background: url(../images/bg-container.jpg) no-repeat scroll center top;
	width:100%;
	padding:0;
	margin:0;
	position:relative;

}

#header{
	width:900px;
	height:171px;
	margin:0 auto; 
	padding:0;
	position:relative;
	z-index:99;
}
#left-content li {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 14px;
	line-height: 20px;
}

#logo{
	background:url(../images/logo.jpg) no-repeat;
	width:372px;
	height:127px;
	position: absolute;
	top:0px;
	left:0px;
	z-index:99;
}
#logo a{
	display:block;
	width:372px;
	height:127px;
}
#logo a span{display:none;}

#join{
	background:url(../images/btn-join.jpg) no-repeat;
	width:348px;
	height:93px;
	position: absolute;
	top:16px;
	left:535px;
	z-index:99;
}
#join a{
	display:block;
	width:348px;
	height:93px;
}
#join a span{display:none;}


/* Navigation
------------------------------------*/

#nav {
	width:850px;
	float:right;
	margin:0;
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
	position:relative;
	z-index:98;
	padding:122px 0 0 0;
	display:inline;
	display:block;
	overflow:hidden;
}

#nav li {
	list-style:none;
	margin:0;
	padding:0;
	float:left;
}

#nav li a {
	display:block;
	padding:19px 3px 20px 3px;
	margin:0 7px 0 0;
	color:#fff;
	text-decoration:none;
	font-weight:bold;
}

#nav li a:hover {
/*add rollover	background: url(../images/nav-bg.png) 0 -15px repeat-x; color: #fff; */
	text-decoration:underline;
	}


#secondary_nav span {display: none;}
	
#secondary_nav {position: absolute; left: 620px; top: 45px;  padding: 10px; font-size: .8em; width: 330px; height: 20px; z-index: 99;}

#secondary_nav li {float: left; list-style: none; margin: 0 0 0 5px; padding: 0;}

#secondary_nav li a {display: block; padding: 10px 8px 10px 8px; color: #fff;}

#secondary_nav li.book-now a {width: 159px; height: 54px; background: url(../images/button-book-now.jpg) no-repeat; padding: 0;}

#secondary_nav li.book-now a:hover {background: url(../images/button-book-now.jpg) no-repeat -0 -54px;}


#action{position: absolute; left: 620px; top: 0px;  padding: 0px; font-size: .8em; width: 330px; height: 0px; z-index: 99;}
#content{
	margin:0 auto;
	width:900px;
		background:transparent url(../images/bg-page.jpg) repeat-y center top;
}
#page{
	background:transparent url(../images/bg_body.jpg) no-repeat left top;
}
#left-content{
	float:left;
	width:510px;
	min-height:760px;
	height:auto !important;
	height:760px;
	margin:0;
	padding:20px 0 0 70px;
	text-align:left;
	background:transparent url(../images/bg-page.jpg) repeat-y center top;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 20px;
	color: #444;
	
}
#left-content p {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 20px;
	color: #444;
	padding:0 0 15px 0;
}
#left-content h1 {
	font-size: 24px;
	color: #0F82AC;
	font-family: Arial, sans-serif;
	margin-bottom: 15px;
}
#left-content h2 {
	font-size: 20px;
	color: #589A4D;
	font-family: Arial, sans-serif;
	margin-bottom: 15px;
}
#left-content strong, #left-content bold {
	font-weight:bold;}
#left-content h3 {
	font-size: 16px;
	font-weight:bold;
	font-family: Arial, sans-serif;
	margin-bottom:5px;
}
#left-content a:link, #left-content a:visited {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 14px;
	color: #0F82AC;
	font-weight:bold;
	text-decoration:underline;
/*	border-bottom:1px #666 dashed;*/
}
#left-content a:hover, #left-content a:active{
	font-family: Tahoma, Arial, sans-serif;
	font-size: 14px;
	color: #589A4D;
	text-decoration:underline;
}

#right-content{
	float: right;
	width: 250px;
	margin: 20px 13px 20px 0;
	padding:0;
	position: relative;
	z-index: 15;
}
#footer{
	clear:both;
	margin:0 0 20px 0;
	width:900px;
	height:30px;
	background-color: #073F61;
	background-image: url(../images/footer.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	}
#copyright {
	margin:15px 0 0 0;
	color:#71B5CE;}
#copyright a:link, #copyright a:visited{color:#71B5CE; text-decoration:underline;}
#copyright a:hover, #copyright a:active{color:#fff; text-decoration:underline;}


/* sidebar */
#g_box h3{	color:#4D9E34;font-size:16px; font-weight:bold;}
#g_box {
	font-family: Arial, Helvetica, sans-serif;
	background-image: url(../images/g_box.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	background-color: #96d784;
	padding: 10px;
	color: #3F9F37;
}
#g_box a:link, #g_box a:visited{
	color:#388E31;
	text-decoration:underline;
}
#g_box a:hover, #g_box a:active{
	color:#006633;
	text-decoration:underline;
}
#b_box h3{	color:#0c537b;font-size:16px; font-weight:bold;}
#b_box {
	font-family: Arial, Helvetica, sans-serif;
	background-image: url(../images/b_box.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	background-color: #71b5ce;
	padding: 10px;
	color: #0c537b;
}

/* css/tooltip.css -- fancy tooltips */

span.tool {
  position: relative;   /* this is key */
  cursor: help;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #999;
}
 
span.tool span.tip {
  display: none;        /* so is this */

}

/* tooltip will display on :hover event */
 
span.tool:hover span.tip {
  display: block;
  z-index: 100;
  position: absolute;
  top: 2.5em;
  left: 0;
  width: 250px;
  line-height: 1.2em;
  padding: 3px 7px 4px 6px;
  border: 1px solid #336;
  background-color: #CBE6EF;
  font-weight: normal;
  text-align: left;
}
.tip{ font-size:11px;}

#content span.tool::after {
  padding-left: 2px;            /* eye candy */
  content: url(/img/bubble.gif);
}
#left-content .pullquote {
width:420px;
line-height:1.5;
font-size:1.2em;
text-align:justify;
font-size:1.2em;
text-align:center;
background:#E6F5D2;
color:#3C9234;
display:block;
margin: 20px auto;
padding:10px;
font-style:italic;
border:solid 1px #E6F5D2;
}
#left-content .action {
	width:420px;
	line-height:1.5;
	font-size:11px;
	text-align:justify;
	text-align:center;
	background:#9BCADD;
	color:#3333ff;
	display:block;
	margin: 20px auto;
	padding:10px;
	font-style:italic;
	border:solid 1px #045268;
	font-weight:bold;
}
#left-content .action h3{ font-size:12px;color:#3333ff; font-family:Verdana, Arial, Helvetica, sans-serif;}
#left-content .action a:link, #left-content .action a:visited{
	color:#3333ff;
	text-decoration:underline;
	font-size:11px;
}
#left-content .action  a:hover, #left-content .action  a:active{
	color:#3333ff;
	text-decoration:underline;
	font-size:11px;
}

.photo_left{ float:left; padding:0 15px 10px 0;}
.photo_right{ float:right; border:1px solid #999; padding:3px; margin:0 0 10px 15px;}

/*overwrite mod styles */
.cat_textbox_small, .cat_listbox_small{width:150px;}

div.search-box {margin-bottom:18px;padding:0;}
div.search-box {border-bottom:none;}


/* FIXES FORUM ISSUES*/
table.container {width:100%;}
#catforumoutput {width:540px;