/* 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:#000;		/* Page Background Color */
    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;
	color: white;
    }
#header {
	min-width:780px;
	left:0px;
	top:0px;
	width:100%;
	height:170px;
	background-color:black;	/* Header Background Color */
	}
#hdr-logo {
	position:absolute;
	right:0;
	top:0;
	}
#hdr-txt1 {
	position:absolute;
	left:0;
	top:0;
	z-index:1;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 40pt;
	font-weight: bold;
	color: #000000;
	}
#hdr-txt2 {
	position:absolute;
	right:0;
	top:50px;
	}
#hdr-txt3 {
	position:absolute;
	right:0;
	top:85px;
	width:600px;
	height:70px;
	}
#headXL {	
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 26pt;
	font-weight: bold;
	color: #000000;
	padding:30px 0 2px 0;
	}
#head {	
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14pt;
	color: #000000;
	padding: 10px 0 2px 0;
	}
#body {	
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #ffffff;
	}
#head1 {	
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 10pt;
	color: #ffffff;
	}
#body1 {	
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #ffffff;
	}
#head2 {	
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14pt;
	color: black;
	padding: 10px 0 0 0;
	}
#body2 {	
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: black;
	padding: 10px 0 0 0;
	}

/* Main Column Set Up */
.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 */
.colR,
.colC,
.colL {
	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:#000000;		/* right column background colour */
	
	}
.threecol .colC {
	right:12%;				/* A width of the right column */
	background:#000000;		/* center column background colour */
	}
.threecol .colL {
	right:68%;				/* B width of the middle column */
	background:#000000;		/* left column background colour */
	padding:0 0 0 0
	}
.threecol .col1 {
	width:66%;				/* C width of center column content (column width minus padding on either side) */
	left:101%;				/* D 100% plus left padding of center column */
	height:300px;
	}
.threecol .col2 {
	width:18%;				/* E Width of left column content (column width minus padding on either side) */
	left:15%;				/* F width of (right column) plus (center column left and right padding) plus (left column left padding) */
	}
.threecol .col3 {
	width:10%;				/* 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) */
	}

/* Link Settings Normal */
a.but:link {
	color: #282828; 
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	}
a.but:visited {
	color: #282828;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	}
a.but:hover {
	color: red;
	text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	}
a.but:active {color: #282828; }

/* Link Settings Small */
a.mbut:link {
	color: #c0c0c0; 
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	}
a.mbut:visited {
	color: #808080;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	}
a.mbut:hover {
	color: #ffffff;
	text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	}
a.mbut:active {color: #808080; }

/* Footer - Menu Bar */
#mbar {
	min-width:780px;
	width:100%;
	background-color:#000000;
	height: 25px;
	padding:1px;
	}
#clear {
	clear:both;
	}
#box_main {
	position:absolute;
	left:0;
	top:0;
	width: 48%;
	height: 300px;
	padding: 3px;
	background-image: url(images/bg_main.jpg);
	background-color: #ffffff;
	}
#box_main2 {
	position:absolute;
	right:0;
	top:0;
	width: 48%;
	height: 300px;
	background-color:white;
	padding: 3px;
	}
#box_main2a {
	position:absolute;
	right:0;
	top:0;
	width: 48%;
	height: 300px;
	padding: 3px;
	background-image: url(images/bg_main.jpg);
	background-color: #ffffff;
	}
	
-->