body {
	font:75% 'Verdana',Arial, Helvetica, sans-serif;
	background: url(../images/background.gif)
}

*{
	padding: 0;
	margin: 0;
}

h1 {
	font:130% 'Verdana',Arial, Helvetica, sans-serif;
	font-weight: normal;
	color:#708EC9;
	padding-bottom: 10px;
}

h2 {
	font-size: 120%;
	font-weight: normal;
	color:#708EC9;
	padding-bottom: 5px;
}


#wrapper {
	width:872px;
	margin:0 auto;
	background-color: #FFF;
	padding: 0 0 0 0;
}


#firstPanel {
	float:left;
	width:872px;
	display:inline;
	padding: 20px 0 0 0;
}

#secondPanel{
	float:left;
	width:872px;
	padding: 20px 0 0 0;
}

#thirdPanel {
	float:left;
	width:860px;
	padding: 20px 0 0 6px;
}

#footerPanel {
	float:left;
	width:208px;
	padding: 0 0 20px 219px;
}


a {
	color: #708EC9;
	text-decoration: underline;
}

a:hover {
	color: #708EC9;
	text-decoration: none;
}


#bodyContent {
	padding: 0 0 0 9px;
}

#bodyContent .bodyImage{
	padding:40px 22px 0 0;
	float:left;
	vertical-align:bottom;
}

#bodyContent .bodyImageP{
	padding:78px 22px 0 0;
	float:left;
	vertical-align:bottom;
}

#bodyContent .copytitle {
	padding: 0 0 20px 0;
}


#bodyContent .textCol {
	width: 515px;
	float:right;
	line-height: 175%;
	padding: 0 120px 0 0;
}

#bodyContent .textColCouncil {
	width: 515px;
	float:right;
	padding: 0 120px 0 0;
}

#bodyContent .textColContact {
	width: 515px;
	float:right;
	padding: 0 120px 0 0;
}

#bodyContent .textColContact .addressTopLine {
	font-size: 110%;
	color: #708EC9;
}

#bodyContent .textColContact p{
	font-size: 110%;
	color: #595959;
	line-height: 125%;
}

#bodyContent .textColContact .padtel {
	padding: 20px 0 0 0;
}


.bulletPos {
	padding-left: 30px;
}


ul {
	margin: 0;
	padding: 0;
	list-style-type:decimal-leading-zero; color:#595959;
}

li {
	padding-bottom: 20px;
}


#bodyContent .textColCode .codeNum {
	color: #708EC9;
}

#bodyContent .textColCode .codeCopy {
	color: #595959;
	padding: 0 0 0 30px;
}


#bodyContent .paraSpace {
	padding: 0 0 20px 0;
}

#bodyContent .textColCouncil .addressTopLine {
	color: #708EC9;
}

#bodyContent .textColCouncil .padtel {
	padding: 10px 0 0 0;
}

#bodyContent .textColCouncil p {
	color: #595959;
}

#bodyContent .textColCouncil .addressSeparators {
	padding-bottom: 30px;
}

/*#bodyContent .bulletPoints {
	padding: 0 0 20px 0;
}*/

#bodyContent .stepDivider {
	padding: 8px 0 12px 0;
}

/*#bodyContent .paraSpacePoints {
	margin-bottom: 3em;
}



.teleNo {
	font-weight: bolder;
	color: #6E96C8;
}*/


#bodyContent .imageLinks {
	padding: 0 20px 10px 0;
	border:none;
}

#bodyContent .keyImageLink {
	border:none;
	padding: 0 20px 0 0;
}

#bodyContent .cavendishImageLink {
	padding-top: 2px;
	border:none;
}

.spacer {
	clear: both;
}


/* Styling of the top panel if there is no JavaScript support */

.cbb {
	margin: 0 0 0 0;
	background: #FFF;
	padding: 3px 3px 41px 3px;
	width: 854px;
}


/* Insert the custom corners and borders for browsers with sufficient JavaScript support */

.cb {
	
}
	
