/* CSS Document */

/* set page background to white and text to very dark gray
 * html is included because this is the root element for
 * pages served as application/xhtml+xml */
html, body {
  background: #607C63 url(../images/global/background.gif);
  color:#6699FF;
  margin: 0;
  padding: 0;
  font-family:Arial, Helvetica, sans-serif;
  }
/* set width of wrapper to same width as title image
 * no top or bottom margin
 * auto on both sides will center wrapper in modern browsers */
#wrapper {
  width: 920px;
  margin: 0 auto;
  background: #D7D7FF;
  }
/* set 15px top margin for titlebar, other margins set to zero */
#titlebar {
  
  background-color: #000099;
  width: 920px;
  height: 120px; 
  }
  
 #searchbar {
width: 920px;

}
 
#com1 {
width: 350px;
height: 60px;
background-color: #000099;
display: inline;
vertical-align: middle;
} 
#com2 {
width:120px;
height: 110px;
display: inline;
position: relative;
top: -20px;
right: -50px;

}

#com3 {
width:120px;
height: 110px;
display: inline;
position: relative;
top: -16px;
right: -55px;

}
#com4 {
width:120px;
height: 120px;
display: inline;
position: relative;
top: -5px;
right: -60px;

}
#nav {
width: 920px;
background-color: #6699FF;
}

   
  /* this rule changes the format for glink**/
#glinks {
   background:#FF9D3C;
   width: 920px;
   
   }
   
#nav2 {
 width: 160px;

 
 }
/* maincontent width is 1px smaller to account for left border */
#maincontent {
  width: 760px;
  float: left;
  margin: 0;

  font-size: small;
  }
  

/* set margins, padding, and line height for maincontent paragraphs */

/* set dimensions for level 1 and 2 headings in maincontent */
#maincontent h1, #maincontent h2 {

  padding-top: 2px;
  padding-left: 5px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  color: #396632;
  }
#maincontent h1 {
  font-size: medium;
 
  }
#maincontent h2 {
  font-size: small;
  }
#destinationsleft {
width: 500px;
}
#maincontent p {
padding-left: 5px;
}

#destinationsright {
width: 200px;
}

#hotelshawaiileft {
 width: 500px;
 }
 
 #hotelshawaiiright {
 width: 200px;
 }
 
 #leftimageads {
 width: 350px;
 }
 
 #weatherright {
 width: 300px;
 }