/*
CSS for Bubble Under site
*/
body {
  font-family: Verdana, Helvetica, Arial, sans-serif;
  background-color: Navy;
  line-height: 100%;
  padding-top: 5px;
  margin-top:217px;
  margin-left:270px;
}

h1, h2, h3, h4, h5{
  font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
}

h1 {
  font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
  font-size: xx-large;
  color: White;
  padding-left: 300px;
  padding-top:25px;
}

h2 {
  color: navy;
  font-size:medium;
  font-weight: normal;
}

h3 {
  font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
  font-size: xx-large;
  color: White;
  padding-left: 30px;
}

h4 {
  color: White;
  font-size: large;
  font-weight: bold;
  padding-left:25px;
}

h5 {
  color: navy;
  font-size:medium;
  font-weight: strong;
}

li {
  font-size: small;
  list-style-type: none;
}

#homeheader {
  border: 5px solid #7da5d8;
  background-color: Navy;
  left:80px;
  top: 80px;
  width: 960px;
  Height:100px;
  padding-top:75px;
  padding-bottom:25px;
  background: Navy url(backgrounds/header_ice_flow.jpg) no-repeat right;
}

#roomheader {
  border: 5px solid #7da5d8;
  background-color: Navy;
  left:80px;
  top: 80px;
  width: 960px;
  padding-top:75px;
  padding-bottom:25px;
  background: Navy url(backgrounds/room-header.jpg) no-repeat right;
}

#rateheader {
  border: 5px solid #7da5d8;
  background-color: Navy;
  left:80px;
  top: 80px;
  width: 960px;
  padding-top:75px;
  padding-bottom:25px;
  background: Navy url(backgrounds/rate-header.jpg) no-repeat right;
}
#picheader {
  background: Navy;
  height:80px;
  width: 100%;
  top:0;
  left:0;
}
#navigation {
  border: 5px solid #7da5d8;
  left:80px;
  top: 235px;
  width: 180px;
  height: 917px;
  padding-top: 50px;
  background: Navy url(backgrounds/fade-image.jpg) repeat-y;
}
#picnavigation {
  top: 80px;
  left:0;
  width: 180px;
  height: 1000px;
  background: Navy; <--url(backgrounds/fade-image.jpg) repeat-y--/>
}
#tagline h2{
  font-style: italic;
  font-family: Georgia, Times, serif;
  border-top: 5px solid #7da5d8;
  border-bottom: 5px solid #7da5d8;  
  width:595px;
  height:25px;
  padding-left:15px;
  padding-top:5px;
  background: #bed8f3 url(backgrounds/tagline-fade.jpg) repeat-y right;
}

#bodycontent {
  Width:580px;
  border-bottom: 5px solid #7da5d8;
  left: 270px;
  top:275px;  
  height:922px;
  padding-top: 10px;
  padding-left:10px;
  background-color: #e2edff;
}

#bodycontent_pics {
  Width:100%;
  left: 180px;
  top:80px;  
  height:1500px
  padding-top: 10px;
  padding-left:10px;
  background-color: #e2edff;
}

 #nav-image {
  border: 5px solid #7da5d8;
  left: 860px;
  top: 235px;
  width: 180px;
  height: 967px;
  background: Navy url(backgrounds/fade-image.jpg) repeat-y;
}

em {
  text-transform: uppercase;
}

a {
  font-weight: bold;
}

a:link {
  color: White;
}

a:visited {
  color: gray;
}

a:hover {
  text-decoration: none;
  color: white;
  background-color: navy;
}

a:active {
  color: aqua;
  background-color: navy;
}

.fun {
  color: #339999;
  font-family: Georgia, Times, serif;
  letter-spacing: 0.05em;
}

blockquote.fun {
  font-style: italic;
}

img.feature {
margin-left: 90px;
Border:3px solid #000066;
}

img.doublepic {
margin-left: 10px;
Border:3px solid #000066;
}

.galleryphoto {
  padding-bottom: 10px;
  border-bottom: 1px solid navy;
  margin-bottom: 20px;
}

.galleryphoto p {
  font-size: 65%;
  font-weight: bold;
  margin-top: 0;
  width: 430px;
  line-height: 1.4em;
}

.galleryphoto p span {   
  font-weight: normal;
  color: gray;
}

table.rates {
  border-collapse: collapse;
}

table.rates th, table.rates td {
  padding: 4px;
  border: 1px solid #000066;
}

table.rates th {
  font-size: x-small;
  background: #241374 url(backgrounds/header-bg.jpg);
  color: #ffffff;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 2px;
  padding-right: 2px;
}

table.rates td {
  font-size: small;
  background: #e2edff url(backgrounds/td.jpg) repeat-x top;
}

table.rates caption {
  color: #000066;   
  font-size: small;   
  font-weight: bold;   
  text-align: left;
  padding-bottom: 5px;
}

form.contact fieldset {   
  border: 2px solid navy;   
  padding: 10px;
}  

form.contact legend {   
  font-weight: bold;   
  font-size: small;   
  color: navy;   
  padding: 5px; 
}

form.contact {   
  padding: 0;   
  margin: 0;   
  margin-top: -15px;
  line-height: 150%;
}

form.contact label {
  font-weight: bold;
  font-size: small;
  color: blue;
}

form.contact label.fixedwidth {   
  display: block;   
  width: 240px;   
  float: left; 
}

form.contact .buttonarea input {   
  background: navy;   
  color: white;   
  font-weight: bold;   
  padding: 5px;   
  border: 1px solid white; 
}

form.contact .buttonarea {   
  text-align: center;   
  padding: 4px;   
  background-color: #0066FF; 
}

/*
This section deals with the position of items on the screen.
It uses absolute positioning - fixed x and y coordinates measured from the
top-left corner of the browser's content display.
*/

#navigation, #picnavigation, #nav-image, #bodycontent, #bodycontent_pics, #homeheader, #roomheader, #rateheader, #picheader, #tagline {
  position: absolute;
}