body {
		margin: 0;
		padding: 0;
		text-align: left;
		font-family: helvetica , arial , sans-serif;
		color: #020085;
		font-size: 10pt;
	}
	
	body {
		min-width: 768px;
	}
	
	a { 
		color: #83E0F8;
	}
	
	p {
		margin: 1em 0;
		text-align: left;
	}
	
	h2 , h3 {
		margin: 1em 0;
	}
	

	.red {
		color: #BA2025;
	}
	
	.yellow {
		color: #EDB627;
	}
	
	.green {
		color: #8EB73E;
	}
	
	.blue {
		color: #3BAFE4;
	}

	.teal {
		color: #07C2F1;
	}
	
	table {
		width: 100%;
		border-collapse: collapse;
	}

	table thead tr th {
		color: #FFF;
		padding: 5px;
		text-align: center;
	}

	table tbody tr td {
		padding: 5px;
		vertical-align: top;
	}
	
	table tbody tr {
		border-bottom: 2px solid #999999;
	}		
	
	table tbody tr td ul {
		margin-left: -22px;
	}

	/* Header styles */
	#header {
		clear: both;
		float: left;
		width: 100%;
		min-height: 125px;
		
		background: #FAD05A no-repeat;
		border-bottom: 20px solid #83E0F8;
	}
	
	#header a img {
		border: none;
	}
	
	/* column container */
	.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: 1.5em 0 1em 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 {
		background: #fff;	/* center column background colour */
		right: 19%;			/* width of the right column */
	}
	
	.threecol .colleft {
		background: #C0F0FB;	/* left column background colour */
		right: 62%;			/* width of the middle column */
	}
	
	.threecol .col1 {
		width: 58%;			/* width of center column content (column width minus padding on either side) */
		left: 102%;			/* 100% plus left padding of center column */
	}
	
	.threecol .col2 {
		width: 18%;			/* Width of left column content (column width minus padding on either side) */
		left:  25%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
	}
	
	.threecol .col3 {
		width: 18%;			/* Width of right column content (column width minus padding on either side) */
		left:  88.5%;			/* 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;
		float: left;
		width: 100%;
		border-top: 20px solid #83E0F8;
		text-align: center;
		padding-top: 20px;
		font-size: 10px;
	}
	
	#footer > * {
		text-align: center;
		margin: 20px 0;
		text-transform: uppercase;
	}

	#footer #links a {
		margin: 0 5px;
	}
	
	#logos .logo {
		display: inline; 
		margin: 0 8px;
		text-align: center;
		vertical-align: middle;
	}
	
	.buttons .button {
		display: inline-block;
		margin: 4px 0px;
		text-align: center;
	}
	
	.buttons .button a img , #mini_menu div a img {
		border: none;
		margin: 0;
		padding; 0;
	}
	
	#mini_menu {
		border: 2px solid #07c2f1;
	}
	
	#matrix_button div {
		margin: -2px 0;
		padding: 0;
	}
	
	#matrix_button #mini_menu {
		display: none;
		left: 3em;
		top: 5em;
		position: absolute;		
		margin: 0;
		padding: 0;
	}

	#matrix_button:hover #mini_menu {
		display: block;
	}
	
	#matrix_button #mini_menu div, #matrix_button #mini_menu div a img  {
		padding: 0;
		margin: -2px 0;
	}

	
	.credits , .legend {
		font-size: 8pt;
	}
	
	.ads .ad {
		min-width: 	182px;
		min-height: 182px;
		width: 		182px;
		height: 	182px;
		border: 2px dashed #C2C2C2;
		margin: 16px 0px 16px 0px;
		text-align: center;
	}