/* Document Stylesheet  */
/* Theme: aeromain */
/* Type: Formatting for Structure & Text */

/* Originally By Kevin Davis modified by Walter Bogaardt*/

/* Please note that this code is free to use
   for your own projects, except where otherwise noted. */

/*************************************************************************************************************/

body {
	background: #5A5750 top left;
	text-align: center;
	margin: 0;
	padding: 0;
	}
	
img {
	margin: 0;
	padding: 0;
}

div[id="back-stripe"] {
	width: 100%;
	
	margin: 0;
	padding: 0;
	
	background: transparent url(images/back-stripe.png) top left repeat-x;
}

div[id="back-stripe2"] {
	width: 100%;
	
	margin: 0;
	padding: 0;
	
	background: transparent url(images/back-stripe2.png) bottom left repeat-x;
}

div[id="shadow"] {
	width: 825px;	
	text-align: center;	
	background: transparent url(images/shadow.png) top left repeat-y;	
	margin: auto;
	margin-bottom: 0;
	padding: 0;
}

#container {
	width: 800px !important;	
	min-height: 1100px;		
	border: 2px solid #000;
	border-top: 0;
	border-bottom: 0;	
	padding: 0;
	margin: auto;	
	background: #914121 url(images/containeroverlay.gif) top left repeat-y;
}

#title-s h1,
#title-s h2,
#title-s h3,
#title-s p {
	margin: 0; padding: 0;		
	text-indent: -1000em;
}

#title-s a#front-link {
	width: 275px;
	height: 65px;		
	position: absolute;		
	top: 80px;
	left: 495px;
}

#title {
	width: 800px;
	height: 384px;	
	position: relative;	
	clear: both;
	background: transparent url(images/main-title-history.jpg) top left no-repeat;
}

#title h1,
#title h2,
#title h3,
#title p {
	margin: 0; padding: 0;		
	text-indent: -1000em;
}

#title a#front-link {
	width: 275px;
	height: 65px;		
	position: absolute;		
	top: 185px;
	left: 495px;
}

#bodytile {
	width: 800px;	
	float: left;
	margin: 0;	
	padding: 0;	
    text-align: left;	
	background: transparent url(images/bodytile1.jpg) top left repeat-y;
}

#leftwrap {
	float: left;		
	overflow: hidden;		
	margin: 0; padding: 0;		
	margin-top: 10px;
	padding-left: 35px;		
width:450px;
}
			
#rightwrap {
	width: 269px;
	float: left;		
	margin: 0; padding: 0;		
	background: #E8D0AA top left repeat-y;		
	margin-left: 56px;		
	voice-family: "\"}\""; 
	voice-family:inherit;		
	margin-left: 21px;		
}

#right-side-divider {
	background: transparent url(images/right-divide.jpg) top left no-repeat;
	margin: 0;
	padding: 0;
	width: 269px;
	height: 190px;
}

#right-side-flourish {
	background: transparent top left no-repeat;
	margin: 0;
	padding: 0;
	width: 268px;
	height: 80px;
}

#footer {
	width: 800px;
	height: 137px;	
	margin: 0; padding: 0;	
	padding-top: 25px;	
	clear: both;
	overflow: hidden;	
	background: transparent url(images/footer.gif) top left no-repeat;
}

#footer p {
	text-indent: -1000em;
}

/*************************************************************************************************************/

#leftwrap a:link,
#leftwrap a:visited,
#leftwrap a:active {
	color: #F2DEC4;
	text-decoration: none;
	padding-bottom: 1px;
	background: transparent url(images/dots-bottom.gif) bottom left repeat-x;
}

#leftwrap a:hover {
	color: #fff;
	text-decoration: none;
	padding-bottom: 1px;
}


#rightwrap a:link,
#rightwrap a:visited,
#rightwrap a:active {
	color: #914121;
	text-decoration: none;
	padding-bottom: 0px;
	background: transparent url(images/dots-bottom.gif) bottom left repeat-x;
}

