/* CSS Document */

/* ------------------------------- formatting ----------------------------- */

body {
	margin: 0;
	padding: 0;
	}
/*       WRAPPER     ------------------------- */
#wrapper {
  background: #CCCCFF; ;
  color: black;
  margin: 0px 0px 0px 0px;
  padding: 0px;
  height: 1000px;
}

/*       LEFT COLUMN     ------------------------- */

#left {
   background: #A5B5C6;
   position: absolute;
   left: 0px;
   top: -1px;
   width:178px;
   padding: 1px;
   border-left: 1px solid #FFFFFF;
   border-right: 1px solid #FFFFFF;
   height: 1000px;
}

#otherleftstuff  {
	width: 88%;
	padding: 8px;
}

/*       CENTER COLUMN     ------------------------- */
#center {
   background: #CCCCFF;
   margin-top: 0px;
   margin-left: 180px;
   margin-right: 205px;
   padding: 0px;

}
#centercontent {
   margin-top: 0px;
   width: 95%;
   padding-left: 12px;

}

/*       RIGHT COLUMN     ------------------------- */

#right {
   background: #A5B5C6;
   position: absolute;
   right: -0px;
   top: 0px;
   width: 198px;
   padding: 5px;
   border-left: 1px solid #FFFFFF;
   border-right: 1px solid #FFFFFF;
   height: 1000px;
}
#otherrightstuff  {
	width: 88%;
	padding: 8px;

}
/*       CENTER COLUMN  BANNERS IMAGES   ------------------------- */
#homeheaderphoto {
  background-image: url(include/flowerBanner2.jpg);
  background-repeat: no-repeat;
  background-color: #FFFFFF;
  height: 120px;
}
#aboutheaderphoto {
  background-image: url(include/autumnLeaves4.jpg);
  background-repeat: no-repeat;
  background-color: #FFFFFF;
  height: 140px;
}
#dockheaderphoto {
  background-image: url(include/dockBanner.jpg);
  background-repeat: no-repeat;
  background-color: #FFFFFF;
  height: 140px;
}
#tuscanyheaderphoto {
  background-image: url(include/bigstockphoto_Beautiful_Tuscany_2140258.jpg);
  background-repeat: no-repeat;
  background-color: #FFFFFF;
  height: 140px;
}
#tellafriendheaderphoto {
  background-image: url(include/bigstockphoto_Morning_Mountain_Panoramic_674668.jpg);
  background-repeat: no-repeat;
  background-color: #FFFFFF;
  height: 140px;
  top: 0px;
}
.button {
	padding: 2px;
	font: bold small verdana, sans-serif;
	color: #fff;
	background-color: #5C6F90;
	border: 1px solid #000;
}
.button2 {
	padding: 2px;
	font: bold small verdana, sans-serif;
	color: #fff;
	background-color: blue;
	border: 1px solid #000;
}
#mainnav {
  list-style: none;
  margin: 0;
  padding:  0;
  background-color: #5C6F90;
  color: white;
}
ul#mainnav {
	list-style: none;
	margin: 0px;
	padding: 0px;
	background-color: #D6D6D6;
}

ul#mainnav li {
	display: block;
	border-top: 1px solid #A5B5C6;

}
ul#mainnav li a {
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 6px 6%;
	background-color: #5C6F90;
	font: bold 0.8em /1.5 arial, sans-serif;		/* If you get an unwanted gap after your a block (IE-Win) try increasing the line height		*/
	color: white;
	text-decoration: none;
	width: 88%;				/* 	Causes Problems in IE5-Mac and Netscape/Mozzilla - see next fix		*/
}
ul#mainnav li a:hover {
	background-color: #43616B;
	color: white;
}
#p1 {
   text-decoration: none;
}
#whiteborder {
  border-color: #FFFFFF;
  border-width: 1px;
}