/*
 * Copyright 2009 the Friends of the Ellsworth Public Library
 * Author: James Addison Pellerano, Driftwood Studios
 * Contact: james@driftwood-studios.com
 * Website: www.driftwood-studios.com
 *
 * Note About Links: Leaving links in main content default colors
 * which makes it easier to read and is the standard on most websites
 * 
 * Note About CSS: Using CSS 3, there are rounded corners on the 
 * navigation this is only viewable in browsers: Firefox 3.0 >, 
 * and Safari
*/

/* ------------------------------------------------ */
/* Main Body and Main Content Container             */
body {
	margin: 0px;
	background-color: #f9e9b2; /* Light Tan */
}
#container {
	width: 880px;
	margin: auto;
}
#container #header {
	margin: auto;
	width: 100%;
}
#container #spacer {
	width: 142px;
	float: left;
}
#container #address {
	float: right;
	height: auto;
	width: 738px;
	margin: auto;
	text-align: center;
}
#container #address p {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 16px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	color: #5f795c; /* Light Forest Green */
}
#container .clear {
	clear: both;
}

/* ------------------------------------------------ */
/* Main Website Navigation                          */
#container #nav {
	float: left;
	width: 150px;
	text-align: right;
}
#container #nav ul {
	list-style-type: none;
}
#container #nav ul li a {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	background-color: #5f795c; /* Light Forest Green */
	padding: 5px;
	color: #FFFFFF; /* White */
	text-decoration: none;
	-moz-border-radius-topleft: 12px;
	-moz-border-radius-bottomleft: 12px;
	-webkit-border-bottom-left-radius: 12px;
	-webkit-border-top-left-radius: 12px;
}
#container #nav ul li a:hover {
	color: #5f795c;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	background-color: #FFFFFF;
	-moz-border-radius-topleft: 12px;
	-moz-border-radius-bottomleft: 12px;
	-webkit-border-bottom-left-radius: 12px;
	-webkit-border-top-left-radius: 12px;
}

/* ------------------------------------------------ */
/* Main Content Area and Page Elements              */
#container #content {
	width: 720px;
	padding: 5px;
	float: right;
	min-height: 200px;
	background-color: #FFFFFF;
	-moz-border-radius-topright: 12px;
	-moz-border-radius-topleft: 12px;
	-webkit-border-top-left-radius: 12px;
	-webkit-border-top-right-radius: 12px;
	-moz-border-radius-bottomleft: 12px;
	-moz-border-radius-bottomright: 12px;
	-webkit-border-bottom-left-radius: 12px;
	-webkit-border-bottom-right-radius: 12px;
}
#container #content .header {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	color: #5f795c;
	text-decoration: none;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	text-align: left;
}
#container #content p {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	text-decoration: none;
}
#container #content .image {
    padding-right: 5px;
}
#container #content .left {
	text-align: left;
	float: left;
	width: 350px;
	padding: 5px;
}
#container #content .left .header {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	color: #5f795c;
	text-decoration: none;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	text-align: left;
}
#container #content .left p {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	text-decoration: none;
}
#container #content .right {
	text-align: left;
	float: right;
	width: 350px;
	padding: 5px;
}
#container #content .right .header {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	color: #5f795c;
	text-decoration: none;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	text-align: left;
}
#container #content .right p {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	text-decoration: none;
}
#container #content .center {
	clear:  both;
	text-align: left;
	padding: 5px;
}
#container #content .center .header {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	color: #5f795c;
	text-decoration: none;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	text-align: left;
}
#container #content .news {
	text-align: left;
	float: left;
	width: 350px;
	padding: 5px;
}
#container #content .news .header {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	color: #5f795c;
	text-decoration: none;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	text-align: left;
}
#container #content .news p {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	text-decoration: none;
}
#container #driftwood {
	width: 100%;
	float: right;
}
#container #driftwood p {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #5f795c;
	text-align: right;
}
#containter #driftwood p a {
	color: #5f795c;
	text-decoration: none;
}
#container #driftwood p a:hover {
	color: #000000;
	text-decoration: underline;
}
#container #driftwood p a:visited {
	color: #5f795c;
	text-decoration: none;
}

/* ------------------------------------------------ */
/* Table Styles
 *
 * Color Scheme:
 * #FFFFFF - White
 * #5f795c - Light Forest Green
 * #455d42 - Light Tan/Beige
*/
#directors {
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	background-color: #FFFFFF;
	margin: 20px;
	width: 350px;
	border-collapse: collapse;
	text-align: left;
}
#directors th {
	font-size: 14px;
	font-weight: normal;
	color:  #5f795c;
	padding: 10px 8px;
	border-bottom: 2px solid #5f795c;
}
#directors td {
	color: #5f795c;
	padding: 9px 8px 0px 8px;
}
#directors tbody tr:hover td {
	color: #455d42;
	background-color: #fff5d1;
}