#header {width: 980px; background: #FFF5E8; padding: 10px 10px;}
#title {color: red; text-align: center; font-variant: small-caps;}
#subtop {color: blue; text-align: center; font-size: 21px; }
#picturebanner {width: 980px; background-image: url(banner/background.jpg); text-align: center; padding:10px 10px; }
#middle {width: 980px; background: #ECECEC;}
#content {vertical-align: top; width: 85%; background: #EBF5FC;}
#sidebar {vertical-align: top; width: 15%; background: #648DC7;}
#disclaimer {width: 980px; background: white; padding: 10px 10px; color: black; text-align: center; font-size: x-small; }
#footer {width: 980px; background: #004E87; padding: 10px 10px; color: white; text-align: center;}
#contactsheader {table-layout: fixed; width: 85%; margin-left: auto; margin-right: auto; text-align: center; }
#contactslist {table-layout: fixed; width: 85%; margin-left: auto; margin-right: auto; margin-top: 3%; margin-bottom: 5%; }
#visiontext {font-size: 150%; width: 80%; }
.textbackground {background: yellow; }


        .button {display:block;padding:2px;text-decoration:none;width:90%;margin:2px; color:#8D4F10;font-family:"Trebuchet MS", Verdana, sans-serif} /*remove the underlining, set the color to darkish brown, and display as block elements to make them go down the right side of the page */
	.button:link, .button:visited {background:#FCDBEA;border:2px outset #FFCFA0; } /* give unvisited and visited links a light pink background and an outset border of the same color to make it look like a button */
	.button:focus, a:hover {background: #EA5493;border:2px outset #AD005B; color:black} /* give buttons that are hovered over or that have focus a darker background and border, as well as black text; bold formatting makes the text jump around to much */
	.button:active {background:#990050;border:2px outset #840045; color:white; } /*give buttons when they are clicked ("active"), an even darker background */