<style type="text/css">

/* Remove padding and margin */
* {
  margin: 0;
	padding: 0;
}

/* Put it back on certain elements */
h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, fieldset, table, ul {
  margin: 1em 0;
}

/* Class for clearing floats */
.clear {
	clear:both;
}


/* Remove border around linked images */
img {
	border: 0;
}


/* =Typography
-----------------------------------------------------------------------------*/

body {
	font: 70%/1.6 Verdana, Arial, sans-serif;
	text-align:left;
	background-color: #f0f2f6;
	margin:0;
	padding:0;
	text-align:center;
	background-image:url(crfcbackground.gif);
	background-position:left top;
	background-repeat:repeat-x;
}
strong {
	font-weight:bold;
}

/* =Headings
-----------------------------------------------------------------------------*/
h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:2.25em;
	font-size:bold;
	color:#666666;
	margin:0;
	padding:0;
	border-bottom:1px solid #666666;
	background-image:url(greysquare.gif);
	background-position:right bottom;
	background-repeat:no-repeat;
}
h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:2.0em;
	font-size:bold;
	color:#666666;
	margin:0;
	padding:0;
}
h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:1.5em;
	font-size:bold;
	color:#666666;
	margin-bottom:-10px;
	padding:0;
}

/* =BodyText
-----------------------------------------------------------------------------*/
p {
	text-align:justify;
	color:#666666;
}
p.headertext {
	text-align:justify;
	color:#666666;
	/*line-height: 1.50;*/
}
p.centre {
	text-align:center;
}
#wrapper_centre  p {
	font-size:0.9em;
	text-align:justify;
	color:#666666;
}

#footer p {
	font-size:0.9em;
	text-align:center;
	color:#666666;
	margin-top:5px;
}
#greystrip p {
	text-align:justify;
	color:#ffffff;
	margin:0;
	padding:0px;
	padding-top:2px;
}

/* =Links
-----------------------------------------------------------------------------*/
a {
	color:#0053a0;
}
a:link, a:visited {	
	text-decoration:none;
	border-bottom:1px dotted #0053a0;
}
a:hover, a:active {
	border-bottom:1px solid #0053a0;
}
a.readmore:link, a.readmore:visited {
	display:block;
	text-align:right;
	color:#666666;
	text-decoration:none;
	border-bottom:1px dotted #666666;
}
a.readmore:hover, a.readmore:active {
	font-weight:bold;
	border-bottom:1px solid #666666;
}
#menu a {
	font-size:1.0em;
	text-decoration:none;
	display:block;
	color:#000000;
	width:130px;
	padding:3px;
	margin-top:12px;
	margin-bottom:12px;
	padding-left:10px;
	border-bottom:0;
}
#menu a:hover {
	background-color: #96a4d1; /* left hand menu */
	color:#000000;
}
#menu a.page {
	background-color:#ffffff; /*page name*/
	color:#000000;
	border:1px solid #666666;
	border-right:0;
	width:130px;
}

/* =Main Nav
-----------------------------------------------------------------------------*/


/* =Sub Nav
-----------------------------------------------------------------------------*/
#navbar ul {
	font: bold 0.6em Verdana,Sans-serif;
	margin:0;
	margin-top:3px;
	margin-bottom:5px;
}
#navbar ul li {
	list-style:none;
	display:inline;
}
#navbar ul li a {
	text-decoration:none;
	border-right:1px solid #666666;
	color:#666666;
	text-align:center;
	padding-right:25px;
	padding-left:25px;
}
#navbar ul li a:hover {
	text-decoration:underline;
}

/* =Main Content
-----------------------------------------------------------------------------*/
#text ul {
	float:none;
}
#text li {
	float:none;
	margin-left:5em;
	color:#666666;
}

/* =Footer
-----------------------------------------------------------------------------*/


