html, body, div, ul, ol, table {margin: 0; padding: 0;}

body {
	background: url('../images/bg_corner2.jpg') no-repeat #1c1c1c;
	font-family: 'trebuchet ms', arial, verdana, sans-serif; font-size: small; line-height: 170%;
}
	h1 {font-size: 2em; line-height: 1.2em; letter-spacing: -1px; font-family: 'arial black';}
	h2 {font-size: 1.7em; margin: 0.5em 0;}
	
	h1.spaced {margin: 1em 0;}
	h2.feature {
		color: #fff;
		text-shadow: 1px 1px 1px #000;
		background: #A81E1D;
		padding: 0.15em;
		margin-bottom: 0;
	}
	h3.feature {
		background: #666; color: #fff;
		padding: 0.15em 0.3em;
		margin-bottom: 0.5em;
	}
	h3.feature a, h3.feature a:visited {color: #fff !important; text-decoration: none;}
	h3.feature a:hover {color: #F4BD3B !important;}
	
	p {margin-bottom: 1em;}
	address {font-style: normal;}
	
	.bold {font-weight: bold;}
	span.feature {color: #C12728;}
	span.underline {text-decoration: underline;}
	
	img.fLeft {float: left; margin: 0 15px 15px 0;}
	img.fRight {float: right; margin: 0 0 15px 15px;}
	
#header {
	height: 133px;
	width: 100%; min-width: 960px;
	/* background: url('images/web.jpg') no-repeat transparent; */
	text-align: center;
	color: #fff;
}
	#header h1 {margin: 0; padding: 0;}
	#header img {border: 0; width: 435px; height: 133px;}

/* CONTAINER
holds main nav, main content, column
960 - 1250px width total
centred on page for wider screens
*/
#container {
	width: 97%; min-width: 960px; max-width: 1350px;
	margin: 0 auto 0 auto;
	padding-bottom: 75px;
	background: url('../images/peel_bottom.jpg') no-repeat 100% 100% #fff;
}

#nav {
	background: url('../images/nav_bgs2.png') repeat-x 0 -40px #981816; color: #fff;
	height: 40px; /* absolute required */
	text-align: center;
	margin-bottom: 1%;
	font-family: 'Arial Black', 'Arial'; font-size: 1.2em;
}
	#nav .end {float: left; width: 20px; height: 40px; background: url('../images/nav_bgs2.png') no-repeat;}
	#nav .end.right {float: right; background-position: -20px 0;}
	
	#nav ul {margin: 0 auto; max-width: 930px;}
	#nav li {
		list-style: none; 
		/* display: block; float: left; */
		display: inline;
		line-height: 40px; height: 40px; 
		font-weight: bold;
	}
	
	#nav li a {
		display: inline; padding: 7px 10px;
		height: 40px; line-height: 40px; 
		color: #fff;
		text-decoration: none;
		background: transparent;
	}
	#nav li a:hover {background: #000;}
	

/* TWO COLUMN (left col + main in source)
----------------------------------------- */
#main {
	width: 66.5%;
	margin: 0 2% 0 0;
	float: left;
	min-height: 150px;
	background: transparent;
}

#col {
	width: 27%;
	margin: 0 2%;
	min-height: 1em; /* avoid collapse */
	float: left;
	background: #fff;
}


/* TWO COLUMN (main + right)
----------------------------- */
#content.rightCol #main {
	margin: 0 2%;
	width: 66.5%;
}

#content.rightCol #col {
	margin: 0 2% 0 0;
	width: 27%;
}


/* THREE COLUMNS (wider middle col)
----------------------------------- */
#content.threeCol #col1 {
	float: left;
	margin: 0 2%;
	width: 23%;
}
#content.threeCol #main {
	margin: 0 0 70px 0;
	width: 46%;
}
#content.threeCol #col2 {
	float: left;
	margin: 0 2%;
	width: 24%;
}

/* SINGLE COLUMN (full width #main)
-------------------------------------- */
#content.full #main {
	margin: 0 2%;
	width: 95%;
}


/* DEFAULT LINKS */
#col a, #col1 a, #col2 a, #main a {color: #C12728;}
#col a:visited, #col1 a:visited, #col2 a:visited, #main a:visited {color: #804545;}
#col a:hover, #col1 a:hover, #col2 a:hover, #main a:hover {color: #C50;}

