/*KVE Main Style Sheet*/

html, body {
background-color: #ffffff;
font-size: 100%;
font-family: Arial, Verdana, Helvetica, sans-serif;
color: #545454;
margin-left: auto;
margin-right: auto;
width: 50em;
height: 100%;
}
blockquote {
font-size: .9em;
line-height: 1.2em;
color: #272727;
margin-left: 2em;
margin-right: 2em;
}
div {
margin-left: auto;
margin-right: auto;
}
img {
border: none;
}
#content {
position: relative;
left: 10px;
width: 779px;
text-align: justify;
font-size: .9em;
line-height: 1.7em;
}
#special {
position: relative;
left: 10px;
width: 779px;
background: #ffffff url(http://www.kosraevillage.com/images/Heart2tiltl.gif) no-repeat fixed;
line-height: 1.7em;
}
#page-body-sidebar {
margin-right: 320px;
padding-right: 10px;
border-right: 1px #d3a900 solid;
}
#page-body-sidebar-indent {
margin-right: 320px;
padding-right: 10px;
border-right: 1px #d3a900 solid;
margin-left: 10em;
}
#sidebar {
float: right;
width: 320px;
background-color: #fff8d1;
margin-bottom: 20px;
}
#header {
position: relative;
width: 700px;
margin-left: auto;
margin-right: auto;
padding: 0px;
text-align: center;
font-size: .8em;
font-weight: bold;
padding-bottom: .5em;
margin-bottom: .5em;
}
#top-nav-bar {
background-color: #fff8d1;
padding: .5em .5em;
margin-top: .5em;
margin-bottom: .5em;
}
#side-nav-bar {
position: absolute;
text-align: center;
left: 0px;
width: 170px;
border-right: 1px #d3a900 solid;
background-color: #fff8d1;
font-size: .8em;
margin: 0em;
color: #003300;
padding: 1em;
line-height: 1.2em;
}

/*main text on index page*/

#page-body {
margin-left: 208px;
}
.border-thin {
border: 2px #414141 solid;
}
.title {
color: #555555;
text-align: center;
font-size: 1em;
line-height: 1.1em;
font-weight: bold;
}
.right {
position: relative;
margin: 10px;
float: right;
}
.left {
position: relative;
margin: 10px;
float: left;
}
.center {
position: relative;
text-align: center;
margin-left: 10px;}
.indent {
position: relative;
text-align: left;
margin-left: 2em;
}
.center-bold {
position: relative;
margin: 10px;
text-align: center;
font-weight: bold;
}
.justify-bold {
position: relative;
margin: 10px;
text-align: justify;
font-weight: bold;
}

.promo {
position: relative;
margin: 10px;
color: #006633;
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: #ab0000;
font-size: 1.1em;
text-align: center;
font-style: italic;
}
.image-right {
position: relative;
float: right;
margin: 0.5em;
padding: 0.5em;
}
.image-left {
position: relative;
float: left;
margin: 0.5em;
padding: 0.5em;
}
.caption {
text-align: center;
font-style: italic;
font-size: .8em;
line-height: .8em;
text-indent: 0;
font-weight: bold;
}
.foot {
position: relative;
margin: 10px;
text-align: center;
font-size: .7em;
}
.note {
position: relative;
margin: .5em;
text-align: center;
font-size: .8em;
}
h1 {
color: #006633;
font-size: 1.5em;
text-align: center;
font-style: italic;
letter-spacing: 3px;
font-family: Arial, Verdana, Helvetica, sans-serif;
}
h2 {
color: #006633;
font-size: 1.3em;
text-align: center;
letter-spacing: +.1em;
font-family: Arial, Verdana, Helvetica, sans-serif;
}
h1.red {
color: #ab0000;
font-size: 1.5em;
text-align: center;
font-style: italic;
letter-spacing: 3px;
font-family: Arial, Verdana, Helvetica, sans-serif;
}
h2.red {
color: #ab0000;
font-size: 1.3em;
text-align: center;
letter-spacing: +.1em;
font-family: Arial, Verdana, Helvetica, sans-serif;
}
h3 {
color: #006633;
font-size: 1.1em;
text-align: left;
font-family: Arial, Verdana, Helvetica, sans-serif;
}
h3.center {
color: #006633;
font-size: 1.1em;
text-align: center;
font-family: Arial, Verdana, Helvetica, sans-serif;
}
h4 {
color: #545555;
font-weight: bold;
font-family: Arial, Verdana, Helvetica, sans-serif;
}
a:link {
background: #FFFF99 none;
color: #003300;
text-decoration: none;
}
a:visited {
background: #ffdd96 none;
color: #003300;
text-decoration: underline;
}
a:hover {
background: #FFFF99 none;
color: #003300;
text-decoration: none;
text-transform: uppercase;
font-size: .8em;
font-weight: bold;}
a:active {
background: #FFFF99 none;
color: #003300;
text-decoration: none;
}
table.rates {
text-align: center;
width: 40em;
background-color: #fffee5;
border: 1px #003300 solid;
border-collapse: collapse;
border-spacing: 0px;
margin-left: auto;
margin-right: auto;
}
table.menu {
text-align: center;
width: 50em;
background-color: #fffee5;
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.body {
border-bottom: 1px solid #003300;
text-align: left;
text-indent: 10px;
background-color: #fffee6;
}
td.body-center {
border-bottom: 1px solid #003300;
text-align: center;
background-color: #fffee6;
}
hr.small {
width: 10em;
}
hr.big {
width: 25em;
}
hr.bigger {
width: 600px;
margin-left: auto;
margin-right: auto;}
hr.bigold {
width: 600px;
color: #d3a900;
}