html, body { margin: 0; padding: 0; height: 100%; min-height: 100%; }
body { background-color: #00267f; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 18px; color: #666666; background-image:url(../images/bg_gradient.jpg); background-repeat: repeat-x; }
form { margin: 0; padding: 0; }
li { margin: 0 0 5px 0; }
center { margin: 0; padding: 0; }
a:link,a:active,a:visited { text-decoration: underline; color: #0066cc; }
a:hover { text-decoration: none; color: #0066cc; } 

h1 { color: #e8b400; font-size: 20px; margin: 10px 0; padding: 0 0 15px 0; }
h2 { color: #0032a3; font-size: 14px; margin: 10px 0 0 0; padding: 0; border-bottom: 1px solid #a3c1e0; }

/* IDs */

#background-old { width: 100%; min-height: 341px; background-image: url(../images/background-image.jpg); background-position: top; background-repeat: no-repeat; margin: 0; padding: 0; }
#background { width: 100%; min-height: 341px; background-image: url(../images/background-image-2.jpg); background-position: top; background-repeat: no-repeat; margin: 0; padding: 0; }
#home { width: 678px; text-align: right; padding: 90px 0 0 0; }
#wrapper { width: 678px; margin: 0; }
#container { width: 658px; background-color: #FFFFFF; margin: 0; padding: 10px; float: left; text-align: left; }

#navigation { width: 100%; height: 41px; background-color: #FFFFFF; margin: 10px 0 0 0; padding: 0; float: left; }

#content-wrapper { width: 100%; background-color: #FFFFFF; background-image: url(../images/bg_content.gif); background-repeat: repeat-y; margin: 10px 0 0 0; padding: 0; float: left; }
#left-column { width: 160px; min-height: 300px; background-color: #dbad00; background-image: url(../images/bg_yellow.jpg); background-position: top; background-repeat: repeat-x; float: left; margin: 0 10px 0 0; padding: 9px; text-align: left; line-height: 16px; color: #6e5700; font-size: 10px; }
#right-column { width: 440px; float: right; margin: 0; padding: 20px 20px 20px 0; text-align: left;}

#content { margin: 10px 0; padding: 10px 25px; }
#content a:link,a:active,a:visited { text-decoration: underline; color: #0066cc; }
#content a:hover { text-decoration: none; color: #0066cc; } 
#promos { width: 100%; height: 91px; float: left; margin: 10px 0 0 0; padding: 0; }
#center-promo { width: 214px; padding: 0 8px; margin: 0; float: left; }
#footer { width: 678px; margin: 10px 0 0 0; padding: 0 0 0 10px; color: #60b0ff; font-size: 10px; line-height: 14px; float: left; text-align: center; }


/* CLASSES */

.floatright { float: right; margin: 0; }
.floatleft { float: left; margin: 0; } 
.clearer { display: block; clear: both; height: 0; overflow: hidden; }
.red {  color: #b90000; }


/* CALENDAR
#calendar-wrapper { width: 160px; padding: 0 0 0 4px; }
#month-wrapper { width: 160px; text-align: center; font-weight: bold; font-size: 11px; padding: 0 0 8px 0; }
#calendar-header-container { width: 160px; }
.days-header { background-color: #01267F; color: #FFFFFF; text-transform: uppercase; font-weight: bold; font-size: 11px; text-align: center; width: 22px; height: 20px; float: left; padding-top: 5px; }
#calendar-container { width: 160px; }
.days { width: 20px; height: 25px; text-align: right; float: left; background-color: #f8efcc; border-right: 1px solid #dbad00; border-bottom: 1px solid #dbad00; font-weight: bold; color: #00267f; padding: 1px 1px 0 0; font-size: 10px; }
.days a:link,a:active,a:visited { color: #b90000; text-decoration: none; }
.days a:hover { color: #b90000; text-decoration: underline; }
.days-dim { width: 20px; height: 25px; text-align: right; float: left; background-color: #f8efcc; border-right: 1px solid #dbad00; border-bottom: 1px solid #dbad00; color: #00267f; padding: 1px 1px 0 0; font-size: 10px; }
.print-calendar a:link,a:active,a:visited { font-weight: bold; color: #af3d3c; font-size: 10px; text-decoration: none; }
.print-calendar a:hover { font-weight: bold; color: #af3d3c; font-size: 10px; text-decoration: underline; } */




/* OUR FACILITY */

.photo { width: 100%; float: left; clear: both; padding: 0 0 10px 0; margin: 0; }
.photo img { padding: 5px; margin-right: 10px; border: #CCCCCC solid 1px; float: left; }
.photo-title { padding-top: 6px; font-size: 12px; font-weight: bold; display: block; float: left; color: #001259; text-transform: uppercase; }
.hidden { display:none; }



/* PRICE LIST */

.price-items { padding: 2px 6px; border-right: #FFFFFF 1px solid; border-bottom: #CCCCCC 1px solid; } 
.item-wrapper { width: 430px; border-bottom: #CCCCCC 1px solid; float: left; }
.left-side { width: 350px; padding: 1px 3px; text-align: left; font-size: 11px; float: left; }
.right-side { width: 73px; padding: 1px 0; text-align: center; font-size: 11px; float: left;  }
.left-side-discount { width: 253px; padding: 1px 3px; text-align: left; font-size: 11px; float: left; }
.right-side-discount { width: 170px; padding: 1px 0; text-align: center; font-size: 11px; float: left;  }
.header-wrapper { width: 430px; float: left; margin-top: 10px; }
.price-header-left { width: 350px; padding: 1px 0px 1px 6px; background-color: #00267f; color: #FFFFFF; font-weight: bold; text-transform: uppercase; border-right: 1px solid #FFFFFF; text-align: left; font-size: 11px; float: left; }
.price-header-right { width: 73px; padding: 1px 0; background-color: #00267f; color: #FFFFFF; font-weight: bold; text-transform: uppercase; text-align: center; font-size: 11px; float: left; }
.discount-header { width: 425px; padding: 1px 0px 1px 6px; background-color: #00267f; color: #FFFFFF; font-weight: bold; text-transform: uppercase; }
.item-break { width: 430px; height: 35px; float: left; border-bottom: #CCCCCC 1px solid; }
.item-break-no-border { width: 430px; height: 35px; float: left; }
.item-break-no-border-d { width: 430px; height: 15px; float: left; }



/* POOL PRICE LIST */

.pool-left-column { float: left; width: 270px; }
.pool-right-column { float: left; width: 160px; text-align: center; }


/* CONTACT */
.headshots { float: left; padding: 5px; margin: 0 10px 10px 0; border: solid #CCCCCC 1px; }


/* HOME */
#ticker-tape-wrapper { width: 430px; background-color: #e5e5e5; }
#notice-wrapper { background-color: #FFFFFF; padding: 15px; margin: 15px; text-align: left; }
#notice-wrapper strong { font-weight: bold; color: #0066cc; }
#notice-wrapper hr { width: 100%; height: 1px; color: #DDDDDD; padding: 0; margin: 0; }