body {
 background-color: #C4CBDB;
}

a {
  color:#0D627D;
}

img {
  border: 0;
}

.heading {
 font-family: Tahoma;
 font-size: 25pt;
 color: #7A948A;
}
.main-content {
 width: 705px;
 text-align:center;
 margin: 0 auto;
 padding:5px;
 background-color:#0D627D;
}
.body-text {
 width: 705px;
 margin: 0 auto;
 padding:5px;
 background-color: #0D627D;
}

.smalltext {
 font-size: 0.89em;
}
.style1 {
  font-family: "Comic Sans MS",Tahoma;
  font-size: 14px;
  color: #408080;
}
.style2 {
  color: #0D627D;
  font-weight: bold;
}
.style6 {color: #0D627D}

.forsale {
 font-family: "Comic Sans MS", Tahoma;
 color: #0D627D;
 background-color:#7A948A;
 font-size: 9pt;
 border: 0px solid #DDDDDD;
 margin: 0px;
 padding: 0px;
 width: 100%;
}

.forsale td {
 font-family: "Comic Sans MS", Tahoma;
 font-size: 9pt;
 color: #0D627D;
 border: 1px solid #CCCCCC;
}

.forsale th {
 font-family: "Comic Sans MS", Tahoma;
 font-size: 12pt;
 border: 1px solid #CCCCCC;
}

a.innerlink, a.innerlink:active, a.innerlink:visited, a.innerlink:hover {
 font-family: "Comic Sans MS", Tahoma;
 font-size: 9pt;
 font-weight: bold;
 color:#0D627D;
}
.caption-style {
  width:100%;
  text-align:center;
  background-color:#0D627D; 
  color:#C4CBDB; 
  font-family:Tahoma, Geneva, sans-serif; 
  font-size:2em; 
  font-variant:small-caps; 
}
caption { 
  width:100%; 
  background-color:maroon; 
  color:white; 
  font-family:Tahoma, Geneva, sans-serif; 
  font-size:2em; 
  font-variant:small-caps; 
}

form#contact { 
  font-family: Tahoma;
  font-size:10pt;
  margin: 0 auto; 
  padding-left: 150px;
}

.required  {
    color: #000000;
    font-size: 1.0em;
    padding-left: 5px;
}
#footer-wrap {
  background-color:#0D627D; 
  width:715px; 
  text-align:center;
  margin:0 auto;
  padding-top:5px;
  padding-bottom:5px;
}

#footer-name {
  font-family: Tahoma, Geneva, sans-serif;
  font-weight: bold;
  color:#C4CBDB;
  font-size: 14pt;
}

#footer-main {
  font-family: Tahoma, Geneva, sans-serif;
  font-weight: bold;
  font-size: 10pt;
  color: #C4CBDB;
 }
 
 #site-index, #site-index a {
  width:715px; 
  margin: 0 auto;
  text-align:center;
  font-family:Tahoma, Geneva, sans-serif;
  font-size: 10pt;
  color: #0D627D;
  text-decoration:none;
}

.menu {
  text-align:center;
  list-style:none;
  padding:0px;
  margin:0px;
  background:#2DA9B5;
  z-index:100;
}

.menu li {
  display:inline-block;
/* Zoom and star hack for IE - it's always for IE */
  zoom:1;
  *display:inline;
  padding:0 5px;
}

.menu li a {
  color:white;
  display:block;
  text-decoration:none;
}

ul.menu li:hover ul{
  display:block;
}

ul.menu li a:hover {
  color:#333;
  text-decoration:underline;
}
.submenu
{
  border:1px dotted black;
  position:absolute;
  margin-left:0px;
  display:none;
  z-index:110;
  background:#2DA9B5;
  list-style:none;
  padding:2px;
}


/* Invisible left hotspot */
div.scrollingHotSpotLeft
{
	/* The hotspots have a minimum width of 100 pixels and if there is room the will grow
    and occupy 15% of the scrollable area (30% combined). Adjust it to your own taste. */
	min-width: 75px;
	width: 10%;
	height: 100%;
	/* There is a big background image and it's used to solve some problems I experienced
    in Internet Explorer 6. */
	background-image: url(../images/big_transparent.gif);
	background-repeat: repeat;
	background-position: center center;
	position: absolute;
	z-index: 200;
	left: 0;
	/*  The first url is for Firefox and other browsers, the second is for Internet Explorer */
	cursor: url(../images/cursors/cursor_arrow_left.cur), url(images/cursors/cursor_arrow_left.cur),w-resize;
}

/* Visible left hotspot */
div.scrollingHotSpotLeftVisible
{
	background-image: url(../images/arrow_left.gif);				
	background-color: #fff;
	background-repeat: no-repeat;
	opacity: 0.35; /* Standard CSS3 opacity setting */
	-moz-opacity: 0.35; /* Opacity for really old versions of Mozilla Firefox (0.9 or older) */
	filter: alpha(opacity = 35); /* Opacity for Internet Explorer. */
	zoom: 1; /* Trigger "hasLayout" in Internet Explorer 6 or older versions */
}

/* Invisible right hotspot */
div.scrollingHotSpotRight
{
	min-width: 75px;
	width: 10%;
	height: 100%;
	background-image: url(../images/big_transparent.gif);
	background-repeat: repeat;
	background-position: center center;
	position: absolute;
	z-index: 200;
	right: 0;
	cursor: url(../images/cursors/cursor_arrow_right.cur), url(images/cursors/cursor_arrow_right.cur),e-resize;
}

/* Visible right hotspot */
div.scrollingHotSpotRightVisible
{
	background-image: url(../images/arrow_right.gif);
	background-color: #fff;
	background-repeat: no-repeat;
	opacity: 0.35;
	filter: alpha(opacity = 35);
	-moz-opacity: 0.35;
	zoom: 1;
}

/* The scroll wrapper is always the same width and height as the containing element (div).
   Overflow is hidden because you don't want to show all of the scrollable area.
*/
div.scrollWrapper
{
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 100%;
}

div.scrollableArea
{
	position: relative;
	width: auto;
	height: 100%;
}

/* You can alter this CSS in order to give SmoothDivScroll your own look'n'feel */
#makeMeScrollable div.scrollableArea *
{
  position: relative;
  float: left;
  margin: 0;
  padding: 0;
}

div#loading {
  display:table-cell;
  text-align:center;
  vertical-align:middle;
  width:700px;
  height:200px;
}

div#loading * {
  vertical-align:middle;
}
/*\*//*/
div#loading {
  display:block;
}

div#loading span {
  display:inline-block;
  height:100%;
  width:1px;
}
/**/