html {
 margin: 0;
 padding: 0;
 }
 
body{
margin: 0;
padding: 0;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 100%;
color: #000;
background: url(/images/background.jpg) top left repeat-x #2B6088;
/* background-color:#DBE2C5; */
scrollbar-base-color: #2B6088;
}

/*body#admin {
margin: 0;
padding: 0;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 100%;
color: #000;
 background: #4A7595; 
scrollbar-base-color: #DBE2C5;
}*/

p {
font-size: 0.75em;
line-height: 1.5em;
}
/*=========HEADINGS=======*/
h1 {
font: 1.2em verdana,arial,helvetica,sans-serif;
padding: 5px 10px;
color: #2B6088;
}

h2 {
font: bold 0.90em trebuchet ms,verdana,arial,helvetica,sans-serif;
padding: 5px 10px;
color: #2B6088;
}

h3 {
font: bold 0.75em trebuchet ms,verdana,arial,helvetica,sans-serif;
padding: 0 10px;
color: #2B6088;
}

h4 {
font: 0.65em verdana,arial,helvetica,sans-serif;
padding: 0px 10px;
color: #2B6088;
}

#ufwus table h4.thing {
font: 0.80em verdana,arial,helvetica,sans-serif;
padding: 0;
color: #A52A2A;
}

#ufwus table h4{
font: bold 0.80em verdana,arial,helvetica,sans-serif;
padding: 0;
color: #000;
}

h5{/* used for photo tag*/
font: bold 0.60em verdana,arial,helvetica,sans-serif;
padding: 5px 10px;
color: #B13500;
}

/* ======================== Main divs ===============================*/
div#container{
margin: 1em auto;
background-color: #CBE2E6;
border: 1px solid #fff;
max-width:1050px; 
 width: auto !important;
 width:1050px;
}

body#admin #container{
margin: 1em auto;
background: #F3F4F6;
border: 1px solid #000;
max-width:1050px; 
 width: auto !important;
 width:1050px;
}

#header{
background: url(/images/headb.jpg) top left repeat-x #3B83CD;
height: /* 139 */110px;
/* border-bottom: solid 1px #000; */
margin: 0;
border-bottom: solid 1px #CBE2E6;
}

#header span{
float: right;
margin: 50px 20px 0 0;
}

#header p{
margin: 0 5px 0 0;
text-align: center;
color: #fff;
font: bold 0.80em verdana,arial,helvetica,sans-serif;
}

body#admin #headerb{
background-color: #F3F4F6;
height: 65px;
/* border-bottom: solid 1px #000; */
margin: 0;
padding: 0;
}

#banner{
height: 136px;
width: 100%;
border-top: solid 6px #23638F;
border-bottom: solid 6px #23638F;
margin:3px 0 0 0;
padding:0;
}

body#home #banner{
height: 250px;
width: 100%;
border-top: solid 6px #23638F;
border-bottom: solid 6px #23638F;
margin:3px 0 0 0;
padding:0;
}

#banner p.words{
float: right;
background: transparent;
margin-top: 30px;
text-align: center;
line-height: 1.2em;
width: 60%;
font: 1.3em "Times New Roman", Times, serif;
color: #2B6088;
}

#banner p.heading{
float: right; 
background: transparent;
text-align: center;
margin: 0;
font: bold italic 1.4em "Times New Roman", Times, serif;
color: #2B6088;
width: 60%;
}

#hbanner{
float: right;
background: pink;
width: 500px;
text-align: center;
margin: 0;
padding: 0;
}

#hbanner p.words{
background: transparent;
line-height: 1.2em;
font: 1.3em "Times New Roman", Times, serif;
color: #2B6088;
margin: 0;
}

#hbanner p.heading{
background: transparent;
margin: 0;
font: bold italic 1.4em "Times New Roman", Times, serif;
color: #2B6088;
}

