/* Kitsap Hospitality CSS Document */
/*      by Sungrafx - 2008         */

html, body {
	padding:0;
	margin:0;
	background:#ffffff url(../images/bg.jpg) repeat-x;
	font-family:Georgia, "Times New Roman", Times, serif;
}


#container {
	background:#003919;
	width:815px;
	margin:auto;
}


#header {
	background-image:url(../images/header.jpg);
	background-repeat:no-repeat;
	height:164px;
	}
	
#navigation {
	height:54px;
	background-image:url(../images/topmenubg.jpg);
	background-position:top center;
	background-repeat:repeat-x;
	text-align:center;
	margin:auto;
	}
	
#rotator {
	background:#f7efe9;
	height:227px;
	}
	
#mininav {
	background-image:url(../images/mininavbg.jpg);
	height:41px;
	border-bottom:1px thin #CBCBCB;
	border-left:1px thin #ECECEC;
	border-right:1px thin #ECECEC;
	font-size:11px;
	color:#3C3C3C;
	text-align:center;
}	

#mininav a:link, #mininav a:active, #mininav a:visited {
	color:#3C3C3C;
	text-decoration:underline;
}

#mininav a:hover {
	color:#00522D;
	text-decoration:none;
}

#mininav ul {
	padding-top:14px;
	margin:0;
	}
	
#mininav li {
	display:inline;
	padding-right:17px;
}

#mininav .bottom {
	padding-top:4px;
	vertical-align:middle;
}

/* dropdown */ 




#main {
	background-image:url(../images/contentbg.jpg);
	background-position:bottom;
	background-color:#f8f3ee;
	background-repeat:repeat-x;
	height:100%;
}

#sidebar {
	float:left;
	width:285px;
	padding-top:37px;
	padding-left:29px;
	}
	
#reservations {
	background:url(../images/reservationbg.jpg) no-repeat;
	height:157px;
	width:272px;
	padding:16px 0 0 16px;
	color:#B3DAC8;
	font-size:11px;
	line-height:18px;
}

#fanmail {
	background-image:url(../images/fanmail.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	height:157px;
	width:272px;
	padding:16px 0 0 16px;
	color:#B3DAC8;
	font-size:11px;
	line-height:18px;
}

#star {
	background-image:url(../images/star.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	height:157px;
	width:272px;
	padding:16px 0 0 16px;
	color:#B3DAC8;
	font-size:11px;
	line-height:18px;
}


#star a{
color:#B3DAC8;
text-decoration:none;}

#reservations p {
	margin-bottom:9px;
	margin-top:0px;
}


#content {
	margin-left: 320px;
	font-size:12px;
	color:#3E3E3E;
	line-height:20px;
	padding:35px 20px 0 0;
}	

/* the *margin-top is a patch for IE which was displaying the box in an odd position */

#contentgallery {
	background:url(../images/gallerybg.png) no-repeat;
	text-align:center;
	height:282px;
	width:470px;
	margin-left:-5px;
	margin-top:42px;
	*margin-top:36px;	
	padding-top:18px;
}

#contentgallery2 {
	background:url(../images/gallerybg2.png) no-repeat;
	text-align:center;
	height:430px;
	width:470px;
	margin-left:-5px;
	margin-top:42px;
	*margin-top:36px;	
	padding-top:18px;
}

#contentgallery2 ul {
	margin:0;
	padding:0 0 18px 0;
	}

#contentgallery2 li {
	margin:0;
	display:inline;
	}

#contentgallery ul {
	margin:0;
	padding:0 0 18px 0;
	}

#contentgallery li {
	margin:0;
	display:inline;
	}
	
.gallery {
	margin-right:23px;
}

#left {
	text-align:right;
	font-size:11px;
	padding-right:67px;
	margin-top:-8px;
}

#contentgallery img {
	border:2px solid #a3a3a3;
}

#bottom {
	clear: both;
	height:209px;
	background:#003919;
	background-image:url(../images/bottombg.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	font-size:11px;
	color:#fbf4ee;
	line-height:18px;
}

#bottom a:link, #bottom a:active, #bottom a:visited, #bottom a:hover {
	color:#fbf4ee;
	font-size:15px;
	font-style:italic;
	font-weight:bold;
	text-decoration:none;
}


