#coltworap {
	float: left; 
	margin-top: -15px; /* was -61px until .sidebox was used */
	padding: 0px 0px 10px 0px;
	display: inline;
	width: 125px; /* 155 */
	height: 350px;
	background: transparent;
	}
	
html>body #coltworap {
	float: left;
	margin-top: -15px;
	margin-bottom: 100px; /* to give the footer some space when this section is short of content */
	width: 175px;
	}
	
.coltwohead {
	float: right;
	margin-top: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding: 0px 0px 10px 0px;
	/*height: 100%;*/
	width: 155px;
	voice-family: "\"}\"";
  	voice-family: inherit;
	width: 155px;
	background: transparent;
	}

html>body .coltwohead {
	float: left;
	padding: 0px 0px 10px 20px;
	margin-top: 0px;
	width: 155px;
	background: transparent;
	}

#coltwocontent {
	margin-top: 0px;
	margin-left: 0px;
	height: auto;
	padding: 20px 20px 0px 20px;
	font-size: 1.0em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #000000;
	width: 155px;
	background: none;
	voice-family: "\"}\"";
  	voice-family: inherit;
	width: 125px; /* 155 */
	height: auto;
	}

html>body #coltwocontent {
	padding: 20px 20px 0px 0px;
	width: 175px;
	background: transparent;
	}
	
#coltwocontent p {
	margin: 0px;
	padding: 0px 3px 10px 5px;
	color: #000000;
	font-size: 1.0em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-align: justify;
	background: #e4e4e4;
	}
	
html>body #coltwocontent p {
	background: transparent;
	}	
	
#coltwocontent ul {
	padding: 0px;
	margin: 0px 0px 20px 0px;
	list-style-type: none;
	}

#coltwocontent li {
	margin: 0px;
	padding: 2px 0px;
	border-bottom: 1px solid #cccccc;
	color: #827D18;
	}
	
#coltwocontent li strong {
	margin: 0px;
	padding: 2px 0px;
	font-size: 1.0em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #000099;
	}	
	
#coltwocontent li a {
	display: block;
	padding: 2px 0px;
	color: #000099;
	}
	
html>body #coltwocontent li a {
	padding: 0px;
	}	
	
#coltwocontent li a:hover {
	padding: 2px 0px;
	color: #462E8E;
	background: #ffffff;
	}
	
html>body #coltwocontent li a:hover {
	padding: 0px;
	}	
	/*
#coltwocontent ul.nolink {
	margin: 10px 0px 10px 0px;
	padding: 0px 10px 0px 30px;
	list-style-image: url(images/#);
	list-style-type: square;
	color: #000000;
	width: 185px;
	line-height: 15px;
	}
	
html>body #coltwocontent ul.nolink {
	height: auto;
	width: 180px;
	padding: 0px 10px 0px 40px;
	}		
	
#coltwocontent li.nolink {
	border-bottom: 0px solid #ffffff;
	color: #000000;
	font-size: 1.0em;
	font-family: Arial, Helvetica, sans-serif;
	}
*/
#coltwocontent h3 {
	/*text-indent: -8000px;*/ /* hide the heading */
	margin: 0px;
	padding: 0px 0px 10px 0px;
	text-align: left;
	color: #909E76;
	font-size: 1.0em;
	font-family: Arial, Helvetica, sans-serif;
	/*line-height: 26px;  used when hiding heading with graphic */
	}
	
html>body #mainBody #coltwocontent h3 {
	/*display: block;
	overflow: hidden;*/ /* hide the heading */
	}	
	
#coltworap img {
	margin-bottom: 20px;
	padding: 2px;
	border: 0px solid #666666;
	}
	
/* end right side of content area */

/* Show only to IE PC \*/
* html .boxhead h1 {height: 1%;} /* For IE 5 PC */

.sideboxBlue {
	margin: 0 auto; /* center for now */
	width: 100%; /* ems so it will grow */
	background: url(../images/sideboxtrick/sbbody-r02.gif) no-repeat bottom right;
	font-size: 100%;
	}
	
.sideboxheadBlue {
	background: url(../images/sideboxtrick/sbhead-r02.gif) no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: center;
	}
	
