<style type="text/css" >
	body {
		text-align:center;
                }
     
	/****************************************/
	/*	SITE LAYOUT 	       */
	/****************************************/
	/* Background frame - gets floated in the middle of the viewport */
	/* 200px left hand border to allow left hand strip to always be coloured in */
	/* The z-index:0; is to try and stop IE6 putting this pane to the front */	
	#frame {
		width:560px;
		margin-right:auto;
		margin-left:auto;
		margin-top:-8px;
		border-left:200px solid #993333;
		padding:0px;
		text-align:left;
		background:#fff;
		position:relative;
	}
	#framenoborder {
		width:760px;
		margin-right:auto;
		margin-left:auto;
		margin-top:-8px;
		padding:0px;
		text-align:left;
		background:#fff;
		position:relative;
	}
	/* Hides from IE-mac \*/
	* html #frame {margin-top:-15px;}
	/* End hide from IE-mac */
	/* LEFT PANE - MENU */
	/* Floated left with a -200px shift to make it sit over the 200px border of frame */
	#left {
		width:200px;
		padding:0px;
		margin-left:-200px;
		float:left;
		background:#993333;
		position:relative;
	}	
	#header {
		width:560px;	
		margin-left:-200px;
                background:#993333;
		position:relative;
		}
	#headernb {
		width:760px;	
                background:#993333;
		position:relative;
		}
	#headernb A:link  {
		COLOR: #ffffff;
		BACKGROUND: #993333;
		border: 0px solid #993333;
	}
	#headernb A:hover {
		COLOR: #ffffff;
		BACKGROUND: #1A85A6;
	}
	#headernb  A:visited {
		COLOR: #ffffff;
		BACKGROUND: #993333;
		border: 0px solid #993333;
	}
        /* Had this commented out at one point... don't know why... */
	#header td {
		background:#993333;
		}
	/* A hack known as the holly hack */
	/* To fix a problem known as the peek-a-boo bug */
	/* Hides from IE-mac \*/
	* html #frame {height: 1%;}
	/* End hide from IE-mac */
	/* A full width center pane (no RHS pane) */
	#fullcenter {
         	width:538px;
		border: 0px solid #000;
		padding:10px 0px 15px 10px;
		float:left;
		position:relative;
	}
	/* */
	#halfcenter_l {
         	width:195px;
		border: 0px solid #000;
		padding:10px 0px 15px 10px;
		float:left;
		position:relative;
	}
	#halfcenter_l img {
		border: 0px solid #000;
		padding:0px;
		margin:0px;
	}
	#halfcenter_l a {
		text-align:left;
		FONT: 8pt/10pt Arial, Verdana, Helvetica, sans-serif;
		color: #1A85A6;
		text-decoration: none
		padding:0px;
		margin:0px;
	}
	#halfcenter_r {
         	width:338px;
		border: 0px solid #000;
		padding:10px 0px 15px 10px;
		float:left;
		position:relative;
	}
	#halfcenter_r td {
		text-align:left;
		FONT: 8pt/10pt Arial, Verdana, Helvetica, sans-serif;
		color: #4C4040;
		text-decoration: none
		padding:0px;
		margin:0px;
	}
	/* Normal center pane (allows for RHS pane) */
	#center {
		width:328px;
		border: 0px solid #000;
		padding:5px 10px 10px 12px;
	       	float:left;
		position:relative;
	}
	div.info {
		float:left;
		margin:2px 10px 0px 0px;
	}
	/* RHS pane to use for news/calendars etc */
	#right {
		width:200px;
		padding:20px 10px 60px 0px; 
		float:left;	
		background:#ECF0F3;
		position:relative;	
		text-align:right;
	}
	#right UL {
		border:0px;
		padding:0px;
		margin:0px;
		}

		/* FOOTER STUFF */
	/* grey links and other infro */
	#footer {
		/* width:560px; */
		width:350px; 
		background:#fff;
		position:relative;
		border: 0px solid #000;
		FONT: 9pt/15pt Arial, Verdana, Helvetica, sans-serif;
		color: #828282;
		text-decoration: none;
		margin:0px 10px 0px 0px;
		text-align:center;
	}
        #wide {
		width:560px;
                }
	/****************************************/
	/*      HEADER FORMATTING	       */
	/****************************************/
	/* Menu Bar Links */
	/* Div menuBar  sets up the bar */
	/* the padding sets the height for the bar */
	/* T R B L */
 	div.menuBar {
 		color:#993333;
 		background:#993333;
		padding:0px 0px 2px 11px;
		text-align:left;
		FONT: 11px/11pt Arial, Verdana, Helvetica, sans-serif;
		font-weight: 500;
		text-align:center;
	}
	div.menuBar TABLE {
		color:#993333;
 		background:#993333;
		padding:0px 0px 0px 11px;
		text-align:left;
		font-size:65%;
		font-weight: 500;
		text-align:center;
		}
	/* The margin for this provides the spacing between the menu items */
	/* padding provides the boundaries for the menu item highlighting */
        div.menuBar A {
		font-family: helvetica, arial, sans-serif;
		margin:0px 3px 0px 3px;
		font-weight: bold;
		COLOR: #ffffff;
		TEXT-DECORATION: none;
		padding: 2px 3px 1px 3px;
	}
	div.menuBar A:hover {
		BACKGROUND: #1A85A6;
		border: 0px solid #1A85A6;
	}
	div.menuBar A:visited {
		border: 0px solid #1A85A6;
	}
	div.menuBar P {
		font-family: helvetica, arial, sans-serif;
          	margin:0px 3px 0px 3px;
		font-weight: normal;
		COLOR: #FFFFFF;
                text-align:center;
                }
        div.menuBar B {
                margin:0px 3px 0px 3px;
		padding: 2px 3px 1px 3px;
                font-weight:normal;
		}
	/****************************************/
	/*      MENU FORMATTING	       */
	/****************************************/	
	/* The margin left sets the distance from the edge of the left box to the links */
	#left A {
		FONT: 14px/14pt Arial, Verdana, Helvetica, sans-serif;
		font-weight: bold;
		COLOR: #ffffff;
		TEXT-DECORATION: none;
	}
	#left A:hover {
		BACKGROUND: #1A85A6;
		border: 0px solid #1A85A6;
	}
	#left A:visited {
		border: 0px solid #1A85A6;
	}
	/* Push around the LHS menu entries */
	/* margin on bottom of IMG pushes text down */
	#left img {
		margin:0px 0px 18px 0px;
	}
	/* Push text right with LH margin */
 	/* separate menu elements by bottom margin */
	#left P {
		margin:0px 0px 3px 17px;
	}
	/****************************************/
	/*      CENTER FORMATTING	       */
	/****************************************/	
	#fullcenter A:link {	
		FONT: 12px/15pt Arial, Verdana, Helvetica, sans-serif;
		font-weight: bold;
		COLOR: #1A85A6;
		TEXT-DECORATION: none;
		margin:0px 0px 0px 0px;
	}
	#fullcenter A:visited {
		FONT: 12px/15pt Arial, Verdana, Helvetica, sans-serif;
		font-weight: bold;
		COLOR: #1A85A6;
		TEXT-DECORATION: none;
		margin:0px 0px 0px 0px;
	}
	#fullcenter A::hover {
		BACKGROUND: #993333;
		FONT: 12px/15pt Arial, Verdana, Helvetica, sans-serif;
		font-weight: bold;
		COLOR: #FFFFFF;
		TEXT-DECORATION: none;
		margin:0px 0px 0px 0px;
	}
	#center A:link {
		FONT: 12px/15pt Arial, Verdana, Helvetica, sans-serif;
		font-weight: bold;
		COLOR: #1A85A6;
		TEXT-DECORATION: none;
		margin:0px 15px 0px 0px;
	}
	#center A:visited {
		FONT: 12px/15pt Arial, Verdana, Helvetica, sans-serif;
		font-weight: bold;
		COLOR: #1A85A6;
		TEXT-DECORATION: none;
	}
	#center A:hover {
		BACKGROUND: #993333;
		FONT: 12px/15pt Arial, Verdana, Helvetica, sans-serif;
		font-weight: bold;
		COLOR: #FFFFFF;
		TEXT-DECORATION: none;
	}
	#center p {
		margin:10px 10px 10px 10px;
	}
	div.indent {
		margin:0px 0px 0px 100px;
	}
	div.indent p {
		margin:0px 0px 10px 0px;
	}
	div.indent img {
		margin:0px 0px 20px -100px;
		float:left;
		clear:both;
	}
        #ccclogo {
	/* width:560px; */
	FONT: 5pt Arial, Verdana, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
        margin:10px 10px 0px 18px;
	text-align:left;
	}
        #ccclogo a{
	FONT: 8pt Arial, Verdana, Helvetica, sans-serif;
        margin:0px; padding:0px; border:0px;
        color: #FFFFFF;
	text-decoration: none;
	}
        #ccclogo img {
		float:right;
		margin:5px;
		position:relative;
	}
	/****************************************/
	/*      RIGHT COL FORMATTING   */
	/****************************************/	
	/* Err the pane for the window */
	/* Floated within the right hand box */
	#windowpane {
		width:150px;
		text-align:left;
		margin-top:20px;
		margin-right:auto;
		margin-left:auto;
		FONT: 8pt/10pt Arial, Verdana, Helvetica, sans-serif;
		color: #4C4040;
		text-decoration: none
                }

	/****************************************/
	/*      FOOTER FORMATTING	       */
	/****************************************/	
	#footer a {	
		FONT: 9pt/15pt Arial, Verdana, Helvetica, sans-serif;
		color: #828282;
		text-decoration: none;
		margin:0px 10px 0px 0px;
	}
	#footer p {
		text-align:center;
		FONT: 9pt/15pt Arial, Verdana, Helvetica, sans-serif;
		color: #828282;
		text-decoration: none;
		margin:0px 10px 0px 0px;
	}
	/****************************************/
	/*      GENERAL FORMATTING	       */
	/****************************************/	
	H1  {
		FONT: 15px/15pt Arial, Verdana, Helvetica, sans-serif;
		font-weight: bold;
		COLOR: #993333;
		TEXT-DECORATION: none
		padding:0px;
		margin:0px 0px 0px 0px;
	}
	H2  {
		FONT: 12px/12pt Arial, Verdana, Helvetica, sans-serif;
		font-weight: bold;
		COLOR: #993333;
		TEXT-DECORATION: none
		padding:0px;
		margin:0px 0px 3px 0px;
	}
	H3  {
		FONT: 12px/10pt Arial, Verdana, Helvetica, sans-serif;
		font-weight: bold;
		COLOR: #993333;
		TEXT-DECORATION: none
		padding:0px;
		margin:0px 0px 3px 0px;
	}
	H4  {
		FONT: 10px/8pt Arial, Verdana, Helvetica, sans-serif;
		COLOR: #993333;
		TEXT-DECORATION: none
		padding:0px;
		margin:0px 0px 0px 0px;
	}
	p      {
		text-align:justify;
		FONT: 10pt/12pt Arial, Verdana, Helvetica, sans-serif;
		color: #4C4040;
		text-decoration: none
		padding:0px;
		margin:10px;
	}
	ul {
		list-style:none;
		padding:10px;
		margin:1px;
	}
	li,td     {
		text-align:left;
		FONT: 10pt/12pt Arial, Verdana, Helvetica, sans-serif;
		color: #4C4040;
		text-decoration: none
		padding:0px;
		margin:1px;
	}
	img {
		border:0px;
		margin:0px;
		}
        A:link {	
		FONT: 12px/15pt Arial, Verdana, Helvetica, sans-serif;
		font-weight: bold;
		COLOR: #1A85A6;
		TEXT-DECORATION: none;
		margin:0px 15px 0px 0px;
	}
        A:visited {
		FONT: 12px/15pt Arial, Verdana, Helvetica, sans-serif;
		font-weight: bold;
		COLOR: #1A85A6;
		TEXT-DECORATION: none;
	}
	A::hover {
		BACKGROUND: #993333;
		FONT: 12px/15pt Arial, Verdana, Helvetica, sans-serif;
		font-weight: bold;
		COLOR: #FFFFFF;
		TEXT-DECORATION: none;
	}
</style>