#rightwrap a:hover {
	color: #000;
	text-decoration: none;
	padding-bottom: 0px;
}

/*************************************************************************************************************/

ul {
	margin: 5px 25px 5px 15px;
	padding: 0px;
}

hr { display:none; }

img {
	margin: 2px;
	}

img.archive {
	background-color: #A55738;
	border: 1px dotted #FFE8C3;
	padding: 5px;
}
	
hr.decorated-end {
	display: block;	
	margin-left: 15px;
	margin-right: 15px;	
	width: 267px;
	height: 36px;	
	border: 0;	
	background: transparent top left no-repeat;
}

/*************************************************************************************************************/

#leftwrap h1 {
	font-family: "Georgia", "Times", serif;
	font-size: 1.3em;
	font-weight: normal;
	line-height: 100%;
	letter-spacing: -0.04em;
	text-align: left;	
	margin-left: 0; margin-right: 0;
    margin-top: 10px;
	padding-bottom: 4px;
	background: transparent url(images/horizontal-rule.gif) bottom left repeat-x;
	color: #fff;
}

  
  #leftwrap h1#header-history {
    width: 450px;
    height: 75px;
    margin: 0; padding: 0;
    margin-top: 10px;  
  	background: transparent url(images/headers/header-history.gif) top left no-repeat;    
    text-indent: -1000em;
  }

  #leftwrap h1#header-early {
    width: 450px;
    height: 75px;
    margin: 0; padding: 0;
    margin-top: 10px;  
  	background: transparent url(images/headers/header-earlyyears.gif) top left no-repeat;    
    text-indent: -1000em;
  }
  
  #leftwrap h1#header-war {
    width: 450px;
    height: 75px;
    margin: 0; padding: 0;
    margin-top: 10px;  
  	background: transparent url(images/headers/header-waryears.gif) top left no-repeat;    
    text-indent: -1000em;
  }
  
  #leftwrap h1#header-county {
    width: 450px;
    height: 75px;
    margin: 0; padding: 0;
    margin-top: 10px;  
  	background: transparent url(images/headers/header-countyyears.gif) top left no-repeat;    
    text-indent: -1000em;
  }
  
  #leftwrap h1#header-commerce {
    width: 450px;
    height: 75px;
    margin: 0; padding: 0;
    margin-top: 10px;  
  	background: transparent url(images/headers/header-commerce.gif) top left no-repeat;    
    text-indent: -1000em;
  }
  
  #leftwrap h1#header-links {
    width: 450px;
    height: 75px;
    margin: 0; padding: 0;
    margin-top: 10px;  
  	background: transparent url(images/headers/header-links.gif) top left no-repeat;    
  	text-indent: -1000em;
  }
  
   
/*
  For advanced browsers, we can surf the web with images turned off and CSS turned on!
*/

div[id="leftwrap"] h1[id="header-history"],
div[id="leftwrap"] h1[id="header-contact"],
div[id="leftwrap"] h1[id="header-visual-index"],
div[id="leftwrap"] h1[id="header-visual-personal"],
div[id="leftwrap"] h1[id="header-literature"] {
	position: relative;	
	width: 450px;
	height: 75px;	
	margin: 0; padding: 0;
	margin-top: 10px;
	padding-bottom: 4px;	
	font-family: "Georgia", "Times", serif;
	font-size: 1.3em;
	font-weight: normal;
	line-height: 100%;
	letter-spacing: -0.04em;
	text-align: left;
	text-indent: 0 !important;	
	overflow: visible !important;	
	background: none !important;
	color: #fff;
}

	div[id="leftwrap"] > h1[id="header-history"] > span {
		position: absolute;		
		width: 450px;
		height: 75px;
		margin: 0; padding: 0;		
		background: transparent url(images/headers/header-history.gif) top left no-repeat;
	}

	div[id="leftwrap"] > h1[id="header-links"] > span {
		position: absolute;		
		width: 450px;
		height: 75px;
		margin: 0; padding: 0;		
		background: transparent url(images/headers/header-links.gif) top left no-repeat;
	}
	
	div[id="leftwrap"] > h1[id="header-journey"] > span {
		position: absolute;		
		width: 450px;
		height: 75px;
		margin: 0; padding: 0;		
		background: transparent url(images/headers/header-journey.gif) top left no-repeat;
	}
	
	div[id="leftwrap"] > h1[id="header-visual-portfolio"] > span {
		position: absolute;		
		width: 450px;
		height: 75px;
		margin: 0; padding: 0;		
		background: transparent top left no-repeat;
	}
	
	
