﻿body, html{
	margin:0px;
	padding:0px;
	height:100%;
	background:#CCCCCC;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	}
*	{
	margin:0px;
	padding:0px;
	}
img{
	border:0px;
	}
#container{
	/* IE Dynamic Expression to set the width */
	width:expression(document.body.clientWidth <1018 ? "1012px" : "100%" );
	}
#body{
	margin:auto;
	text-align:center;
	min-width:930px;
	width:90%;
	}
.spacer{
	height:15px;
	background:#CCCCCC;
	}
#header{
	position:relative;
	width:100%;
	height:100px;
	background:url(../images/headBgrnd1.gif) repeat-x;
	}
#header img.logo{
	position:absolute;
	top:14px;
	left:59px;
	}
#header img.strapline{
	position:absolute;
	top:37px;
	right:59px;
	width:234px;
	height:51px;
	}
table.frame{
	width:100%;
	border-collapse:collapse;
	border:none;
	height:580px;
	}
td.leftCol{
	vertical-align:top;
	width:217px;
	background:#dedede url(../images/leftColGrad.jpg) repeat-y top right;
	text-align:left;
	}

.topLeftCol{
	position:relative;
	background:url(../images/imageLeft.jpg) no-repeat;
	width:217px;
	height:139px;
	z-index:5;
	}

.leftcolBgrnd{
	position:absolute;
	top:253px;
	width:217px;
	height:437px;
	background:url(../images/leftcolBgrnd.jpg) top left ;
	}

td.centreCol{
	vertical-align:top;
	text-align:left;
	background:#FFFFFF;
	}
div.topCentreCol{
	position:relative;
	background:#808080 url(../images/purpleGrad.gif) repeat-x top left;
	height:139px;
	}
.centreImage{
	position:absolute;
	background:url(../images/centreImage_01.jpg);
	width:201px;
	height:105px;
	right:0px;
	bottom:0px;
	}
td.rightCol{
	vertical-align:top;
	text-align:left;
	width:217px;
	background:#dedede url(../images/rightColGrad.jpg) repeat-y top left;
	/*background:#fafafa url(../images/rightColGrad.gif) repeat-y top left;*/
	}
.rightCol h2{
	color:#d60c8c;
	font-size:80%;
	font-weight:600;
	padding:5px 5px 5px 13px;
	}
.rightCol p{
	font-size:70%;
	padding:0px 15px 10px 27px;
	color:#606060;
	line-height:140%;
	}
.rightCol a:link, .rightCol a:visited{
	font-size:70%;
	color:#606060;
	text-decoration:none;
	padding:0px 15px 10px 37px;
	background:url(../images/arrowGrey.gif) no-repeat 25px 3px;
	}
.rightCol a:hover, .rightCol a:active{
	color:#d60c8c;
	text-decoration:underline;
	background:url(../images/arrowPurple.gif) no-repeat 25px 3px;
	}
.brdrBtm{
	border-bottom:#b6b6b6 1px solid;
	border-top:#FFFFFF 1px solid;
	padding:0px 0px 10px 0px;
}


div.topRightCol{
	position:relative;
	color:#FFFFFF;
	background:#808080 url(../images/purpleGrad.gif) repeat-x top left;
	height:139px;
	}
.rightCol .topRightCol a:link, .rightCol .topRightCol a:visited{
	font-size:100%;
	color:#FFFFFF;
	padding:0px;
	background:none;
	}

.topRightCol img{
	position:absolute;
	bottom:0px;
	left:0px;
	}
.topRightCol ul{
	list-style-position:outside;
	list-style:none;
	text-indent:0px;
	padding:0px 0px 0px 10px;
	}
.topRightCol li{
	float:left;
	padding:0px 0px 0px 0px;
	line-height:34px;
	font-size:80%;
	}
	
.topCentreCol h1{
	position:absolute;
	top:65px;
	left:10px;
	color:#FFFFFF;
	font-size:125%;
	font-weight:normal;
	width:350px;
	}

.centreCol .topCentreCol p{
	color:#FFFFFF;
	font-size:80%;
	line-height:34px;
	text-indent:10px;
	}
.centreCol p{
	color:#000000;
	font-size:80%;
	line-height:165%;
	padding:0px 15px 10px 10px;
	}


#menu{
	position:relative;
	z-index:10;
	top:13px;
	}


.leftCol ul{
	list-style-position:outside;
	list-style:none;
	text-indent:0px;
	padding:0px;
	}
.leftCol li{
	padding:0px 0px 0px 0px;
	font-size:100%;
	}
.leftCol a:link, .leftCol a:visited{
	display:block;
	height:28px;
	width:175px;
	line-height:26px;
	background:url(../images/menuLinkOff.png) no-repeat 0px 0px;
	text-decoration:none;
	color:#FFFFFF;
	text-indent:20px;
	/*background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/menuLinkOff.png", sizingMethod="crop");*/
	}

	
