body {font-size: 0.8em; font-family: arial, verdana, helvetica, sans serif; background-repeat: no-repeat; padding: 0px; margin: 0px}
h1.name1 {font-size: 1.0em; margin-bottom: 0px; padding-bottom: 0px; font-weight: normal}
h1.bannerhome {font-size: 2.3em; background-color: rgb(80%, 50%, 50%); color: white; font-family: arial; margin-bottom: 3px; padding: 5px; padding-bottom: 9px; padding-top: 6px; margin-top: 0px; margin-left: 0px; margin-right: 0px; margin-bottom: 2px;}
h1.banner1 {font-size: 1.4em; background-color: rgb(50%, 80%, 50%); color: white; font-family: arial; margin-bottom: 3px; padding: 3px; margin-top: 0px}
h1.banner2 {font-size: 1.4em; background-color: rgb(80%, 50%, 50%); color: white; font-family: arial; margin-bottom: 3px; padding: 3px}
h1.banner3 {font-size: 2.8em; background-color: rgb(94%, 44%, 40%); color: white; font-family: arial; margin-bottom: 3px; padding: 3px}
h1 {font-size: 1.2em}
h2 {font-size: 1.1em;}

.firstparagraph {color: rgb(90%,50%,50%); font-weight: bold}

td.qsq    {border: 1px solid green; 
           padding: 2px;  
           margin: 3px; 
           width: 112px; 
           background-repeat: no-repeat;}

div.maintext {background-color: white; width: 890px;
             border-left: 1px solid rgb(80%, 50%, 50%);
             border-top: 1px solid rgb(80%, 50%, 50%);
             border-right: 2px solid rgb(80%, 50%, 50%);
             border-bottom: 5px solid rgb(80%, 50%, 50%);
             margin-top: 6px;
             margin-left: 6px;
             padding: 0px;
             }

td.leftside {width: 280px; 
             padding: 2px; 
             border-right: 2px solid rgb(80%, 50%, 50%);
             background-color: rgb(94%,95%,93%);
             }

td.qsquare1 {background-color: rgb(80%,50%,50%); width: 112px;
             }
td.qsquare2 {background-color: rgb(50%,50%,60%); width: 112px;
             }
td.qsquare3 {background-color: rgb(80%,90%,80%); width: 112px;
             }
td.qsquare4 {background-color: rgb(50%,50%,50%); width: 112px;
             }

td.leftside2 {width: 280px; 
             padding: 2px; 
             border-right: 2px solid rgb(80%, 50%, 50%);
             background-color: rgb(94%,95%,93%);
             }

td.banner1 {background-color: rgb(85%,85%,95%); padding: 0px}
table.homepage {background-color: rgb(99%,99%,99%)}
.maintext {width: 620px}

p.link1 {background-color: rgb(97%,97%,95%); 
         border-left: 1px dotted gray; 
         border-top: 1px dotted gray; 
         border-right: 1px dotted gray; 
         border-bottom: 2px solid gray; 
         color: teal; 
         font-weight: bold; 
         text-align: center;
         width: 108px;}
small {font-size: 0.7em}
a:link {text-decoration: none; font-weight: bold; color: rgb(97%,50%, 50%)}
a:visited {text-decoration: none; font-weight: bold; color: rgb(87%,50%, 50%)}
a:hover {text-decoration: underline; font-weight: bold; color: red}
a:active {text-decoration: underline; font-weight: bold; color: red}

div.leftside3 {background-color: rgb(80%, 50%, 50%); 
               width: 240px; 
               padding: 4px; }

.pagephoto {width: 250px; height: 205px}

div.menuitem {width: 175px;
         height: 20px;
         padding-left: 5px;
         padding-right: 5px;
         padding-top: 2px;
         padding-bottom: 2px;
         margin: 2px;
         background-color: rgb(97%,95%,95%);
         border-left: 1px dotted gray; 
         border-top: 1px dotted gray; 
         border-right: 2px solid gray; 
         border-bottom: 2px solid gray; 
         color: teal; 
         font-weight: bold; 
         text-align: center;
         }

.linkitemhere {background-color: white}
.linkitem {background-color: rgb(80%,50%,50%)}

a.menu {color: black}

a.menu:link {color: black; font-weight: normal; text-decoration: none}
a.menu:visited {color: black; font-weight: normal; text-decoration: none}
a.menu:hover {text-decoration: underline; font-weight: normal; color: black}
a.menu:active {text-decoration: underline; font-weight: normal; color: black}

dl {text-align: left; padding-top: 2px; margin-left: 4px; margin-top: 2px; margin-bottom: 3px}
dt {border-bottom: 1px dotted silver; padding: 2px; text-align: left}

td.calendarsquare {width: 80px; height: 80px; border: 1px solid teal}
td.calendarheading {width: 80px; border: 1px solid teal}
.calendartext {font-size: .7em}

.savebutton {background-color: rgb(90%,90%,98%); border: 1px solid teal}

b.highlighted {background-color: rgb(95%,95%,60%); font-weight: bold}