@charset "utf-8";
/* CSS Document */

html
{
  margin: 0;
  padding: 0;
  background-color: #009194;
}

body
{
  margin: 0 auto;
  padding: 0;
  font-family: Verdana, Geneva, sans-serif;
  width: 970px;
  background-image: url(../images/body_background.gif);
  background-position: center top;
  background-repeat: repeat-y;
}

img
{
  border: 0;
}

h1
{
  color: #000099;
  font-size: 22px;
  text-align: center;
}

h2
{
  color: #666666;
  font-size: 17px;
  text-align: center;
}

h3
{
  color: #000066;
  padding: 0;
  margin: 0;
}

legend
{
	color: #000066;
	font-size: 18px;
	font-weight: bold;
}

h4, h5
{
  padding: 0;
  margin: 0;
}

/* column container */
.threecol
{
  position: relative;	/* This fixes the IE7 overflow hidden bug */
  clear: both;
  float: left;
  width: 970px;			/* width of whole page */
  overflow: hidden;		/* This chops off any overhanging divs */
}
/* common column settings */
.colright, .colmid, .colleft
{
  float: left;
  width: 970px;			/* width of page */
  position: relative;
}

.col1, .col2, .col3
{
  float: left;
  position: relative;
  padding: 0 0 0 0;	/* no left and right padding on columns, we just make them narrower instead 
          only padding top and bottom is included here, make it whatever value you need */
  overflow: hidden;
}
/* 3 Column settings */
.threecol
{
  background: transparent;		/* right column background colour */
}

.threecol .colmid
{
  right: 240px;			/* width of the right column */
  background: transparent;		/* center column background colour */
}

.threecol .colleft
{
  right: 440px;			/* width of the middle column */
  background: transparent;	/* left column background colour */
}

.threecol .col1
{
  width: 440px;			/* width of center column content (column width minus padding on either side) */
  left: 970px;			/* 100% plus left padding of center column */
  text-align: justify;
  font-size: 13px;
}

.threecol .col2
{
  width: 230px;			/* Width of left column content (column width minus padding on either side) */
  left: 270px;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
}

.threecol .col2 img
{
  padding: 1px;
  border: 1px solid #000000;
  margin: 7px 0;
  opacity: .85;
  filter: alpha(opacity=85);
}

.threecol .col2 img:hover
{
  opacity: 1.0;
  filter: alpha(opacity=100);
}

.threecol .col3
{
  width: 180px;			/* Width of right column content (column width minus padding on either side) */
  left: 770px;			/* Please make note of the brackets here:
          (100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
  text-align: center;
}

#storetext
{
  font-weight: bold;
  font-size: 24px;
  color: red;
}

a.nouline
{
  text-decoration: none; 
}

.gallerydiv
{
  cursor: pointer;
}

#gallery
{
  font-size: 14px; 
}

#thumbs
{
  font-size: 14px;
}

#footer
{
  width: 880px;
  margin: 0 auto;
  clear: both;
	text-align: center;
	font-size: 12px;
}

#pagebottom
{
  width: 970px;
  margin: 0 auto;
  clear: both;
  text-align: center;
  background-image: url(../images/body_bottom.gif);
  background-position: center bottom;
  background-repeat: no-repeat;
  border-bottom: 20px solid #009194;
}

.peoplepersonstyle
{
  font-weight: bold;
  color: #000099;
}

.centerthis
{
  text-align: center;
}

.noindent
{
  list-style: none;
  margin-left: 0;
  padding-left: 1em;
  text-indent: -1em;
}

#poolcomparision td
{
  padding: 6px;
}

.hideTR
{
  display: none;
}