/*
CSS for Bubble Under site
*/
body {font-family:Verdana, Helvetica, Arial, sans-serif;background-color:#e2edff;line-height:125%;padding:0;margin:0;}
/* Structure - positioning of key parts of page */
nav, #bodycontent, header {position:absolute;}
nav, #bodycontent {top:107px;} /*107px */
#bodycontent {left:250px;} /*200px */
header {width:100%;}

/* General styles */
li {font-size:small;list-style-type:none;}
p {font-size:small;color:navy;}
#tagline p {font-style:italic;font-family:Georgia, Times, serif;border-top:3px solid #7da5d8;border-bottom:3px solid #7da5d8;padding-top:.2em;padding-bottom:.2em;padding-left:.8em;margin:0;background:#bed8f3 url(backgrounds/tagline-fade.jpg) repeat-y right;}
em {text-transform:uppercase;}
h2, ul {margin-top:15px;}
.fun {color:#339999;font-family:Georgia, Times, serif;letter-spacing:0.05em;}
blockquote.fun {font-style:italic;}
.indent {text-indent: 10px;}

/* Homepage only */
#twitImageLink img {border:none;display:block;margin:15px 0;}/* margin:15px 0*/
#FBImageLink img {border:none;display:block;margin:15px 0;}
#homeImage {float:left;margin:0px 10px 10px 0px;}/* margin:10px 10px 10px 0*/

/* Google Search */
#search {position: absolute;top: 77px;right: 10px;font-size: x-small;font-weight: bold;color: #000066;}

/* Headings */
h1, h2, h3 {font-family:"Trebuchet MS", Helvetica, Arial, sans-serif;}
h1 {font-family:'Candal', arial, serif;font-size:x-large;background-color:navy;color:white;padding-top:2em;padding-bottom:.2em;padding-left:.4em;margin:0;background:navy  repeat-y right bottom;}
h2 {color:navy;font-size:130%;font-weight:normal;padding-top:15px;font-family:'Candal', arial, serif;font-size:2em;line-height:1;}

/* Link Styles */
a {font-weight:bold;}
a:link {color:black;}
a:visited {color:navy;}
a:hover {text-decoration:none;color:white;background-color:navy;}
a:active {color:aqua;background-color:navy;}

/* Main Navigation */
nav {width:240px;height:1500px;background:#7da5d8 url(images/Watertower_logo2.gif) no-repeat ;background-size: contain;display:block;/*Only for IE8 
or less */}/* 484px*/
	nav ul {margin: 0;padding-top:40px;padding-left:40px;}
nav a {text-shadow:1px 1px 2px white, -1px -1px 2px white;text-decoration:none;}
nav a:hover, nav a:focus {text-shadow:none;}

/* Table styles */
table.events {border-collapse:collapse;}
table.events th, table.events td {padding:4px;border:1px solid #000066;}
table.events th {font-size:x-small;text-align:left;background:#241374 url(backgrounds/header-bg.jpg);color:#ffffff;padding-top:0;padding-bottom:0;padding-left:2px;padding-right:2px;}
table.events td {font-size:small;background:#e2edff url(backgrounds/td.jpg) repeat-x top;}
table.events caption {color:#000066;font-size:small;font-weight:bold;text-align:left;padding-bottom:5px;}

/* Form styles */
form.contact fieldset {border:2px solid navy;padding:10px;width:55%;}
form.contact legend {font-weight:bold;font-size:small;color:navy;padding:2px;}
form.contact {padding:0;margin:0;margin-top:-15px;line-height:100%;}/*150% */
form.contact label {font-weight:bold;font-size:small;}
form.contact label.fixedwidth {display:block;width:375px;float:left;}/*240px; */
form.contact .buttonarea input {background:navy;color:white;font-weight:bold;padding:5px;border:1px solid white;}
form.contact .buttonarea {text-align:center;padding:4px;background-color:#e2edff;}/*#0066FF */

/* New HTML5 elements */
header {border-top:3px solid #7da5d8;display:block;/*Only for IE8 or less */}
.aside {float:right;margin:10px;width:100px;}
aside {display:block;float:right;margin:10px;padding:10px;width:30%;background:white;font-style:italic;color:gray;}
aside blockquote {font-size:1.2em;line-height:1.4;margin:0 0 0.5em 0;font-style:normal;color:#006;font-family:'Candal', arial, serif;}
aside {border:1px solid gray;
	-moz-border-radius:20px;
	-webkit-border-radius:5px;
	-o-border-radius:5px;
	-ms-border-radius:5px;
	border-radius:5px;
	-moz-box-shadow:4px 4px 10px gray;
	-webkit-box-shadow:4px 4px 10px gray;
	-o-box-shadow:4px 4px 10px gray;
	-ms-box-shadow:4px 4px 10px gray;
	box-shadow:4px 4px 10px gray;
	}
figure {float:left;padding-bottom:5px;border-bottom:1px solid navy;margin-bottom:10px;width:300px;}/*width:350px */

figcaption {display:block;font-size:65%;font-weight:bold;margin-top:0;width:200px;line-height:1.4em;}/*width:300px; */
figcaption span {font-weight:normal;color:gray;}
figure img {border:10px solid white;margin-bottom:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-o-border-radius:10px;
	-ms-border-radius:10px;
	border-radius:10px;
	-moz-box-shadow:2px 2px 5px gray;
	-webkit-box-shadow:2px 2px 5px gray;
	-o-box-shadow:2px 2px 5px gray;
	-ms-box-shadow:2px 2px 5px gray;
	box-shadow:2px 2px 5px gray;
	}

fieldset {
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	-o-border-radius:10px;
	-ms-border-radius:10px;
	border-radius:10px;
}
input, select, textarea {border:1px solid gray;padding:3px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-o-border-radius:5px;
	-ms-border-radius:5px;
	border-radius:5px;
	}
input:focus, select:focus, textarea:focus {border:1px solid black;
	-moz-box-shadow:2px 2px 4px silver, -2px -2px 4px silver;
	-webkit-box-shadow:2px 2px 4px silver, -2px -2px 4px silver;
	-o-box-shadow:2px 2px 4px silver, -2px -2px 4px silver;
	-ms-box-shadow:2px 2px 4px silver, -2px -2px 4px silver;
	box-shadow:2px 2px 4px silver, -2px -2px 4px silver;
}
div.buttonarea {
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-o-border-radius:5px;
	-ms-border-radius:5px;
	border-radius:5px;
}
form.contact label {
	-moz-text-shadow:1px 1px 1px white, -1px -1px 1px white;
	-webkit-text-shadow:1px 1px 1px white, -1px -1px 1px white;
	-o-text-shadow:1px 1px 1px white, -1px -1px 1px white;
	-ms-text-shadow:1px 1px 1px white, -1px -1px 1px white;
	text-shadow:1px 1px 1px white, -1px -1px 1px white;
}