/* CSS Document */



body {
margin: 0;
padding: 0;
background-color:#CCEFD7;
background-image: url(../images/bg-2.jpg);
background-repeat: no-repeat;
color: black;
font: small "Times New Roman", Times, serif;
}

#wrapper {
color: black;
width: 780px;
margin: 18px 0px 0px 12px;
padding: 0px 0px 0px 0px;
height: 1%;
}
a img { border-color: #1e8974; }

a img:hover { border-color: #d21e7b; }

a img:active { border-color: #d21e7b; }

a img:visited { border-color: #89717e; }

#main {
position: relative;
top:0;
left: 0;
width: 100%;
margin-top: 0px;
}

#sidebar {
font-family:"Times New Roman", Times, serif;
position: relative;
float: left;
width: 198px;
margin: 0px 0px 10px 0px;
padding: 0;
text-align: center;
height: 1%;
}

#tee {
margin: 10px;
}
#logo {
margin: 30px 0px 0px 10px;
}
#copy {
margin: 10px 0px 10px 25px;
text-align: left;
text-indent: 1.5em;
}
p.tm {
margin: 0 0 0 20px;
padding: 5px 0.5em;
font: 700 italic 13px "Verdana," Arial, Helvetica, sans-serif;
color: #00a1ff;
}
p.title {
margin: 10px 0px;
padding: 15px 5px 5px 25px;
font: 700 italic 19px "Times New Roman", Times, serif;
color: #60a81a;
}
#side {
text-align: center;
padding: 15px 5px 5px 25px;
}
#side h2 {
font: bold 14px "Times New Roman", Times, serif;
color: #1e8974;
margin: 0px 0px 2px 0px;
}
#side h3 {
font: bold 12px "Times New Roman", Times, serif;
margin: 0px 0px 2px 0px;
}
#side a:link {
text-decoration: none;
font: bold 9px Verdana, Arial, Helvetica, sans-serif;
color: #1e8974;
}
#side a:hover {
text-decoration: none;
font: bold 9px Verdana, Arial, Helvetica, sans-serif;
color: #d21e7b;
}
#side a:active {
text-decoration: none;
font: bold 9px Verdana, Arial, Helvetica, sans-serif;
color: #d21e7b;
}
#side a:visited {
text-decoration: none;
font: bold 9px Verdana, Arial, Helvetica, sans-serif;
color: #89717e;
}
#mainright {
font-family: Verdana, Arial, Helvetica, sans-serif;
position: relative;
width: 570px;
float:right;
margin: 0px;
padding: 0px;
text-align: left;
z-index:20;
}

#mainright a:link {
font-size: 10px;
font-weight: 500;
text-decoration: none;
color: #1e8974;

}
#mainright a:visited {
text-decoration: none;
color: #89717e;

}
#mainright a:hover {
text-decoration: none;
color: #d21e7b;

}
#mainright a:active {
text-decoration: none;
color: #d21e7b;

}
.right {
position: relative;
display: block;
width: 100%;
margin: 0px;
color: #000;
z-index: 50;
}

#con-top-rt {
position: relative;
display: block;
width: 558px;
height: 353px;
background-image: url(../images/white.gif);
background-repeat: no-repeat;
color: #000;
z-index: 100;
}

