/* 

	Wafer Hadley CSS

	Copyright © Wafer Hadly. All rights reserved.

	Created by SUMO Newcastle

	

*/

@charset "utf-8";

* {

	margin: 0;

	padding: 0;

}

html {

	margin: 0;

	padding: 0;

}

body  {

	font: 62.5% Verdana, Arial, Helvetica, sans-serif;

	background: #FFFFFF;

	margin: 0; 

	padding: 0;

	text-align: center;

	color: #636467;

}

h1 {

	font-size: 2em;

}

h2 {

	font-size: 1.6em;

	font-weight: normal;

	color:#CA006C;

	margin-top: 20px;

	margin-bottom: 10px;

}

h3 {

	font-size: 1.2em;

	margin-top: 20px;

	margin-bottom: 10px;

}

h4 {

    font-size: 1.1em;

    margin-top: 10px;

    margin-bottom: 10px;

}

p {

	padding: 0;

	margin: 10px 0;

}

p a, a {

	color: #CA006C;

	text-decoration: none;

}

a img {

	border: none;

}

p a:hover, a:hover {

	background: #FFFF99;

}

#wbrightcol a {

	text-decoration: none;

}

#wbrightcol a:hover {

	background: #999966;

}



.wrapper #container { 

	width: 900px;

	background: #fbfaf8;

	margin: 0 auto;

	text-align: left;

} 

.wrapper #header { 

	height: 61px;

	padding: 20px 10px 0 20px;

	background: #fbfaf8 url(../img/bg_headerborder.gif) repeat-x left top;

} 

.wrapper #header h1 {

	float:left;

	margin: 0px;

}

.wrapper ul#accesslink {

	list-style: none;

	display: inline;

	float: right;

	padding: 0;

	margin: 0;

}

.wrapper ul#accesslink li {

	list-style: none;

	display: inline;

}

.wrapper ul#accesslink li a {

	font-size: 1em;

	color: #A58F83;

	text-decoration: none;

}

.wrapper ul#accesslink li.graphicversion {

	display: none;

	visibility: hidden;

}

.wrapper ul#accesslink li.skiptocontent a {

	padding: 0 20px 0 0;

}

.wrapper #subheader, .wrapper #wbsubheader {

	height: 37px;

	background: url(../img/bg_subheadertop.gif) no-repeat left top;

}

.wrapper #leftcol {

	float: left;

	width: 135px;

	padding: 20px 0 0 0;

	margin: 0;

	background: url(../img/bg_coltop.gif) repeat-x left top;

}

.wrapper #rightcol {

	float: right;

	width: 365px;

	padding: 20px 10px 0 10px;

	margin: 0;

	background: #f6f2ef url(../img/bg_coltop.gif) repeat-x left top;	

}

.wrapper #centercol {

	float: left;

	width: 360px;

	padding: 10px 0 0 0;

	margin: 0 10px; 

	background: url(../img/bg_coltop.gif) repeat-x left top;

} 

.wrapper #fullcentercol {

	float: left;

	width: 560px;

	padding: 10px 0 0 0;

	margin: 0 0 0 10px;

	background: url(../img/bg_coltop.gif) repeat-x left top;

}

.wrapper #footer { 

	width: 870px;

	height: 47px;

	line-height: 47px;

	padding: 0 10px 0 20px;

	margin: 20px 0 0 0;

	background: #b1005e url(../img/bg_footer.gif) repeat-x left top;

} 

.wrapper #footer p {

	float: left;

	color: #FFFFFF;

	margin: 0;

	padding: 0;

}

.wrapper #footer a {

	color: #FFFFFF;

}

.wrapper #footer a:hover {

	text-decoration: underline;

	background: none;

}

.wrapper #footer .footlogo {

	width: 84px;

	float:right;

	text-indent: -50000px;

	background: url(../img/bg_footerlogo.gif) no-repeat left top;

}

.clearfloat { 

	clear:both;

    height:0;

    font-size: 1px;

    line-height: 0px;

}



/************************* White board CSS *************************/



