/* notes 
ratios:
container width to header-image width: 4.5 to 1
header width to header height: 8.3 to 1

*/

/* general settings */
/* reset margin and padding for consistency across browsers */
* {
	margin:0;
	padding:0;
}

body {
	font-size: 62%;
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	background-color: white;
}
a img {
	border: none;
}
p, h1, h2, .active, #content li {color: #333333;}
h1 {font-size: 2em}
h2 {font-size: 1.5em}
p, #content li {
	padding-right: 50px;
	font-size: 1.2em;
	line-height: 1.6em;
}
/* page settings */

	#container {
		background: url(images/background.jpg) repeat;
		width: 800px;
		position: relative;
		margin-top: 10px;
		margin-bottom: 50px;
		margin-right: auto;
		margin-left: auto;
	}
/* header  
ratio of header-image height is  of width

*/
	#header-wrapper {
		width: 100%;
		height: 153px;
		background-color: #a0a96c;
		background: url(images/background-green.jpg) repeat;
	}
	#header-bar {width:100%; height:20px; background-color:#FDD757}
	
	#header-image {
		width: 178px;
		height: 133px;
		background-color: #a0a96c;
		float: left;
	}
	#header-blurb {
		float: left;
		padding-top: 60px;
		margin-left: 20px;
	}
	#header-blurb h1 {
		font-size: 2.5em;		
		text-transform: uppercase; 	
	}
/* content 364px*/

	#content-wrapper {
		float: left;
		width: 622px;
		background-color: #FFF3E3;
	}
	#content {
		margin-left: 15px;
		margin-top: 15px;
		overflow: auto;
		height: 90%;
	}
	#content p {
		margin-bottom:15px;
	}
	#content a {
		color: #333;
	}
	#content a:active, #content a:hover {
		color: #a0a96c;
	}
	#content h1, #content h2, #content h3 {
		margin-bottom: 10px;
	}
	#content h2 {
		padding-top: 5px;
	}
	#content ul {
	}
	#content li {
		list-style-position: outside;
		list-style-type: disc;
		margin-left:40px
	}

/* 	sidebar */
	#sidebar-wrapper {
		float: left;
		position: relative;
		width: 178px;
		height: 364px;
		background-color: #a0a96c;
		background: url(images/background-green.jpg) repeat;
	}
	#nav {
		margin-left: 20px;
		margin-top: 20px;
		color: white;
		font-size: 1.4em;
		font-weight: bold;
	}
	#nav a {
		text-decoration: none;
		text-transform: uppercase;
		color: white;
	}
	#nav a:active, #nav a:hover {
		text-decoration: none;
		color: #333;
	}
	#nav li {
		list-style: none;
		margin-top: 15px;
	}
	#nav ul li ul li {
		margin-left: 20px;
		margin-top: 5px;
	}
	#nav ul li ul li a {
		text-transform: none
	
	}
/* footer */
	#footer-wrapper {
		clear: both;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
		background-color: white;
	}
	#footer-bar {width:100%; height:20px; background-color:#FDD757}

	#footer-wrapper p{
		color:#333333;
		padding-right: 0px;
		padding-top: 4px;
		font-size: 1.5em;
	}
	#footer-wrapper a {
		color: white;
		text-decoration: none;
	}
	#footer-wrapper a:active, #footer-wrapper a:hover {
		text-decoration: underline;
		color: white;
	}
/* special classes  */
/* for staff anchors */
#inline-list {
	margin: 20px;
	padding: 0;
	}
#inline-list p {
display: inline;
}

#inline-list ul, #inline-list li {
	display: inline;
	margin-left: 0px;
	padding: 10px;
	font-weight: bold;
	list-style: none;
	list-style-image: none;
	}