/*================BANNERS==================*/
body#home #banner{background: url(/images/home_bwords.jpg) top left no-repeat #6BB9E1;}
body#general2 #banner{background: url(/images/bpools.jpg) top left no-repeat #6BB9E1;}
body#pools2 #banner{background: url(/images/bpools2.jpg) top left no-repeat #6BB9E1;}
body#lap #banner{background: url(/images/blap.jpg) top left no-repeat #6BB9E1;}
body#construction #banner{background: url(/images/bconstruction.jpg) top left no-repeat #6BB9E1;}
body#services #banner{background: url(/images/bservices.jpg) top left no-repeat #6BB9E1;}
body#general #banner{background: url(/images/bgeneral.jpg) top left no-repeat #6BB9E1;}
body#pools #banner{background: url(/images/bgeneral2.jpg) top left no-repeat #6BB9E1;}
/*===============================UFWUS STYLES ====================*/
#ufwus{
/*padding-top: 1em;*/
margin: 5px 210px 0 1em; /* SWAP ORDER */
background: transparent;
}

body#home #ufwus{
margin: 5px 1em 0 1em;
background: transparent;
}

body#admin #ufwus{
/*padding-top: 1em;*/
margin: 20px 1em 0 1em; /* SWAP ORDER */
background-color: transparent; 
}

#ufwus p{
margin: 1em 20px 0 10px;
font-size: 0.70em;
padding: 0/*  50px 0 20px */;
color: #2B6088;
text-align: left; 
}

#ufwus p.rig{
margin: 0 0 0 1em;
padding:20px 0 0 0 ;
color: #000;
text-align: right;   
}

#ufwus p.message{
font: bold 0.90em verdana,arial,helvetica,sans-serif;
color: #A52A2A;
} 

#ufwus p.bigmessage{
font: bold 1.50em verdana,arial,helvetica,sans-serif;
color: #CC0000;
} 

#ufwus ul li {
 font: 0.70em verdana, arial, helvetica, sans-serif;
 list-style: square;
 color:  #2B6088;
 line-height: 1.5em;
 text-align: left;   
 padding: 0 10px 0 10px;
 }

#ufwus ul ul li {
 list-style: disc;
 font: 1.0em verdana, arial, helvetica, sans-serif;
 color:  #2B6088;
 line-height: 1.5em;
 text-align: left;   
 padding: 0;
 }

#ufwus ol{
 list-style-type: decimal;
 font: 0.70em verdana, arial, helvetica, sans-serif;
 color:  #2B6088;
 line-height: 1.5em;
 text-align: left;   
 padding: 5px 10px 0 40px;
 }

#ufwus ol ol{
 list-style-type: lower-roman;
 font: 1.0em verdana, arial, helvetica, sans-serif;
 color:  #2B6088;
 line-height: 1.5em;
 text-align: left;   
 padding: 0 10px 0 30px;
 }
 
 #ufwus img{
 margin: 3px 10px 3px 3px;
 border: solid 1px #fff;
 }
 
 #ufwus img.nobord{
 border: none;
 }
 
 /* =========CALENDAR 'PAGE' LAYOUT============= */ 
/*  #ufwus img.calendar{
 float: left;
 border: solid 1px #000;
 margin: 4px;
 }
 
 #ufwus hr.high{
 margin-top: 10px;
 margin-left:2px;
 margin-right:20px;
 color: #F9FAF6;
 clear: left;
 } */
 /* ====================== */
 body#admin #ufwus img{
 border: none;
 }

#ufwus a, #ufwus a:link { 
 color:  #2B6088;   
 text-decoration: underline;
} 

#ufwus a:visited { 
 color:  #2B6088;   
 text-decoration: underline;
} 

#ufwus a, #ufwus a:hover { 
 color: #B9BFCA;
 text-decoration: none;
} 
/*================= Link from image ============*/
#ufwus a.nolink:link{ 
color: #B7AE8D;
text-decoration: none;
} 

#ufwus a.nolink:visited { 
color: #B7AE8D;
 text-decoration: none;
} 

#ufwus a.nolink:hover { 
 color: #B7AE8D;
text-decoration: none;
} 

#ufwus img.noborder{
 border: none;
 }
#ufwus span.print{
float: right;
} 
 
 /*THESE 2 PRINT AND HIDE USED TO TOGGLE TO THE PRINT VIEW*/