.sideboxheadBlue h3 {
	background: url(../images/sideboxtrick/sbhead-l02.gif) no-repeat top left;
	margin: 0;
	padding: 22px 30px 5px;
	color: #000000; 
	font-weight: bold; 
	font-size: 1.0em;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1em;
	width: 115px;
	/*text-shadow: rgba(0,0,0,.4) 0px 2px 5px;  Safari-only, but cool */
	}
	
.sideboxbodyBlue {
	background: url(../images/sideboxtrick/sbbody-l02.gif) no-repeat bottom left;
	margin: 0;
	padding: 5px 5px 31px 10px;
	width: 125px;
	height: 100%;
	}

.sideboxBlue p {
	margin: 0px;
	padding: 0px 0px 0px 0px;
	text-align: right;
	color: white; 
	font-weight: bold; 
	font-size: 10px;
	}
	
	

/* */	
	
/* Show only to IE PC \*/
* html .boxhead h1 {height: 1%;} /* For IE 5 PC */

.sideboxGrey {
	margin: 0 auto; /* center for now */
	width: 100%; /* ems so it will grow */
	background: url(../images/sideboxtrick/grey/sbbody-r02.gif) no-repeat bottom right;
	font-size: 100%;
	}
	
.sideboxheadGrey {
	background: url(../images/sideboxtrick/grey/sbhead-r02.gif) no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: center;
	}
	
.sideboxheadGrey h3 {
	background: url(../images/sideboxtrick/grey/sbhead-l02.gif) no-repeat top left;
	margin: 0;
	padding: 22px 30px 5px;
	color: #000000; 
	font-weight: bold; 
	font-size: 1.0em;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1em;
	width: 115px;
	/*text-shadow: rgba(0,0,0,.4) 0px 2px 5px;  Safari-only, but cool */
	}
	
.sideboxbodyGrey {
	background: url(../images/sideboxtrick/grey/sbbody-l02.gif) no-repeat bottom left;
	margin: 0;
	padding: 5px 5px 31px 10px;
	width: 125px;
	height: 100%;
	}

.sideboxGrey p {
	margin: 0px;
	padding: 0px 0px 0px 0px;
	text-align: right;
	color: white; 
	font-weight: bold; 
	font-size: 10px;
	}

/* */
/* */	
	
/* Show only to IE PC \*/
* html .boxhead h1 {height: 1%;} /* For IE 5 PC */

.sideboxYellow {
	margin: 0 auto; /* center for now */
	width: 100%; /* ems so it will grow */
	background: url(../images/sideboxtrick/yellow/sbbody-r02.gif) no-repeat bottom right;
	font-size: 100%;
	}
	
.sideboxheadYellow {
	background: url(../images/sideboxtrick/yellow/sbhead-r02.gif) no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: center;
	}
	
.sideboxheadYellow h3 {
	background: url(../images/sideboxtrick/yellow/sbhead-l02.gif) no-repeat top left;
	margin: 0;
	padding: 22px 30px 5px;
	color: #000000; 
	font-weight: bold; 
	font-size: 1.0em;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1em;
	width: 115px;
	/*text-shadow: rgba(0,0,0,.4) 0px 2px 5px;  Safari-only, but cool */
	}
	
html>body .sideboxheadYellow h3 {
	background: url(../images/sideboxtrick/yellow/sbhead-l02.gif) no-repeat top left;
	margin: 0;
	padding: 22px 30px 5px;
	color: #000000; 
	font-weight: bold; 
	font-size: 1.0em;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1em;
	width: 115px;
	/*text-shadow: rgba(0,0,0,.4) 0px 2px 5px;  Safari-only, but cool */
	}
	
.sideboxbodyYellow {
	background: url(../images/sideboxtrick/yellow/sbbody-l02.gif) no-repeat bottom left;
	margin: 0;
	padding: 5px 5px 31px 10px;
	width: 125px;
	height: 100%;
	}
	
html>body .sideboxbodyYellow {
	background: url(../images/sideboxtrick/yellow/sbbody-l02.gif) no-repeat bottom left;
	margin: 0;
	padding: 5px 5px 31px 10px;
	width: 105px;
	height: 100%;
	}	

.sideboxYellow p {
	margin: 0px;
	padding: 0px 0px 0px 0px;
	text-align: right;
	color: white; 
	font-weight: bold; 
	font-size: 10px;
	}

