/* style sheet for Saturday Pond Watershed Association website                     */
/* written by Ann Williams 27 August 2006 - last update 25 Aug 2008        */

/* Basic Setup */

body {
background-color: #72a1bd; /* blue */
color: black;
font-family: Arial, sans-serif;
font-size: 14px;
background-image: url(images/watertile4s.jpg);
margin: 0;
padding: 0;
text-align: center;
}


h1 {                           
font-size: 1.2em;     
font-style: italic;
margin: 0;
padding: 0;
text-align: center;
color: #134e70;  /* blue */
background-color: #f0f8ff; /* very light blue */
} 

h2 {                          
font-size: 1.5em;
font-style: italic;
text-decoration: underline;
color: #134e70;
background-color: #f0f8ff; /* very light blue */
text-align: center;
}

h3{                                          
font-size: 1em;
font-style: italic;
margin: 0;
padding: 5px 0px 0px 0px;
text-decoration: underline;
color: #134e70;
background-color: #f0f8ff; /* very light blue */
text-align: center;
}

h4 {                                       
font-size: 1.2em;
font-style: italic;
text-decoration: underline;
color: #134e70;
background-color: #f0f8ff; /* very light blue */
/* text-align: center; */
}

h5{                                           
font-size: 1em;
font-weight: normal;
margin: 0px;
padding: 5px 0px 0px 0px;
color: black;
background-color: #72a1bd; /* blue */
text-align: center;
}

p {
color: black;
background-color: #f0f8ff; /* very light blue */
/* margin: 0;
padding: 0; */
font-family: arial, sans-serif;
font-size: 1em;
text-align: left;
}

p.head {                 
color: black;
background-color: #f0f8ff; /* very light blue */
font-family: arial, sans-serif;
font-size: 1.2em;
font-weight: bold;
text-align: center;
}

p.headL {              
color: black;
background-color: #f0f8ff; /* very light blue */
font-family: arial, sans-serif;
font-size: 1.3em;
font-weight: bold;
text-align: left;
}

p.tiny {                   
color: black;
background-color: #f0f8ff; /* very light blue */
font-family: arial, sans-serif;
margin: 0px;
padding: 5px 0px 0px 0px;
font-size: 0.7em;
text-align: center;
}

p.bold {
color: black;
background-color: #f0f8ff; /* very light blue */
font-weight: bold;
font-family: arial, sans-serif;
font-size: 1em;
text-align: left;
}

p.center{
text-align: center;
padding: 5px;
}

p.center2{
text-align: center;
padding: 5px;
margin: 0;
padding: 0; 
}

p.center3{
text-align: center;
padding: 5px;
margin: 0;
padding: 0; 
font-weight: bold;
}

p.redcenter {
color: red;
background-color: #f0f8ff; /* very light blue */
text-align: center;
margin: 20px;
padding: 5px;
font-size: 0.8em;
}

/* overall container to center content in viewport */

div#container{
width: 753px;
margin: 0 auto;
text-align: left;
position: relative;
font-size: 1em;
}

/* banner photo */

#bannerphoto {
height: 222px;
margin: 0;
padding: 0;
background-image: url(images/wsbanner4tblogo.jpg); 
background-repeat: no-repeat;
}

#leftmenu {
position: absolute;
width: 200px;
top: 229px;
left: 0px;
padding: 10px;
background-color: #72a1bd;   /* blue */
border-bottom:1px solid black;
border-left:1px solid black;
border-right: 1px solid black;
border-top: 1px solid black;
}

#leftmenu h3 {
color: #134e70;
background-color: #72a1bd;   /* blue */
text-align: center;
}

#leftmenu ul {
color: #134e70;
background-color: #72a1bd;   /* blue */
}

#leftmenu li {
color: #134e70;  /* dark blue */
background-color: #72a1bd;   /* blue */
background-image: url(images/icont10.gif);
background-repeat: no-repeat;
background-position: 0px 3px;
list-style-type: none;
padding-left: 15px;
line-height: 1.3;
font-size: 0.9em;
} 

#leftmenu a:link {
color: blue;
background-color: #72a1bd;   /* blue */
}

#leftmenu a:visited {
color: purple;
background-color: #72a1bd;   /* blue */
}

#leftmenu a:hover {
color: #134e70;  /* dark blue */
background-color: #72a1bd;   /* blue */
}

#leftmenu a:active {
color: red;
background-color: #72a1bd;   /* blue */
}

#content {
position: absolute; 
width: 501px;
top: 229px;
left: 230px;
margin: 0;
padding:10px;
border-bottom:1px solid black;
border-left:1px solid black;
border-right: 1px solid black;
border-top: 1px solid black;
color: black;
background-color: #f0f8ff;  /* very light blue */
}

#content li {
color: black;
background-color:  #f0f8ff;  /* very light blue */
}

#content a:link {
color: blue;
background-color:  #f0f8ff;  /* very light blue */
}

#content a:visited {
color: purple;
background-color:  #f0f8ff;  /* very light blue */
}

#content a:hover {
color: #134e70;  /* dark blue */
background-color: #72a1bd;   /* blue */
}

#content a:active {
color: red;
background-color: #72a1bd;   /* blue */
}

#purpose {
color: #134e70;
background-color:  #f0f8ff;  /* very light blue */
border: 1px dotted #72a1bd;   /* blue */
margin: 10px; 
padding: 10px;
}

#purpose h1 {
font-size: 1em;
font-style: italic;
text-align: left;
color: #134e70;
background-color: #f0f8ff; /* very light blue */
}

#footer {
color: black;
background-color: #72a1bd;   /* blue */
margin: -10px;
border-top: 1px solid black;
border-bottom: 1px solid black;
}

#footer p {
color: black;
background-color: #72a1bd;   /* blue */
}

#nobannerpage {
position: absolute; 
width: 753px;
top: 10px;
left: 5px;
margin: 0;
padding:10px;
}

#nobannerpage p {
color: black;
margin: 15px;
background-image: url(images/watertile4s.jpg);
}

#nobannerpagewhite {
background-color: #f0f8ff; /* very light blue */
position: absolute; 
width: 753px;
top: 70px;
left: 5px;
margin: 0;
padding:10px;
}

#nobannerpagewhite p {
background-color: #f0f8ff; /* very light blue */
color: black;
background-image: none;
}

#nobannerpagewhite p.ital {                    
background-color: #f0f8ff; /* very light blue */
color: black;
background-image: none;
font-style: italic;
margin: 15px;
}

#nobannerpagewhite ol li {                    
background-color: #f0f8ff; /* very light blue */
color: black;
padding: 5px;
margin: 5px;
}