* {
  margin: 0;
  padding: 0;
  }

body {
  border-top: 5px solid #66A242;
  padding-left: 1px;
  text-align: left;
  font: 12px/15px Georgia, Arial, Helvetica, sans-serif;
  color: black;
  background-image: url(assets/divider.gif);
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-color: white;
}

a,
a:link,
a:visited	{
	color: #003399;
	text-decoration: none;
	font-weight: bold;
}

a:active,
a:hover	{ 
	color: #003399;
	text-decoration: underline;
} 

/* top bar */

#bar-top {
  border-top: 10px solid #66A242;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 3px;
	clear: both;
}

#bar-bottom {
  border-bottom: 10px solid #66A242;
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 3px;
	clear: both;
}

#title {
  background: transparent url(assets/kmp_title5.gif) no-repeat center top;
  width: 413;
  height: 60px;
  padding-bottom: 20px;
  }

/* logo styles */

#logo {
  height: 100%;
  width: 210px;
  position: fixed;
  top: 20px;
  left: 8px;
  color: #000;
  border: 0px;
}

div#logo h1 {
  background: transparent url(assets/kmp_logo5.gif) no-repeat center top;
  height: 115px;
}

div#logo h1 a {
  font: 16px/20px Georgia, Times, serif;
  display: block;
  text-indent: -9999px;
  height: 115px;
  border: 0px;
  text-decoration: none;
}

/* contact styles */

#contact {
  height: 100%;
  width: 15em;
  position: fixed;
  top: 140px;
  left: 20px;
 }

#contact p	{
  padding: 0px 0px 2px 0px;
  font: 15px/16px Georgia, Arial, Helvetica, sans-serif;
  text-align: center;
  color: black;
  /* color: #66A242;*/
}
  
#contact a,
#contact a:link,
#contact a:visited	{
	color: #333333;
	text-decoration: none;
	font-weight: bold;
	font: 10px Arial, Helvetica, sans-serif;
}

#contact a:active,
#contact a:hover	{ 
	color: #273320;
	text-decoration: underline;
} 

/* navigation styles */

#nav {
  overflow: auto;
  height: 100%;
  width: 130px;
  position: fixed;
  top: 215px;
  left: 45px;
  color: #FFF;
}

#nav ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

div#nav {
	font: bold 11px/44px Georgia, Verdana, Times, serif;
	text-align: center;
	text-transform: uppercase;
  }

#nav a,
#nav a:link {
	display: block;
	width: 100%;
	color: #666666;
}

#nav a:active,
#nav a:hover	{
  color: #000;
  background-image: url("assets/tilde_black.gif"); 
  background-repeat: no-repeat; 
  background-position: center bottom;
  text-decoration: none;
}

#nav li.home a,
#nav li.home a:link {
  color: #66A242;
  background-image: url("assets/tilde.gif"); 
  background-repeat: no-repeat; 
  background-position: center bottom;
}

#nav li.home a:active,
#nav li.home a:hover	{
  color: #66A242;
  background-image: url("assets/tilde.gif"); 
  background-repeat: no-repeat; 
  background-position: bottom;
}

/* content styles */

#content {
	display: block;
	width: 550px;
	margin: 0px 0px 0px 35px;
	padding-top: 0px;
	padding-bottom: 35px;
	font: 16px/20px Georgia, Arial, Helvetica, sans-serif;
}

#content h2 {
	padding: 10px 0px 0px 5px;
	font-size: 22px;
	line-height: 28px;
	font-weight: normal;
	color: #2E471D;
}

#content h3 {
	padding: 15px 0px 5px 5px;
	font-size: 18px;
	font-weight: bold;
	color: #2E471D;	
}
#content h4 {
	padding: 15px 0px 5px 5px;
	font-size: 24px;
	font-weight: bold;
	color: #2E471D;	
}

#content p	{
	padding: 0px 0px 5px 5px;
	color: #CCC;	
	margin-top: 10px;
	font-size: 14px;
	color: black;
}

#content p.footer	{
	font: 12px/14px Georgia, Arial, Helvetica, sans-serif;
	border-top: 1px dotted #999999;
	padding: 10px 0px 5px 5px;
	color: black;
}

#content p strong {
	font-weight: bold;
	color: black;
}

#content p em {
	font-weight: normal;
	font-style: bold;
	color: black;
}

#content ul li {
	font-size: 14px;
	color: black;
	margin: 0px 0px 0px 40px;
}

#content subheader {
	padding: 0px 0px 0px 15px;
	font-weight: bold;
	color: black;
	text-transform: uppercase;
}

#content img.photo_top {
	border: 2px solid #66A242;
}

#content img.photo_right {
	float: right;
	border: 2px solid #66A242;
	margin:10px 0px 15px 20px;
}

#content img.photo {
	border: 2px solid #66A242;
}

#content img.photo_room {
	border: 2px solid #66A242;
	margin:10px 0px 10px 40px;
}

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}


/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */