/* template.css */

* {margin: 0; padding: 0; }

body {font-family: Candara, Meta, Futura Bk, Verdana, san-serif;
	  font-size: 14px;
	  color: #f1eadd; /* cream */ 
	  background-color: #413732; /* dark brown */ }
	 
#container {width: 900px; 
			margin: auto; }
#container > img {padding: 10px 0px 5px 0px; }

#topnav {padding: 5px;
		 border-bottom: 3px solid #99c7d3; /* light blue */;
		 margin: 0px 0px 15px 0px;
		 float: left;
		 width: 900px; }
#topnav li {float: left;
 			padding: 0px 20px 0px 20px;
 			color: #f1eadd; /* cream */ 
 			text-transform: uppercase;
 			list-style-type: none;
 			position: relative; }
#topnav li:hover {background-color: #5c4f48; /* medium brown */ }
#topnav li ul {position: absolute; 
			   display: none;
			   width: 6.8em; }
#topnav li ul li {width: 100%;
			      margin-left: -20px;
			      margin-top: 3px; 
			      background-color: #5c4f48; /* medium brown */
			      padding-bottom: 3px; }
#topnav li:hover ul {display: block; }
#topnav a {display: block; }
#topnav a:hover {color: #f1eadd; /* cream */  }
#topnav ul ul li {opacity: 0.9;
				  -moz-opacity: 0.9;
				  filter:alpha(opacity=90); }

a {text-decoration: none; color: #f1eadd; /* cream */  }
a:hover {color: #99c7d3; /* light blue */ }

#bottom {border-top: 1px solid #99c7d3; /* light blue */
	     margin-top: 15px; 
	     float: left;
	     width: 900px; }
#bottom > p {text-transform: uppercase; 
		     font-size: 16px;
		     margin-top: 5px; }

.copy {float: right;
	   text-align: right;
	   margin: -20px 0px 20px 0px;
	   width: 100%; }