/* CSS Document */

body {
  	padding: 0 340px; /* the critical side padding that sets the natural min-width! */ 
	background: url(../images/bg_blue.gif);this BG tiles the area outside the columns 
	/*background-color: #14477a;*/
	color: #333; 
  font: 0.825em/1.6em verdana, sans-serif; 
  font-size: 100.01%; /* this body font-size fixes an IE bug and maintains x-browser uniformity */ 
  text-align: center; /* centers the #sizer element in IE5.x/win */
}

* {margin:0; padding:0;} /* removes defaults of all elements */

a { text-decoration: none; color: #369; }
a.uline {text-decoration: underline;}
img { border: none; }

#sizer {
  margin: 0 auto; /* centers #sizer in standard browsers */
  padding: 0;
  width: 80%; /* this value controls liquidity; 0% = full rigid, 100% = full liquid */
  text-align: left; /* resets the default text alignment for the page */
  max-width: 120px;
}

#expander { /* Any % height here causes IE to lose the neg right margin */
	margin: 0 -335px; /* neg side margin values should be < or = to side body padding */
	min-width: 670px; /* This prevents Safari from losing the negative margins in narrow windows */ 
	position: relative; /* makes #expander visible outside #sizer in IEwin */
} 

/*\*/
* html #expander {height: 0;} 
/* #expander must have "height: 0" in IEwin bug fixing */

/* The above is a modified Holly hack for #expander, with zero substituted for the 
usual 1% height value. Any % value on this element causes a horrendous IE bug! */ 


#wrapper1 {
  background-color: #fff;
  position: relative;
	/*background: url(../images/);  this BG tiles the left column */
  font: small/1.6em verdana, sans-serif; 
  /* border: 3px solid #fff;
  border-width: 4px 3px;this positioning may be needed for IEwin if page is to contain positioned elements */
} 

#wrapper2 {  
  	background-color: #fff;
	position: relative; /* extra insurance against bugs in IEwin */
	/* background: url(../images/) 100% 0 repeat-y;  this BG tiles the right column */
}


/****************** Main Page Structure *****************/

/* To modify the side column widths and the col divider widths, the values that are 
marked "critical" and also refer to the desired mod MUST be changed as a group. */


.outer {
   /*background: url(../images/bluelattice.gif); this BG tiles the center column */
  border-left: 1px solid #ccc; /*** Critical left divider dimension value ***/
  border-right: 1px solid #ccc; /*** Critical right divider dimension value ***/
  margin-left: 171px;  /***margin-left: 200px; Critical left col width value ***/
  margin-right: 201px;    /*** Critical right col width value ***/
}

.float-wrap {
  float: left;
  width: 100%;
}

.center {
  float: right;
  width: 100%;
}

.left {
  float: left;
  position: relative; /* Needed for IE/win */
  width: 171px;   /*** width: 200px;Critical left col width value ***/
  margin-left: -172px;    /*** margin-left: -202px;Critical left col width value ***/ /*** Critical left divider dimension value ***/
}

.right {
  float: right; 
  position: relative; /* Needed for IE/win */
  width: 201px;    /*** Critical right col width value ***/
  margin-right: -202px;    /*** Critical right col width value ***/ /*** Critical right divider dimension value ***/
  margin-left: 1px;   /*** Critical right divider dimension value ***/
}

.centerbox {
	background-color: #fff;
	
	
  	padding: 10px 10px;
	/*text-align: justify;*/
  	overflow: visible;
}

