/*KVR Main Style Sheet*/
/*color swatch
	#fffdf6 ecru 			backgound,
	#272727 blackbrown 		blockquote text
	#F3EDC0				link background
	#003300 forest green		link, active text koosrae village logo color
	#fff6b5 dark creme			visted link background 
	#C27B24				visited link text
	#006633 dark green		hover, focus background, h1, h2, h3 text
	#ffff	  white			hover, focus text
	#545555 dark gray			h4 text
	#d3a900 dark gold			menu bottom line
	#ddd    gray			submenu horizontal lines
	#e80000 red			promo
	#fff7e2 cream			table wide background
	#FFEF99 light yellow		table head
	#414141	dark grey			thin border
	#555555	light grey			title
	#004220	dark green		green promo
	#afc2ac musty green		table menu
	*/
html {
	font-size: 62.5%;	/*rembase = 10px*/
	background: #fffdf6;
}
body, p {
	
	/* This removes the border around the viewport in old versions of IE */
	border: 0;
	font-family: Candara, Calibri, Segoe, "Segoe UI", Optima, Arial, sans-serif;
	font-size: 1.6rem;		/* 16 ÷ rembase */
	font-weight: normal;
	text-decoration: none;
	line-height: 1.86; 		/*heightbase (26px) ÷ font-size (14px)*/
	margin: 0;
	padding: 0;
	width: 100%;
}

a,
a:link {
	background: #F3EDC0 none; 
	color: #006633;
	text-decoration: none;
}
a:visited {
	background: #fff6b5 none;
	color: #C27B24;
}
	
a:hover, a:active, a:focus  {
	background: #006633 none;
	color: #fff;
}
	

h1 {
	color: #006633;
	font-size: 2.5rem;
	text-align: center;
	font-style: italic;
	letter-spacing: 3px;
	/*line-height: 33px;*/
	
}

h2 {
	color: #006633;
	font-size: 2rem;
	text-align: center;
	letter-spacing: +.1em;
	
}

h3 {
	color: #006633;
	font-size: 2rem;
	text-align: left;
	
}

h4 {
	color: #545555;
	font-weight: bold;
}

img {
	border: none;
}

	
#header {
	clear:both;
	width:100%;
	padding-top: 14px;
	padding-bottom: 0;
	position: relative;font-size:1.4rem;
}

/*Matthew James Taylor centered menu, 3 col layout*/
/* Main menu settings */

#centeredmenu {
   	clear:both;
   	float:left;
   	margin:0;
   	padding:0;
   	width:100%;
   	font-size: 1.6rem;
   	z-index:1000; /* This makes the dropdown menus appear above the page content below */
   	position:relative;
}

/* Top menu items */

#centeredmenu ul {
  	margin:0;
   	padding:0;
   	list-style:none;
   	float:right;
   	position:relative;
   	right:50%;
}

#centeredmenu ul li {
   	margin:0 0 0 1px;
   	padding:0;
   	float:left;
   	position:relative;
   	left:50%;
   	top:1px;
  	font-size: 100%
}

#centeredmenu ul li a {
   	display:block;
   	margin:0;
   	padding:.6em .5em .4em;
   	/*font-size: 100%;*/
   	border-bottom: 1px solid #d3a900;
}

#centeredmenu ul li.active a {
   	/*font-size: 100%;*/
}

#centeredmenu ul li a:hover {
   	/*font-size: 100%;*/
}

#centeredmenu ul li:hover a,
#centeredmenu ul li.hover a { /* This line is required for IE 6 and below */
	/*text-decoration: none;*/
	/*font-size: 100%;
	font-weight: normal;*/
}


/* Submenu items */

#centeredmenu ul ul {
   	display:none; /* Sub menus are hidden by default */
   	position:absolute;
   	top:2.5em;
   	left:0;
   	right:auto; /*resets the right:50% on the parent ul */
   	/*width:10em; *//* width of the drop-down menus */
}

#centeredmenu ul ul li {
   	left:auto;  /*resets the left:50% on the parent li */
   	margin:0; /* Reset the 1px margin from the top menu */
   	clear:left;
   	width:100%;
}

#centeredmenu ul ul li a,
#centeredmenu ul li.active li a,
#centeredmenu ul li:hover ul li a,
#centeredmenu ul li.hover ul li a { /* This line is required for IE 6 and below */
   	/*font-size: 100%;
   	font-weight:normal; /* resets the bold set for the top level menu items */
   	/*line-height:1.4em;*/ /* overwrite line-height value from top menu */
   	border-bottom:1px solid #ddd; /* sub menu item horizontal lines */
	float: left;
   	width:100%;
}

