@charset "UTF-8";
/* CSS Document */


img {border: none}
img a {border: none}

body {
	margin: 1px 0 0 0;
	font-family: "Trebuchet MS" , Arial, Helvetica, Tahoma, sans-serif;
	 background-color:#ff0000;
}
/*background-color:#EC292D;
background-image:url(../shared/bgr-repeat.jpg);
background-repeat:repeat-x;
*/

a:link{color:#000000;text-decoration:none;}
a:visited{color:#000000;text-decoration:none;}
a:hover{color:#000000;text-decoration:none;}
a:active{color:#000000;text-decoration:none;}








/*Image no borders*/
a img { border: 0; }
a:hover img {border: 0; }
a:visited img {border: 0; }
/*Image no borders*/

.form{padding:0; margin:0;}
#container{margin-left:auto; margin-right:auto;}
#container-autoheight{width:960px; height:100%; margin-left:auto; margin-right:auto; padding-top:3px; background-color:#FFFFFF; } 
#container-fixed{width:960px; height:615px; margin-left:auto; margin-right:auto;  background-color:#FFFFFF; } /*border:1px solid #1650AF;*/

#copyright{margin-top:5px; height:13px;color:#A1A1A1;}/*Grey copyright line*/
#LastUpdated{font-size: 0.72em; font-weight:normal; width:220px; height:25px; color:#000066; margin-left:5px;}/*Dark blue Last Updated text*/
h1,h2,h3,h4,h5,h6 {margin-bottom:0em;margin-top:0.2em;line-height:1.4em;color:#232323;}
#banner{width:710px; height:180px; float:left;margin:0; padding:0;}
#banner2{width:710px; height:124px; float:right; margin:0; padding:0;}
p{margin-bottom:0.6em;font-size:0.78em;line-height:1.8em;margin-top: 0.2em;color:#232323;}
#bodyscroll{
	width: 635px;
	height:255px;
	overflow:none;
	margin-left:35px;
	margin-top:10px;
}

#bodyscroll-autoheight{
	width: 635px;/*was 635px*/

	height:100%;
	overflow:none;
	margin-left:35px;
	margin-top:10px;
}
#bodyscroll-autoheight p a:link{color:#000000;text-decoration:underline;}
#bodyscroll-autoheight p a:visited{color:#000000;text-decoration:underline;}
#bodyscroll-autoheight p a:hover{color:#EC292D;text-decoration:underline;}
#bodyscroll-autoheight p a:active{color:#000000;text-decoration:underline;}
#bodyscroll-fixed{
	width: 635px;
	min-height:255px;
	overflow:none;
	margin-left:35px;
	margin-top:10px;
}

#bodycontent{
	width:710px; height:306px; float:left;
	font-family: "Trebuchet MS", Arial, Helvetica, Tahoma, sans-serif;
	
}

#bodycontent-autoheight{
	width:710px; height:100%; float:left;
	font-family: "Trebuchet MS", Arial, Helvetica, Tahoma, sans-serif;	
}
#bodycontent-fixed{
	width:710px; height:439px; float:left;
	font-family: "Trebuchet MS", Arial, Helvetica, Tahoma, sans-serif;
	
}

#bodypaneltop{
	width:710px; height:11px; float:left; margin:0; padding:0;
	background-image:url(../shared/bodypanel-top.gif); background-repeat:no-repeat;
	}

#bodypanelmid{
	width:710px; height:282px; float:left; margin:0; padding:0;
	background-image:url(../shared/bodypanel-mid.gif); background-repeat:repeat-y;
	}
#bodypanelmid-autoheight{
	width:710px;
	height:100%;
	float:left;
	margin:0;
	padding:0;
	background-image:url(../shared/bodypanel-mid.gif);
	background-repeat:repeat-y;
	}
#bodypanelmid-fixed{
	width:710px; height:415px; float:left; margin:0; padding:0;
	background-image:url(../shared/bodypanel-mid.gif); background-repeat:repeat-y;
	}
	
#bodypanelbot{
	width:710px; height:13px; float:left; margin:0; padding:0;
	background-image:url(../shared/bodypanel-bot.gif); background-repeat:no-repeat;
	} 
 