.wrapper #wbrightcol {

	float: right;

	width: 185px;

	padding: 20px 0 0 0;

	margin: 0;

	background: #C1B1A7 url(../img/bg_coltop.gif) repeat-x left top;	

}

.wrapper #wbrightcol #radiusbg {

	padding: 0 10px 10px 10px;

	background: url(../img/bg_wbrightcolbottom.gif) no-repeat left bottom;

}

.wrapper #wbcentercol {

	float: left;

	width: 560px;

	padding: 10px 0 0 0;

	margin: 0 10px; 

	background: url(../img/bg_coltop.gif) repeat-x left top;

} 



/*************************   styles CSS  ***************************/



.wrapper #centercol p, .wrapper #fullcentercol p {

	font-size: 1.15em;

	line-height: 1.45em;

}

.wrapper #centercol a {

	color: #CA006C;

	text-decoration: none;

}

.wrapper #wbcentercol p {

	font-size: 1.15em;

	line-height: 1.45em;

}

.wrapper #leftcol ul {

	padding: 0;

	margin: 0 0 0 20px;

}

.wrapper #leftcol ul li {

	list-style: none;

	padding: 0;

	margin: 0 0 10px 0;

}

.wrapper #leftcol ul li.current a {

	color:#CA006C;

}

.wrapper #leftcol ul li a {

	font-weight: bold;

	font-size: 1em;

	text-decoration: none;

	color:#636467;

	padding: 0;

	margin: 0;

}

.wrapper #leftcol ul li a:hover {

	color:#CA006C;

}

.flashhero {

	width: 360px;

	height: 180px;

}

.wrapper #subheader ul, .wrapper #wbsubheader ul {

	margin: 0;

	padding: 0;

}

.wrapper #subheader ul li, .wrapper #wbsubheader ul li{

	font-size: 1.1em;

	color:#666666;

	list-style: none;

	float: left;

}

.wrapper #subheader ul li p, .wrapper #wbsubheader ul li p {

	line-height: 37px;

	margin: 0;

	padding: 0;

}

.wrapper #subheader ul li.first p {

	width: 134px;

}

.wrapper #subheader ul li.third p {

	width: 134px;

}

.wrapper #subheader ul li.second p {

	width: 360px;

	margin: 0 10px;

}

.wrapper #wbsubheader ul li.first p {

	width: 134px;

}

.wrapper #wbsubheader ul li.third p {

	width: 185px;

}

.wrapper #wbsubheader ul li.second p {

	width: 560px;

	margin: 0 10px;

}

.wrapper #centercol .whatsthis p span {

	color: #CFAA7A;

}

.wrapper #rightcol .newsitem {

	padding: 0 0 20px 0;

	margin: 0 0 5px 0;

	clear: both;

}

.wrapper #rightcol .newsitem img {

	float: left;

	margin: 0 0 20px 0;

	border-right: 10px solid #f6f2ef;

}



.wrapper #rightcol .newsitem p, .wrapper #rightcol .newsitem h3 {

	font-size: 1em;

	color: #ca006c;

	padding: 0;

	margin: 5px 0;

	font-weight: normal;

}

.wrapper #rightcol .newsitem .homeH3, .wrapper #rightcol .newsitem .subH3 {

	font-size: 1em;

	color: #ffffff;

	line-height: 14px;

	padding: 2px 0 2px 80px;

	margin: 0;

	background: #ca006c;

	font-weight: bold;

}

.wrapper #rightcol .newsitem a.readmore {

	float:right;

	width: 81px;

	height: 18px;

	text-indent: -500000px;

	display: block;

	background: url(../img/btn_readmore.gif) no-repeat left top;

}

.wrapper #centercol .leftquote {

	padding: 0 5px 0 0;

	margin: 0;

}

.wrapper #centercol .rightquote {

	padding: 0 0 0 5px;

	margin: 0;

}

.wrapper #footer p.footlogo {

	width: 84px;

	height: 47px;

	float:right;

	text-indent: -50000px;

	background: url(../img/bg_footerlogo.gif) no-repeat left top;

}

ul.bullets  {

	margin: 0;

	padding: 13px 0;

	background: url(../img/bg_coltop.gif) repeat-x left top;

}

