/* CSS for HillHouseInn.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.4;*/ 
				color:black; 
				font-size:medium; font-family:  Georgia, "Times New Roman",Times,"Palatino Linotype", Palatino, Arial, Verdana, Helvetica,Cambria,serif;
				background:repeat url(../buttons/blue-diamond.jpg)  #cae5ff;
				}     
h1 { font-size: 160%; font-weight:bold; line-height:2; }
h2 { font-size: 125%; font-weight:bold; color:#ffd700; }
#content h3 { margin-top:.25em; padding-left: 20px;  background:  no-repeat  left url(../buttons/Doodad3.gif) #b0c8d0;}  /* #aac4c4 */
h3, #content .sidebox h3 { font-size: 110%; font-weight:bold; margin-top:.25em; padding-left: 6px; background:none;  }

h4 {  font-size:105%; font-weight:bold; font-style:italic; margin-top:.125em; color:#780402; }
h5 {  font-size:100%; 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; }

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

.odd { background-color:#ece1c1; }
.rateheader { background-color:#ece1c1; font-weight:bold; font-size:120%; }

li.goodlink { list-style-image: url(../buttons/Star.gif); }
li.no-bull {  list-style-type:none !important; margin-bottom:6px; }

#container { width:100%; position: relative;	}

#header {
	position:absolute; top:0; left:0;
	width:100%; height:198px; 
	background-color: #669acc;  /*#5588bb;  /* #003399 */ 
	color:#FFFF00;
	border-bottom:5px solid #6699cc;  /* #003399 */
}
#header h1 { text-align:center; line-height:100px; margin-left:-9000px; }

#header a { text-decoration:none; border-bottom:none;}
#header a:hover { outline:none; background-color:transparent;}

#navigation {
	position:absolute; top:203px; left:0px; width:165px;
	background: repeat url(../images/Green-BG.jpg) #6699cc;
}

#navigation ul { display:block; padding: 0 0 6px 0; }
#navigation ul li { display:block; margin-bottom:0; }
#navigation ul li a { 
	color:#ffd700; font-size:84%; font-weight:bold; display:block;
	padding: 4px 0 4px 8px; border-bottom: 1px dotted #224477;   /* left padding for fleurons */
}
#navigation ul li a:hover { color:#777755; background-color:#ffd700; }    /* #ce3100 */
#navigation  img.flourish { margin:4px 0 4px 50px; }

p.webcam { margin-top:8px; }
p.webcam a { color:#ffd700; font-size:84%; font-weight:bold; display:block; border-bottom:none;  }
p.webcam a:hover { color:#ddddaa; background-color:#ce3100; }

.subpages {
	position:absolute; top:203px; left:180px;	height:100px; width:800px;
	background:none !important;
}

.submenu { display:none; }

.pagebox { float:left; width:120px; height:90px; margin:10px 0px 0px 10px; font-weight:bold; font-size:13px; }
.pagebox a { display:block; text-decoration: none; border-bottom:none; color:#0033ff;  width:120px; height:90px;  
							background-position: -120px 0;  line-height:14px;  text-align:center; 
							font-size:medium; font-family:  "Century Gothic", Verdana, Arial, Helvetica,Cambria,serif;
							}
.pagebox a:visited { text-decoration: none; border-bottom:none; color: #0033ff; }
.pagebox a:hover { text-decoration: none; color: #b32e0f; background-position: -240px 0; }

/*                    background: repeat url(../images/pattern_140.gif) #efefde;*/
#content { position:absolute; top:303px; left:180px; width:800px; margin:  0 0 6px 0; background-color:#efefde; }
#content h2 { color:#003366; } 
#content p, #content ul, #content h4, #content h5, #content h6 { padding:6px; }
#content p a { font-weight:bold; }
#content li { list-style-type:square; list-style-position:inside; }

.simplelist { margin-top:12px; margin-left:12px; }
.unadorned { list-style-type:none !important; list-style-position:inside; font-size:90%;  }
.explanation { font-weight:bold; font-style:italic; font-size:120%; color:#339999; }
ul.featurelist li { list-style-type:disc !important; margin-left:16px; }

#contenttitle {
	text-align:center;
	color:#003399; background:url(../buttons/Content-Title-Banner.gif) no-repeat; padding:0; margin:0;
}
#contenttitle h2 { font-size:22px; color:#003366; margin: 0 auto; padding-top:0; padding-bottom:0;  }
.nopad { margin:0 auto; padding:0; }

#footer {
	clear:both; width:100%; /*height:40px; line-height: 40px;*/
	color:#3366aa; background-color:#99ccff;   /*  background:url(../images/Content-Title-Banner.jpg) no-repeat; */
	font-size:12px; font-weight:bold; text-align:center;
}

#footer a 			{ text-decoration: none; border-bottom: 1px dotted #aca1d1; color:#aa7711; }
#footer a:hover 	{ color: #000099; background-color:#fbedd0; }
#footer-caveat { font-size:75%; font-weight:bold; color:#039; }

/* slideshows */
#slideshow { float:right; width: 460px; margin:4px;}
#slideshow2 { height:510px; padding-left:12px; margin-top:12px; margin-left:20px; }
#slideshow3 { height:320px; width:500px; margin-top:12px; margin-left:20px; }
.slidetitle { clear:both; font-style:italic; font-weight:bold; font-size:90%; text-align:center; color:#0099FF; } 

/* the sidebox floats right inside the main content container */
.sidebox { float:right; width:200px; margin:8px; background-color:#8c9c9a; color:#ffcc66; font-size:80%; }
.sidebox ul, .sidebox p { padding:4px; }
.sidebox a { color:#ffaa33; }
.sidebox h3 { font-weight:bold; text-align:center; border-bottom: 2px solid #003399; }

/* the sidebar */
#sidebar    { position:absolute; top:203px; left:990px; width: 200px; }
#sidebar ul, #sidebar p { padding:4px; }
#sidebar h3 { font-weight:bold; text-align:center; border-bottom: 2px solid #003399; }
#sidebar li { font-weight:bold; list-style-type:square; list-style-position:inside; }

#sidebar2    { position:absolute; top:550px; left:990px; width: 200px; 
								background-color:#6699cc; color:#333333; font-size:80%; border: 1px solid #003399; }
#sidebar2 ul, #sidebar2 p { padding:4px; }
#sidebar2 h3 { font-weight:bold; text-align:center; color:#ffd700; border-bottom: 2px solid #003399; }
#sidebar2 li { font-weight:bold; list-style-type:square; list-style-position:inside; }

/* infobox  in SIDEBAR: shows Quick Links */
.infobox { background-color:#6699cc; color:#003399; font-size:90%; border: 1px solid #003399; border-top:3px solid #6699cc;  } 
.infobox ul, .infobox p { padding:4px; }
.infobox a { color:#ffd700; text-decoration: none; border-bottom: none; }
.infobox a:hover { background-color:#003399;  }
.infobox h3 { font-weight:bold; text-align:center; color:#ffd700; border-bottom: 2px solid #003399; }

.mailbox { width:140px; margin-left:12px; border:1px solid #000033; 
						font-size:9px; font-weight:bold; text-align:center;  background-color:#ccdddd;
}

.translate { background-color: transparent !important;}

/*  top-events */
.top-events { float:right; width:360px; margin:8px; background-color:#faeecf; color:#bb9933; font-size:80%; } 
.top-events ul, .top-events p { padding:4px; }
.top-events li { font-weight:bold; }
.top-events a { color:#ffaa33; }
#content  .top-events  h3 { font-weight:bold; text-align:center; color:#ffd700; border-bottom: 2px solid #003399;  background:none; }
#content  .top-events  h3 a { color:#ffd700; }
#content  .top-events  h3 a:hover { color:#ddddaa; background-color:#ce3100; border-bottom: 2px solid #003399;  background:none; }

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

/*  events  */
.eventdate { font-weight:bold; background-color:#fff4ed; }
.eventtitle { font-weight:bold; color:#780402; }

#reviews p { clear:both; font-size:120%; color:#780402;  margin-top:20px;}
.reviewtitle { font-weight:bold; font-style:italic; color:#000; }

/*  showbox  */
.showbox {  float:left; width:180px; text-align:center; margin-left:8px;  border: 1px dotted  #ffd700; }
.showbox p { font-size: 75%; color:#ffd700; text-align:left; }
.showbox img { margin: 0 auto; }

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* this stuff highlights the primary navigation on the left */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
#home #nav00, #rooms #nav01,  #hhi #nav05, #weddings #nav06, 
#events #nav08, #area #nav09, #galleries #nav10,  #reviews #nav11
{
	/*commands for highlighted  (left) navigation go here*/
	color: #333333; background-color: #efefde;   
	background: #efefde url(../buttons/Arrow2.gif) no-repeat left;  
} 

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* this stuff selects which subpage group is displayed */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
#home #subhome, #rooms #subrooms, #hhi #subhhi, #weddings #subweddings, #events #subevents,
#area #subarea,  #galleries #subgalleries, #reviews #subreviews    { display:block; }

/* * * * * * * * * * * * * * * * * * * * * * * */
/* this highlights the current sub-page */
/* * * * * * * * * * * * * * * * * * * * * * * */
#page00 #subhome #sub0000, #page00 #subrooms  #sub0100, #page00 #subspecials #sub0200,
#page00 #subdining #sub0300, #page00 #subservices  #sub0400,  #page00 #subhhi #sub0500, 
#page00 #subweddings #sub0600, #page00 #subgroups  #sub0700, #page00 #subevents #sub0800,
#page00 #subarea #sub0900, #page00 #subgalleries  #sub1000, #page00 #subreviews #sub1100,

#page01 #subhome #sub0001, #page01 #subrooms #sub0101, #page01 #subspecials #sub0201,
#page01 #subdining #sub0301, #page01 #subservices #sub0401,  #page01 #subhhi #sub0501, 
#page01 #subweddings #sub0601, #page01 #subgroups #sub0701, #page01 #subevents #sub0801,
#page01 #subarea #sub0901, #page01 #subgalleries #sub1001, #page01 #subreviews #sub1101,

#page02 #subhome #sub0002, #page02 #subrooms #sub0102, #page02 #subspecials #sub0202,
#page02 #subdining #sub0302, #page02 #subservices #sub0402,  #page02 #subhhi #sub0502, 
#page02 #subweddings #sub0602, #page02 #subgroups #sub0702, #page02 #subevents #sub0802,
#page02 #subarea #sub0902, #page02 #subgalleries #sub1002, #page02 #subreviews #sub1102,

#page03 #subhome #sub0003, #page03 #subrooms #sub0103, #page03 #subspecials #sub0203,
#page03 #subdining #sub0303, #page03 #subservices #sub0403,  #page03 #subhhi #sub0503, 
#page03 #subweddings #sub0603, #page03 #subgroups #sub0703, #page03 #subevents #sub0803,
#page03 #subarea #sub0903, #page03 #subgalleries #sub1003, #page03 #subreviews #sub1103,

#page04 #subhome #sub0004, #page04 #subrooms #sub0104, #page04 #subspecials #sub0204,
#page04 #subdining #sub0304, #page04 #subservices #sub0404,  #page04  #subhhi #sub0504, 
#page04 #subweddings #sub0604, #page04 #subgroups #sub0704, #page04 #subevents #sub0804,
#page04 #subarea #sub0904, #page04 #subgalleries #sub1004, #page04 #subreviews #sub1104,

#page05 #subhome #sub0005, #page05 #subrooms #sub0105, #page05 #subspecials #sub0205,
#page05 #subdining #sub0305, #page005#subservices #sub0405,  #page05 #subhhi #sub0505, 
#page05 #subweddings #sub0605, #page05 #subgroups #sub0705, #page05 #subevents #sub0805,
#page05 #subarea #sub0905, #page05 #subgalleries #sub1005, #page05 #subreviews #sub1105
		/* This  highlights the selected page */
		{ color:#003399; cursor:default; background-position: 0 0; }

/* Context-sensitive settings */
/* HOME subpages */
a#sub0000 { background: url(../buttons/HH-Home.gif) -120px 0 no-repeat; }
a:hover#sub0000 { background: url(../buttons/HH-Home.gif) -240px 0 no-repeat; }
a#sub0001 { background: url(../buttons/HH-Contact.gif) -120px 0 no-repeat; }
a:hover#sub0001 { background: url(../buttons/HH-Contact.gif) -240px 0 no-repeat; }
a#sub0002 { background: url(../buttons/HH-Sitemap.gif) -120px 0 no-repeat; }
a:hover#sub0002 { background: url(../buttons/HH-Sitemap.gif) -240px 0 no-repeat; }
a#sub0003 { background: url(../buttons/HH-Press.gif) -120px 0 no-repeat; }
a:hover#sub0003 { background: url(../buttons/HH-Press.gif) -240px 0 no-repeat; }

/* ROOMS subpages */
a#sub0100 { background: url(../buttons/HH-Rooms.gif) -120px 0 no-repeat; }
a:hover#sub0100 { background: url(../buttons/HH-Rooms.gif) -240px 0 no-repeat; }
a#sub0101 { background: url(../buttons/HH-Rez.gif) -120px 0 no-repeat; }
a:hover#sub0101 { background: url(../buttons/HH-Rez.gif) -240px 0 no-repeat; }
a#sub0102 { background: url(../buttons/HH-Specials.gif) -120px 0 no-repeat; }
a:hover#sub0102 { background: url(../buttons/HH-Specials.gif) -240px 0 no-repeat; }
a#sub0103 { background: url(../buttons/HH-Amenities.gif) -120px 0 no-repeat; }
a:hover#sub0103 { background: url(../buttons/HH-Amenities.gif) -240px 0 no-repeat; }

/* HHI subpages */
a#sub0500 { background: url(../buttons/HH-History.gif) -120px 0 no-repeat; }
a:hover#sub0500 { background: url(../buttons/HH-History.gif) -240px 0 no-repeat; }
a#sub0501 { background: url(../buttons/HH-Staff.gif) -120px 0 no-repeat; }
a:hover#sub0501 { background: url(../buttons/HH-Staff.gif) -240px 0 no-repeat; }
a#sub0502 { background: url(../buttons/HH-Gardens.gif) -120px 0 no-repeat; }
a:hover#sub0502 { background: url(../buttons/HH-Gardens.gif) -240px 0 no-repeat; }

/* WEDDINGS subpages */
a#sub0600 { background: url(../buttons/HH-Married.gif) -120px 0 no-repeat; }
a:hover#sub0600 { background: url(../buttons/HH-Married.gif) -240px 0 no-repeat; }
a#sub0601 { background: url(../buttons/HH-Menus.gif) -120px 0 no-repeat; }
a:hover#sub0601 { background: url(../buttons/HH-Menus.gif) -240px 0 no-repeat; }
a#sub0602 { background: url(../buttons/HH-Facilities.gif) -120px 0 no-repeat; }
a:hover#sub0602 { background: url(../buttons/HH-Facilities.gif) -240px 0 no-repeat; }
a#sub0603 { background: url(../buttons/HH-Meetings.gif) -120px 0 no-repeat; }
a:hover#sub0603 { background: url(../buttons/HH-Meetings.gif) -240px 0 no-repeat; }
a#sub0604 { background: url(../buttons/HH-Cars.gif) -120px 0 no-repeat; }
a:hover#sub0604 { background: url(../buttons/HH-Cars.gif) -240px 0 no-repeat; }

/* EVENTS subpages */
a#sub0800 { background: url(../buttons/HH-Calendar.gif) -120px 0 no-repeat; }
a:hover#sub0800 { background: url(../buttons/HH-Calendar.gif) -240px 0 no-repeat; }
a#sub0801 { background: url(../buttons/HH-Activities.gif) -120px 0 no-repeat; }
a:hover#sub0801 { background: url(../buttons/HH-Activities.gif) -240px 0 no-repeat; }
a#sub0802 { background: url(../buttons/HH-Pets.gif) -120px 0 no-repeat; }
a:hover#sub0802 { background: url(../buttons/HH-Pets.gif) -240px 0 no-repeat; }
a#sub0803 { background: url(../buttons/HH-Holiday-Menus.gif) -120px 0 no-repeat; }
a:hover#sub0803 { background: url(../buttons/HH-Holiday-Menus.gif) -240px 0 no-repeat; }

/* AREA subpages */
a#sub0900 { background: url(../buttons/HH-Weather.gif) -120px 0 no-repeat; }
a:hover#sub0900 { background: url(../buttons/HH-Weather.gif) -240px 0 no-repeat; }
a#sub0901 { background: url(../buttons/HH-Here.gif) -120px 0 no-repeat; }
a:hover#sub0901 { background: url(../buttons/HH-Here.gif) -240px 0 no-repeat; }
a#sub0902 { background: url(../buttons/HH-TV.gif) -120px 0 no-repeat; }
a:hover#sub0902 { background: url(../buttons/HH-TV.gif) -240px 0 no-repeat; }

/* GALLERIES subpages */
a#sub1000 { background: url(../buttons/HH-Coast.gif) -120px 0 no-repeat; }
a:hover#sub1000 { background: url(../buttons/HH-Coast.gif) -240px 0 no-repeat; }
a#sub1001 { background: url(../buttons/HH-Mendo.gif) -120px 0 no-repeat; }
a:hover#sub1001 { background: url(../buttons/HH-Mendo.gif) -240px 0 no-repeat; }

/* REVIEWS subpages */
a#sub1100 { background: url(../buttons/HH-Reviews.gif) -120px 0 no-repeat; }
a:hover#sub1100 { background: url(../buttons/HH-Reviews.gif) -240px 0 no-repeat; }


/* jumplists */
div.jump-days { background-color:#87ab8a; font-size:11px; }
ul.jump-list { float:left; margin-top:6px; padding-top:4px; margin-left:4px; margin-right:4px; }
ul.jump-list li { list-style-position: outside; list-style-type:none; float:left; display:inline;
	padding:2px; margin-right:3px; }
ul.jump-list a 	{ text-decoration: none; border: 1px solid #ffe; padding:2px; background-color: #e0d6b9; }
ul.jump-list a:link 	{ color: #000099; border: 1px solid #ffe; }
ul.jump-list a:visited  { color: #224499; }
ul.jump-list a:hover 	{ background-color:#FFCC66; border: 1px solid #f33; }
ul.jump-list a:active 	{ color: #FFFF66; }

.specialslist { width:180px; float:right; clear:right; text-align:center; 
	margin-top:6px; margin-right:12px; margin-left:16px; font-size:12px; border:1px solid #363; }


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

.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:  block;
	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;
	background: url(../highslide/graphics/controlbar-white.gif) 0 -90px no-repeat;
	margin-right: 15px;
	margin-bottom: 10px;
	margin-top: 20px;
}
.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;
}
.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; }