.clear {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
html {
	padding: 0;
	margin: 0;
	background: #ececde;
	height: 100%;
}

body {
	padding: 0;
	margin: 6px auto 50px auto;
	width: 800px; 
	line-height: 150%;	
	color: #3c3827;
	background: #f6f6f6;
	font: 10pt/12pt "Georgia", "Verdana", "Arial", "Helvetica", "Geneva", sans-serif; 
}

a {
	color: #889101;
	text-decoration: none;
	font-weight: bold;
}
a:hover { text-decoration: underline; }

/*  darken heading that are linked
h2 a, h3 a, h4 a { color: #3c3827; } 
*/

h1 { font-size: 2.5em; }
h2 { font-size: 2em; }
h3 { font-size: 1.8em; }
h4 { font-size: 1.2em; }
h5 { font-size: 1em; }


/* ------------------------------------- */

/* header styles */
#header {
	/* joe */
	width: 800px;
	height: 201px;

	background: #fff url("img/brokenwood_alt.jpg") no-repeat;
	padding: 0;
	margin: 0;

	/* perfect */
    clear:left;
    float:left;
    /*width:100%; */
    overflow:hidden;
    border-bottom:2px solid #000;
}
#header h1 {
	margin: 0; 
	padding: 8px 10px 0 10px;
	float: right;
	/* width: 210px; */
	height: 1.0em;
	position: relative;
	top: 100px;
	left: -10px;

	background-color: #fff;
	/*
	background-color: #D2D2D2; /* lightgray */ 
	filter:  alpha(opacity=80);
	-moz-opacity: .80; 
	*/
}

#header h1 a {
	/*color: #88910; */
	color: #3c3827
}
#header h1 a:hover { text-decoration: none; }

/* ----------------------------
#header p,
#header h1,
#header h2 {
    clear:left; 
    float:left;
    width:96%;
    margin:0;
    padding:.4em 2% .1em 2%;
}
---------------------------- */



/* column container */
.colmask {
    clear:both;
    float:left;
    width:100%;
    overflow:hidden;
}
/* common column settings */
.colright,
.colmid,
.colleft {
    float:left;
    width:100%;
    position:relative;
}
.col1,
.col2,
.col3 {
    float:left;
    position:relative;
    padding:.5em 0 1em 0;
    overflow:hidden;
}
/* 2 Column (double page) settings */
.doublepage {
    background:#f4f4f4;     /* right column background colour */
}
.doublepage .colleft {
    right:50%;              /* right column width */
    background:#fff;        /* left column background colour */
}
.doublepage .col1 {
    width:46%;              /* left column content width (column width minus left and right padding) */
    left:52%;               /* right column width plus left column left padding */
}
.doublepage .col2 {
    width:46%;              /* right column content width (column width minus left and right padding) */
    left:56%;               /* (right column width) plus (left column left and right padding) plus (right column left padding) */
}

/* 2 Column (right menu) settings */
.rightmenu {
	background:#f4f4f4;		/* right column background colour */
}
.rightmenu .colleft {
	right:25%;				/* right column width */
	background:#fff;		/* left column background colour */
}
.rightmenu .col1 {
	width:71%;				/* left column content width (left column width minus left and right padding) */
	left:27%;				/* (right column width) plus (left column left padding) */
}
.rightmenu .col2 {
	width:21%;				/* right column content width (right column width minus left and right padding) */
	left:31%;				/* (right column width) plus (left column left and right padding) plus (right column left padding) */
}

/* 3 Column settings */
.threecol {
	background:#f4f4f4;		/* right column background colour */
}
.threecol .colmid {
	right:25%;				/* width of the right column */
	background:#fff;		/* center column background colour */
}
.threecol .colleft {
	right:50%;				/* width of the middle column */
	background:#f4f4f4;		/* left column background colour */
}
.threecol .col1 {
	width:46%;				/* width of center column content (column width minus padding on either side) */
	left:102%;				/* 100% plus left padding of center column */
}
.threecol .col2 {
	width:21%;				/* Width of left column content (column width minus padding on either side) */
	left:31%;				/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
}
.threecol .col3 {
	width:21%;				/* Width of right column content (column width minus padding on either side) */
	left:85%;				/* Please make note of the brackets here:
							(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
}
/* Footer styles */
#footer {
	clear:both;
	/*
	padding:1em 2%; 
	border-top: 1px solid #ccc;
	*/
	border-top: 2px solid white;
	border-bottom: 1em solid white;
	height: 47px;
	background: #fff url("http://s3.turnerscraft.com/media/css/img/tree_ground.jpg") no-repeat;
	/*
	background: #fff url("/media/css/img/tree_ground.jpg") no-repeat;
	*/
}
#footer p { color: #999; }
#footer img { border: none; }

/* 2 Column (left menu) settings */
.leftmenu {
	background:#fff;		/* right column background colour */
}
.leftmenu .colleft {
	right:75%;				/* right column width */
	background:#f4f4f4;		/* left column background colour */
}
.leftmenu .col1 {
	width:71%;				/* right column content width */
	left:102%;				/* 100% plus left column left padding */
}
.leftmenu .col2 {
	width:21%;				/* left column content width (column width minus left and right padding) */
	left:6%;				/* (right column left and right padding) plus (left column left padding) */
}

/* Full page settings */

/* .fullpage { background:#fff; } */

.fullpage .col1 {
	width:96%;				/* page width minus left and right padding */
	left:2%;				/* page left padding */
}