/* Rules for the top corners and border */
.bt {
	background:url(../images/topPanelBg.png) no-repeat 100% 0 !important;
	background:url(../images/topPanelBg.gif) no-repeat 100% 0;
	margin:0 0 0 0;
	height:8px;
	}
.bt div {
	position:relative;
	background:url(../images/topPanelBg.png) no-repeat 0 0 !important;
	background:url(../images/topPanelBg.gif) no-repeat 0 0;
	}

/* Rules for the bottom corners and border */ 
.bb {
	background:url(../images/topPanelBg.png) no-repeat 100% 100% !important;
	background:url(../images/topPanelBg.gif) no-repeat 100% 100%;
	margin:0 0 0 0;
	height:47px;
	}
.bb div {
	position:relative;
	background:url(../images/topPanelBg.png) no-repeat 0 100% !important;
	background:url(../images/topPanelBg.gif) no-repeat 0 100%;
	}

/* Insert the left border */
.i1 {
	padding: 0 0 0 9px;
	background:url(../images/borders.png) repeat-y 0 0 !important;
	background:url(../images/borders.gif) repeat-y 0 0;
	}
/* Insert the right border */
.i2 {
	padding: 0 0 0 0;
	background:url(../images/borders.png) repeat-y 100% 0 !important;
	background:url(../images/borders.gif) repeat-y 100% 0;
	}
/* Wrapper for the content. Use it to set the background colour and insert some padding between the borders and the content. */
.i3 {
	background:#FFF;
	margin: 0 9px 0 0;
	}
/* CSS for the box ends here */


.mainImage {
	display: block;
	float: none;
}

/* Styling of the middle panel if there is no JavaScript support */

.mbb {
	margin: 0 0 0 0;
	background: #FFF;
	padding: 31px 3px 30px 3px;
	width: 854px;
}

/* paragraph styles for any main boxes */
.mbb p, .mb p {
	margin: 0;
	padding: 0 0 0 0;
	color: #595959;
}


/* Insert the custom corners and borders for browsers with sufficient JavaScript support */

.mb {
	
	margin: 0px -1px 0px 0px;
	}

/* Rules for the top corners and border */
.mt {
	background:url(../images/middlePanelBg.png) no-repeat 100% 0 !important;
	background:url(../images/middlePanelBg.gif) no-repeat 100% 0;
	margin:0 0 0 0;
	height:39px;
	}
.mt div {
	height:0px;
	width:0px;
	position:relative;
	left:0px;
	background:url(../images/middlePanelBg.png) no-repeat 0 0 !important;
	background:url(../images/middlePanelBg.gif) no-repeat 0 0;
	}

/* Rules for the bottom corners and border */ 
.nb {
	background:url(../images/middlePanelBg.png) no-repeat 100% 100% !important;
	background:url(../images/middlePanelBg.gif) no-repeat 100% 100%;
	margin:0 0 0 0;
	height:45px;
	}
.nb div {
	height:0px;
	width:0px;
	position:relative;
	left:0px;
	background:url(../images/middlePanelBg.png) no-repeat 0 100% !important;
	background:url(../images/middlePanelBg.gif) no-repeat 0 100%;
	}

/* Insert the left border */
.m1 {
	padding: 0 0 0 9px;
	background:url(../images/borders.png) repeat-y 0 0 !important;
	background:url(../images/borders.gif) repeat-y 0 0;
	}
/* Insert the right border */
.m2 {
	margin: 0 1px 0 0;
	padding: 0 0 0 0;
	background:url(../images/borders.png) repeat-y 100% 0 !important;
	background:url(../images/borders.gif) repeat-y 100% 0;
	}
/* Wrapper for the content. Use it to set the background colour and insert some padding between the borders and the content. */
.m3 {
	background:#FFF;
	margin: 0 9px 0 0;
	padding: 0 0 0 0;
	}
/* CSS for the box ends here */




/* Styling of the bottom panel if there is no JavaScript support */

.pbb {
	margin: 0 0 0 -6px;
	background: #FFF;
	padding: 18px 3px 24px 3px;
	width: 854px;
}

