/* TWO COLUMN FLUID LAYOUT
colour swatch 
0D060C
261703
BC5E38
D9A84E
F6BB33
C9D98F, 3B2C24, CFE66C, 94A972, 65503B
*/
* { 
	margin:0;
	padding:0;
	}
body {
	text-align:center; /* IE6 needs this to center the layout in the browser window */
	background-color:#380702;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1em;
	}
#main_wrapper {
	max-width:960px; /* sets max layout width */
	min-width:720px; /* sets min layout width */
	margin-left:auto;  /* centers layout in browser */
	margin-right:auto; /* centers layout in browser */
	text-align:left; /* resets the centering hack for IE6 on the body tag */
	background-color:#D9A84E;
	}
#header {
	 /* max-width:960px; */
	}
#nav {
	width:140px; /* this width + content width must total 100% */
	float:left; /* floats on nav and content divs make them sit side by side */
		
	}
#content {
	/* default auto width */
	margin-left:150px;
	width:auto;
	}
/* here comes a hack for IE6 */
/* floating this element gets rid of the gap between the nav and content - the hateful 3 pixel jog bug in IE */
/* if I float this element in other browsers, the layout breaks - don't remove this comment \
* html #content { 
	loat:left; 
	}*/
/* end of hack - don't remove this comment */
#footer {
	width:960px;
	clear:both; /* makes the footer sit below whichever column is longest */
	background:#380702;/*F6BB33;  TEMP - REMOVE OR RESTYLE  */
	}
#header_inner, #nav_inner, #content_inner, #promo_inner {
	overflow:hidden; /* clips oversize elements that would otherwise expand divs and break the layout */
	}
#header_inner { 
	padding:1em 2em; /* creates space between the box  and the content */
	}
#nav_inner {
	padding:1em .5em; /* creates space between the box and the content */
	border-right:3px solid #0D060C;
	}
#content_inner {
	padding:1em 1em 1em 1.5em; /* creates space between the box and the content */
	position: relative;
		}
#footer_inner {
	padding:.5em 1em .5em; /* creates space between the box and the content */
	text-align:center;
	background:#94A972;
	}
/* FONT SIZES */
h1 {font-size:2em; /* 24pt */
	}
h2 {font-size:1.375em; /* 22pt */
	line-height:1.25;
	padding:.5em 0 0 0;	
	}
h3 {font-size:1.125em; /* 18pt */
	line-height:1.25;
	}
h4 {font-size:1.125em; /* 18pt */
	}
h5 {font-size:1em; /* 16pt */
	}
h6 {font-size:.875em; /* 14pt */
	}
p  {
	font-size:.8em; /* 12pt */
	line-height:1.25; /* on 15pt */
	margin-bottom:.75em; /* 12pts of space */
 	}
a {
	text-decoration:none;
	}
a:hover {
	text-decoration:none;
	}
blockquote {
	border-top:2px solid;
	border-bottom:2px solid;
	width:50%;
	margin:1em 0 1em 20%;
	padding:.3em 1em;
	}
blockquote p {
	margin-bottom:.1em;
	}
blockquote p:before { /* IDWIMIE 6 and 7 */
	content: open-quote;
	color:#cccc8f;
}
blockquote p:after {  /* IDWIMIE 6 and 7 */
	content: close-quote;
	color:#366;
}
/* THE ALSETT CLEARING METHOD */
	.clearfix:after {
 content: “.”;
 display: block; 
 height: 0;
 clear: both;
 visibility: hidden;
}
.clearfix {display: inline-table;}
/* backslash hack hides from IE mac \ LEAVE THIS COMMENT RIGHT HERE!  */
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* end backslash hack */ 
/* basic table styling  - more-styled tables in tables.css */
table {
	
	border-top:1px solid #069;
	border-collapse:collapse;
	font-size:.8em;
	}
table th	{
	padding: 10px;;
	border-bottom:2px solid #069;
	}
table td	{
	padding: 10px;
	border-bottom:1px solid #069;
	}
.current{
   background-color: #3366cc; 
   color: #d9d395;
   		}
#contact { float:right;
		   margin-right:100px;
		}