#leftnav {
	width:250px;
	height:565px;
	float:left;
	background-image:url(../shared/leftnav-bgr.gif);
	background-repeat:no-repeat;
	position:relative;
} 
#bodyarea {width:710px; height:566px; float:right;}
#bodyarea-autoheight {width:710px;height:100%;float:right;}
#bodyarea-fixed {width:710px; height:566px; float:right;}
#whatwedo {width:690px; height:129px; margin:18px 0 0 11px; padding:0;  }


#bodyarea li
{display: block; /*The first setting will apply to all browsers*/
#display: inline-block; /*The second setting will only apply to Microsoft IE browsers*/
_display: inline-block;}  /*The third setting will only apply to IE browsers 6.0 and older*/

#bodyarea-autoheight {
display: block; /*The first setting will apply to all browsers*/
#display: inline-block; /*The second setting will only apply to Microsoft IE browsers*/
_display: inline-block;}  /*The third setting will only apply to IE browsers 6.0 and older*/

/*The below line fixes the IE gaps in IE6*/
/*Bug IE fix gaps*/
/*.navigation ul, li {display: inline;}*//*display: block;*/
/*Bug IE fix gaps*/

#navigation li
{display: block; /*The first setting will apply to all browsers*/
#display: inline-block;/*The second setting will only apply to Microsoft IE browsers*/
_display: inline-block;}  /*The third setting will only apply to IE browsers 6.0 and older*/

#navigation li li
{display: block; /*The first setting will apply to all browsers*/
#display: inline-block; /*The second setting will only apply to Microsoft IE browsers*/
_display: inline-block; }  /*The third setting will only apply to IE browsers 6.0 and older*/


#navigation {
	width:220px;
	float:left;
	margin:0;}

.email{width:240px; float:left; margin: 140px 0 0 0;}
.email a{font-size:0.74em; color:#FFFFFF; padding-left:50px;font-weight:bold; text-decoration:none;}
.email a:hover{text-decoration:underline;}

.email-fullpanel{width:240px; float:left; margin: 50px 0 0 0;}
.email-fullpanel a{font-size:0.74em; color:#FFFFFF; padding-left:50px;font-weight:bold; text-decoration:none;}
.email-fullpanel a:hover{text-decoration:underline;}

#bodyscroll-autoheight ul{border:0; margin:0;list-style-type: none; padding: 0;font-size:0.78em; font-weight:bold;}
#bodyscroll-autoheight ul li{border:0; font-size:1em;font-weight:normal;line-height:1.3em;margin-top:5px;padding:0;color:#232323;background:url(../images/bullet3.gif) no-repeat top left;list-style-type: none;padding-left:17px;text-decoration:none;}
/*#navigation ul, li {display: inline;}*/





.bodycontent ul{border:0; margin:0;border:0; }
.bodycontent li{border:0; font-size:0.76em;line-height:1.3em;margin-top:3px;padding:-20px 0 0 0;color:#000F68;}
/*colour in light blue color:#000F68;*/





.breadcrumb {font-size:0.84em; line-height:1.2em;color:#000000; margin-bottom:5px;}
.breadcrumb a:link{color:#000000;text-decoration:none;}
.breadcrumb a:visited{color:#000000;text-decoration:none;}
.breadcrumb a:hover{color:#000099;text-decoration:underline;}
.breadcrumb a:active{color:#000000;text-decoration:none;}
.darkblue {color:#000099;}
.underline-darkblue {color:#000099;text-decoration:underline;}
.underline {text-decoration:underline;}
.bold{font-weight:bold;}




#footer-container{width:707px; float:right; }
.footer {width:100%; float:right; font-size:0.7em; line-height:1.2em; color:#232323; text-align:center; margin-top:0;  }
/*.footer.current {text-decoration:underline;}*/
.footer a:link{text-decoration:none;color:#232323;}
.footer a:visited{text-decoration:none;color:#232323;}
.footer a:hover{text-decoration:underline;color:#EC292D;}
.footer a:active{text-decoration:none;color:#232323;}
.footer .current{text-decoration:underline;color:#232323;}


.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}