ul.bullets li {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 1.2em;

	color: #CA006C;

	list-style-type: disc;

	list-style-position: inside;

	padding: 0;

	margin: 6px 0;

}

.wrapper #centercol .line {

	height: 10px;

	background: url(../img/bg_coltop.gif) repeat-x left top;

}

.wrapper #wbcentercol .line {

	height: 10px;

	background: url(../img/bg_coltop.gif) repeat-x left top;

}

.wrapper #wbcentercol .wblisting {

	padding: 15px 0;

	background: url(../img/bg_coltop.gif) repeat-x left bottom;

}

.wrapper #wbrightcol ul {

	margin: 0 0 10px 0;

	padding: 0;

}

.wrapper #wbrightcol ul li {

	list-style: none;

	margin: 0;

	padding: 0 0 2px 0;

}

.wrapper #wbrightcol ul li a {

	font-size: 1em;

	font-weight: bold;

	color: #FFFFFF;

}

.wrapper #wbrightcol h3 {

	font-size: 1.2em;

	color: #FFFFFF;

	padding: 0;

	margin: 0 0 10px 0;

}

.wrapper #wbrightcol h4 {

	font-size: 1.1em;

	color: #FFFFFF;

	padding: 0;

	margin: 0 0 10px 0;

}

.wrapper #wbcentercol .comment {

	padding: 5px 10px 25px 10px;

	margin: 0 0 5px 0;

	background: #f1ebe7 url(../img/bg_speechbubble.gif) no-repeat left bottom;

}

.wrapper #wbcentercol .comment p {

	font-size: 1.1em;

	color:#333333;

}

.wrapper #wbcentercol .commentform {

	margin: 20px;

	padding: 0 0 10px 0;

	background: url(../img/bg_coltop.gif) repeat-x left bottom;

}

.wrapper #wbcentercol .commentform .entrynote {

	background: #f1ebe7;

	padding: 7px;

	border-top: 1px solid #CCCCCC;

	border-bottom: 1px solid #CCCCCC;	

}

.wrapper #wbcentercol .commentform .leavingcomment p label.formlabel {

	width: 250px;

	padding: 0 10px 0 0;

}

.wrapper #wbcentercol .commentform .leavingcomment h3 {

	font-size: 1.2em;

	font-weight: normal;

	padding: 10px 0 0 0;

}

.wrapper #wbcentercol .commentform .leavingcomment p {

	padding: 0;

	margin: 15px 0 0 0;

}

.wrapper #wbcentercol .commentform .leavingcomment p #submit {

	margin: 3px 0;

}

.wrapper #wbcentercol .commentform .leavingcomment input, .wrapper #wbcentercol .comment .leavingcomment textarea {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	color: #4E4E4E;

	font-size: 1.1em;

}

.wrapper #wbcentercol .commentform .leavingcomment p.formnote {

	color:#CA006C;

	padding: 0;

	margin: 0;

}

.wrapper #wbcentercol .addcomment {

	text-align: right;

	padding: 5px 0;

}

.wrapper #wbcentercol .addcomment a {

	color:#CA006C;

	font-size: 1.1em;

}

.wrapper #centercol #thewhiteboard {

	padding: 0 0 5px 0;

	background: #f6f2ef;

}

.wrapper #centercol #thewhiteboard p {

	padding: 0 10px;

}

.wrapper #centercol #thewhiteboard a.whitebrdlink {

	font-size: 1.1em;

	padding: 0 10px;

}

.back {

	padding: 10px 0 15px 0;

	border-bottom: 1px solid #e5dfdc;

}

.emailme {

	font-size: 1.15em;

}

.addressright{ float:right; margin:0 180px 0 0;}

h3.homeH3 { border-left: 10px solid #b1005e;}

h3.subH3 { border-left: 85px solid #b1005e;}



/*************************   titles CSS  ***************************/



h2.whitebdtitle {

	font-size: 1.1em;

	font-weight: bold;

	color: #ffffff;

	line-height: 14px;

	padding: 2px 0 2px 5px;

	margin: 15px 0 0 0;

	background: #ca006c;

}