/* =Forms
-----------------------------------------------------------------------------*/
fieldset {
	margin: 1em 0;
	border: 1px solid #666666;
	padding:1.5em;
	padding-top:1em;
}
fieldset p.formtext {
	margin-left:0.5em;
}
legend {
	font-weight:bold;
	font-size:1.25em;
	color:#666666;
	text-transform:uppercase;
}
label {
	display:block;
	float:left;
	width:10em;
	font-weight:bold;
	font-size:0.95em;
	margin-right:1em;
	text-align:right;
}
input,textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width:100px;
	border: 1px solid #d5d5df;
	background:#fff;
	font-size:1.0em;
	color:#666666;
}
input.btn {
	width:100px;
	font-size:1.0em;
	color: #666666;
	background-color: #d5d5df;
	margin-left:10.5em;
}
input.btnsmall {
	width:auto;
	font-size:1.0em;
	color: #ffffff;
	background-color: #96a4d1;
	margin:0;
	padding:0;
}
input,textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width:210px;
	border: 1px solid #d5d5df;
	background:#fff;
	font-size:1.0em;
	color:#666666;
}
input.btn {
	width:100px;
	font-size:1.0em;
	color: #666666;
	background-color: #d5d5df;
}
em.required {
	font-size:1em;
	color:#760000;
	margin-right:0.25em;
}

#header_right select {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width:auto;
	border: 1px solid #d5d5df;
	background:#fff;
	font-size:1.0em;
	color:#666666;
	margin-top:25px;
	margin-left:195px;
}
#greystrip select {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width:auto;
	border: 1px solid #d5d5df;
	background:#fff;
	font-size:1.0em;
	color:#666666;
	float:right;
	margin:0px;
	margin-top:-17px;
	margin-right:5px;
}

/* =Tables
-----------------------------------------------------------------------------*/
table { 
	border-spacing: 0;
	border-collapse: collapse;
	border: 1px solid #666666;
	width:100%;
}
th {
	font-weight:bold;
	font-size:1em;
	background:#96a4d1;
	color:#ffffff;
	padding:2px;
	height:15px;
}
td {
	text-align: left;
	font-weight: normal;
	padding:3px;
}
td {
	text-align: left;
	font-weight: normal;
	padding:3px;
}
td.grey {
	font-weight:bold;
	background:#dddddd;
	width:25%;
}
tr.odd {
	background:#dddddd;
}
tr {
	background:#eeeeee;
}

/* =Misc 1
-----------------------------------------------------------------------------*/
.red {
	color:red;
}
.white {
	color:#ffffff;
}
.uppercase {
	text-transform:uppercase;
}

/* =Structure
-----------------------------------------------------------------------------*/
#frame {
	margin-right:auto;
	margin-left:auto;
	margin: 0 auto; /* important for Firefox compatability when centering the DIV */
	background-color:#FFFFFF;
	width:925px;
	text-align:left;
	padding:0;
}
#header {
	width:925px;
	height:100px;
	background-image:url(crfcbackground.gif);
	background-position:left top;
	background-repeat:repeat-x;
}
#header_top {
	width:925px;
	height:62px;
}
#header_left {
	width:444px;
	height:54px;
	padding-top:8px;
	float:left;
}
#header_right {
	width:300px;
	height:62px;
	float:right;
}
#header_bottom {
	width:925px;
	height:29px;
}
#navbar {
	width:925px;
	background-color:#ffffff;
	text-align:center;
}
#footer {
	width:925px;
	height:25px;
	background-color:#f0eff5;
}
#topleft {
	width:476px;
	float:left;
	padding-left:10px;
	padding-right:10px;
	padding-top:20px;
	padding-bottom:10px;
}
#topright {
	width:228px;
	float:right;
	padding-left:10px;
	padding-right:10px;
	padding-top:20px;
	padding-bottom:10px;
	text-align:center;
}
#greystrip {
	width:925px;
	height:25px;
	background-color:#96a4d1;  /* used in strip above content*/
	padding:0;
	margin:0;
	border-bottom:1px solid #ffffff;
	padding-left:10px;
}
#menu {
	width:144px;
	padding:0;
	margin:0;
	float:left;
	padding-top:10px;
}
#text {
	width: 550px;
	margin:0;
	float:left;
	padding:25px 25px 25px 25px;
}
#rightcolumn {
	width:139px;
	margin:0;
	float:right;
	padding:0;
	padding-top:20px;
	padding-left:10px;
}
#darkgreystrip {
	width:925px;
	height:25px;
	background-color:#666666;
	border-bottom:6px solid #96a4d1;
}
#content {
	width:925px;
	background-color:#ffffff;
	overflow:auto;
	background-image:url(content_background.gif); 
	background-position:left top;
	background-repeat:repeat-y;
}

/* =Images
-----------------------------------------------------------------------------*/
#footer img.footerimg {
	padding-left:20px;
}
#text img.left {
	padding-top:15px;
	padding-right:35px;
}
#text img.centre {
	padding-top:15px;
	padding-right:35px;
}
#text img.mainleft {
	padding-right:15px;
	float:left;
}


