* {
    padding: 0px;
    margin: 0px;
}

html {

}

body {
    font-style: normal;
    font-weight: normal;
    font-family: Arial, Verdana, sans-serif;
    font-size: 62.5%;
    background: #759acf url(images/bg-site.jpg) no-repeat scroll center top;
    text-align: center;
    padding: 10px;
}

img {
    vertical-align: middle;
    border: 0px;
}

A:link, A:visited {
    text-decoration: underline;
}

A:hover, A:active {
    text-decoration: none;
}

.imgfl {
    float: left;
    padding: 10px;
}

* html .brc {
    position: relative;
    top: -3px;
}
* html .trc {
    position: relative;
    top: 3px;
}

#container {
    width: 780px;
    margin: 0 auto;
    text-align: left;
    background-color: #fff;
    padding: 10px;
}

#page-header {
    overflow: hidden;
}

* html #page-header {
    height: 1%;
}

#page-header h2 {
    width: 160px;
    float: left;
    padding-left: 40px;
}

#page-header ul {
    width: 500px;
    float: right;
    text-align:center;
    padding-top: 15px;
}

#page-header li {
    display: inline;
    color: #000;
    font-size: 1.3em;
    font-weight: bold;
    margin-left: 3px;
    list-style-type: none;
}

#page-header li img {
    padding-bottom:10px;
}

#page-header a:link, #page-header a:visited {
    color: #004352;
    text-decoration: none;
}

#page-header a:hover, #page-header a:active {

}

#page-nav {
    overflow: hidden;
    background-color: #003300;
    border-top: 3px solid #000;
    border-bottom: 3px solid #000;
    margin-top: 10px;
}

* html #page-nav {
    height: 1%;
}

#page-nav ul {
    float: left;
    width: 298px;
    height: 260px;
}

#page-nav li {
    text-align: right;
    list-style-type: none;
    font-size: 1.3em;
    font-weight: bold;
    margin-top: 3px;
    margin-right: 8px;
}

#page-nav a:link, #page-nav a:visited {
    color: #fff;
    text-decoration: none;
    padding-right: 15px;
}

#page-nav a:hover, #page-nav a:active {
    border-right: 7px solid #fff;
    padding-right: 8px;
}

#page-nav .hotel-front {
    width: 482px;
    float: left;
}

#front-promo {
    overflow: hidden;
    margin-top: 10px;
    background-color: #e9ebd6;
    border-bottom: 3px solid #000;
}

* html #front-promo {
    height: 1%;
}

#container a {
    color: #000066;
}

#front-promo .left-col {
    width: 278px;
    padding: 10px;
    float: left;
}

#front-promo .left-col p {
    font-size: 1.2em;
    line-height: 1.4em;
    margin-bottom: 10px;
}

#front-promo .left-col h1 {
    font-weight: normal;
    margin-bottom: 10px;
    color:#990000;
}

#front-promo .right-col {
    width: 482px;
    float: left;
    background-color: #fff;
}

#front-promo .right-col ul {
    overflow: hidden;
}

* html #front-promo .right-col ul {
    height: 1%;
}

#front-promo .right-col li {
    float: left;
    list-style-type: none;
    width: 155px;
    margin-right: 8px;
    color:#fff;
    background-color: #003300;
    height: 210px;
}

#front-promo .right-col a {
    color:#fff;
}

#front-promo .right-col li.nop {
    margin-right: 0px;
    margin-left: 1px;
}

#front-promo .right-col p {
    font-size: 1.2em;
    padding: 5px;
}

#front-promo .right-col h1 {
    font-size: 1.2em;
    font-weight: bold;
    color: #fff;
    padding: 2px 2px 2px 5px;
}

#front-promo .right-col h1.callout1 {
	background-color: #004352;
}

#front-promo .right-col h1.callout2 {
	background-color: #004352;
}

#front-promo .right-col h1.callout3 {
	background-color: #004352;
}

#front-promo .right-col h2 {
    padding: 5px;
}

#page-content {
	overflow: hidden;
	margin-top: 10px;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #000;
}

* html #page-content {
    height: 1%;
}

#page-content h1 {
    background-color: #fff;
    color: #004352;
    font-weight: normal;
    font-size: 2.2em;
    padding: 3px;
}

#page-body {
    float: left;
    width: 460px;
    padding: 20px;
    font-size: 1.2em;
}

#page-body-gallery {
    float: left;
    width: 700px;
    padding: 20px;
    font-size: 1.2em;
}

#page-body h2 {
    color: #003300;
    margin-bottom: 10px;
    font-size: 1.2em;
}

#page-body p {
    margin-bottom: 10px;
}

#page-body p img {
    margin-bottom: 10px;
}

#page-body UL, #interior-page UL {
    margin-left: 20px;
    margin-bottom: 20px;
}

#sidebar {
    width: 280px;
    float: left;
    padding: 20px 0px 20px 0px;
}

#sidebar p {
    font-size: 1.2em;
    margin-bottom: 10px;
}

#sidebar h2 {
    font-size: 1.2em;
    text-align: center;
    margin-bottom: 10px;
}

#sidebar h3 {
    font-size: 1.2em;
    margin-bottom: 5px;
}

#sidebar .double-line {
    border-top: 1px solid #999;
    border-bottom: 1px solid #999;
    margin: 10px 0px 10px 0px;
    padding-bottom: 1px;
}

#page-footer {
    font-size: 1.2em;
    line-height: 1.4em;
    text-align: center;
    border-top: 40px solid #003300;
    margin-top: 5px;
    padding-top: 10px;
}

#page-footer .textsmall {
    padding-top: 10px;
}

#page-footer A:link, #page-footer A:visited {
    text-decoration: underline;
}

#page-footer A:hover, #page-footer A:active {
    text-decoration: none;
}

 /* classes which define the calendar styles */
.inputFormButton { font-size:11px; color: #fff; background-color:#003300; }
.titleEvent { font-size: 12px; font-weight: bold; }
.eventLine { font-size: 12px; }
.monthYear { font-size:16px; font-weight: bold; }
.daysOfWeek { font-size: 12px;font-weight: bold; }
.gridMain { font-size: 11px; }
.todayColorIn { color: #CC0000; background-color: #FFFFCC; } /* font color for the current date for current month */
.inMonthFaceIn { color: #000; background-color: #FFFFCC; } /* font color for days in the display month for current month */
.outMonthFaceIn { color: #333; background-color: #FFFFCC; } /* font color for days not in the display month for current month */
.todayColorOut { color: #CC0000; background-color: #999; } /* font color for the current date for days in the display month */
.inMonthFaceOut { color: #000; background-color: #999; } /* font color for days in the display month for days in the display month */
.outMonthFaceOut { color: #333; background-color: #999; } /* font color for days not in the display month for days in the display month */
.dropDownInCalendar { font-size: 12px; background-color:#fff; border: 1px #666 solid; }
.calendardetail { font-size: 12px; line-height: 15px; color: #000; padding-right: 5px; padding-left: 5px; }
