body
{
font-family:Arial,Verdana; color:CCCCFF
}

img { max-width: 100%; }
table { max-width: 100% }

A:link {color:yellow; text-decoration:none}
A:visited {color:#FF8429; text-decoration:none}
A:hover {color:red; font:italic; font-weight:bold; text-decoration:none}
A:active {color:black; text-decoration:none}

H1 {font: 10pt "Angsana new", "Gabriola", "Brush Script MT", "Arial Narrow"; color: #585E65; display:inline}
H2 {font: bold 11pt "Verdana"; color: white}
H3 {font: 10pt "Angsana new", "Gabriola", "Brush Script MT", "Arial Narrow"; color: #585E65; display:inline}
H4 {font: bold 14pt "Verdana"; color: white}

H2.hid {font: 10pt "Dorsa", "Angsana new", "Gabriola", "Brush Script MT", "Arial Narrow"; color: #585E65; display:inline}
H3.main {font: bold 10pt "Arial"; color: white; display:inline}

A.hid:link {color:#585E65; text-decoration:none; display:inline}
A.hid:visited {color:#585E65; text-decoration:none; display:inline}
A.hid:hover {color:#585E65; text-decoration:none; display:inline}
A.hid:active {color:#585E65; text-decoration:none; display:inline}


A.txt:link {color:#C6EFF7; text-decoration:none}
A.txt:visited {color:#FFFFFF; text-decoration:none}
A.txt:hover {color:red; text-decoration:none}
A.txt:active {color:#000000; text-decoration:none}

P {font: bold 10pt "Arial", "sans-serif"; color: #C6EFF7}

P.Titles {font: 10pt "Brush Script MT"; color: #585E65}
P.p1 {font: 10pt Arial, Helvetica, sans-serif; color: white; text-align:left}
P.p2 {font: 9pt "Dorsa", "angsana new", "Gabriola", "Script", "Small Fonts", "Brush Script MT", "Arial Narrow"; color: #585E65; display:inline}
P.p3 {font: 10pt Arial, Helvetica, sans-serif; color: #FFFFFF; font-weight: bold; text-align:center}

Span.p2 {font: 9pt "Dorsa", "angsana new", "Gabriola", "Script", "Small Fonts", "Brush Script MT", "Arial Narrow"; color: #585E65}

li {font: bold 10pt "Arial", "sans-serif"; color: #C6EFF7}

TABLE.ratelake {font: bold 10pt "Arial", "sans-serif"; color: #FFFFFF}


marquee { width: 100%; max-width: 614px; }

.scrollmrk { color:red; font:italic; font-weight:bold; background-color:#FFFFFF; opacity: 0.7; filter: alpha(opacity=70)}


.scrollmrk::after
{ 
content:"Why build a pond / lake just for swimming when you can have so much more? Come visit our social sites for more info & photos.";
}

<!-- insert seasonal messages anywhere after the content:"   -->

span.currentyear {}

span.currentyear::after
{
content:" 2018";
}

.pageblock {
   margin-right:auto; margin-left:auto; width: 100%; max-width: 900px;
   background-color: #000000;
   background-image: url("images/smblue_rock2.jpg");
   border-radius: 10px 35px 35px 10px;
   border-style: solid;
   border-width: 2px;
   border-color: #000000;
}

.title {
   margin-right:auto; margin-left:auto; width: 100%; max-width: 650px;
   border-radius: 10px;
   background-color: black;
   background-image: url("images/woodbackground.jpg");
   border-style: solid;
   border-width: 2px;
   border-color: gray;
}

.titleblockEveryday {
    background: #330066; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(12deg, #400080 25%, #CCCCFF, #9380ff, #400080); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(12deg, #400080 25%, #CCCCFF, #9380ff, #400080); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(12deg, #400080 25%, #CCCCFF, #281E5D, #392EA0, #400080); /* For Firefox 3.6 to 15 */
    background: radial-gradient(farthest-corner at -7% 60%,  #2929a3, #2929a3, #CCCCFF, #400080, #9380ff, #9380ff, #000080); /* Standard syntax */ 
}

.titleblock
 {
    background: #330066; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(7deg, #392EA0 35%, #E47870, #FFE884, #EA72B3, #5277D3, #400080); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(7deg, #392EA0 35%, #E47870, #FFE884, #EA72B3, #5277D3, #400080); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(7deg, #392EA0 35%, #E47870, #FFE884, #EA72B3, #5277D3, #400080); /* For Firefox 3.6 to 15 */
    background: linear-gradient(7deg, #392EA0 35%, #E47870, #FFE884, #EA72B3, #5277D3, #5277D3, #400080); /* Standard syntax Floral Sunset Theme */ 
}

.titleblockPatriotic
 {
    background: #330066; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(10deg, #400080 20%, #FFFFFF, #FF0000, #392EA0); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(10deg, #400080 20%, #FFFFFF, #FF0000, #392EA0); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(10deg, #400080 20%, #FFFFFF, #FF0000, #392EA0); /* For Firefox 3.6 to 15 */
    background: linear-gradient(10deg, #400080 20%, #FFFFFF, #FF0000, #392EA0); /* Standard syntax Patriot Theme */ 
}



.plantwave {
   margin-right:auto; margin-left:auto; width: 100%; max-width: 450px; height: 90px;
   margin-top: 0px; margin-bottom: 0px;
   background: url("images/plantmove.gif") left bottom no-repeat, url("images/plantmove.gif") right bottom no-repeat,  url("images/lakepics400.jpg") center bottom no-repeat; 
   border-style: solid;
   border-width: 0px;
   border-color: #FFFFFF;
   text-align: center;
   padding-bottom: 0px;
}

#rcorners15 {
    border-radius: 10px;
    border: 2px solid #FFFFFF;
    padding: 5px; 
    width: width: 100%; max-width: 626px;
}

#title {
    border-radius: 10px;
    border: 2px solid gray;
    background-image: url("images/smblue_rock.gif");
    padding: 1px; 
    width: width: 100%; max-width: 626px;
}

.fishswim {
   margin-right:auto; margin-left:auto; width: 100%; max-width: 450px; height: 90px;
   margin-top: 0px; margin-bottom: 0px;
   background-image: url("images/smalfishT.gif");
   border-style: solid;
   border-width: 0px;
   border-color: #FFFFFF;
   padding-bottom: 0px;
}




<meta name=viewport content="width=device-width, initial-scale=1">



BODY {SCROLLBAR-FACE-COLOR: #330066; SCROLLBAR-HIGHLIGHT-COLOR: #CCCCFF; SCROLLBAR-SHADOW-COLOR: #CCCCFF; SCROLLBAR-3DLIGHT-COLOR: #CCCCFF; SCROLLBAR-ARROW-COLOR:  #FFFFFF; SCROLLBAR-TRACK-COLOR: #CCCCFF; SCROLLBAR-DARKSHADOW-COLOR: #330066; }