/* N_redesign style sheet */


.pagearea { background: #FFFFFF; margin: 0px; padding: 0px; }
/*.displayarea { width: 100%; background: #FFFFFF URL(stripe_bak_0.jpg) left repeat-y; }*/

.displayarea { 
	text-align: left;
	/* max-width hack for IE since it doesn't understand the valid css property */
	width: expression(document.body.clientWidth > 1000 ? "1000px" : "auto");  
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
	background: #FFFFFF URL(stripe_bak_0.jpg) left repeat-y;
	}

.headingarea { width: 100%; height: 90px; Xbackground: transparent URL(header_fade.jpg) bottom repeat-x; background: #555 URL(cellbased.jpg) right bottom no-repeat; }
	/* Note that to have these elements on the same line you need float: commands - NOT display: inline
	   Also be very careful about width: 100% - it doesn't work in tables as you'd expect */
  .headerleft { width: 238px; height: 90px; Xbackground: #555 URL(logo_1.jpg) center no-repeat; background: #555 URL(stripe_bak.gif) right repeat-y; background: #FFF URL(logo_2.jpg) right top no-repeat; border-right: 0px solid #EFEFEF; }
  .headermain { height: 90px; width: 20px; Xbackground: transparent URL(header_curve.jpg) left bottom no-repeat; line-height: 85px; font-weight: bold; font-size: 250%; color: #fff;
				/*background: URL(mid_header_fade.jpg) center no-repeat;*/ /*border: 1px solid #000;*/ }
  .headerright { float: left; width: 10px; height: 90px; background: transparent; }

.leftcolumn { width: 238px; background: #FFF XURL(stripe_bak.gif) right repeat-y; border-right: 0px solid #EFEFEF; }
  .lefttop {  height: 40px; width: 238px; background: transparent URL(logo_2_bot.jpg) top right no-repeat; }
  .leftmain { width: 238px; height: 480px; background: transparent; }
  .leftbase {  height: 0px; }

.rightcolumn { width: 120px; background: #fff URL(stripe_bak_r.gif) left repeat-y; border-left: 1px solid #EFEFEF; padding: 0px 0px 10px 10px; }
    .righttop { height: 10px; width: 120px; }
	.rightmain { width: 120px; }
	.rightbase { }

.footer { width: 100%; height: 27px; background: transparent; }
	/* Note that to have these elements on the same line you need float: commands - NOT display: inline
	   Also be very careful about width: 100% - it doesn't work in tables as you'd expect */
    .footerleft { float: left; width: 10px; height: 27px; background: transparent; }
	.footermain { float: left; width: 50px; height: 27px; background: transparent; }
	.footerright { float: left; width: 10px; height: 27px; background: transparent; }

.mainarea { xwidth: 530px; width: 100%; padding: 10px; padding-top: 20px; Xbackground: #FFF URL(corner.jpg) top left no-repeat; }

x.mainarea p { overflow: hidden; }

.toplinkarea { background: #FFFFFF; padding-top: 10px; padding-bottom: 10px; height: 20px; }

hr { background: none; color: #FFFFFF; width: 0px; height: 0px; }

/*CONDMENU BESPOKE STYLES*/

.sixtysecond { background: URL(60sec_header.jpg) left top no-repeat; height: 214px; border: solid 0px #00f; }


/* temporary over-riders in place */
.kbblog .listwrapperTB H5 { color: #FFFFFF; margin-bottom: 20px; } /*changing H5 margin to match smaller text*/
.kbblog .listwrapperTB H5 a { color: #FFFFFF; }
.kbblog .listwrapperTB .listitem p { } /*restoring p margin*/
.kbblog .listbg1 { background: URL(blogtop_b.gif) top repeat-x; padding-top: 6px; }
.kbblog .listbg2 { background: URL(blogtop_g.gif) top repeat-x; padding-top: 6px; }

ul.blip_features { width: 564px; padding: 0px; margin: 20px; }
.blip_features li { display: inline; float: left; list-style: none; height: 40px; width: 250px; background: #F7F7F7; border: solid 1px #E7E7E7; margin-right: 10px; margin-bottom: 10px; padding: 10px; font-weight: normal; color: #454545; }
.blip_features .leftpic { /*float: none;*/ vertical-align: middle; margin: none; padding: 0px 10px 0px 0px; }

.leadtext { font-size: 1em; }
.leadtext p { font-size: 1em; }
/*
div.leadtext { font-weight: normal; }
div.leadtext p { font-weight: normal; }
*/
p { line-height: 1.6m; }

.leadtext img { padding-left: 0px; padding-right: 0px; }
.leadtext .leftpic { padding-left: 0px; padding-right: 0px; }
.leadtext .linepic { padding-left: 0px; padding-right: 0px; }


.mainarea { max-width: 596px; }