.container-left {padding: 10px; background-color: #fff;}
.container-right {padding: 10px; background-color: #fff;} 

/*************** Header and Footer elements *****************/

.header {
  width: 100%;
  color: #b33;
  height: 120px;
  padding: 5px 0px;
  background-color: #fff;
  background:  url("../images/autumn-background.jpg") repeat-y;
}

/*\*/
* html .header {background-position: 0px 0px;}
/* IEwin hack needed because the "jello" BG is in a positioned wrapper and shows
variance. IEwin does not support fixed backgrounds on elements other than the body */

.header span {color: #373;} 

.footer {
 	width: 100%;
  	clear: both;
  	padding: 5px 0 15px;
  	position: relative;
	background: #eee url("../images/webcam-gry-back.gif") left no-repeat;
	color: #eee; 
	text-align:center; 
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

.footer p { font: 80% Verdana, sans-serift; margin: 10px 0 0 20px; color: #aaa;}

.footer hr {
  color: #944;
	margin: 0;
	background: #944;
	height: 5px;
}

/* Top Navigation */

#navcontainer {
	width: 100%;
	margin: 0; padding: 0; 
	background-color: #eee;
	border-top: 1px solid #14477a;
	/*border-bottom: 4px solid #9b7;*/
	font-size: 85%;
	
}

#navlist{
	margin: 0;
	padding: 5px 0 20px 10px; 
	border-bottom: 3px solid #14477a;
	}

#navlist ul, #navlist li{
	margin: 0;
	padding: 0;
	
	display: inline;
	text-transform: none;
	list-style-type: none;
	}

#navlist a:link, #navlist a:visited{
	float: left;
	line-height: 14px;
	margin: 0 10px 2px 10px;
	text-decoration: none;
	color: #14477a;font-weight: normal;
	}

#navlist a:link#current, #navlist a:visited#current {
	border-bottom: 4px solid #14477a;
	padding-bottom: 2px;
	background: transparent; 
	font-weight: bold;
	color: #14477A;
	}
	
#navlist a:hover { 
	color: #000;
	border-bottom: 4px solid #14477a;
	padding-bottom: 2px;
	background: transparent; 
	color: #14477A;
	}

/************** Text Header Styles *************/
.container-right h3, .container-left h3 {
	font: 85% Arial, sans-serif; 
	text-transform: uppercase;
	letter-spacing: 2px;
	color: #14477a; 
	font-weight: bold;
	border-bottom: 1px solid #14477a;
	margin: 0 0 5px 0;
	}