/* */

/* Show only to IE PC \*/
* html .boxhead h1 {height: 1%;} /* For IE 5 PC */

.sideboxBlueTicker {
	margin: 0 auto; /* center for now */
	width: 100%; /* ems so it will grow */
	background: #e4e4e4 url(../images/sideboxtrick/sbbody-r02.gif) no-repeat bottom right;
	font-size: 100%;
	}
	
.sideboxheadBlueTicker {
	background: url(../images/sideboxtrick/sbhead-r02.gif) no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: center;
	}
	
.sideboxheadBlueTicker h3 {
	background: url(../images/sideboxtrick/sbhead-l02.gif) no-repeat top left;
	margin: 0;
	padding: 22px 30px 5px;
	color: #000000; 
	font-weight: bold; 
	font-size: 1.0em;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1em;
	width: 115px;
	/*text-shadow: rgba(0,0,0,.4) 0px 2px 5px;  Safari-only, but cool */
	}
	
.sideboxbodyBlueTicker {
	background: url(../images/sideboxtrick/sbbody-l02.gif) no-repeat bottom left;
	margin: 0;
	padding: 0px 0px 31px 10px;
	width: 100%;
	height: 100%;
	}
	
.sideboxBlueTicker p {
	margin: 0px;
	padding: 0px 0px 0px 0px;
	text-align: right;
	color: white; 
	font-weight: bold; 
	font-size: 10px;
	}

/* */

.buttonboxPiccen { /** this is a span for use within the body text area **/
	position: relative;
	top: 0px;
	left: 0px;
	text-align: center;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	border: solid 0px #000;
	padding-top: 0px;
	background: transparent;
	/*width: 80px;*/
	}
	
/* */

#mainBody .pRap {
	padding: 0px;
	font-weight: normal;
	font-size: 1.0em;
	font-family: Arial, Helvetica, sans-serif;
	color: #000099;
	text-align: right;
	width: 152px; /* 152 */
	}

#mainBody .pRap p a:link {
	padding: 0px 2px 0px 2px;
	font-weight: bold;
	font-size: 1.0em;
	color: #000099;
	text-align: right;
	text-decoration: none;
	}	
	
#mainBody .pRap p a:hover {
	padding: 0px 2px 0px 2px;
	color: #ffffff;
	background: #462E8E;
	text-decoration: none;
	}
	
#mainBody .pRap .pushright {
	float: right;
	text-align: right;
	}
	
html>body #mainBody .pRap .pushright {
	margin: 0px 0px 0px 0px;
	}		
	
#mainBody .quote {
	padding: 0px 0px 10px 0px;
	font-weight: normal;
	font-size: 1.0em;
	font-family: Arial, Helvetica, sans-serif;
	color: #000099;
	text-align: right;
	width: 152px; /* 152 */
	background: #e4e4e4 url(../images/quote01.gif) top left no-repeat;
	}
	
html>body #mainBody .quote {
	padding: 0px 0px 0px 0px; /* was 0px 10px 0px 0px */
	}	

#mainBody .quote p a:link {
	padding: 0px 2px 0px 2px;
	font-weight: bold;
	font-size: 1.0em;
	color: #000099;
	text-align: right;
	text-decoration: none;
	}	
	
#mainBody .quote p a:hover {
	padding: 0px 2px 0px 2px;
	color: #ffffff;
	background: #462E8E;
	text-decoration: none;
	}
	
#mainBody .quote .pushright {
	float: right;
	text-align: right;
	}
	
html>body #mainBody .quote .pushright {
	margin: 0px 5px 0px 0px;
	}			
	
/* start test sidebox for navigation */

/* Show only to IE PC \*/
* html .boxhead h1 {height: 1%;} /* For IE 5 PC */

.sideboxNav {
	margin: 0 auto; /* center for now */
	width: 100%; /* ems so it will grow */
	background: url(../images/sideboxtrick/sbbody-r02.gif) no-repeat bottom right;
	font-size: 100%;
	}
	
.sideboxheadNav {
	background: url(../images/sideboxtrick/sbhead-r02.gif) no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: center;
	}
	