/* ######### MyMenu bit  ############## */
#myMenu
{
    WIDTH: 100%;
    BACKGROUND-COLOR: #ffffff;
}
#myMenu SPAN
{
      DISPLAY: none;
      VISIBILITY: hidden
}
#myMenu A
{
    PADDING-RIGHT: 0.4em;
    DISPLAY: inline;
    PADDING-LEFT: 0.5em;
    PADDING-BOTTOM: 0.2em;
    PADDING-TOP: 0.2em;
    TEXT-DECORATION: none
}
#myMenu A:link
{
    BORDER-TOP: #ffffff 1px solid;
    FONT-WEIGHT: normal;
    FONT-SIZE: 11px;
    COLOR: #000000;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    BACKGROUND-COLOR: #cccccc;
    TEXT-DECORATION: none
}
#myMenu A:visited
{
    BORDER-TOP: #ffffff 1px solid;
    FONT-SIZE: 11px;
    COLOR: #000000;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    BACKGROUND-COLOR: #cccccc;
    TEXT-DECORATION: none
}
#myMenu A:hover
{
    BORDER-TOP: #ffffff 1px solid;
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    COLOR: white;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    BACKGROUND-COLOR: #0000CE; /* previously = #b22222;*/
    TEXT-DECORATION: none
}
#myMenu A:active
{
    BORDER-TOP: #ffffff 1px solid;
    FONT-SIZE: 11px;
    COLOR: #000000;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    TEXT-DECORATION: none
}


/* ######### Style for Drop Down Menu ######### */

.dropmenudiv_a{
position:absolute;
top: 0;
border: 0px solid #006699; /*THEME CHANGE HERE - Blue*/
border-top-width: 8px; /*Top border width. Should match height of .ddcolortabsline above*/
border-bottom-width: 0;
font:normal 12px Arial;
line-height:18px;
z-index:100;
background-color: #0000CE; /* previous version before changing to the royal blue #006699;*/
width: 200px;
visibility: hidden;
}


.dropmenudiv_a a{
width: auto;
display: block;
text-indent: 5px;
border-top: 0 solid #980e10;
border-bottom: 1px solid #980e10; /*THEME CHANGE HERE (border of drop down)*/
padding: 2px 0;
text-decoration: none;
color: white;
}
.dropmenudiv_a a.sub_bottom{
width: auto;
display: block;
text-indent: 5px;
border-top: 0 solid #006699;
border-bottom: 0px solid #006699; /*THEME CHANGE HERE - Blue*/
padding: 2px 0;
text-decoration: none;
color: white;
background: transparent url(sub_bottom.gif) bottom left no-repeat;
}

* html .dropmenudiv_a a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv_a a:hover{ /*THEME CHANGE HERE*/
background-color: #C40000; /* Colour of the hover on the drop down prev = #980e10*/
color: white;
}
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.solidblockmenu{

margin: 0;
padding: 0;
float: left;
font: bold 13px Arial;
width: auto;
border: 0px solid #625e00;
border-width: 0px 0;
background: transparent url(blockactive.gif) center center repeat-x;
}

.solidblockmenu li{
display: inline;
}

.solidblockmenu li a{
float: left;
color: white;
padding: 9px 11px;
text-decoration: none;
border-right: 1px solid white;
}
.solidblockmenu a.left{
float: left;
color: white;
padding: 9px 11px ;
text-decoration: none;
border-right: 1px solid white;
background:url(blockdefault_left.gif)  top left no-repeat;
}

.solidblockmenu a.right{
float: left;
color: white;
padding: 9px 11px 9px 11px;
text-decoration: none;
border-right: 0px solid white;
background:url(blockdefault_right.gif)  top right no-repeat;
}

.solidblockmenu li a:visited{
color: white;
}

#blockmenu a:hover.left{background: transparent url(blockactive_left.gif) top left no-repeat;}
#blockmenu a:hover.right{background: transparent url(blockactive_right.gif) top right no-repeat;}

#blockmenu a#current{background: transparent url(blockactive_right.gif) top right no-repeat;}



.solidblockmenu li a:hover, .solidblockmenu li .current{
color: white;
background: transparent url(blockactive2.gif) center center repeat-x;
}


</style>

<!--[if IE]>
<style type="text/css">
p.iepara{ /*Conditional CSS- For IE (inc IE7), create 1em spacing between menu and paragraph that follows*/
padding-top: 1em;
}
</style>
<![endif]-->
