/*	styles.css */

/*
	tidy up the document body and apply the background colour
*/
body {
	padding: 0;
	margin: 0;
	background-color: #8A1D04;
}

/*
	set up some default font styles
*/
body, div, span, p, h1, h2, h3, th, td, input, textarea, select {
	font-size: 11px;
	line-height: 15px;
	font-family: verdana, helvetica, sans-serif;
	font-weight: normal;
	color: #000;
}

/*
	default heading styles
*/
h1, h2, h3 {
	margin: 0;
	padding: 0;
	color: #8A1D04;
}
h1 {
	font-size: 1.7em;
	text-transform: lowercase;
}
h2 {
	font-size: 1.3em;
}
h3,
h3 a {
	font-size: 1.1em;
	color: #DFDFC5;
	text-transform: uppercase;
}

/*
	default link styles
*/
a {
	text-decoration: none;
}
a img {
	border: none;
}

/*
	container divs
*/
#outer {
	margin-left: auto;
	margin-right: auto;
	width: 772px;
	padding: 0 10px;
}

#inner {
	width: 742px;
	border: 5px solid #fff;
	padding: 10px;
	background: #B8B677 url('../img/inner-back.jpg') no-repeat;
}

/*
	the drop shadows
*/
#bottom-shadow {
	background-image: url('../img/shadow-bottom.jpg');
}

/*
	navigation menu
*/
#menu {
	background-color: #342A28;
	text-align: right;
	padding: 0 10px;
}
#menu #nav {
	list-style: none;
	margin: 0;
	padding: 0;
	padding-top: 10px;
	background-color: #342A28;
}
#menu #nav li {
	display: inline;
	padding: 11px 8px 5px 8px;
}
#menu #nav li:hover,
#menu #nav li.over,
#menu #nav li.current {
	background-color: #969741;
}
#menu #nav li a {
	color: #fff;
	font-weight: bold;
}
#menu #nav li a:hover {
	color: #504845;
}

/*
	image banner
	there are 3 images
*/
#banner-image {
	padding: 10px;
	background-color: #352B29;
}
#banner-image img {
	border: 3px solid #fff;
	margin-left: 7px;
}

#banner-text {
	background-image: url('../img/banner-text-2.jpg');
	background-repeat: no-repeat;
	width: 742px;
	height: 133px;
}

/*
	content area
*/
#content {
	padding: 5px 20px;
	float: left;
	width: 435px;
	min-height: 360px;
	border-right: 1px solid #C7BE94;	
}
/*
	set the height in IE Win
*/
* html #content {
	height: 380px;
}

#content a {
	color: #8A1D04;
}
#content a:hover {
	color: #000;
}
#content img {
	border: 1px solid #fff;
	margin-bottom: 10px;
}
#content img.star {
	border: 0;
	margin: 0;
}
#content h1 {
	margin-bottom: 10px;
}
#content p.first {
	clear: both;
}

#summary {
	padding: 5px 10px;
	float: right;
	width: 235px;
}

/*
	the lower image
*/
#lower-image {
	clear: both;
	background-image: url('../img/lower-image.gif');
	background-position: right;
	background-repeat: no-repeat;
	height: 77px;
}

/*
	copyright area
*/
#copyright,
#copyright span {
	font-size: 9px;
	color: #fff;
}
#copyright a {
	color: #DFDFC5;
}
#copyright a:hover {
	color: #fff;
}

/*
	contact form
*/
form table,
table.contact-form {
	width: 100%;
	border-collapse: collapse;
}
form table th,
form table td,
table.contact-form th,
table.contact-form td {
	border: 1px solid #DFDFC5;
	padding: 5px;
	vertical-align: top;
}
form table th,
table.contact-form th {
	color: #fff;
	background-color: #969741;
}
form table td.left,
table.contact-form td.left {
	text-align: right;
	width: 145px;
}

input, textarea, select {
	width: 250px;
}
textarea {
	height: 150px;
}
input.submit {
	border: 1px solid #DFDFC5;
	color: #fff;
	background-color: #969741;
}
/* ClearFix
------------------------ */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {
    display: block;
}  

/* Holly Hack Targets IE Win only \*/
* html .clearfix {height: 1%;}
.clearfix {display: block; clear: both;}
/* End Holly Hack */
#strap_line {
	margin: 10px 10px 10px 300px;
	height: 50px;
	font-style:italic;
}
#strap_line h1 {
	font-size: 1.1em;
}