#centeredmenu ul ul li a:hover,
#centeredmenu ul li.active ul li a:hover,
#centeredmenu ul li:hover ul li a:hover,
#centeredmenu ul li.hover ul li a:hover { /* This line is required for IE 6 and below */
	background: #006633 none;
	color: #fff;
	text-decoration: none;
	font-size: 100%;
	font-weight: normal;
	float: left;
}
/* Flip the last submenu so it stays within the page */
#centeredmenu ul ul.last {
   left:auto; /* reset left:0; value */
   right:0; /* Set right value instead */
}


/* Make the sub menus appear on hover */

#centeredmenu ul li:hover ul,
#centeredmenu ul li.hover ul { /* This line is required for IE 6 and below */
   	display:block; /* Show the sub menus */
   	/*font-size: .85em;*/
   	width:100%;
}

/* column container */

.colmask {
/* This fixes the IE7 overflow hidden bug */
	position:relative;	
	clear:both;
	float:left;
	width:100%;		/* width of whole page */	
	overflow:hidden;	/* This chops off any overhanging divs */	
}
	
/* common column settings */

.colright,
.colmid,
.colleft {
	float:left;
	width:100%;		/* width of page */	
	position:relative;
}

.col1,
.col2,
.col3 {
	float:left;
	position:relative;
}

/* 3 Column Containers Positioning / Formatting*/

.threecol {
	background:#fffdf6; 	/* right column background colour */
}

.threecol .colmid {
	right:19%;		/* width of the right column */
	background: #fff;	/* center column background colour */
	border-right: 1px #d3a900 solid;
}

.threecol .colleft {
	right:62%;		/* width of the middle column */	
	background: #fffdf6;	/* left column background colour */
	border-right: 1px #d3a900 solid;	
}	
	
	/*Content Positioning / Formating*/

.threecol .col1 {
	width:60%;		/* width of center column content (column width minus padding on either side) */	
	left:101%;		/* 100% plus left padding of center column */	
}

.threecol .col2 {
	width:17%;		/* Width of left column content (column width minus padding on either side) */	
	left:22%;		/* width of (right column) plus (center column left and right padding) plus (left column left padding) */	
	font-size: .9em;
	color: #003300;
	/*line-height: 1.2em;*/
	text-align: center;
}

.threecol .col3 {
	width:17%;		/* Width of right column content (column width minus padding on either side) */	/* Please make note of the brackets here:(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
	left:86%;			
	text-align: center;
	font-size: .8em;
	/*line-height: 1.2em;*/
	/*background:#fff7e2;	*/
}

/* Footer styles */

#footer {
	clear:both;
	float:left;
	width:100%;
	position: relative;
	border-top: 1px #d3a900 solid;
	margin: 10px;
	text-align: center;
	font-size: .8em;padding-top: inherit;
}

#footer-logos {
    float: none;
    width:100%;
    position: relative;
    text-align: center;padding: 1em;margin: 1em;
}

.border-thin {
    border: 2px #414141 solid;
}

.title {
    color: #555555;
    text-align: center;
    font-size: 1.4rem;
 
    font-weight: bold;
}

.address-bar {
    position: relative;
    margin-left: 1em;
    border-bottom: 1px #d3a900 solid;
    color: #006633;
    background: #fff;
    font-size: 1.6rem;
    font-weight: bold;
    color: #006633;
}
	
.search-button-mast {
    position: relative;
    margin-left: 3px;
    float: right;border: 1px solid #d3a900;padding-left: 1px;padding-right: 1px;
}

.margin-all {
     margin: 1em;
}

.left {
      position: relative;
      margin: 10px;
      float: left;
}
.right {
       position: relative;
       float: right;
       margin-right: 10em;
}

.center {
        position: relative;
        text-align: center;
        margin-left: 10px;
}

.indent {
        position: relative;
        text-align: left;
        margin-left: 2em;
}

.indent-mid {
        position: relative;
        text-align: left;
        margin-left: 5em;
}
.indent-big {
        position: relative;
        text-align: left;
        margin-left: 10em;
}

.center-bold {
        position: relative;
        margin: 10px;
        text-align: center;
        font-weight: bold;
}

.left-bold {
		position: relative;
		margin: 10px;
		text-align: left;
		font-weight: bold;
}

.promo {
		position: relative;
		color: #004220;
		font-size: 1.1em;
		text-align: center;
		font-style: italic;
}

.promo-big-bold {
		position: relative;
		margin: 10px;
		color: #006633;
		font-size: 1.3em;
		text-align: center;
		font-style: italic;
		font-weight: bold;
}
.promo-sidebar-bold {
		position: relative;
		margin: 10px;
		color: #006633;
		font-size: 1.3em;
		text-align: center;
		font-weight: bolder;
}
.promo-left-bold {
		position: relative;
		margin: 10px;
		color: #006633;
		font-size: 1.3em;
		text-align: left;
		font-style: italic;
		font-weight: bold;
}
.promo-red {
		position: relative;
		margin: 10px;
		color: #e80000;
		font-size: 1.5rem;
		text-align: center;
		font-style: italic;
}