.mainfeature {
position: relative;
width: 548px;
padding: 0px;
background-color: #ffffff;
}
#homepic {
margin: 0px;
padding: 15px 15px 0px 15px;
float: left;
z-index: 150;
}
html>body #homepic {
padding: 15px 15px 12px 15px;
}
#homepic .one {
width: 325px;
border: none;
padding: 0px 0px 0px 0px;
margin: 0px 20px 0px 0px;
float: left;
height: 1%;
}
#homepic .two {
width: 178px;
border: none;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
float: left;
height: 1%;
}
#homepic .three {
width: 408px;
border: none;
padding: 0px 0px 0px 0px;
margin: 0px 7px 0px 0px;
float: left;
height: 1%;
}
#homepic .four {
width: 100px;
border: none;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
float: left;
height: 1%;
}
#middle {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
width: 515px;
height: 12px;
margin: 0px 0px 0px 7px;
text-align: left;
float: left;
}
html>body #middle {
margin: 0px 0px 8px 15px;
}
#middle ul {
margin: 0px 0 0 0;
padding: 0px 0 0 0;
text-align: left;
font-weight: bold;
color: #1e8974;
font-size: 10px;
float: left;
}
#middle li {
display: inline;
color: #1e8974;
}
#middle a:link {
text-decoration: none;
font-weight: bold;
color: #1e8974;
}
#middle a:hover {
text-decoration: none;
font-weight: bold;
color: #d21e7b;
}
#middle a:active {
text-decoration: none;
font-weight: bold;
color: #d21e7b;
}
#middle a:visited {
text-decoration: none;
font-weight: bold;
color: #89717e;
}
#tagline {
font-family: Verdana, Arial, Helvetica, sans-serif; 
margin: 0;
width: 185px;
font-style: italic;
font-weight: 400;
color: #60a81a;
font-size: 9px;
text-align: right;
float: right;
}
#tline {
margin: 0;
width: 120px;
font-style: italic;
font-weight: bold;
color: #60a81a;
font-size: 10px;
text-align: right;
float: right;
}
#pictures  {
margin: 7px 0px 0px 5px;
width: 535px;
float: left;
height: 50px;
}
html>body #pictures {
margin: 0px 0px 0px 15px;
}
#pictures .three {
width: 306px;
border: none;
padding: 0px 0px 0px 0px;
margin: 0px 20px 0px 0px;
float: left;
height: 1%;
}

#pictures .four {
font-family: Verdana, Arial, Helvetica, sans-serif; 
margin: 0;
width: 188px;
font-style: normal;
font-weight: 400;
color: #60a81a;
font-size: 9px;
line-height: 100%;
text-align: left;
float: right;
}

div .container {
width: 100%;
float: left;
  }
div .spacer {
  float: left;
  height: 1px;
  clear: both;
  }

div.float {
  float: left;
  margin-right: 5px;
  margin-bottom: 5px;
  }
 div.float2 {
  float: left;
  margin-right: 6px;
  margin-left: 15px;
  }
html>body .float2 {
  float: left;
  margin-right: 4px;
  margin-left: 22px;
}
div.float p {
   text-align: center;
  }

#features {
width: 332px;
margin: -15px 0px 0px 6px;
padding: 10px 0px 5px 20px;
text-align: left;
float: left;
border: 1px solid #ffffff;
height: 1%;
}
html>body #features {
margin: 0px 0px 0px 15px;
}
#features .inner {
width: 160px;
padding: 10px 5px 5px 0px;
text-align: left;
float: left;
}
.inner p {
color: #000000;
font: 10px Verdana, Arial, Helvetica, sans-serif;
font-weight: 500;
line-height: 110%;
text-align: left;
}
.inner h4 {
font: bold 10px Verdana, Arial, Helvetica, sans-serif;
color: #1e8974;
margin: 0px 10px;
}

#features .inner ul {
font-family: Verdana, Arial, Helvetica, sans-serif;
list-style: none;
margin: 0;
padding-left: 1em;
padding-right: 1em;
text-indent: -1em;
font-size: 10px;
line-height: 110%;
font-weight: 500;
color: #000000;
}
#address  {
margin: 5px 0px 10px 15px;
width: 155px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
line-height: 110%;
font-weight: 500;
color: #60a81a;
height: 1px;
float: left;
}
html>body #address {
margin: 20px 0px 10px 15px;
}

.special {
margin: 15px 0px 10px 0px;
width: 155px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
color: #d21e7b;
font-size: 10px;
float: left;
}

.clearone {
clear: both;
height: 1px;
}
.clear {
clear: one;
height: 3px;
}

#text {
width: 155px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
line-height: 110%;
font-weight: 500;
color: #000000;
margin: 0px;
padding-bottom: .2em;
text-align: left;
}
#staff {
width: 175px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
line-height: 110%;
font-weight: bold;
color: #000000;
margin: 10px 0px 0px 20px;
padding: 5px 0.5em;
text-align: center;
}
#commentform {
width: 156px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
padding: 3px 3px 3px 3px;
border: none;
text-align: left;
background-color: #FFFFFF;
float: right;
}
#commentform h6{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
}
#commentform .box {
width: 150px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
border: none;
background-color: #EAF9FF;
text-align: left;
vertical-align: middle;
}
#commentform .btn {
width: 100px;
text-align: center;
border: 1px solid #CCC;
background-color: #1e8974;
color: white;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
margin: 4px 0px 0px 30px;
}