/* CSS Document */
<STYLE type="text/css">
<!--  
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: Arial, Helvetica, sans-serif;
	font-size: 10pt;
    }
#header {
	min-width:780px;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100px;
	background-color: #000000;
	}
#head {	
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14pt;
	color: #400000;
	padding:10px 0 2px 0;
	}
#body {	
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #400000;
	}
#head1 {	
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 10pt;
	color: #400000;
	padding:10px 0 2px 0;
	}
#body1 {	
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #400000;
	}
	
.colmask {
	position:relative;	/* This fixes the IE7 overflow hidden bug */
	clear:both;
	float:left;
    width:100%;			/* width of whole page */
	overflow:hidden;	/* This chops off any overhanging divs */
	}
/* common column settings */
.colright,
.colmid,
.colleft {
	float:left;
	width:100%;				/* width of page */
	position:relative;
	}
.col1,
.col2,
.col3 {
	float:left;
	position:relative;
	padding:0 0 10px 0;		/* no left and right padding on columns, we just make them narrower instead only padding top and bottom is included here, make it whatever value you need */
	overflow:hidden;
	}
/* 3 Column settings */
.threecol {
	background:#eee;		/* right column background colour */
	}
.threecol .colmid {
	right:20%;				/* A width of the right column */
	background:#fff;		/* center column background colour */
	}
.threecol .colleft {
	right:60%;				/* B width of the middle column */
	background:#f4f4f4;		/* left column background colour */
	}
.threecol .col1 {
	width:58%;				/* C width of center column content (column width minus padding on either side) */
	left:101%;				/* D 100% plus left padding of center column */
	}
.threecol .col2 {
	width:18%;				/* E Width of left column content (column width minus padding on either side) */
	left:23%;				/* F width of (right column) plus (center column left and right padding) plus (left column left padding) */
	}
.threecol .col3 {
	width:18%;				/* G Width of right column content (column width minus padding on either side) */
	left:85%;				/* H 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) */
	}

a.but:link {
	color: #400000; 
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	}
a.but:visited {
	color: #800000;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	}
a.but:hover {
	color: #C00000;
	text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	}
a.but:active {color: #800000; }

#mbar {
	min-width:780px;
	left: 0px;
	top: 100px;
	width: 100%;
	background-color: #f4f4f4;
	padding:1px;
	}
a.mbut:link {color: #400000; 
			text-decoration: none;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 8pt;
			font-weight: bold;
			}
a.mbut:visited {color: #800000;
			text-decoration: none;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 8pt;
			font-weight: bold;
			}
a.mbut:hover {color: #C00000;
			text-decoration: underline;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 8pt;
			font-weight: bold;
			}
a.mbut:active {color: #800000; }

-->