.sideboxheadNav h3 {
	background: url(../images/sideboxtrick/sbhead-l02.gif) no-repeat top left;
	margin: 0;
	padding: 22px 30px 5px;
	color: #000000; 
	font-weight: bold; 
	font-size: 1.0em;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1em;
	width: 115px; /* 135 */
	/*text-shadow: rgba(0,0,0,.4) 0px 2px 5px;  Safari-only, but cool */
	}
	
.sideboxbodyNav {
	background: url(../images/sideboxtrick/sbbody-l02.gif) no-repeat bottom left;
	margin: 0;
	padding: 0px 1px 31px 1px; /* should be this when not using accordion effect - 5px 5px 31px 22px */
	width: 115px; /* 155 */
	height: 100%;
	}
	
p.sideboxNav {
	margin: 0px;
	padding: 0px 0px 0px 0px;
	text-align: right;
	color: white; 
	font-weight: bold; 
	font-size: 1.0em;
	font-family: Arial, Helvetica, sans-serif;
	}

#mainBody .bTextNav {
	margin-top: 5px;
	height: auto;
	margin: 10px 0px 10px 0px;
	padding: 4px 0px 0px 0px;
	background: transparent;
	font-size: 1.0em;
	font-family: Arial, Helvetica, sans-serif;
	color: #000099;
	width: 120px;
	voice-family: "\"}\"";
  	voice-family: inherit;
	width: 160px; /*150 */ /* was 190px when inside the above div */
	height: 100px;
	}

html>body #mainBody .bTextNav {
	padding: 4px 0px 0px -3px;
	width: 153px;
	height: auto;
	}
		
#mainBody .bTextNav p {
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	color: #000000;
	font-size: 1.0em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-align: left;
	line-height: 16px;
	width: 130px; /* 150 */
	}
	
html>body #mainBody .bTextNav p {
	padding: 0px 0px 0px 10px;
	width: 425px;
	}
	
#mainBody .bTextNav p a {
	color: #000000;
	text-decoration: underline;
	}	
	
#mainBody .bTextNav p a:hover {
	color: #ffffff;
	background: #462E8E;
	text-decoration: none;
	}
	
		
	
#mainBody .bTextNav ul {
	display: block;
	padding: 0px 0px 0px 10px;
	margin: 0px 0px 20px 0px;
	list-style-type: none;
	/*line-height: 26px;*/ /* if you want to have the background to cover whole height, remove padding on all li's and insert this lin-height */
	}

#mainBody .bTextNav li {
	margin: 0px;
	padding: 2px 0px;
	border-bottom: 1px solid #ffffff;
	color: #827D18;
	}
	
#mainBody .bTextNav li strong {
	margin: 0px;
	padding: 2px 0px;
	font-size: 1.0em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #000099;
	}	
	
#mainBody .bTextNav li a {
	display: block;
	padding: 2px 0px;
	color: #000099;
	}
	
html>body #mainBody .bTextNav li a {
	padding: 0px;
	}	
	
#mainBody .bTextNav li a:hover {
	padding: 2px 0px;
	color: #462E8E;
	background: #ffffff;
	text-decoration: none;
	}
	
html>body #mainBody .bTextNav li a:hover {
	padding: 0px;
	}
	
#mainBody .bTextNav li a:active {
	background: #ffffff;
	}		
	
.bText {
	position: relative;
	top: 0px;
	left: 0px;
	margin-top: 0px;
	height: auto;
	margin: 10px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	background: transparent;
	font-size: 1.0em;
	font-family: Arial, Helvetica, sans-serif;
	color: #000099;
	width: 120px;
	voice-family: "\"}\"";
  	voice-family: inherit;
	width: 137px; /* 137 */ /* was 190px when inside the above div */
	height: 100px;
	}

html>body .bText {
	padding: 4px 0px 0px -3px;
	width: 148px;
	height: auto;
	}
	
.bText p {
	padding: 2px 0px 2px 0px;
	font-weight: normal;
	font-size: 1.0em;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	text-align: left;
	width: 152px; /* 152 */
	}	
	
#mainBody .bText ul {
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 20px;
	list-style-image: url(http://www.lancasterguardian.co.uk/images/bullet_editorial2.gif);
	list-style-type: square;
	width: 100%;
	}