#leftwrap h2 {
	font-family:  "Georgia", "Times", serif;
	font-size: 1em;
	font-weight: normal;
	line-height: 30px;
	letter-spacing: 0.02em;
	text-align: left;
	margin: 0;
	margin-top: 25px;
	padding: 0;
	padding-left: 45px;
	background: transparent url(images/h2back.gif) bottom left no-repeat;
	border-bottom: 3px solid #964423;
	color: #fff;
}

#leftwrap h3 {
	font-family:  "Georgia", "Times", serif;
	font-size: 0.78em;
	font-weight: normal;
	font-style: italic;
	line-height: 125%;
	letter-spacing: 0em;
	text-align: left;
	margin-left: 0; margin-right: 0;
	padding-bottom: 1px;	
	background: transparent url(images/horizontal-rule.gif) bottom left repeat-x;
	color: #fff;
}

#leftwrap p,
#leftwrap li {
	font-family:  "Georgia", "Times", serif;
	font-size: 0.78em;
	line-height: 155%;
	text-align: left;
	margin-left: 0; margin-right: 0;
	color: #FFEDD2;
}

#leftwrap ul {
	list-style: none;
	margin: 0;
	padding: 0;
	padding-left: 20px;
	margin-top: 10px;
	margin-bottom: 10px;
}

#leftwrap ul li {
	background: transparent top left no-repeat;
	padding-left: 19px;	
	display: block;	
	clear: both;
}

#leftwrap li span.block { display: block; }

#leftwrap .timestamp {
	font-family: "Verdana";
	font-size: 0.7em;
	line-height: 155%;
	text-align: center;
	margin-bottom: 22px;
	margin-left: 0; margin-right: 0;
	padding: 0;
	padding-bottom: 8px;
	color: #FFEDD2;
}

#leftwrap span.comment {
	background: transparent top left no-repeat;		
	padding-left: 15px;
	height: 18px;
}
	
#leftwrap .center {
	text-align: center;
}

/******************************************************************************/
	
#leftwrap blockquote p {
	font-family:  "Georgia", "Times", serif;
	font-size: 0.78em;
	line-height: 155%;
	text-align: left;
	margin-left: 0; margin-right: 0;
	border-left: double #C85F35;
	padding-left: 10px;
	color: #FFEDD2;
}

#leftwrap pre,
#leftwrap code {
	font-family: "verdana";
	font-size: 0.7em;	
	overflow: auto;	
	text-align: left;
	margin-left: 0; margin-right: 0;
	border: 1px solid #C85F35;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #FFEDD2;
}

#leftwrap a.nav,
#leftwrap img.nav {
	border: 0;
	margin: 0; padding: 0;
	background-image: url(none);
}

/*************************************************************************************************************/

#rightwrap h1 {
	font-family:  "Georgia", "Times", serif;
	font-size: 1.05em;
	font-weight: normal;
	line-height: 100%;
	letter-spacing: -0.04em;
	text-align: center;
	margin: 0;
	margin-top: 10px;
	margin-bottom: 20px;
	color: #815D48;
}

#rightwrap h2,
#rightwrap h3 {
	font-family:  "Georgia", "Times", serif;
	font-size: 0.8em;
	font-weight: normal;
	font-style: italic;
	line-height: 125%;
	text-align: left;
	margin-left: 15px;
	margin-right: 15px;
	padding-bottom: 1px;
	background: transparent url(images/dots-bottom-light.gif) bottom left repeat-x;
	color: #815D48;
}

