body {
  background-color: #426a82;
  background-image: url('./images/backgroundrpt.jpg');
  background-repeat: repeat-x;
}

#Container {
  width: 960px;
  margin: 0 auto;
}

#Header {
  width: 960px;
  height: 260px;
  background: url('./images/header.jpg') no-repeat;
}

#ContactsHead {
  width: 55px;
  height: 10px;
  background-color: #3C687C;
  font: 10px helvetica;
  font-weight: bold;
  margin: 185px 0px 0px 15px;
  padding: 3px;
  border: 1px solid #1a354a;
  color: #E5DFDD;
  position: absolute;
  text-align: center;
  line-height: 10px;
}

#Contacts {
  width: 160px;
  height: 56px;
  font: 11px Verdana;
  margin: 202px 0px 0px 15px;
  position: absolute;
  border: 1px solid #1a354a;
  padding: 5px;
  color:#1a354a;
}

#Motto {
  width: 315px;
  height: 50px;
  margin: 220px 0px 0px 450px;
  position: absolute;
}

#MainSolid {
  background-image: url('./images/mainrpt.jpg');
  background-repeat: repeat-y;
  width: 960px;
  height: 1100px;
}

#MainTop {
  background-image: url('./images/maintop.jpg');
  background-repeat: no-repeat;
  width: 960px;
  height: 1100px;
}

.ContactNum {
  line-height: 15px;
  font-weight: bold;
}

h1 {
  font: 16px Trebuchet MS;
  font-weight: bold;
  color: #E5DFDD;
}

ul.breadcrumb {
  margin: 50px 0px 0px -25px;
  position: absolute;
  list-style:none;
}

ul.breadcrumb li {
  display: inline;
}

ul.nav-menu {
  margin: 75px 0px 0px -25px;
  position: absolute;
  list-style:none;
}

li.nav-menu {
  margin: 20px 0px 0px -200px;
}

li#nav-submenu1, li#nav-submenu2, li#nav-submenu3, li#nav-submenu4, li#nav-submenu5, li#nav-submenu6, li#nav-submenu7 {
  display: none;
  margin: 0px 0px 0px -40px;
  list-style: none;
}

#WeatherHead {
  width: 130px;
  height: 10px;
  background-color: #3C687C;
  font: 10px helvetica;
  font-weight: bold;
  margin: 320px 0px 0px 15px;
  padding: 3px;
  border: 1px solid #1a354a;
  color: #E5DFDD;
  position: absolute;
  text-align: center;
  line-height: 10px;
}

#Weather {
  background-color: #3c687c;
  padding: 10px 5px 5px 5px;
  width: 160px;
  height: 56px;
  text-align: center;
  position:absolute;
  margin: 337px 0px 0px 15px;
  border: 1px solid #1a354a;
}
  


a.nav-menu, a.nav-menu:visited {
  display: block;
  padding: 5px;
  padding-left: 20px;
  width: 145px;
  height: 16px;
  background-color: #395c7f;
  text-decoration: none;
  color: #E5DFDD;
  font: 11px helvetica;
  font-weight: bold;
  border: 1px solid #1a354a;
  border-bottom: none;
  line-height: 16px;
}

a.nav-menu:hover {
  background-color: #ebe4e0;
  color: #20636B;
  text-decoration:none;
}

a.current, a.current:hover, a.current:visited {
  display: block;
  padding: 5px;
  padding-left: 20px;
  width: 145px;
  height: 16px;
  background-color: #ebe4e0;
  text-decoration: none;
  color: #20636B;
  font: 11px helvetica;
  font-weight: bold;
  border: 1px solid #1a354a;
  border-bottom: none;
  line-height: 16px;
}  

#toggle1, #toggle2 {
  background-image: url('./images/plus.gif');
  width: 15px;
  height: 11px;
  position: absolute;
  margin: -17px 0px 0px 150px;
  z-index: 5;
}

a.nav-submenu, a.nav-submenu:visited {
  display: block;
  padding: 5px;
  padding-left: 40px;
  width: 125px;
  height: 16px;
  background-color: #71c0c8;
  text-decoration: none;
  color: #384754;
  border: 1px solid #1a354a;
  border-bottom: none;
  font: 10px helvetica;
  font-weight: bold;
  line-height: 16px;
}

a.nav-submenu:hover {
  background-color: #ebe4e0;
  color: #20636B;
  text-decoration:none;
}

#Slideshow {
  width: 710px;
  height: 300px;
  background-color: #EEEEEE;
  position: absolute;
  margin: 30px 0px 0px 225px;
  border: 1px solid #1a354a;
}

#Text {
  width: 465px;
  height: 500px;
  margin: 350px 0px 0px 225px;
  padding: 10px;
  position: absolute;
  color: #2f4258;
  border: 1px solid #2F4258;
  background-color: #e6e3e2;
}  

p.maintext {
  font: 12px Verdana;
  text-indent: 20px;
} 

span.title {
  font: 12px Verdana;
} 

#IslandsMag {
  width: 200px;
  height: 297px;
  margin: 350px 0px 0px 725px;
  padding: 5px;
  position: absolute;
  background-color: #CCCCCC;
  border: 1px solid #2F4258;
}

h2 {
  font: 18px arial;
  font-weight: bold;
  color: #2d4f5d;
}

a, a:visited, a.crumb, a.crumb:visited {
  font: 11px Verdana;
  font-weight: bold;
  color: #0d2036;
  text-decoration: underline;
}

a:hover {
  text-decoration: overline underline;
}

a.crumb, a.crumb:visited {
  font: 9px Verdana;
  text-decoration: none;
  font-weight: normal;
}

a.crumb:hover {
  text-decoration: underline;
}

img {
  border: none;
}

#Footer {
  width: 960px;
  height: 96px;
  background-image: url('./images/footer.jpg');
}

#Footnav {
  height: 20px;
  width: 290px;
  padding: 10px;
  margin: -80px 0px 0px 635px;
  position: absolute;
  color: #FFF;
}

#Footnavsup {
  height: 15px;
  width: 290px;
  padding: 2px;
  margin: -30px 0px 0px 650px;
  position: absolute;
  font: 10px Verdana;
  color: #DDD;
}

a.footlink, a.footlink:visited {
  font: 10px Verdana;
  font-weight: bold;
  text-decoration: none;
  color: #FFF;
}

a.footlink:hover {
  text-decoration: underline;
}

ul {
  font: 12px Verdana;
  color: #2f4258;
  list-style: circle;
}

.Listing {
  padding: 5px;
  width: 550px;
  height: 25px;
  background-color: #CCCCD8;
  font: 10px Verdana;
  border: 1px solid #444444;
}

table, td {
  border: 1px solid #CCCCD8;
  font: 12px Verdana;
  border-spacing:0px;
}

.GalleryThumb {
  width: 100px;
  height: 75px;
  border: 1px solid #444444;
}

#lightbox{
	background-color:#325769;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
}

#lightboxDetails{
	font:bold 18px arial;
	color:#83a9a7;
	padding-top: 0.4em;
}
	
#lightboxCaption{ float: left; }

#keyboardMsg{ float: right; }

#lightbox img{ border: none; } 

#overlay img{ border: none; }

#overlay{ background-image: url('./images/overlay.png'); }

* html #overlay{
	background-color: #000;
	background-color: transparent;
	background-image: url('./images/blank.gif');
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="./images/overlay.png", sizingMethod="scale");
}