#bottom p {
	padding:0 0 10px 0;
	margin:0;
}

#greenk {
	height:22px;
	background-image:url(../images/greenk.jpg);
	background-repeat:no-repeat;
}

#footer {
	background-color:#FFFFFF;
	background-image:url(../images/footerbg.jpg);
	background-repeat:no-repeat;
	height: 50px;
	font-size:11px;
	color:#AEAEAE;
	padding-top:15px;
}

#footer a:active, #footer a:link, #footer a:visited {
	color:#aeaeae;
	text-decoration:none;
}

#footer a:hover {
	color:#006B3C;
	text-decoration:underline;
}

.grnheaders {
	color:#00572F;
	font-size:19px;
	font-style:italic;
}


.lightheaders {
	color:#F5F5F6;
	font-size:17px;
	font-style:italic;
}

.lightheaders-small {
	color:#F5F5F6;
	font-size:15px;
	font-style:italic;
	font-weight:bold;
}


.lightheaders-small a:link, .lightheaders-small a:active, .lightheaders-small a:visited, .lightheaders-small a:hover {
	color:#F5F5F6;
	text-decoration:none;
}

.headers {
	font-size:17px;
	font-style:italic;
}

.small {
	font-size:11px;
}

/* rounded corner table */

.greytop {
	background-image:url(../images/round_01.gif);
	height:5px;
}

.greytxt {
	background-color:#F7F7F7;
	padding:5px 12px 0 12px;
	font-size:12px;
}

.greytxt ul {
	padding:0;
	margin:0 0 0 13px;
}

.greytxt li {
	padding-bottom:10px;
}

.greytxt a:link, .greytxt a:active {
	color:#3E3E3E;
}

.greytxt a:hover {
	color:#00522D;
	text-decoration:none;
}

.greytxt a:visited {
	color:#00522D;
}

.greybtm {
	background-image:url(../images/round_03.gif);
	height:5px;
}

/* end rounded corner table */

.dropcap {
	float:left;
	padding:2px;
}


#shuttle {
	float:left;
	width:265px;
	padding-left:22px;
}

.btmdiv {
	background:url(../images/btmdiv.jpg) no-repeat;
	float:left;
	width:15px;
	height:164px;
	margin: 0 10px 0 10px;
}

#why {
	width:260px;
	float:left;
}

#contact {
	float:left;
	width:195px;
}

#contact a:link, #contact a:active {
	font-weight:normal;
	font-style:normal;
	font-size:11px;
	color:#fbf4ee;
	text-decoration:underline;
}

#contact a:hover {
	font-weight:normal;
	font-style:normal;
	font-size:11px;
	color:#fbf4ee;
	text-decoration:none;
}

#contact a:visited {
	font-weight:normal;
	font-style:normal;
	font-size:11px;
	color:#fbf4ee;
	text-decoration:underline;
}

.btmheader {
	font-size:17px;
	color:#fbf4ee;
	font-style:italic;
}


.imgright {
	float:right;
	padding:5px 5px 0 5px;
}

.imgleft {
	float:left;
	}
	
.floatright {
	float:right;
	text-align:right;
}

.imgfloatright {
	float:right;
	padding:25px;
	}

.shuttlebox {
	background:#E3E3E3;
	float:right;
	width:160px;
	padding:5px;
	border:2px solid #a3a3a3;
	font-size:11px;
}

#content a:link, #content a:active, #content a:visited {
	color:#00572F;
	text-decoration:none;
}

#content a:hover {
	color:#008F4D;
	text-decoration:underline;
}

input, textarea {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
}



/* Wrapping List for Home Page Accordion */

.listwrapul {
  float: left;
  width: 20em;
  margin: 0;
  padding-left:13px;
  padding-top:10px;
  list-style: none;
  font-family:Georgia, "Times New Roman", Times, serif;
  font-size:11px;
  color:#404040;
  letter-spacing:0.03em;
}
 
.listwrapli {
  float: left;
  width: 10em;
  margin: 0;
  padding: 0;
} 

.listwrapli a{
color:#333333;
text-decoration:none;
}

.listwrapli a:hover{
color:#333333;
text-decoration:underline;
}