/* SUB MENUS 
------------- */
.sidemenu {margin-bottom: 2em;}
.sidemenu li {list-style: none;}
.sidemenu li a {
	display: block; 
	padding-left: 0.5em;
	height: 250%; line-height: 250%;
	color: #C12728;
	font-weight: bold; text-decoration: none;
	border-left: 3px solid #C12728;
	
}
.sidemenu li a:hover {color: #000; background: #F2F2F2; border-color: #000; text-decoration: underline;}

/* Horizontal Menu 1 */
.hMenu1 li {float: left; margin: 0 1em 0 1em; list-style-type: square; font-weight: bold;}


/* Item Overview - bold name + detail line */
.overview {margin-left: 15px;}
.overview li {list-style: square;}
.overview li h4 {margin: 0;}
.overview li p {color: #555; margin: 0 0 2em 0;}


/* SIDEBAR PROMOS */
#col .promo {padding-top: 1em;}
#col .promo div {margin: 0 0 10px 0;}
#col .promo img {width: 250px; height: 85px; border: 0;}

#footer {
	background: url('../images/footer_bg.jpg') no-repeat 100% 0 #000; color: #bbb;
	width: 97%; min-width: 960px; max-width: 1350px;
	margin: 0 auto 0 auto;
	padding: 2% 0; /* H-padding is a no go. breaks layout on narrow screen */
}


#searchForm {
	display: none; /* TEMP */
	width: 256px; height: 50px;
	position: absolute; top: 18px; right: 18px;
	background: url('../images/search_bgs.jpg') 0 -50px no-repeat transparent;
	color: #fff;
	font-family: arial, verdana, sans-serif;
}
	#searchForm p {margin: 0; padding: 0; height: 43px; line-height: 43px;}
	#searchForm label {
		margin: 0; padding: 0; text-align: left;
		font-style: italic; font-weight: bold;
	}
	
	#search {
		margin: 0; padding: 5px 0;
		width: 135px;
		background: url('../images/search_bgs.jpg') repeat-x #d1cdc0;
		color: #000;
		border: 0;
	}
	#searchBtn {
		margin: 0; padding: 4px 0;
		width: 37px;
		background: url('../images/search_bgs.jpg') 0 -25px no-repeat #656565;	
		color: #fff;
		border: 0;
	}
	
/* COMMON 
------------ */
.right {text-align: right;}
.center {text-align: center;}
.clear {clear: both; min-height: 2px;}

.minor {color: #777;}
.topSpace {margin-top: 2em;}

#main a {color: #8F1113;}
#main a:hover {color: #C12728; text-decoration: underline;}


/* CONTENT column system
-------------------------- */
.colContainer {}
.colInner {float: left; margin: 0 1.5% 0 0;}
.colInner.last {margin: 0;}

.colInner.c2 {width: 48%;} /* two cols */
.colInner.c3 {width: 32%;} /* three cols */
.colInner.c4 {width: 23%;} /* four cols */
.colInner.c5 {width: 18%;} /* five cols */


/***** FOOTER ELEMENTS ****/
#footer ul {margin: 0; padding: 0;}
#footer li {list-style: none; margin: 0;}
#footer a {color: #fff; text-decoration: none;}
#footer a:visited {color: #e0e0e0;}
#footer a:hover {color: #FFD40F; text-decoration: underline;}
#footer .column {float: left; margin-right: 3%}
#footer .column.first {margin-left: 2%;}
#footer #credits {float: right; margin-right: 2%;}


/* DATA TABLES 
---------------- */
table {margin-bottom: 2em;}
th, td {text-align: left; padding: 5px;}

table.full {width: 100%;}
table.w85 {width: 85%;}

/* data - thead special BG, lines */
table.data {border: 1px solid #999; -moz-box-shadow: 0 0 7px #bbb;}
table.data thead {background: url('../images/data_thead.jpg') repeat-x #e0ddc8; color: #000; border-bottom: 1px solid #333;}
table.data thead th {border-right: 1px solid #aaa; border-left: 1px solid #eeebd5;}
table.data tbody td {border-bottom: 1px solid #ccc;}

table.data .divide th,
table.data .divide td {border-top: 2px solid #888;}

/* left TH */
table.feature {border: 1px solid #888;}
table.feature tbody th {background: #DFDDC8; border-width: 1px 0 1px 0; border-color: #fff #000 #7F7667 #000; border-style: solid;}
table.feature td {border-bottom: 1px solid #7F7667;}


/* NEWS
--------- */
#newsGraphic {
	width: 104px; height: 38px;
	margin: 1em 0;
	background: url('../images/news.png') no-repeat #fff;
}


#news .date {
	margin: 0; padding: 0 4px; 
	width: 9em; background: #e4e4e4;
}

#news .item {
	margin-bottom: 3em; padding-bottom: 25px;
	background: url('../images/news_tape.png') no-repeat 0 100% #fff;
}

#news .item ul {margin-left: 2em;}