    <style media="screen" type="text/css">
    /* <!-- */
/* GENERAL STYLES */

html,
body {
   margin:0px 0px 0px 0px;
   padding:0;
   border: 1px 1px 1px 1px;
   height:100%;
}


	#body {
		margin: 0px 0px 0px 0px;
		padding:0;
		border:0px;			/* 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-size:90%;
		border-top:0px solid #000;






    	}

div.container {
   min-height:100%;
   position:relative;
margin:0 20px;}
}

	a {
		color:#339999;  /* XX_ COLOR OF LINKS */

	}

	a:hover {
		color:#000000;
/*		background:#3B2D22;    commented this out because it didn't look good under graphic links */
		text-decoration:none;  /* XX_ NO UNDERLINE WHEN HOVERING OVER LINKS */
	}

	h1, h2, h3 {
		margin:.4em 0 .8em 0;
		padding:0;
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size:100%;  /* XX_ RELATIVE SIZE FOR H1, H2, H3 TEXT */
		color:#000000;   /* XX_ COLOR FOR H1, H2, H3 TEXT */
		
	}

	p {
		margin:.4em .4em .4em .4em;
		padding:0;
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size:80%;   /* XX_ RELATIVE SIZE FOR P TEXT */
		color:#000000;   /* XX_ COLOR FOR P TEXT */
		text-align:left;

	}

	td {
		margin:.4em 0 .8em 0;
		padding:0;
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size:90%;   /* XX_ RELATIVE SIZE FOR TD TEXT */
		color:#000000;   /* XX_ COLOR FOR TD TEXT */
		text-align:center;
		vertical-align:top;
	}

	li {
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size:80%;
    	}


	img {
		margin:0 0 0 0;
	}


/* HEADER STYLES */

	#header {
		clear:both;
		float:left;
		width:100%;
		background:#80DEEA; /* XX_ BG COLOR BEHIND HEADER LOGO */
		margin:0
	}

	#header {
		border-bottom:0px solid #000;
border-top:0px solid #000;
	}


/* XX_ HEADER MAIN TEXT */
	#header h1 {
		padding:0em 1em 1em 1em;
		margin:40 0 0 0;
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		font-weight:bold;
		font-size:150%;
		color:#000;
		text-align:center;
		vertical-align:center;
	}

/* XX_ HEADER SUB TEXT */
	#header h2 {
		padding:.0em 1em 1em 1em;
		margin:0;
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		color:#666666;
		font-size:130%;
		text-align:center;
		vertical-align:center;
	}

	#header ul {
		clear:left;
		float:left;
		width:100%;
		list-style:none;
		margin:2px 0 0 0;
		padding:0;
	}

	#header ul li {
		display:inline;
		list-style:none;
		margin:0;
		padding:0;
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		font-weight:bold;
		font-size:70%;
	}

	#header ul li a {
		display:block;
		float:left;
		margin:0 0 0 1px;
		padding:3px 10px;
		text-align:center;
		background:#78A9B2;
		color:#fff;
		text-decoration:none;
		position:relative;
		left:2px;
		line-height:1.3em;
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;


		border-color: #000 #000 #E0BDA8 #000;
		border-style: solid;
		border-width: 1px 1px 1px 1px;
	}

	#header ul li a:hover {
		background:#B5D3D8;
		color:#000;

		border-color: #000 #000 #FAE6DA #000;
		border-style: solid;
		border-width: 1px 1px 1px 1px;
	    	
	}

	#header ul li a.active,
	#header ul li a.active:hover {
		color:#000;
		background:#ffffff;

		border-color: #000 #000 #fff #000;
		border-style: solid;
		border-width: 1px 1px 1px 1px;	    
	}

	#header ul li a span {
		display:block;
	}



/* MENU STYLES */

	#menu ul {
		clear:left;
		float:left;
		width:100%;
		list-style:none;
		margin:2px 0 0 0;
		padding:0;
	}

	#menu ul li {
		display:inline;
		list-style:none;
		margin:0;
		padding:0;
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		font-weight:bold;
		font-size:70%;
	}

	#menu ul li a {
		display:block;
		
		margin:0 0 0 1px;
		padding:3px 1px;
		text-align:center;
		background:#689FA7;  /* XX_ DEFAULT COLOR OF MENU BUTTONS */
		color:#fff;
		text-decoration:none;
		position:relative;
		left:2px;
		line-height:1.3em;
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;


		border-color: #000 #000 #E0BDA8 #000;
		border-style: solid;
		border-width: 1px 1px 1px 1px;
	}

	#menu ul li a:hover {
		background:#689FA7;  /* XX_ HOVER COLOR OF MENU BUTTONS */
		color:#000;

		border-color: #000 #000 #FAE6DA #000;
		border-style: solid;
		border-width: 1px 1px 1px 1px;
	    	
	}

	#menu ul li a.active,
	#menu ul li a.active:hover {
		color:#000;
		background:#ffffff; /* XX_ ACTIVE COLOR OF MENU BUTTONS */

		border-color: #000 #000 #fff #000;
		border-style: solid;
		border-width: 1px 1px 1px 1px;	    
	}

	#menu ul li a span {
		display:block;
	}


/* 'WIDTHS' SUB MENU */

	#layoutdims {
		clear:both;
		background:#fff;  /* XX_ BG COLOR OF SUBMENU BAR */
		border-top:1px solid #000;  /* XX_ COLOR OF BORDER ABOVE SUBMENU BAR */
		border-bottom:1px solid #000;  /* XX_ COLOR OF BORDER BELOW SUBMENU BAR */
		margin:0;
		padding:6px 15px !important;
		text-align:right;
	}


	/* 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 */
	}


	/* 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 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:#B2EBF2;		/* XX_ right column background colour */
/* ---	background-image: url(bg_graphic.jpg);    THIS CAN BE UN-COMMENTED FOR BACKGROUND GRAPHIC ---*/

	}
	.threecol .colmid {
		right:25%;			/* width of the right column */
		background:#fff;		/* XX_ center column background colour */


	}
	.threecol .colleft {
		right:50%;			/* width of the middle column */
		background:#B2EBF2;		/* XX_ left column background colour */
/* ---	background-image: url(bg_graphic.jpg);    THIS CAN BE UN-COMMENTED FOR BACKGROUND GRAPHIC ---*/



	}
	.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%;			/* 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:1px solid #000;


    }
	#footer p {
        
		margin:0;
		text-align: center;
		background:#80DEEA;  /* XX_ footer background colour */
		font-size:70%;
		font-weight:bold;
		color:#fff;          /* XX_ footer font colour */
		

	}
/* --> */

</style>
<!--[if lt IE 7]>
<style media="screen" type="text/css">
	.col1 {
		width:100%;
	}
</style>
<![endif]-->