BODY {
background-color: #2AAA2A;
background-image: url('images/water3.jpg'); /* sets the background image */
background-position:top left; /* positions the background image */
background-repeat: repeat;
color: #000000;
font-family: Verdana, Arial, sans-serif;
font-size: 75%;
margin-top: 10px;
margin-bottom: 10px;
scrollbar-arrow-color:#FFFF40; 
scrollbar-face-color:#01069D; 
scrollbar-3dlight-color:#000000; 
scrollbar-highlight-color:#000000; 
scrollbar-shadow-color:#000000; 
scrollbar-darkshadow-color:#000000; 
scrollbar-track-color:#0192D4; 
}

p, td, li {font-size: 100%;}
table     {padding: 0px; border-collapse: collapse; font-size: 100%;}
li        {list-style-image: url(images/bullet.gif);}

/* this group sets the normal link colors */

A:LINK {
color: #2BAA29;
text-decoration: none;
font-weight: bold;
line-height: 18px;
}
A:VISITED {
color: #FFFFFF;
text-decoration : none;
font-weight: bold;
line-height: 18px;
}
A:HOVER {
color : #FFFFFF;
background-color: #FFFFFF;
text-decoration: underline overline;
font-weight: bold;
line-height: 18px;
}
A:ACTIVE {
color : #C00000;
text-decoration: none;
font-weight: bold;
line-height: 18px;
}
/* this grouping sets the heading colors and sizes */
H1 {
font-size : 130%;
font-weight : bold;
color : #01069D;
letter-spacing: 2px;
}
H2, H3 {
font-size: 120%;
font-weight: bold;
color: #01069D;
letter-spacing: 2px;
}
H4, H5, H6 {
font-size: 110%;
font-weight: bold;
color: #01069D;
letter-spacing: 2px;
}
/* this class sets the properties for the horizontal rule bar */
hr {
color: #2AAA2A;
width: 50%;
height: 2px;
}

.top {
font-family: Verdana, Arial, sans-serif;
background: #01069D;
background-image: url('images/photos/pool.jpg'); /* sets the background image */
background-position: top; /* positions the background image */
background-repeat: no-repeat;
font-size: 100%;
border: 1px solid #000000;
height: 240px;
width: 254px;
}
.logocell {
font-family: Verdana, Arial, sans-serif;
background: #FFFFFF;
background-image: url('http://www.mrspencer.com/images/logoswim1.jpg'); /* sets the background image */
background-position: top; /* positions the background image */
background-repeat: no-repeat;
font-size: 100%;
border: 1px solid #000000;
height: 81px;
}
.text {
font-family: Verdana, Arial, sans-serif;
background: #FFFFFF;
border-bottom: 1px solid #000000;
font-size: 100%;
text-align: justify;
line-height: 20px;
padding-top: 5px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 5px;
}
.text2 {
font-family: Verdana, Arial, sans-serif;
background: #FFFFFF;
border-right: 1px solid #000000;
border-bottom: 1px solid #000000;
border-left: 1px dashed #000000;
font-size: 100%;
text-align: justify;
line-height: 20px;
padding-top: 5px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 5px;
}
.text3 {
font-family: Verdana, Arial, sans-serif;
background: #FFFFFF;
border-bottom: 1px solid #000000;
border-right: 1px solid #000000;
font-size: 100%;
text-align: justify;
line-height: 20px;
padding-top: 5px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 5px;
}
.sidebar1 {
font-family: Verdana, Arial, sans-serif;
background:#0192D4;
border-top: 1px solid #000000;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
border-bottom: 1px solid #000000;
font-size: 100%;
padding-top: 5px;
padding-left: 5px;
padding-right: 5px;
}
.sidebar2 {
font-family: Verdana, Arial, sans-serif;
background:#01069D;
font-size: 100%;
padding-left: 5px;
padding-right: 5px;
border-top: 1px solid #000000;
border-right: 1px solid #000000;
border-bottom: 1px solid #000000;
}
.sidebar1 a:link {color:#01069D; text-decoration: none;background-image: url('images/link_off.jpg');width:110px; height:23px;font-weight:bold;padding:1px 0px 0px 0px;display:block;}
.sidebar1 a:visited {color:#000000; text-decoration: none;background-image: url('images/link_off.jpg');width:110px; height:23px;font-weight:bold;padding:1px 0px 0px 0px;display:block;}
.sidebar1 a:hover {color:#FFFFFF;text-decoration: none; background-image: url('images/link_on.jpg');width:110px; height:23px;font-weight:bold;padding:1px 0px 0px 0px;display:block;}
.sidebar1 a:active {color:#01069D; text-decoration: none;background-image: url('images/link_off.jpg');width:110px; height:23px;font-weight:bold;padding:1px 0px 0px 0px;display:block;}

.topnav {
font-family: Verdana, Arial, sans-serif;
background:  #FFFFFF;
height: 174px;
padding-top: 5px;
padding-left: 10px;
padding-right: 10px;
font-weight: bold;
border-top: 1px solid #000000;
border-right: 1px solid #000000;
}
.topnav a:link {color:#FFF; text-decoration: none;background-image: url('images/off.gif');width:65px; height:23px;font-weight:bold;padding:1px 0px 0px 0px;display:block;}
.topnav a:visited {color:#FFF; text-decoration: none;background-image: url('images/off.gif');width:65px; height:23px;font-weight:bold;padding:1px 0px 0px 0px;display:block;}
.topnav a:hover {color:#FFF;text-decoration: none; background-image: url('images/on.gif');width:65px; height:23px;font-weight:bold;padding:1px 0px 0px 0px;display:block;}
.topnav a:active {color:#FFF; text-decoration: none;background-image: url('images/off.gif');width:65px; height:23px;font-weight:bold;padding:1px 0px 0px 0px;display:block;}

.deco {
font-family: Verdana, Arial, sans-serif;
background: #01069D;
background-image: url('images/h-bar.jpg'); /* sets the background image */
background-position: left; /* positions the background image */
background-repeat: repeat;
font-size: 100%;
height: 11px;
border-right: 1px solid #000000;
}
.copyright {
font-weight: bold;
font-size: 7pt;
letter-spacing: 2px;
font-family: Verdana, Arial, sans-serif;
padding: 5px;
}