.centerbox h2 { font: 180% Georgia, serif; color: #14477a; margin: 5px 0;border-bottom: 1px dotted #ccc;  padding: 0 0 2px 0;}
.centerbox h3 { font: 160% Georgia, serif; color: #369; margin: 5px 0; border-bottom: 1px dotted #ccc; }
.centerbox h4 { font: 125% Georgia, serif; color: #333; margin: 5px 0; }			

.centerbox .box h4 {
  background-color: #B8D3E1;
  padding: 7px 10px 6px 10px;
  margin: 0;
  font-size:90%;
  font-weight: bold;
}

.centerbox .box {
  float: left;
  border-bottom: 1px solid #B8D3E1;
  border-left: 1px solid #B8D3E1;
  border-top: none;
  border-right: none;
  background-color: #FFF;
  color: #333;
  margin-right: 1px;
  width: 100%;
}

.centerbox .box.cap { border-right: 1px solid #B8D3E1; margin-right: 0;}
.centerbox .box .content ul { margin: 5px 0;}
.centerbox .box.oneoftwo { width: 50%; }
.centerbox .box .content { padding: 10px 10px 10px 10px;}
.centerbox .box .content a { font-weight: bold; }

p { margin: 0; padding: 5px 0; font: 85%/1.6em Verdana,Sans-serif;}

/************** List Styles *************/

ul { margin: .5em 0; padding: 0; list-style: none; }
li { margin: 0; padding: 0; font-size: 85%; text-transform: lowercase; font-weight: bold;  }
li a { color: #777; }
li a:hover { font-weight: bold; color: #14477a; }

.container-left li { padding:0 0 0 10px; background: url("../images/gray_diamond_bullet.gif") left no-repeat; }

			`
.event ul { margin: 0; padding: 0; line-height: normal;}
.event li { text-transform: none; font-weight: normal; margin: 0; padding: 0; }
.event li.venue { font-style: italic; }
.event li.website a { text-decoration: underline; color:#00CC33;}

dt { font: 90% Georgia, "Times New Roman", Times, serif; font-weight: bold; margin 5px 0; }
dt strong { font-size: 110%; }
dd { font: 85% Verdana, Arial, Helvetica, sans-serif; margin: 10px 0 10px 5px;}

/************** Table Styles *************/

#calendar {
  	line-height: 140%;
	color: #333;
	font-family: Verdana, Arial, sans-serif;
	font-size: 80%;
  	padding: 2px;
	text-align: center;
	margin-bottom: 5px;
	}

#calendar table {
	padding: 2px;
	border-collapse: collapse;
	border: 0px;
	width: 100%;
	}

#calendar caption {
	color: #14477a;
	font-family: Verdana, Arial, sans-serif;
	font-size: x-small;
	
	text-align: center;
	font-weight: bold;
	
	text-transform: uppercase;
	
	letter-spacing: .3em;
	}

#calendar th {
	text-align: center;
	font-weight: normal;
	}

#calendar td {
	text-align: center;
	}	
#calender a:link { display: block; background: #fff;}
#calender td:hover { display: block; background: #bbb;}

#calendar td.current {background: #ddd;}

#event_cal td:hover { background: #eee; }
	
/* [table related module styles] */

.tableListing { margin-bottom: 20px; }
.tableListing th.event-sub {
	vertical-align: top;
	padding: 5px 10px;
	background-color: #eee;
	font-size: 85%;
	border-bottom: 1px solid #ccc;
	font-weight: normal;
	}
	
.leftcap {
	border-left: 1px solid #ccc;
	}
	
.rightcap {
	border-right: 1px solid #ccc;
	}
	
.tableListing th.tabletitle {
	padding: 5px 10px;
	background-color: #14477a;
	color: #fff;
	text-align: left;
	font-size: 85%;
	font-weight: normal;
}

.tableListing td {
	vertical-align: top;
	padding:5px 10px;
	font-size: 85%;
}

.tableListing td a {
	display: block;
	text-decoration: underline;
}

.tableListing td.leftside {
	text-align: left;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

.tableListing td.noevents {
	text-align: left;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	font-weight: bold;
	color: #F33;
}

.tableListing td.rightside {
	text-align: right;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

.tableListing td.center {
	border-bottom: 1px solid #ccc;
}

.centerbox form {font-size: 75%;}
.centerbox form dt { font: 100% Verdana, Arial, sans-serif; font-weight: bold; margin: 1.5em 0 0.25em 0; color: #666;  text-transform: uppercase; letter-spacing: 1px;}
.centerbox form dt strong {font-weight: normal; font-style: italic; text-transform: none; letter-spacing: 0;}
.centerbox form dt strong code {font-style: normal; font-size: 1.1em;}
.centerbox form dd {margin-bottom: 1em;}
.centerbox form dd p { font-size: 110%; }
.centerbox form ul li {padding-left: 1em; margin-right: 1em; background: none;}
.centerbox form ul li input {font-size: 80%;}
.centerbox form ul li { font-size: 110%; text-transform: uppercase; color: #333;}
.centerbox form ul.subject li { text-transform: none; font-weight: normal; }
.centerbox form ul.optionslist li {padding: 0.25em 0;}
.centerbox form ul.datelist li { display: inline; padding: 0.25em 0;}
.centerbox form .image {float: right;}
.centerbox form .text, .centerbox form .password, .centerbox form textarea {width: 99%;}
.content h4 { font: 125% Georgia, serif; color: #333; margin: 4px 0; border-bottom: 1px dotted #ccc; }	

#content form .upload {background: #FBFAF4;
  margin: 3px 0 10px 0; padding: 10px 5px 0 5px;
  border: 1px solid #999;}



/************** Special Styles *************/
.featured { margin-left: 105px; padding: 0;}
.featured_pic { float: left; width: 100px;}
.logo   { margin-left: 20px; float: left;}
.adtopper { background-color:#FFFFCC; text-align: center; padding: 4px 0;  border-bottom: 1px solid #14477a; }
.mapbanner { margin: 0; padding: 0; border-bottom: 2px solid #14477a; }
.bannerad { margin: 0; }
.bannerad img { margin-left: 10px ; padding: 0px; border: 1px solid #eee }
.buttonad { float: left; text-align: center; width: 170px; }
.adright { margin: 0 0 20px 0; padding: 0; }
.adright img { margin: 0; padding: 0; }
.adright a { text-decoration: underline; }
.errortxt { color: #f00; }
.weather { margin: 0; padding: 8px 0; width: 180px; height: 325px; }
.webcamicon { margin: 0; float: left; padding: 8px 0 8px 16px; text-transform: uppercase; font-weight: bold; background:  url(../images/webcam_icon_16_16.gif) left no-repeat; font-size: 80%; }
.webcamicon a {  text-decoration: none; border-bottom: 1px dotted #369; }
.webcamlink { margin: 0; padding: 8px 0 8px 16px; text-transform: uppercase; font-weight: bold; background:  url(../images/webcam_icon_16_16.gif) left no-repeat; font-size: 80%; }
.webcamlink a {  text-decoration: none; border-bottom: 1px dotted #369; }

.webcamframe { text-align: center; }
.webcamtitle {
	margin: 8px 0;
	padding: 0 0 2px 0;
	font: 80% Verdana, sans-serif; 
	text-align: center;
	text-transform: uppercase;
	color: #333; 
	font-weight: bold;
	border-bottom: 1px dotted #ccc;
}

.webcamtitle strong {
	font: 180% Georgia, serif;
	text-transform: none;
	}

.webpicture {
	padding: 6px;
	margin: 0;
	border-top:1px solid #ddd;
	border-left: 1px solid #ddd;
	border-bottom: 1px solid #c0c0c0;
	border-right: 1px solid #c0c0c0;
	background-color: #fff;
}

.eventtitle {
	margin: 0;
	padding: 0 0 2px 0;
	font: 90% Verdana, sans-serif; 
	text-align: center;
	font-style: italic;
	color: #333; 
	border-bottom: 1px dotted #ccc;
}

.eventtitle strong {
	font: 180% Georgia, serif;
	}

.stats { margin: 8px 0; padding: 0px 8px; background-color: #eee; }

.town { margin: 0; padding: 0 0 5px 0; font: 75% Verdana, sans-serif;}
.town a { border-bottom: 1px dotted #369; font-weight: normal; text-decoration: none;}
.message { display: none; }

.picture {
	padding: 4px;
	margin: 0 10px 0 0;
	float: left;
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
	border-bottom: 1px solid #c0c0c0;
	border-right: 1px solid #c0c0c0;
	background-color: #fff;
}

.goleft { float: left; }
.goright { float: right; }

.nightclub {background: url("../images/nightclub-bg.jpg") left repeat-y;}
.beach { background: url("../images/beach-bg.jpg") left repeat-y;}
.ski { background: url("../images/ski-bg.jpg") left repeat-y;}
.restaurant { background: url("../images/restaurant-bg.jpg") left repeat-y;}
.golf { background: url("../images/golf-bg.jpg") left repeat-y;}
.citytown { background: url("../images/cityandtown.jpg") left repeat-y;}
.nhmro { background: url("../images/nhmro.jpg") left no-repeat; height: 190px;}

.item-price { color: #8b0000; font-size: 1.2em; }
.item-name { margin: 0 ; padding: .25em 0 .25em 0;  text-align: center; font-size: 1.7em; font-weight: normal; font-family: Georgia, "Times New Roman", Times, serif; }
.item-by { padding: 0; margin: 0; text-align: center; font-weight: normal; font-style: italic; font-size: .90em; font-family: Georgia, "Times New Roman", Times, serif;}
.item-by a { font-size: 1.1em; text-transform: uppercase; font-style: normal; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif;}
.item-part { padding: 0; margin: 0; text-align: center; font-weight: normal; font-style: italic; font-size: .90em; font-family: Georgia, "Times New Roman", Times, serif;}
.item-part b { font-size: 1em; text-transform: uppercase; font-style: normal; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif;}

.search-meta {
  text-align: center; 
  font: 1em Georgia, serif;
  padding: 0.75em 0 0.5em; margin: 0.25em 0 0.5em; background: #eee;
  border: 1px dotted #aaa; border-width: 1px 0;
  }
  
.search-meta li {display: inline; padding: 0; margin: 0; background: none;}
.search-meta li.pages a { text-decoration: underline; }
.search-meta b { margin: 0 1em; }

.item-meta {
  text-align: center; 
  font: 0.90em Georgia, serif;
  padding: 0.75em 0 0.5em; margin: 0.25em 0 0.5em; background: #eee;
  border: 1px dotted #aaa; border-width: 1px 0;
  }
  
.item-meta li, item-meta p {display: inline; padding: 0; margin: 0; background: none;}
.item-meta a {font: 0.9em Verdana, sans-serif; border-bottom-width: 0;}
.item-meta a:hover {border-bottom-width: 1px;}
.item-meta b, search-meta b {margin: 0 1em;}

.item-desc { margin: 0 0 1em 0; padding: 0 }
.item-desc img { float: left; display: block; width: 100px; height: 100px; border: 1px solid #ccc;}
.item-desc a:hover img { border-color: #333;}
.item-desc p { margin: 0 0 .5em 110px; font-size: .90em; font-family: Arial, Verdana, Helvetica, sans-serif }
.item-desc p a { font-weight: bold; font-size: 1em;}
.item-desc a.ulink { font-weight: normal; text-decoration: underline; }
.item-desc a.uc { text-transform: uppercase; }
.item-desc a.enlg { color: #555; background/* hide from IE5.0/Win */: url('../images/global/lgrpic.gif')  left no-repeat;
		padding: 0 0 0 12px; margin: 0 0 0 0; font-size: .70em; float: left; clear: left; text-transform: uppercase;}


.item-info { margin: 20px 0; padding-right: 1em; background: #f6f6f6; font-family: Arial,Verdana, Helvetica, sans-serif;}
.item-info ul { list-style-type: none; }
.item-info ul, item-info dl { margin: 1em 0 1em 0; }
.item-info dl { margin-left: .5em;}
.item-info dt { margin: 0 0 0 1em; font-size: .90em; font-weight: bold;}
.item-info li, { margin: 0;}
.item-info dd { margin-left: 1em; }
.item-info li, .item-info dd { list-style-type: none; font-size: .85em; margin-bottom: .2em; line-height: 1.3em;}
.item-info dd li { font-size: 1em; }
.item-info h3 { margin: 0 1em; padding: 5px 0; font-size: 1.3em; font-weight: normal; border-bottom: 1px dotted #ccc; text-transform: lowercase; font-family: Georgia, "Times New Roman", Times, serif;}
.item-info p { margin: 0 1em; padding: 1em 1em;}

.item-list { margin: 0 0 1em 0; padding: 0;}
.item-list dt { margin: .25em 0 0 0; padding: .25em 0 ; border-bottom: 1px dotted #eee; font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.3em;}
.item-list dt b { color: #8b0000; }
.item-list dd { margin: 5px 0 0 0 ; padding:0 ; }
.item-list dd img { float: left; border: 1px solid #eee;}
.item-list dd p { margin: 0 0 1em 110px; font-family: Arial, Helvetica, sans-serif; font-size: .85em;}
.item-list dd a { font-size: 1.1em; font-weight: bold; }
.item-list dd a:hover img { border-color: #333; }

/************** Special Fixes *************/

.outer {word-wrap: break-word;}
/* Prevents long urls from breaking layout in IE, must 
be hidden in a conditional comment for CSS to validate */

img {max-width: 100%;} 
/* prevents oversize images from breaking layout in browsers that support max-width */

/* \*/
* html #wrapper1,
* html #wrapper2,
* html .outer a, 
* html .container-left, 
* html .container-right,
* html .outer,
* html h2,
* html .sidenav li a 
{height: 1%;}


/* Holly hack */


/*** Variance fixes for IEwin ***/

/*\*/
* html .outer p {margin-right: -6px;}
/* */


/**************** Utility Rules *******************/

/*\*/ /*/
.sidenav a:hover {position: relative;}
/* this fixes an IEmac hover bug in the left column, hidden from other browsers */


.brclear { /* Use a break with this class to clear float containers */
  clear:both;
  height:0;
  margin:0;
  font-size: 1px;
  line-height: 0;
}

.clicker {
  display: block;
  text-align: center; 
  padding: 3px; 
  background: #833; 
  cursor: pointer;   
}

.hide {display: none;}