/* paragraph styles for any main boxes */
.pbb p, .pb p {
	margin: 0;
	padding: 0 0 0 0;
	color: #6E96C8;
}


/* Insert the custom corners and borders for browsers with sufficient JavaScript support */

.pb {
	
	}

/* Rules for the top corners and border */
.pt {
	background:url(../images/bottomPanelBg.png) no-repeat 100% 0 !important;
	background:url(../images/bottomPanelBg.gif) no-repeat 100% 0;
	margin:0 0 0 0;
	height:18px;
	}
.pt div {
	height:0px;
	width:0px;
	position:relative;
	left:0px;
	background:url(../images/bottomPanelBg.png) no-repeat 0 0 !important;
	background:url(../images/bottomPanelBg.gif) no-repeat 0 0;
	}

/* Rules for the bottom corners and border */ 
.ob {
	background:url(../images/bottomPanelBg.png) no-repeat 100% 100% !important;
	background:url(../images/bottomPanelBg.gif) no-repeat 100% 100%;
	margin:0 0 0 0;
	height:24px;
	}
.ob div {
	height:0px;
	width:0px;
	position:relative;
	left:0px;
	background:url(../images/bottomPanelBg.png) no-repeat 0 100% !important;
	background:url(../images/bottomPanelBg.gif) no-repeat 0 100%;
	}

/* Insert the left border */
.p1 {

	background:url(../images/borderspb.png) repeat-y 0 0 !important;
	background:url(../images/borderspb.gif) repeat-y 0 0;
	}
/* Insert the right border */
.p2 {

	background:url(../images/borderspb.png) repeat-y 100% 0 !important;
	background:url(../images/borderspb.gif) repeat-y 100% 0;
	}
/* Wrapper for the content. Use it to set the background colour and insert some padding between the borders and the content. */
.p3 {
	background:#FFF;
	
	}
/* CSS for the box ends here */


#bottomContent {
	margin: 0 0 0 21px;
}

#bottomContent .bodyImage{
	padding: 0 31px 0 0;
	float:left;
	vertical-align:bottom;
}

#bottomContent .textColBottom {
	width: 460px;
	float:left;
	line-height: 125%;
	padding: 24px 0 0 0;
}

#bottomContent .textColBottom p {
	color: #595959;
}

#bottomContent .textColBottom .addressTopLine {
	color: #708EC9;
}

#bottomContent .textColBottom .padtel {
	padding: 10px 0 0 0;
}



/* Styling of the footer panel if there is no JavaScript support */

.fbb {
	margin: 0 0 0 0;
	background: #6E96C8;
	padding: 16px 0 16px 0;
	width: 208px;
}

/* paragraph styles for any main boxes */
.fbb p, .fb p {
color: #FFF;
}


/* Insert the custom corners and borders for browsers with sufficient JavaScript support */

.fb {
	
	margin: 0px 0px 0px 0px;
	}

/* Rules for the top corners and border */
.ft {
	background:url(../images/footerPanelBg.png) no-repeat 100% 0 !important;
	background:url(../images/footerPanelBg.gif) no-repeat 100% 0;
	margin:0 0 0 0;
	height:14px;
	}
.ft div {
	height:0px;
	width:0px;
	position:relative;
	left:0px;
	background:url(../images/footerPanelBg.png) no-repeat 0 0 !important;
	background:url(../images/footerPanelBg.gif) no-repeat 0 0;
	}

/* Rules for the bottom corners and border */ 
.tb {
	background:url(../images/footerPanelBg.png) no-repeat 100% 100% !important;
	background:url(../images/footerPanelBg.gif) no-repeat 100% 100%;
	margin:0 0 0 0;
	height:14px;
	}
.tb div {
	height:0px;
	width:0px;
	position:relative;
	left:0px;
	background:url(../images/footerPanelBg.png) no-repeat 0 100% !important;
	background:url(../images/footerPanelBg.gif) no-repeat 0 100%;
	}