#ufwus p.print{
 display: none;
}

#ufwus p.hide{
 font: bold 12px verdana,arial,helvetica,sans-serif;
 margin:0;
 padding: 0 10px 0 10px;
 color: #000;
 text-align: center;
 
}

#ufwus p.hider{
 font: bold 12px verdana,arial,helvetica,sans-serif;
 margin:0;
 padding: 0 10px 0 10px;
 color: #000;
 text-align: right;
}
/*==========USED TO TOGGLE TO THE PRINT VIEW=========*/

div#printfriendly{
 display: none;
}

#ufwus p.print{
display: none;
}

#printfooter {
display: none;
}
/*======================================================================*/
/* #ufwus p.message{
font: bold 12px verdana,arial,helvetica,sans-serif;
color: #A52A2A
} */

#ufwus a.back{
 color: #000;
 text-decoration: none;
}

#ufwus a:hover.back {
 color: #060;
 text-decoration: underline;
}

/*============= TABLE STYLES ==============================*/
#ufwus table{
 border: solid 1px #000;
 border-collapse: collapse;
 font: 0.70em verdana,arial,helvetica,sans-serif;
 color: #000;
 }

 
 body#admin #ufwus table.entry{
 border: solid 1px #000;
 border-collapse: collapse;
 font: 0.80em verdana,arial,helvetica,sans-serif;
 }
 
 body#admin #ufwus table tr.catad{
 background-color: #933013;
 font: bold 1.0em verdana,arial,helvetica,sans-serif;
 color: #fff;
 }
 
body#admin #ufwus table{
 border: solid 1px #000;
 border-collapse: collapse;
 font: 0.75em verdana,arial,helvetica,sans-serif;
 }
 
 body#admin #ufwus table h2 {
font: bold 1.1em verdana,arial,helvetica,sans-serif;
padding: 5px 10px;
color: #000;
background: #F9FAF6;
}
 
/*======================================tinyMCE hack==========================*/ 
body#admin #ufwus table .mceToolbar table tr td {border:solid 1px #83A7C2; margin:0; padding:0;}/*this colours the toolbar border the same as background*/
body#admin #ufwus table .defaultSkin table.mceToolbar {margin-left:0; border:0;}
body#admin #ufwus table .defaultSkin table.mceLayout {border:0}
body#admin #ufwus table .defaultSkin table.mceLayout tr.mceFirst td {border-top:0;}
body#admin #ufwus table .defaultSkin table.mceLayout tr.mceLast td {border-bottom:1px solid #000}
body#admin #ufwus .defaultSkin .mceToolbar {height:26px; border: 0; }
body#admin #ufwus .defaultSkin .mceLeft {text-align:left; border:0;}
body#admin #ufwus .defaultSkin .mceRight {text-align:right; border:0;}
body#admin #ufwus .defaultSkin table {background-color:#83A7C2;}/*this colours the toolbar background*/
/*====================================================================*/ 

 body#admin #ufwus table img{
 border: none;
 }
 
 /* body#admin #ufwus table.noborder{
 border: none;
 font: 1.0em verdana,arial,helvetica,sans-serif;
 border-collapse: collapse;
 }
 
 body#admin #ufwus table.noborderc{
 border: none;
 font: 1.0em verdana,arial,helvetica,sans-serif;
 background-color: #E7DEDC; 
 border: solid 1px #000;
 border-collapse: collapse;
 } */


#ufwus table tr.mainfill{
 background-color: #55799B;
 font: bold 1.2em verdana,arial,helvetica,sans-serif;
 color: #fff;
 }
 

 
 body#admin #ufwus table tr.mainfill{
 background-color: #55799B;
 font: bold 1.2em verdana,arial,helvetica,sans-serif;
 color: #fff;
 }