#rightwrap ul {
	list-style: none;
	margin: 0 0 15px 0;
	padding: 0;
}

#rightwrap p,
#rightwrap blockquote p {
	font-family:  "Georgia", "Times", serif;
	font-size: 0.7em;
	line-height: 155%;
	text-align: left;
	margin-left: 25px;
	margin-right: 15px;
	border-left: 1px solid #9F765F;
	padding-left: 10px;
	color: #744D37;
}

#rightwrap li {
	font-family:  "Georgia", "Times", serif;
	font-size: 0.7em;
	line-height: 125%;
	text-align: left;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 25px;
	margin-right: 15px;
	border-left: 1px solid #9F765F;
	padding-left: 10px;
	color: #744D37;
}

/*************************************************************************************************************/
form {
	text-align: left;
}

fieldset {  
  border: 1px solid #A74821;  
  margin: 5px; margin-top: -5px;
  
}

input, radio, checkbox, textarea {
	vertical-align: middle;
}

/*************************************************************************************************************/

/* many thanks to Shaun Inman for the input styling method, see www.shauninman.com */

#rightwrap form {}

#rightwrap form div {margin-top: 2px;}

#s-box { /* first load the IE friendly version, because of a float/margin bug */
  display: inline;  
	padding: 0;	
	margin: 0;
	margin-left: 25px;
	margin-right: 2px;
}

  input.styled3 { /* probably applies to the search button */
    display: inline;  
  	margin-top: 0;
  	margin-bottom: 0;
  	margin-left: 0;
  	margin-right: 0;  	
  	padding: 0;
  	border: 0px solid #fff; /* ugly hack to make the border dissapear in opera 6/7 */
  	}

div[id="s-box"] { /* now load the normal version to over-ride the previous specs */
	float: left;
	border: 1px solid #C3854F;	
	background: #FFF9F0;	
	padding: 0;	
	margin: 0;
	margin-left: 25px;
	margin-right: 2px;
}

#s-box #search {
	border: 1px #C3854F solid;		
	color: #815D48;
	background: #F0DCB5 top left repeat-x;		
	width: 135px;		
	margin: 0; padding: 0;		
	padding: 2px !important;
	padding-left: 2px;
	padding-bottom: 3px;		
	margin: 1px !important;
	margin: 1px;
	margin-left: 1px;
}

/*************************************************************************************************************/

input.styled { /* probably applies to the search box */
	font-family: "Verdana", "Helvetica Neue", "Geneva", sans-serif;
	font-size: 11px;	
	padding: 3px;	
	margin-top: 0;
	margin-bottom: 6px;
	margin-left: 25px;
	margin-right: 0;	
	color: #815D48;	
	border: double #B07949;	
	background: #F5DCB6;
}

select.styled { /* probably applies to the front page nav */
	font-family: "Verdana", "Helvetica Neue", "Geneva", sans-serif;
	font-size: 11px;
	line-height: 135%;	
	text-align: left;
	width: 175px;	
	background-color: #FFF7EA;
	color: #767065;
	border-top: 1px solid #B9AA91;
	border-left: double #E4C1A6;
	border-bottom: 1px solid #B9AA91;
	border-right: 1px solid #B9AA91;	
	margin-top: 0;
	margin-bottom: 6px;
	margin-left: 25px;
	margin-right: 0;	
	padding: 0;
}

/*************************************************************************************************************/

legend {
  margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 0;
	margin-right: 0;

	padding: 2px;
	
	color: #EAD2AD;

	font-family: "Verdana", "Helvetica Neue", "Geneva", sans-serif;
	font-size: 11px;
	font-weight: normal;

	text-align: center;
	line-height: 135%;
	font-weight: bold;
}

.comment1 label {
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 0;
	margin-right: 0;
	padding: 2px;	
	color: #EAD2AD;
	font-family: "Verdana", "Helvetica Neue", "Geneva", sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-align: left;
	line-height: 135%;
}

.comment1 label.left {
	display: block;
	float: left;
	width: 110px;
}

#rightwrap label {
	display: none;
}