/* //////////////////////////////////////////////////////////////////////// 
/* 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,blockquote,th,td,p {  margin:0; padding:0; }

html { overflow-y: scroll; }

body {
	font-family: georgia,arial; 
	font-size: 100%; 
	color: #261A06;
	height: 100%;
	background-color: black;
}

strong { color: #951e1e}
img { border: 0;}

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

#header-long-container { background: url(images/background.jpg) repeat-x; width: 100%; float: left;}

#header-centre-container { width:980px; margin: auto; }

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

#menu {
	background: url(images/menu.jpg) no-repeat;
	width: 980px;
	height: 36px;
	float: left;
	text-align: left;
	list-style: none;
}

#content-long-container { background: #f4f4f4 url(images/longback.jpg) repeat-x;width: 100%; float: left; }

#content-centre-container { width:980px; margin: auto; }

#content { 
	background-color: white;
	width: 980px;
	float: left;
	font-size: 13px;
	line-height: 20px;
}

/* LEFT COL */

.contentpad { padding: 20px 15px 20px 15px }
#content a:hover { text-decoration: none; color:Black; }
#content li { margin-left: 20px;}

/* TEASER AREA */

#teaser-long-container {
	border-top: 5px solid #3b72aa;
	background-color: #272727;
	float: left;
	width: 100%;
}

#teaser-centre-container {
	width:980px;
	margin: auto;
	height: 199px;
}

#teaser1 a {
	background: url(images/teaser1.jpg) no-repeat;
	width: 317px;
	height: 199px;
	float: left;
}

#teaser2 a {
	display: block;
	background: url(images/teaser2.jpg) no-repeat;
	width: 317px;
	height: 199px;
	float: left;
}

#teaser3 a {
	display: block;
	background: url(images/teaser3.jpg) no-repeat;
	width: 337px;
	height: 199px;
	float: left;
}
.teaser-pad { padding: 0px 0px 10px 0px }

/* FOOTER AREA */

#footer-long-container { background-color: black; float: left; width: 100%; height: 60px;}

#footer-centre-container { 
	width:913px;
	margin: auto;
	color: white;
	padding-top: 10px;
	font-size: .9em;
}

/* HEADINGS */

h1 { color: #004A71;	font-family: Verdana; font-size: 22px; font-weight: normal; padding-bottom: 20px;}
h2 { color: #b22222;	font-family: Verdana; font-size: 19px; font-weight: normal; padding-bottom: 20px; }
h3 { font-family: georgia; display: block; height: 30px; line-height: 27px; background-color: #4479ad; color: white; font-size: 19px; font-weight: normal; text-indent: 10px; }

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

#menu li {display: block; height: 36px; float: left; line-height: 36px; list-style: none;
border-right: 1px solid #424340; 
}
#menu li a {
	display: block;
	text-transform: uppercase;
	padding: 0px 17px 0px 17px;
	font-family: arial;
	color: #EEEEEE;
	font-size: .9em;
	text-decoration: none;
}
#menu li a:hover {background-color: white; color: black;}

/* FOOTER MENU 
/* //////////////////////////////////////////////////////////////////////// */

#footer-centre-container { text-align: center;list-style: none; color: #dddddd !important;}
#footer-centre-container li {display: inline; }
#footer-centre-container li a {
	padding: 0px 17px 0px 17px;
	font-family: arial;
	color: #EEEEEE;
	font-size: .9em;
	text-decoration: none;
	border-right: 1px solid #ccc;
}
#footer-centre-container li a:hover {color: #cacaca;}
#footer-centre-container a {color: white;}

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

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

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

a { color: #004A71; }

.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%;
}

#slideshow {
	float: left;
	border: 6px solid #E5E3DD;
	margin-right: 15px;
	margin-bottom: 5px;
}

#frontpagetext {
	font-size: 16px;
	line-height: 21px;
}
li.last {
	border:0!important;
}