/* CSS for SurfSandLodge.com */

/*** CSS Reset (from Eric Meyer) ***/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, 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, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline;
	font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit;
}

ol, ul { list-style: none; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* settings by DFF from here on down */
body { line-height:1.45;  color:black; 
				font-size:medium; font-family: "Palatino Linotype", Palatino,Times,Georgia, Cambria, Verdana, Arial, Helvetica,serif;
				background:repeat url(../buttons/Sky.jpg)  #c1e1f8;
				}     
h1 { font-size: 150%; font-weight:bold; color:#84002c; }
h2 { font-size: 135%; font-weight:bold; color:#84002c; }
h3 { font-size: 120%; font-weight:bold; margin-top:.25em; padding-left: 6px; background:none;  }
h4 {  font-size:110%; font-weight:bold; font-style:italic; margin-top:.125em; color:#780402; } 
h5 {  font-size:105%; font-weight:bold; margin-top:.125em; }
h6 {  font-size:90%; font-weight:bold; margin-top:.125em; color:#006600; }
li {margin-bottom:6px; }
strong { font-weight:bold; }
em { font-style:italic; }
thead { font-weight:bold; font-size:116%; }

/* background-color:#B9DBDA;  */
a { text-decoration: none; padding:2px; background-color:#c2d0df;  border-bottom: 1px dotted  #000033; }
a:link { color: #000033; }
a:visited { }
a:hover  { color: #000099; background-color:#ffd700; }
a:active { }
a:focus   { outline: 0; }

p.dropcap:first-letter {font-size:2em;}

li.bestlink {	list-style-position: inside; list-style-image: url(../buttons/Star.gif); }
li.bestlink2 { list-style-position: inside;  list-style-image: url(../buttons/Star2.gif); }
li.bullet { list-style-position: inside; list-style-type:disc; }

/* the outer centered wrapper that contains everything else */
#content {
	width: 900px; margin: 12px auto; padding: 0; text-align: center; position:relative; 
	background-color:#00628b; border: double #003399  thick;  /* #005e7d */
	}

#navbar {   width:100%; background-color: #ccdbe4; margin:4px auto; text-align:center; }

#core {  clear:both;  background-color:#ccdbe4; }
#core h1 { text-align:center;  color:#ffd700; background-color:#00628b; width:100%; }
#core h2 { text-align:center;  color:#443399; width:100%; background:repeat url(../buttons/Header-BG.jpg) center  #f7dcb4; } 
#core p, #core ul {  padding:6px;  text-align:left;  }

#footer { clear:both; padding:6px 0; color:#ffd700;  background-color:#00628b;
					font-size:12px; font-weight:bold; letter-spacing:1px; text-align:center; }
#footer a { text-decoration: none; background-color: transparent; border-bottom:none; color:#d7ee99; }   /* 1px dotted #a31e39*/
#footer a:hover { color: #000099; background-color:#ffd700; }

/* the sidebox floats right inside the main content container */
.sidebox
{
	float:right; width:200px; margin:8px;
	background-color:#74c2e1;
	font-size:80%;
}
.sidebox ul, .sidebox p { padding:4px; line-height:1.5em; }
.sidebox h3 { font-weight:bold; text-align:center; border-bottom: 2px solid #097054; }
.sidebox p a { background-color:#79c7e8; }
.sidebox p a:hover { color:#996611; }

#slideshow {  clear:right; float:right; width:312px; height:234px; margin:16px 8px 8px 8px; }
#homeslides { clear:right; float:right; width:400px; height:250px; margin:16px 8px 8px 8px;}

#navigationmenu { width:900px; }

/*  highlight the selected top-level navigation item */
#home #navhome > a, #rooms  #navrooms > a, #about #navabout > a, #things #navthings > a, 
#area #navarea > a, #contact #navcontact > a, #sitemap #navsitemap > a  { color:#a31e39; }

/*  *** test color palette ***  */
.blue1 { background-color: #003399; }
.blue2 { background-color: #00628b; }
.blue3 { background-color: #74c2e1; }
.blue4 { background-color: #005b9a; }
.slate1 { background-color: #93aaab; }
.bg1 { background-color: #81a594; }
.bg2 { background-color: #d6e4e1; }
.gold1 { background-color: #ffd700; }
.peach1 { background-color: #f7dcb4; }
.gray1 { background-color: #e6e6dc; }
.red1 { background-color: #ce3100; }
.red2 { background-color: #a31e39; }

/* tabs */
.ui-wrapper { border: 1px solid #50a029; }
.ui-wrapper input, .ui-wrapper textarea { border: 0; }

/* *** HIGHSLIDE  *** */
.highslide-container div { font-family: Verdana, Helvetica; font-size: 10pt; }
.highslide { cursor: url(../highslide/graphics/zoomin.cur), pointer;  outline: none; text-decoration: none;  border-bottom:none;}
.highslide img { border: 2px solid silver; }
.highslide:hover img { border-color: gray; }

a.highslide { text-decoration: none; padding:0; background-color:none;  border-bottom: none; }
a.highslide:link { color: #000033; }
a.highslide:visited { }
a.highslide:hover  { color: #000099; background-color:none; }
a.highslide:active { }
a.highslide:focus   { outline: 0; }

.highslide-active-anchor img, .highslide-active-anchor:hover img { border-color: black; }
.highslide-image { border-width: 2px; border-style: solid; border-color: white; background: gray; }
.highslide-wrapper, .rounded-white { background: white; }
.highslide-image-blur { }
.highslide-caption { display: none; border-top: none; font-size: 1em; padding: 5px; background: white; }
.highslide-heading { display: none; color: gray; font-weight: bold; height: 20px; overflow: hidden;
	cursor: default; padding-left: 22px; background: url(../highslide/graphics/icon.gif) no-repeat 0 1px; }
.highslide-dimming { position: absolute; background: black; }
.highslide-loading { display:  none; color: black; font-size: 9px; font-weight: bold; text-transform: uppercase;
	text-decoration: none; padding: 3px; border: 1px solid white; background-color: white; padding-left: 22px;
	background-image: url(../highslide/graphics/loader.white.gif);
	background-repeat: no-repeat; background-position: 3px 1px; }
a.highslide-credits, a.highslide-credits i { padding: 2px; color: gray; text-decoration: none; font-size: 10px; }
a.highslide-credits:hover, a.highslide-credits:hover i { color: white; background-color: gray; }

/* Controls. See http://www.google.com/search?q=css+sprites */
.highslide-controls { width: 210px; height: 40px; margin-right: 15px; margin-bottom: 10px; margin-top: 20px;
	background: url(../highslide/graphics/controlbar-white.gif) 0 -90px no-repeat; }
.highslide-controls ul { position: relative; left: 15px; height: 40px; list-style: none;
	margin: 0; padding: 0; background: url(../highslide/graphics/controlbar-white.gif) right -90px no-repeat; }
.highslide-controls li { float: left; padding: 5px 0; }
.highslide-controls a { background-image: url(../highslide/graphics/controlbar-white.gif); display: block; 
	float: left; height: 25px; width: 25px; outline: none; text-decoration:none; border-bottom:none; }
.highslide-controls a.disabled { cursor: default; }
/* hide the text for these graphic buttons */
.highslide-controls a span { display: none; }
.highslide-move a { cursor: move; }

/* The CSS sprites for the controlbar */
.highslide-controls .highslide-previous a { background-position: 0 0; }
.highslide-controls .highslide-previous a:hover { background-position: 0 -30px; }
.highslide-controls .highslide-previous a.disabled { background-position: 0 -60px !important; }
.highslide-controls .highslide-play a { background-position: -30px 0; }
.highslide-controls .highslide-play a:hover { background-position: -30px -30px; }
.highslide-controls .highslide-play a.disabled { background-position: -30px -60px !important; }
.highslide-controls .highslide-pause a { background-position: -60px 0; }
.highslide-controls .highslide-pause a:hover { background-position: -60px -30px; }
.highslide-controls .highslide-next a { background-position: -90px 0; }
.highslide-controls .highslide-next a:hover { background-position: -90px -30px; }
.highslide-controls .highslide-next a.disabled { background-position: -90px -60px !important; }
.highslide-controls .highslide-move a { background-position: -120px 0; }
.highslide-controls .highslide-move a:hover { background-position: -120px -30px; }
.highslide-controls .highslide-full-expand a { background-position: -150px 0; }
.highslide-controls .highslide-full-expand a:hover { background-position: -150px -30px; }
.highslide-controls .highslide-full-expand a.disabled { background-position: -150px -60px !important; }
.highslide-controls .highslide-close a { background-position: -180px 0; }
.highslide-controls .highslide-close a:hover { background-position: -180px -30px; }