/* top level
----------------------------------------------- */
body {
background-color: #e4e4b4; 
font-size: 11px;
line-height: 15px;
font-family: verdana, helvetica, sans-serif;
padding: 15px 0px 15px 0px; 
margin:0px;
background-image:  url(../images/misc/paper_body02.gif);
background-repeat: repeat-x; 
background-attachment: fixed;
}

strong {
font-weight :600;
}

#outerbox {
text-align: left;
vertical-align: top;
margin: 0 auto;
padding: 0; 
width: 725px; 
background-color: #ffc;
border: 2px solid #666;
}

p {
margin-bottom: 10px; 
margin-top: 8px; 
margin-right: 0; 
margin-left: 0; 
line-height: 1.50; 
}

/* netscape hack */
p, td, ul, ol, ul, li, dl, dt, dd {
font-family: verdana, helvetica, sans-serif;
}

/* layout
----------------------------------------------- */
#center {
vertical-align: top;
background-color: #ffc;
line-height: 1.5;
padding: 8px 15px 15px 17px;
text-align: left;
width: 404px;
}

#main {
vertical-align: top;
background-color: #ffc;
line-height: 1.5;
padding: 8px 30px 25px 17px;
text-align: left;
}

#right {
vertical-align: top;
background-color: #ffc;
border-left: 1px dashed #996;
padding: 10px 15px 15px 15px;
text-align: center;
width : 180px;
}

#footer {
vertical-align: middle;
background-color: #ffc;
padding: 8px 8px 8px 8px;
text-align: left;
}

/* table styles
----------------------------------------------- */
.rates thead th {
font-size: 12px;
font-weight: bold;
color: #333366;
background-color: #CCCC99;
padding-bottom: 3px;
border-bottom: 2px solid #666;
}

.rates td {
padding: 4px;
border-bottom: 1px solid #666;
width: 25%;
}

.hi {
background-color: #fff;
color: #333366;
font-weight: bold;
}

.rates tfoot td {
background-color: #ECECC2;
padding: 0px !important;
padding: 0px 4px;
}

/* header and navigation styles
----------------------------------------------- */
#header {
margin: 0px;
color: #000;
background-color: #cc9;
text-align: left;
background-image: url("../images/misc/header_background.jpg");
width : 725px;
height : 150px;
}

#header h1 {
display: none;
}

#header ul {
margin: 0px;
line-height: 15px;
padding: 10px 15px 15px 15px;
list-style: none;
text-align: right;
}

#header b {
color: #336;
font-weight : 600;
font-size : larger;
}

#navwrapper {
border-top: 2px solid #666;
vertical-align: top;
margin: 0px;
padding: 0px;
background-color: #ffc;
height : 65px;
}

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

ul#nav li {
float: left;
font-size: 13px;
font-weight: bold;
margin: 0;
padding: 5px 0 4px 0;
}

/* top navigation */

#nav a, #nav a:link {
color: #336;
text-decoration: none;
background-color: #ffc;
padding: 5px 9px 4px 9px;
margin: 0;
border-right: 1px solid #996;
}

/* Current page markers */

body#home #navhome, body#about #navabout, body#photos #navphotos,
body#rooms #navrooms, body#amenities #navamenities, body#attractions #navattractions,
body#information #navinformation, body#events #navevents, body#directions #navdirections,
body#packages #navpackages, body#contact #navcontact, body#antiques #navantiques  
{
color: #336;
background-color: #9c9;
}

#nav a:hover, body#home #navhome:hover, body#about #navabout:hover, body#photos #navphotos:hover, 
body#rooms #navrooms:hover, body#amenities #navamenities:hover, body#attractions #navattractions:hover, 
body#information #navinformation:hover, body#events #navevents:hover, body#directions #navdirections:hover,
body#packages #navpackages:hover, body#contact #navcontact:hover, body#antiques #navantiques:hover
{
color: #336;
background-color: #cc9;
}