.promo-red-left {
		position: relative;
		color: #e80000;
		font-size: 1.5rem;
		text-align: left;
		font-style: italic;
}

.promo-gray-block-left {
		color: #545555;
		font-weight: bold;
		text-align: left;
}

.redhot {
		color: #e80000;
}

.required {
		color: #e80000;
		font-weight: bold;
}

.image-repeat-x {
		position: relative;
		margin: 0.5em;
		padding: 0.5em;
		background-image: url(../images/Inum.gif);
		background-repeat: repeat-x;
}

.image-masthead {
		position: relative;
		width: 95%;
		/*max-width: 800px;*/
		border: none;
		padding:0;
		margin-top: .2em;
		margin-left: 0em;
		margin-bottom: 0em;
		margin-right: 0em;
}

.image-center {
		position: relative;
		text-align: center;
		margin: 0.5em;
		padding: 0.5em;
}

.image-right {
		position: relative;
		float: right;
		margin: 0.25em;
		padding: 0.25em;
}

.image-left {
		position: relative;
		float: left;
		margin: 0.25em;
		padding: 0.25em;
}

.image-left-indent5 {
		position: relative;
		float: left;
		margin: 0.5em;
		padding: 0.5em;
		margin-top: 0.5em;
		margin-bottom: 0.5em;
		margin-right: 0.5em;
		margin-left: 5em;
}
/*Old Style Sheet*/

blockquote {
	font-size: .9em;
	/*line-height: 1.2em;*/
	color: #272727;
	margin-left: 2em;
	margin-right: 2em;
}

.caption {
		text-align: center;
		font-size: .8em;
		/*line-height: .9em;*/
		text-indent: 0;
		font-weight: bold;
		margin-top: 2px;
}

.note {
		position: relative;
		margin: .5em;
		text-align: center;
		font-size: .8em;
		font-style: italic;
}

.award-pane {
	background-color: #ffffff;
	text-align: center;
	font-size: .8em;
	/*line-height: 1.2em;*/
	border-left: 1px #d3a900 solid
}
	
hr.small {
    width: 10em;
}
.quotes{
	font-style: italic;
	text-align: left;
	font-size: 1.3em;
	/*line-height: 2em;*/
}
.quotes-bold{
	font-style: italic;
	text-align: left;font-weight: bold;
}
.quotes-big{
	font-style: italic;
	text-align: left;font-weight: normal;font-size: 1.7em;
}
.justify-bold {
	position: relative;
	text-align: justify;
	font-weight: bold;
}
table.rates {
	text-align: center;
	width: 40em;
	background-color: #fff7e2; 
	border: 1px #003300 solid;
	border-collapse: collapse;
	border-spacing: 0px;
	margin-left: auto;
	margin-right: auto;
}
table.package-rates {
	width: 25em;
	background-color: #ffffff;
	border: 1px #003300 solid;
	border-collapse: collapse;
	border-spacing: 0px;
	margin-left: auto;
	margin-right: auto;
}
table.menu {
	text-align: center;
	width: 95%;
	background-color: transparent;
	border: .3em #afc2ac solid;
	border-collapse: collapse;
	border-spacing: 0px;
	margin-left: auto;
	margin-right: auto;
}
table.wide {
	text-align: center;
	font-size: .8em;
	width: 60em;
	background-color: #fff7e2;
	border: 1px #003300 solid;
	border-collapse: collapse;
	border-spacing: 0px;
	margin-left: auto;
	margin-right: auto;
}
td.head {
	border-bottom: 2px solid #003300;
	background-color: #ffef99;
	text-align: center;
	font-weight: bold;
	font-size: 1em;
	color: #003300;
}
td.headmenu {
	border-bottom: 2px solid #003300;
	background-color: transparent;
	text-align: center;
	font-weight: bold;
	font-size: 1em;
	color: #003300;
}
td.head-border {
	border: 1px solid #003300;
	background-color: #ffef99;
	text-align: center;
	font-weight: bold;
	font-size: .9em;
	color: #003300;
}
td.body {
	border-bottom: 1px solid #003300;
	text-align: left;
	text-indent: 10px;
	background-color: #fff7e2;
}
td.bodymenu {
	border-bottom: 1px solid #003300;
	text-align: left;
	text-indent: 10px;
	background-color: transparent;
}
td.body-package {
	border-bottom: 1px solid #003300;
	text-align: center;
	text-indent: 10px;
	background-color: #ffffff;
}
td.body-border {
	border: 1px solid #003300;
	text-align: left;
	text-indent: 5px;
	background-color: #fff7e2;
}
td.body-border-bold {
	border: 1px solid #003300;
	text-align: left;
	text-indent: 5px;
	font-weight: bold;
	background-color: #fff7e2;
}
td.body-center {
	border-bottom: 1px solid #003300;
	text-align: center;
	background-color: #fff7e2;
}