.leftCol a:hover, .leftCol a:active
{
	color:#d60c8c;
	font-weight:normal;
	background:url(/images/menuLinkOn2.png) no-repeat 0px 0px;
	}
	
a.subNavlink1:link, a.subNavlink1:visited{
padding-left:5px;
margin-left:0px;
font-size:75%!important;
color:#d60c8c !important;
background:url(../images/menuLinkOff.png) no-repeat 0px 0px !important;
}

 a.subNavlink1:hover, a.subNavlink1:active, .subNavlink1On
{
padding-left:5px;
margin-left:0px;
font-size:75%!important;
color:#d60c8c !important;
text-decoration:underline !important;
background:url(../images/menuLinkOff.png) no-repeat 0px 0px !important;
}
	    
.menuParentOn
{
background:url(../images/menuLinkOn2.png) no-repeat 0px 0px !important;
color:#d60c8c !important;
}
	    
	    
#search{
	position:relative;
	height:42px;
	background:url(../images/searchBgrnd.jpg);
	}
#login{
	height:76px;
	background:url(../images/clientBgrnd3.jpg);
	}
	
	#right_col_bgd{
		position:absolute;
	/*top:278px;*/
	width:217px;
	height:357px;
	/*background:url(../images/rightcolBgrnd.jpg);*/
	}
	
.rightCol #login a:link, .rightCol #login a:visited{
	display:block;
	height:26px;
	width:142px;
	position:relative;
	top:9px;
	left:17px;
	font-size:70%;
	line-height:23px;
	background:url(../images/arrow_off_03.jpg) no-repeat top right;
	color:#000000;
	padding:0px;
	text-decoration:none;
	}
.rightCol #login a:hover, .rightCol #login a:active{
	background:url(../images/arrow_on_03.jpg) no-repeat top right;
	color:#d60c8c;
	}
input.input_01{
	position:absolute;
	top:12px;
	left:17px;
	width:105px;
	background:none;
	border:none;
	font-size:75%;
	}
.searchButton{
	background:url(../images/arrowR_OFF.gif) no-repeat;
	width:26px;
	height:28px;
	position:absolute;
	top:8px;
	right:58px;
	}

.searchButton:hover{
	background:url(../images/arrowR_ON.gif) no-repeat;
	}
#footer{
	padding:2px 0px 0px 0px;
	text-align:left;
	font-size:80%;
	color:#606060;
	}
#footer a{
	
	color:#606060;
	text-decoration:none;
	}
#footer a:hover{
	color:#FFFFFF;
	}
	
#content h1{
	font-size:130%;
	color:#d60c8c;
	display:block;
	border-bottom:#CCCCCC dotted 1px;
	padding:0px 0px 7px 0px;
	margin:0px 0px 10px 0px;
	}
#content h2{
	font-size:100%;
	padding:0px 0px 10px 0px;
	}
#content h3{
	font-size:90%;
	padding:0px 0px 10px 0px;
	color:#606060;
	}
#content h4{
	font-size:80%;
	padding:0px 0px 10px 0px;
	color:#d60c8c;
	}
#content{
	padding:10px 10px 10px 20px;
	}
#content p{
	color:#000000;
	font-size:80%;
	line-height:165%;
	margin:0px 0px 10px 0px;
	}

	
#content ul{
	display:block;
	font-size:75%;
	padding:0px 0px 10px 0px;
	margin:0px;
	list-style-position:outside;
	list-style:none;
	text-indent:0px;
	}
#content ol{
	display:block;
	font-size:75%;
	padding:0px 0px 10px 0px;
	margin:0px 0px 0px 25px;
	list-style-position:outside;
	list-style:decimal;
	text-indent:0px;
	color:#606060;
	}
#content ul ol{
	margin:0px;
	padding:0px 0px 0px 25px;
	margin:0px 0px 0px 10px;
	text-indent:0px;

}
#content ul li{
	background:url(../images/bulletLI.gif) no-repeat 0px 10px;
	margin:0px;
	list-style:none;
	padding:0px 0px 0px 12px;
	margin:0px 0px 0px 14px;
	text-indent:0px;
	line-height:200%;
	color:#000000;
	}
#content a:link, #content a:visited{
	color:#606060;
	text-decoration:none;
	}
#content a:hover, #content a:active{
	color:#d60c8c;
	text-decoration:underline;
	}
a.anchorList{
	display:block;
	color:#494949!important;
	background:url(../images/arrowGrey.gif) no-repeat 2px 5px;
	padding:0px 0px 0px 12px;
	margin:0px 0px 0px 13px;
	text-decoration:none;
	}
a.anchorList:hover{
	text-decoration:underline;
	background:url(../images/arrowPurple.gif) no-repeat 2px 5px;
	color:#d60c8c!important;
	}



	
	
	