/* CSS Document */
body {
background-color:#336633;
}

#layout {
width:850px; 
margin-left:auto; 
margin-right:auto;
margin-bottom:0px;
padding-bottom:0px;
background:#fff;
border:1px solid #333; 
font-family:Georgia, "Times New Roman", Times, serif;
}

#headerplain {
color:#003300; 
padding:8px 8px 0px 228px;
background:#DDE7C5 url('images/fern_leftmed.jpg'); background-repeat:no-repeat; background-position:left top;
margin-bottom:0px;
height: 90px;
}
#headerplain h1 {text-align:center; margin-top:4px; margin-bottom:0px; padding-bottom:0px; font-size:2.4em;}
#headerplain h3 {font-size:1.2em; text-align:center; margin-top:6px; margin-bottom:8px;}


#headerfancy {
background:#DDE7C5; 
margin-bottom:0px;
height: 162px;
}

#topnav {border-top:1px solid #003300; 
padding:5px; 
font-size:14px; 
text-align:center;
background:#fff;
margin-bottom:0px;
margin-top:0px;
}
#topnav ul {
display:inline;
padding-left:0px;
margin:0px;
 
}
#topnav ul li {
display:inline;
list-style-type:none;
padding-left:0px;
margin:0px;
font-weight:normal;
}
#topnav a {
text-decoration:none;
padding-left:15px;
}

#topnav a:link {color:#003300;}
/*#topnav a:link {color:#383936;}*/
#topnav a:visited {color:#003300;}
#topnav a:hover {color:#333;}

#topnav a.start {padding-left:0px;}

#tri-image {
border-top:2px solid #003300;
border-bottom:2px solid #003300;
padding:0px;
margin:0px;
text-align:center;
background:#fff;
}
#tri-image img.mid {
padding:0px 8px;
}

#main {
margin:0px;
padding:0px;
border:1px solid #DDE7C5;
color:#333;
background:#DDE7C5;
font-family:Georgia, "Times New Roman", Times, serif;
}

#main a:link {color:#003300;}
#main a:visited {color:#003300;}
#main a:hover {color:#333;}

#main #text {
width:490px; 
padding-left:10px; 
margin-left:0px;
font-size:.95em;
font-family:Georgia, "Times New Roman", Times, serif;
}

#main #textinside {
padding-left:10px; 
padding-right:10px;
margin-left:0px;
font-size:.95em;
}

#rooms {margin-top:15px; clear:both;}


.roompic {
width:100px;
float:left;
margin:3px 7px;
}

.roompic img {border:1px solid #333;}
.roompic a {text-decoration:none;}

img.grn {border:1px solid #030;}
img.gry {border:1px solid #666;}

.grn {color:#030;}

h3.caption {color:#003300; text-align:center; margin-top:5px; margin-bottom:5px;}

h3.room {color:#030;
margin-bottom:3px;}

#imagearea {
float:right;
width:275px;
margin-left:15px;
margin-right:20px;
}

#imagearea img{
margin:2px 0px;
border:1px solid #666;
}

.sm {font-size:.9em; color:#030;}
.smgrey {font-size:.9em; color:#333;}


address {color:#003300; font-size:16px; font-style:normal; font-weight:normal;}



#bottomnav {
clear:right;
border-top:1px solid #003300; 
padding:5px; 
font-size:14px; 
text-align:center;
background:#fff;
margin-bottom:0px;
margin-top:0px;
}
#bottomnav ul {
display:inline;
padding-left:0px;
margin:0px;
 
}
#bottomnav ul li {
display:inline;
list-style-type:none;
padding-left:0px;
margin:0px;
font-weight:normal;
}
#bottomnav a {
text-decoration:none;
padding-left:15px;
}

#bottomnav a:link {color:#003300;}
/*#bottomnav a:link {color:#383936;}*/
#bottomnav a:visited {color:#003300;}
#bottomnav a:hover {color:#333;}

#bottomnav a.start {padding-left:0px;}



#footer {
background-image:url('images/greeneryback.jpg');
background-repeat:no-repeat;
height:35px;
margin:0px auto 5px auto;
width:850px;
}
#footer2 {
color:#DDE7C5;
font-size:.9em;
text-align:center;
padding:3px;
width:850px;
margin:0px auto;
}

.packages {
border:1px solid #333;
background:#fff;
padding:4px;
color:#030;
width:450px;
margin:5px 5px 5px 40px;
}

.packages ul {}
.packages ul li {list-style-image:url('images/fern_icon_wh.jpg');}

.window {width:90%; margin:5px auto; background:#fff; padding:15px;}
.window ul li {list-style-image:url('images/fern_icon_wh.jpg');}

.whitelist {
border:1px solid #333;
background:#fff;
padding:4px;
color:#030;
width:460px;
margin:5px 5px 5px 20px;
}
.whitelist ul {}
.whitelist ul li {list-style-image:url('images/fern_icon_wh_sm.jpg');  padding-bottom:8px;}

ul.links {}
ul.links li {padding-bottom:5px; font-size:.9em;}

.avail {text-align:right;}

.gallery {width:380px; height:150px; margin-left:80px; border:0px solid #ccc;}
.galpic {float:left; margin-right:5px; width:100px; font-size:.8em; font-style:normal; text-align:center; margin-top:0px; vertical-align:top;}
.galpic2 {float:left; margin-right:2px; width:150px; font-size:.8em; font-style:normal; text-align:center; margin-top:0px; vertical-align:top;}
.gallery a {text-decoration:none;}
.galpic a {text-decoration:none;}
.galpic2 a {text-decoration:none;}

.galpicS {text-align:center; width:110px; font-size:.8em; font-style:normal; text-align:center; margin-top:0px; vertical-align:top;}
.galpicS a {text-decoration:underline;}


.view {width:150px; text-align:center; font-size: .8em; color:#030; float:left; margin-right:8px; margin-top:8px;  height:160px;}
.view img {border:1px solid #193BBB;}
.imagelink {text-align:right;}
.imagelink a {font-size:.8em;}