/* <!-- */
    /* General styles */
body {
        margin:0;
        padding:0;
        border:0;			/* This removes the border around the viewport in old versions of IE */
        width:100%;
        background:#fff;
        min-width:600px;    /* Minimum width of layout - remove line if not required */
						/* The min-width property does not work in old versions of Internet Explorer */
	font-family: Verdana, Helvetica, sans-serif;
	font-size:84%;
	color: #141;
}
a {
    	color:#369;
}
a:hover {
	font-weight: bold;
}
h1 {
	color: #11C;
	font-size: 1.8em;
	font-weight: bold;
	margin: 0 0 0.3em 0;
	padding: 5px 0 0 0;
}
h2 {
	color: #11C;
	font-size: 1.3em;
	font-weight: bold;
	padding: 0.5em 0 0 0;
	margin: 0 0 0.5em 0;
}
h3 {
	color: #11C;
	font-weight: bold;
	padding: 0.5em 0 0 0;
	margin: 0 0 0.3em 0;
	font-size: 1.2em;
}
h4 {
	color: #11C;
	font-weight: bold; 
	padding: 0.5em 0 0 0;
	margin: 0 0 0.3em 0;
	font-size: 1.1em;
}
h5 {
	color: #11C;
	font-weight: bold;
	padding: 0 0.3em 0 0;
	margin: 0 0 0.3em 0;
	font-size: 1em;
}
h6 {
	color: #11C;
	font-weight: bold;
	font-style: italic;
	padding: 0.5em 0 0 0;
	margin: 0 0 0.3em 0;
	font-size: 1em;
}
p {
        margin:.4em 0 .8em 0;
        padding:0;
}
td {
	padding:  0em 0.3em 0em 0.3em;
	font-family: Verdana, Helvetica, sans-serif;
	font-size:84%;
	color: #141;
        vertical-align: top;
}
img {
	margin:10px 0 5px;
}
	/* Header styles */
#header {
        padding: 1em 0.5em 0em 0.5em;
        clear:both;
        float:left;
        width:100%;
        background-color: #ffe;
	border-bottom:1px solid #000;
}
	/* column container */
.colmask {
	position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	clear:both;
	float:left;
        width:100%;				/* width of whole page */
	overflow:hidden;		/* This chops off any overhanging divs */
}
	/* holy grail 3 column settings */
.threecol {
	background:#ffe;    	/* Right column background colour */
}
.threecol .colmid {
        float:left;
        width:200%;
        margin-left:-17em; 		/* Width of right column */
        position:relative;
        right:100%;
        background:#fff;    	/* Centre column background colour */
}
.threecol .colleft {
        float:left;
        width:100%;
        margin-left:-50%;
        position:relative;
        left:30em;         		/* Left column width + right column width */
        background:#ffe;    	/* Left column background colour */
}
.threecol .col1wrap {
        float:left;
	width:50%;
	position:relative;
	right:13em;        		/* Width of left column */
	padding-bottom:1em; 	/* Centre column bottom padding. Leave it out if it's zero */
}
.threecol .col1 {
	padding: 0.5em 0 0.5em 0;
        margin:0 18em 0 14em;     		/* Centre column side padding:
                            	Left padding = left column width + centre column left padding width
                            	Right padding = right column width + centre column right padding width */
        position:relative;
	left:200%;
	overflow:hidden;
}
.threecol .col2 {
        float:left;
        float:right;			/* This overrides the float:left above */
        width:11em;        		/* Width of left column content (left column width minus left and right padding) */
        position:relative;
        right:1em;         		/* Width of the left-had side padding on the left column */
	padding: 0.5em 0 0.5em 0;
    }
.threecol .col3 {
        float:left;
        float:right;			/* This overrides the float:left above */
        width:15em;        		/* Width of right column content (right column width minus left and right padding) */
        margin-right:3em;  		/* Width of right column right-hand padding + left column left and right padding */
        position:relative;
        left:50%;
	padding: 0.5em 0 0.5em 0;
}
	/* Footer styles */
#footer {
        clear:both;
        float:left;
        width:100%;
	border-top:1px solid #000;
}
.col2 ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	}
.col2 li { margin: 0 0 0.2em 0; }
.col2 a {
	display: block;
	color: #141;
	background-color: #ada;
	width: 100%;
	padding: .2em .8em;
	text-decoration: none;
}
.col2 a:hover {
	background-color: #BFB;
	color: #141;
	font-weight: bold;
}
.col3 dl {
	margin: 0;
	padding: 0;
	list-style-type: none;
	}
.col3 ol {
	margin: 0 0 0 4em;
	padding: 0;
	list-style-type: none;
	}
.col3 li {
	margin: 0.5em 0 0 0;
}
.col3 a:hover {
	background-color: #BFB;
	color: #141;
	font-weight: bold;
}
.imgleft {
	float: left;
	margin:0 0.5em 0 0;
	position: relative
}
.imgright {
	float: right;
	margin: 0 0 0 0.5em;
	position: relative
}
.noborderbox {
	background-color: #fff;
	border: 0;
	margin: 0 1em 0 1em;
}
.box {
	background-color: #fff;
	border: 1px solid gray;
	padding: 1em;
	text-decoration: none;
}
box a:hover {
	background-color: #DFD;
	font-weight: bold;
}
#footer p {
        padding:10px;
        margin:0;
	padding: 0.2em 0em 0.5em 2.0em;
	background-color: #ffe;
}
.picturepadding {
	padding: 0 1em 1em 1em;
}
    /* --> */
    <!--[if lt IE 7]>
    <style media="screen" type="text/css">
.col1 {
	width:100%;
}