/* //////////////////////////////////////////////////////////////////////// 
/* Style Sheet 
/* Logic Red Web Design  - www.logicred.co.uk 
/* //////////////////////////////////////////////////////////////////////// */

/* BODY
****************************************************** */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {  margin:0; padding:0; }

p { margin-bottom: 1.2em; line-height: 1.7em; }

html { overflow-y: scroll; }

body {
	font-family: verdana,arial; 
	font-size: 100%; 
	color: #261A06;
	height: 100%;
	background: black url(images/background.jpg) repeat-x;
}

strong {color: #770704;}
img { border: 0;}

/* DIVS
****************************************************** */

#container { width:800px; margin: auto; }

/* LEFT COL */

#left {
	width: 180px;
	float: left;
	font-size: 15px;
	line-height: 22px;
	padding-top: 110px;
	color: white;
}

.left-pad { padding: 30px 10px 10px 10px }

#left a:hover { text-decoration: none; color:Black; }

/* RIGHT COL */

#right {	
	width: 620px;
	float: left;
	font-size: 12px;
	line-height: 22px;
	background-color: white;
	color: #535353;
}

.rightpad { padding: 20px 10px 10px 10px; }

#logo {
	background: url(images/logo.jpg) no-repeat;
	width: 620px;
	height: 96px;
	float: left;
}

#largeimage {
	width: 620px;
	height: 267px;
	float: left;
}

.largeimagepad {
	padding: 0px 10px 0px 10px;
}

#right li, #left li { margin-left: 20px;}

/* FOOTER AREA */

#footer { 
	width:100%;
	background-color: #410505;
	float: left;
	height: 30px;
	color: white;
	padding-top: 8px;
	font-size: 11px;
	text-align: center;
	border-top: 3px dashed #fcfcfc;
}

#footer a {color: white; }

/* HEADINGS */

h1 { 
	color: black;
	font-family: "georgia";
	font-size: 24px;
	font-weight: normal;
	padding-bottom: 20px;
}

#opening {
	padding-top: 45px;
	font-family: "georgia";
	font-size: 12px;	
	padding-left: 20px;
	line-height: 15px;
	color: #e7e7e7;
}

#opening strong { color: white; }
#opening h1 { color: #b6764b; font-size: 20px; }

/* MAIN MENU AT THE TOP 
/* //////////////////////////////////////////////////////////////////////// */

#menu, #footer {text-align: left; list-style: none; height: 230px;}

#menu li {
	display: block;
	height: 39px;
	line-height: 39px;
	width: 150px;
	float: left;
	list-style: none;
	border-bottom: 1px solid #625340;
}

#menu li a {
	text-transform: uppercase;
	font-family: Helvetica, arial, sans-serif;
	color: #957c65;
	font-size: .8em;
	text-decoration: none;
	letter-spacing:0.2em;
}

#menu li a:hover {color: white;}

#menu li#selected {
	background-color: black;
	text-indent: 10px;
}

#menu li#selected a { color: white!important; }	

li.rightborder { border-right: 1px solid #424340; } 
.noborder {	border: 0!important; }

/* OTHER BITS */
/* **************************************************** */

.image-border { border: 1px solid #E5E3DD; padding: 2px; }

.fatborder {
	background-color:#676247;
	border:6px solid #c2c7b7;
	padding:1px;
}	

a { color: #770704; }

.clear {	clear: left; }

/* Fix's #container not clearing inner floats in firefox */
	.floatfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* Hides from IE-mac \*/
	* html .floatfix {
	height: 1%;
}