/*------------------------------------------------------------------------
SHORTHAND (delete once style sheet finished)

background:url(/images/interface/left_bg.gif) repeat-x bottom; 
background:url(/images/interface/left_bg.gif) no-repeat top left; 
background:#9b9470 url(/userdocs/history_pic1.gif) no-repeat 5px 50% fixed; 

list-style: url(/images/dot.gif) disc inside;

font: italic small-caps bold 13px/15px Arial, Helvetica, sans-serif; 
font: 11px/13px sans-serif; 
---------------------------------------------------------------------------*/


.body { background:#3880bd; margin: 0px; padding: 0px; }

P { font: 12px/16px Arial, Helvetica, sans-serif; COLOR: #4e4e4e; padding: 0px; vertical-align:top; }
P A:link    { COLOR: #3880bd; }
P A:visited { COLOR: #3880bd; }
P A:active  { COLOR: #3880bd; }
P A:hover   { COLOR: #4e4e4e; }

UL { margin: 0px 0px 0px 35px;}
LI { list-style: square; font: 12px Arial, Helvetica, sans-serif; COLOR: #4e4e4e; }
FORM { margin:0px; }
INPUT { margin:0px; }

H1 { font: normal 14px Arial, Helvetica, sans-serif; COLOR: #333333; margin: 0px 0px 20px 0px; }
H2 { font: bold 14px Arial, Helvetica, sans-serif; COLOR: #0066cc; margin: 0px 0px 5px 0px; }

.content { font: 12px/16px Arial, Helvetica, sans-serif; COLOR: #4e4e4e; padding: 18px; height:350px; vertical-align:top; }
.content A:link    { COLOR: #3880bd; }
.content A:visited { COLOR: #3880bd; }
.content A:active  { COLOR: #3880bd; }
.content A:hover   { COLOR: #4e4e4e; }

.nopad_content { font: 12px/16px Arial, Helvetica, sans-serif; COLOR: #4e4e4e; padding: 0px; }
.nopad_content A:link    { COLOR: #3880bd; }
.nopad_content A:visited { COLOR: #3880bd; }
.nopad_content A:active  { COLOR: #3880bd; }
.nopad_content A:hover   { COLOR: #4e4e4e; }

.callout { font: 11px/14px Arial, Helvetica, sans-serif; COLOR: #666666; padding: 9px 4px 0px 11px; }
.callout A:link    { COLOR: #666666; }
.callout A:visited { COLOR: #666666; }
.callout A:active  { COLOR: #666666; }
.callout A:hover   { COLOR: #3880bd; }

.signup { font: 11px/14px Arial, Helvetica, sans-serif; COLOR: #666666; padding: 11px 4px 15px 15px; }
.signup A:link    { COLOR: #666666; }
.signup A:visited { COLOR: #666666; }
.signup A:active  { COLOR: #666666; }
.signup A:hover   { COLOR: #3880bd; }

.radio { font: 11px Arial, Helvetica, sans-serif; COLOR: #666666; padding: 0px 0px 0px 0px; }
.radio A:link    { COLOR: #3880bd; }
.radio A:visited { COLOR: #3880bd; }
.radio A:active  { COLOR: #3880bd; }
.radio A:hover   { COLOR: #000000; }

.welcome { font: 11px/14px Arial, Helvetica, sans-serif; COLOR: #666666; padding: 6px 12px 0px 14px; text-align:justify; }

.footer { font: 12px Arial, Helvetica, sans-serif; COLOR: #FFFFFF; padding: 5px 0px 0px 0px; text-align:center}
.footer A:link    { COLOR: #FFFFFF; text-decoration:underline; }
.footer A:visited { COLOR: #FFFFFF; text-decoration:underline; }
.footer A:active  { COLOR: #FFFFFF; text-decoration:underline; }
.footer A:hover   { COLOR: #9cc0de; text-decoration:underline; }

#nav A { font: 11px Arial, Helvetica, sans-serif; COLOR: #4C4C4C; display:block; width:20px; text-decoration:none; }
#nav A:hover { background: #CC0000; COLOR: #FFFFFF; }
.nav { font: 11px Arial, Helvetica, sans-serif; color: #4C4C4C; background-color:#FFFFFF; height: 30px; padding: 7px 0px 0px 0px; }
.nav A         { COLOR: #4C4C4C; text-decoration:none; }
.nav A:hover   { COLOR: #2859A6; text-decoration:underline; }

#subnav A { font: 11px Arial, Helvetica, sans-serif; background: #990000; COLOR: #FFFFFF; display:block; text-decoration:none; }
#subnav A:hover { background: #CC0000; COLOR: #FFFFFF; }
.subnav { font: 11px Arial, Helvetica, sans-serif; }
.subnav A         { COLOR: #FF9999; text-decoration:none; }
.subnav A:hover   { COLOR: #FF0000; text-decoration:none; }

.table { font: 11px Arial, Helvetica, sans-serif; COLOR: #000000; background:#FF0000; }
.table A         { COLOR: #000000; }
.table A:hover   { COLOR: #FFFFFF; }
.table TH { padding:2px 10px 2px 10px; text-align:left; }
.table TD { padding:2px 10px 2px 10px; }
.listing1 { background:#FFCC66; }
.listing2 { background:#FFFF99; }
.pager { font-size: 10px; COLOR: #000000; }
.pager A         { font-weight:bold; }

.border { COLOR: #000000; BORDER: solid #990100 4px; }

#billiards_nav A { font: bold 12px/30px Arial, Helvetica, sans-serif; background:url(images/billiards_nav_bg.gif) repeat-x top; height: 30px; COLOR: #FFFFFF; display:block; text-decoration:none; padding: 0px 0px 0px 10px; }
#billiards_nav A:hover { font: bold 12px/30px Arial, Helvetica, sans-serif; background:#ffff80; height: 30px; COLOR: #4ca71d; display:block; text-decoration:none; padding: 0px 0px 0px 10px; }
.billiards_nav { background:#4ca71d; }

#pools_nav A { font: bold 12px/30px Arial, Helvetica, sans-serif; background:url(images/pools_nav_bg.gif) repeat-x top; height: 30px; COLOR: #FFFFFF; display:block; text-decoration:none; padding: 0px 0px 0px 10px; }
#pools_nav A:hover { font: bold 12px/30px Arial, Helvetica, sans-serif; background:#ffff80; height: 30px; COLOR: #4775a2; display:block; text-decoration:none; padding: 0px 0px 0px 10px; }
.pools_nav { background:#3880bd; }

#spas_nav A { font: bold 12px/30px Arial, Helvetica, sans-serif; background:url(images/spas_nav_bg.gif) repeat-x top; height: 30px; COLOR: #FFFFFF; display:block; text-decoration:none; padding: 0px 0px 0px 10px; }
#spas_nav A:hover { font: bold 12px/30px Arial, Helvetica, sans-serif; background:#ffff80; height: 30px; COLOR: #00bde2; display:block; text-decoration:none; padding: 0px 0px 0px 10px; }
.spas_nav { background:#00bde2; }

#water_care_nav A { font: bold 12px/30px Arial, Helvetica, sans-serif; background:url(images/water_care_nav_bg.gif) repeat-x top; height: 30px; COLOR: #4e4e4e; display:block; text-decoration:none; padding: 0px 0px 0px 10px; }
#water_care_nav A:hover { font: bold 12px/30px Arial, Helvetica, sans-serif; background:#3880bd; height: 30px; COLOR: #FFFFFF; display:block; text-decoration:none; padding: 0px 0px 0px 10px; }
.water_care_nav { background:#f3f352; }

#gift_shop_nav A { font: bold 12px/30px Arial, Helvetica, sans-serif; background:url(images/gift_shop_nav_bg.gif) repeat-x top; height: 30px; COLOR: #4e4e4e; display:block; text-decoration:none; padding: 0px 0px 0px 10px; }
#gift_shop_nav A:hover { font: bold 12px/30px Arial, Helvetica, sans-serif; background:#ffff80; height: 30px; COLOR: #cc9e2b; display:block; text-decoration:none; padding: 0px 0px 0px 10px; }
.gift_shop_nav { background:#ecb732; }

#service_nav A { font: bold 12px/30px Arial, Helvetica, sans-serif; background:url(images/service_nav_bg.gif) repeat-x top; height: 30px; COLOR: #FFFFFF; display:block; text-decoration:none; padding: 0px 0px 0px 10px; }
#service_nav A:hover { font: bold 12px/30px Arial, Helvetica, sans-serif; background:#ffff80; height: 30px; COLOR: #cc3333; display:block; text-decoration:none; padding: 0px 0px 0px 10px; }
.service_nav { background:#cc3333; }

.photo { BORDER: solid #3880bd 3px; }

.textbox { font: 12px Arial, Helvetica, sans-serif; COLOR: #000000; background:#FFFFFF; BORDER: solid #999999 1px; }
.button { font: bold 12px Arial, Helvetica, sans-serif; COLOR: #FFFFFF; background:#3880bd; BORDER-TOP: solid #7aaad3 1px; BORDER-RIGHT: solid #2b6190 1px; BORDER-BOTTOM: solid #224e73 1px; BORDER-LEFT: solid #5c97c9 1px; padding: 3px; }

.help { font: 11px Arial, Helvetica, sans-serif; COLOR: #CC0000; }
.help A { COLOR: #CC0000; }
.error { font: 12px Arial, Helvetica, sans-serif; COLOR: #FF0000; }
.error A { COLOR: #FF0000; }

.copyright { font: 11px Arial, Helvetica, sans-serif; COLOR: #FFFFFF; padding:0px 0px 0px 4px; background:#666666; }