/* misc. link styles
----------------------------------------------- */
h2 {font-size:12px; font-weight:700; color: #336; margin: 5px 0 0 0; padding: 0 0 4px 0; border-bottom: 1px solid #996;}
h3 {font-size:12px; font-weight:700; color: #336; margin: 0; padding: 0;}

legend {font-size:12px; font-weight:700; color: #336;}

fieldset {border: 1px solid #cc9; margin: 0 5px 12px 0; padding: 0 5px 0 0;}

#field ul {padding: .2em .5em .5em 2em; list-style-type: circle; margin: 1px 2px 2px 2px;}

.section {margin: 0; padding: 0; border-top: 1px solid #996; vertical-align: top;}
.section td {padding: 8px 20px 14px 5px; vertical-align: top;}

.sectionmains {margin: 0; padding: 0; border-top: 1px solid #996; vertical-align: top;}
.sectionmains td {padding: 8px 10px 14px 5px; vertical-align: top;}
.sectionmains td .bottompic {padding-top: 8px;}

.sectionrt {margin: 0; padding-left: 17px; border-top: 1px solid #996; border-left: 1px solid #996; vertical-align: top;}
.sectionrt td {padding: 8px 20px 14px 5px; vertical-align: top;}

.special, sup {font-weight:600; color: #933; text-decoration:none; font-style:italic;}

.drivesidenav {line-height: 14px; color: #363; text-decoration: none; font-size: 11px; font-weight: bold;}
.drivesidenav:link {color: #363; text-decoration: none; font-size: 11px; font-weight: bold;}
.drivesidenav:visited {color: #363; text-decoration: none; font-size: 11px; font-weight: bold;}
.drivesidenav:hover {text-decoration: underline;}

.direct {padding-bottom: 20px;}

.or {text-align: center; font-weight: bold; padding: 0; margin: 0;} 

.mapnav {font-size:12px; font-weight:700; color: #336; text-decoration:none;}
.mapnav:link {font-size:12px; font-weight:700; color: #336; text-decoration:none;}
.mapnav:visited {font-size:12px; font-weight:700; color: #336; text-decoration:none;}
.mapnav:hover {color: #996; text-decoration:none;}

a {color: #000; text-decoration:underline;}
a:link {color: #000; text-decoration:underline;}
a:visited {color: #000; text-decoration:underline;}
a:hover {color: #000; text-decoration:none;}

.sidenav {color: #000; font-size: 12px; line-height: 2; text-decoration:underline;}
.sidenav:link {color: #000; font-size: 12px; line-height: 2; text-decoration:underline;}
.sidenav:visited {color: #000; font-size: 12px; line-height: 2; text-decoration:underline;}
.sidenav:hover {color: #000; text-decoration:none;}

.formlabel {color: #000; font-weight:700; font-size: 12px; line-height: 2; text-align: right; }

/* left navigation
----------------------------------------------- */
#left {
vertical-align: top;
background-color: #f3f3c5;
text-align: right;
padding: 0;
margin: 0;
border-right: 1px solid #666;
width : 216px;
}

#left ul {
margin: 0;
line-height: 12px;
padding: 10px 15px 15px 15px;
list-style: none;
text-align: right;
}

#left li {
padding-bottom: 6px;
}


.sidenavhead {
background-color: #cc9;
padding: 6px 2px 6px 8px;
text-align: left;
color: #336;
font-size: 12px;
font-weight: bold;
}

.sidenavhead a:link {color: #336; text-decoration: none; font-size: 12px; font-weight: bold;}
.sidenavhead a:visited {color: #336; text-decoration: none; font-size: 12px; font-weight: bold;}
.sidenavhead a:hover {color: #fff;}

input, textarea {border: 1px solid #996; background-color: #ececc2; font-family: verdana, helvetica, sans-serif; font-size:12px; font-weight:200; color: #000;}
.submit {font-family: verdana, helvetica, sans-serif; font-size:11px; font-weight:800; color: #336; background-color: #cc9; margin: 3px 8px 0 0; text-transform: capitalize; border: 1px solid #996; padding: 2px 3px 3px 3px; height: 24px; width: 125px; vertical-align: middle;}

/* scrollbar-base-color: #ececc2; scrollbar-track-color: #ececc2; scrollbar-face-color: #cc9; scrollbar-highlight-color: #FFFFCC; scrollbar-3dlight-color: #cc9; scrollbar-darkshadow-color: #cc9; scrollbar-shadow-color: #999966; scrollbar-arrow-color: #999966; */
/* block and inline tags
----------------------------------------------- */
.hide {
display: none;
}

img {
display: block;
border: 0;
}

.inline {display: inline;}
td img {display: block;}

/* box model hack
----------------------------------------------- */
div.boxcontent {
width:400px;
voice-family: "\"}\"";
voice-family: inherit;
width:300px;
}

/* be kind to opera */

html>body .boxcontent {
width:400px;
}



