@charset "UTF-8";

/*neutralize brower styles*/
body, html {
		margin:0;
		padding:0;
}

/*neutralize browser spacing for vertical elements*/
h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address {
		margin:0;
		padding:0;
}

/*-----------------------general styles                            */
body {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 0.85em;
		line-height: 1.3em;
		color: #FFFFFF;
		font-weight: normal;
		background-color: #cdccc3;
		margin-bottom: 0.5em;
}

h1 {
		font-size: 1.2em;
		color: #AE6B4B;
		font-weight: bold;
		margin-bottom: 0.5em;
		line-height: 1.2em;
}

h2 {
		font-size: 1.1em;
		font-weight: bold;
		color: #231A1C;
}

h3 {
		font-size: 1em;
		color: #AE6B4B;
		text-align: center;
		margin-bottom: 0.5em;
		margin-top: 0.75em;
}

h4 {
		font-size: 1em;
		color: #231A1C;
}

h5 {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 1em;
		font-weight: bold;
		color: #AE6B4B;
}

h6 {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 0.75em;
		font-weight: bold;
		color: #AE6B4B;
}
a:link, a:visited, a:hover, a:active {
		text-decoration: none;
}

#container {
		background-color: #514C47;
		width: 780px;
		margin-right: auto;
		margin-left: auto;
		position: relative;
		margin-top: 15px;
}

#quote {
		padding-left: 139px;
		height: 3em;
}

#quote h1 {
		font-family: Georgia, "Times New Roman", Times, serif;
		color: #D1DACF;
		font-size: 1.5em;
		font-weight: normal;
		font-style: italic;
}



/*----------------VERTICAL NAVIGATION--------------*/

#nav {
		width: 135px;
		float: left;
}

#nav #navhome {
		width: 120px;
		}

/*vertical navigation: strip list formatting*/
#nav #navhome ul {
		margin: 0;
		padding: 0;
		list-style: none;
		}

#nav #navhome li {
		margin: 0;
		padding: 0;
		border-top: 1px solid #9EB5A0;
		}

/*the nested list production and custom*/
#nav #navhome li li a {
		margin: 0;
		padding: 0;
		padding: 0 0 0 20px;
		font-weight: normal;
		}

#nav #navhome li a.current, #nav #navhome li a.current:hover, #nav #navhome li a.current:active {
		color: #fff;
		background: #ae6b4b;
		cursor: default;
		}

/*display: block fixes IE hover issue, removed width at "a" and a:hover color stayed at correct width-not too long*/
#nav #navhome a {
		text-decoration: none	;
		display: block;
		font-family: Arial, Helvetica, sans-serif;
		font-size: .9em;
		line-height: 30px;
		font-weight: bold;
		color: #fff;
		padding: 0 10px 0 10px;
		}

#nav #navhome a:hover {
		background-color: #D3DACF;
		color: #ae6b4b;
		}



#flash {
		clear: right;
		float: left;
		width: 339px;
		padding: 0px;
}

#sidebar {
		margin-right: 10px;
		margin-left: 15px;
		float: left;
		width: 275px;
		margin-top: 0px;
		margin-bottom: 0px;
}

#misc {
		clear: both;
		height: 60px;
		font-size: .9em;
		font-style: italic;
		padding-right: 25px;
		padding-left: 130px;
}

#footer {
		background-color: #FFFFFF;
		clear: both;
		text-align: left;
		height: 60px;
		font-size: 0.85em;
		color: #514C47;
		padding-top: 10px;
		text-indent: 134px;
}

#footer a {
		text-decoration: none;
		color: #514C47;
		line-height: 2em;
}

#footer a:hover {
		color: #AE6B4B;
		text-decoration: none;
}

.footerbold {
		font-weight: bold;
}

.footercredits {
		font-size: 0.8em;
}

.imageright {
		float: right;
		margin-top: 6px;
		margin-bottom: 6px;
		margin-left: 6px;
}

.imageleft {
		float: left;
		margin-right: 12px;
		margin-bottom: 12px;
		margin-top: 2px;
}

.imageborder {
		border: 1px solid 9eb5a0;
}