/* #ufwus table tr.lighter{
 background-color: #DFE2B5;
 font: bold 0.84em verdana,arial,helvetica,sans-serif;
 color: #000;
 } */
 
 #ufwus table tr.alt{
 background-color: #ECF0F2;
 /*font: bold 0.84em verdana,arial,helvetica,sans-serif;*/
 color: #000;
 }

 select.dropdowns{
background-color: #F9FAF6;
 font: bold 1.0em verdana,arial,helvetica,sans-serif;
 border: solid 1px #fff;
 padding: 3px 0;
 } 
 

#ufwus table td{
 border-right: solid 1px #000;
 }
 
 #ufwus table.noborder td{
 border-right: none;
 }
 
 #ufwus table.noborder{
 border: none;
 font: 1.0em verdana,arial,helvetica,sans-serif;
 border-collapse: collapse;
 }
 
/*==========================FOOTER STYLES ===========================*/
#spacer{
clear: both;
height: 1px;
background: transparent;
}


#footer{
margin: 1em auto;
background: transparent;
text-align: right;
max-width:1050px; 
 width: auto !important;
 width:1050px;
 color: #fff;
 height: 20px;
}


#footer a, #footer a:link { 
font: 0.80em verdana, arial, helvetica, sans-serif;
 color:  #fff;   
 text-decoration: none;
} 

#footer a:visited { 
 color:  #fff;   
 text-decoration: none;
} 

#footer a:hover { 
 color: #ccc;
 text-decoration: underline;
} 

/* #updated{
margin-left: 10px;
font: 0.80em verdana,arial,helvetica,sans-serif;
color: #000;
} */

/* div.updated{
margin: 1em auto;
float: left;
max-width:1050px; 
 width: auto !important;
 width:1050px;
font: 0.80em verdana,arial,helvetica,sans-serif;
color: #fff;
} */


/* ==================  BUTTON BOX  =========================*/
#events{
background-color: transparent;
float: right; 
width: 180px;
margin: 10px 0;
padding-top: 1em;
border-left: solid 1px #2B6088;
height: 390px; 
overflow: auto;
clear: both;
}

#events img{
border-top: solid 1px #2B6088;
padding-top: 1px;
}

#events p.high{
margin: 0;
height: 2px;
clear: both;
}
 
 /* #events hr.high{ 
 margin-top: 10px;
 margin-left:2px;
 margin-right:2px;
 color: #F0DA83;
 clear: both;
 } */

 #events a, #events a:link { 
 color:  #B13500;   
 text-decoration: none;
} 

#events a:visited { 
 color:  #B13500;   
 text-decoration: none;
} 

#events a:hover { 
 color: #000;
 text-decoration: none;
}

/*================ INDIVIDUAL BUTTONS ===========================================*/
div.prodbox {
background: #CCE3E7;
border: solid 1px #fff;
/* border-bottom: dotted 1px #EFCAB2; */
width: 140px;
margin: 5px;
}

div.prodbox  p.title{
/* margin: 5px; */
padding: 1px;
display: block;
text-align: center;
font: bold .80em arial, helvetica, sans-serif;
color: #2B6088;
/* border-bottom: dotted 1px #EFCAB2; */
}

div.prodbox img{
/* float: left;
padding: 3px 5px 3px 3px; */
border: none;
text-align: center;
}

div.prodbox img.designimg{
text-align: center;
border: solid 1px #fff;
}

div.prodbox  p{
margin: 2px 5px /* 2px 4px 2px 170px */;
text-align: left;
font: 0.70em arial, helvetica, sans-serif;
color: #fff;
}

/*===================================================*/

div#copyright{/*at bottom of page*/
margin: 1em auto;
background: transparent;
text-align: right;
max-width:1050px; 
width: auto !important;
width:1050px;
color: #fff;
height: 20px;
font: 0.7em verdana, arial, helvetica, sans-serif;
 }

div#copyright p{
float: left;
margin: 0;
font: 0.80em verdana,arial,helvetica,sans-serif;
}
 
#copyright a, #copyright a:link { 
 color:  #fff;   
 text-decoration: none;
 } 

#copyright a:visited { 
 color:  #fff;   
 text-decoration: none;
 } 

#copyright a:hover { 
 color: #ccc;
 text-decoration: underline;
 } 
 
/* ===============================================================*/