/* Insert the left border */
.f1 {
	padding: 0 0 0 0;
	background:url(../images/bordersfb.png) repeat-y 0 0 !important;
	background:url(../images/bordersfb.gif) repeat-y 0 0;
	}
/* Insert the right border */
.f2 {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background:url(../images/bordersfb.png) repeat-y 100% 0 !important;
	background:url(../images/bordersfb.gif) repeat-y 100% 0;
	}
/* Wrapper for the content. Use it to set the background colour and insert some padding between the borders and the content. */
.f3 {
	background:#6E96C8;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	}
/* CSS for the box ends here */


#footerContent .textCol {
	width: 208px;
	line-height: 100%;
	padding: 0 0 0 8px;
	font-size: 95%;
	float:left;
}

		
/*globalNav
////////////////////////////////////////////////////////////////////////////////*/

#navBar {
	width: 836px;
	position: relative;
	display:inline;
	margin:0;
	padding:0;
	clear: both;
}


#navBar ul {
	margin: 0;
	padding: 0;
	float:left;
	clear: both;
}

#navBar li {
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	display:inline;
	
}

#navBar a {
	display: block;
	height: 30px;
	margin:0;
	padding:0;
}


/* home */

#navBar .a1 a:link,
#navBar .a1 a:visited {
	background: url(../images/globalNav/home.gif) left;
	width: 195px;
	margin: 8px 0 0 8px;
}

#navBar .a1 a:hover {
	background: url(../images/globalNav/home.gif) right;
	width: 195px;
	margin: 8px 0 0 8px;
}

/* code of practice  */

#navBar .a2 a:link,
#navBar .a2 a:visited {
	background: url(../images/globalNav/code.gif) left;
	width: 131px;
	margin: 8px 0 0 0;
}

#navBar .a2 a:hover {
	background: url(../images/globalNav/code.gif) right;
}

/* council members  */

#navBar .a3 a:link,
#navBar .a3 a:visited {
	background: url(../images/globalNav/council.gif) left;
	width: 139px;
	margin: 8px 0 0 0;
}

#navBar .a3 a:hover {
	background: url(../images/globalNav/council.gif) right;
}

/* joining SAFER  */

#navBar .a4 a:link,
#navBar .a4 a:visited {
	background: url(../images/globalNav/join.gif) left;
	width: 120px;
	margin: 8px 0 0 0;
}

#navBar .a4 a:hover {
	background: url(../images/globalNav/join.gif) right;
}

/* consumer information  */

#navBar .a5 a:link,
#navBar .a5 a:visited {
	background: url(../images/globalNav/consumer.gif) left;
	width: 170px;
	margin: 8px 0 0 0;
}

#navBar .a5 a:hover {
	background: url(../images/globalNav/consumer.gif) right;
}

/* contact */

#navBar .a6 a:link,
#navBar .a6 a:visited {
	background: url(../images/globalNav/contact.gif) left;
	width: 81px;
	margin: 8px 0 0 0;
}

#navBar .a6 a:hover {
	background: url(../images/globalNav/contact.gif) right;
}



/* on states */

#a1 #navBar .a1 a,
#a1 #navBar .a1 a:hover {
	background: url(../images/globalNav/homeOn.gif) left;
	width: 195px;
	margin: 8px 0 0 8px;
	cursor: default;
}

#a2 #navBar .a2 a,
#a2 #navBar .a2 a:hover {
	background: url(../images/globalNav/codeOn.gif) left;
	cursor: default;
}

#a3 #navBar .a3 a,
#a3 #navBar .a3 a:hover {
	background: url(../images/globalNav/councilOn.gif) left;
	cursor: default;
}

#a4 #navBar .a4 a,
#a4 #navBar .a4 a:hover {
	background: url(../images/globalNav/joinOn.gif) left;
	cursor: default;
}

#a5 #navBar .a5 a,
#a5 #navBar .a5 a:hover {
	background: url(../images/globalNav/consumerOn.gif) left;
	cursor: default;
}

#a6 #navBar .a6 a,
#a6 #navBar .a6 a:hover {
	background: url(../images/globalNav/contactOn.gif) left;
	cursor: default;
}