/*CSS for 3c structure Left (190px),  centre (600px), Right (200px) only. R Box width (news/box) 545px */
*{
margin:0;padding:0;
} 
html {
	font-size:100%
}
body {
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	background-image: url(../Graphics/bodybwcs.jpg);
	background-repeat: repeat-x;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 5px;
}
#wrapper {
	text-align: left;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	top: 0px;
	background-color: #FFFFFF;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #FFFF00;
	padding: 0px;
}
#printonly {/*removes printer logo from webpage*/
	display: none;
}
#header {
	height: 70px;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #FFFF66;
	background-image: url(../Graphics/bannerbwcs.jpg);
	background-repeat: no-repeat;
}
#header h1 {
	text-align: justify;
	font-size: 29px;
	color: #FFFF99;
	font-family: "Comic Sans MS";
	font-style: normal;
	padding: 0px;
	text-indent: 170px;
	float: left;
	position: relative;
	top: -20px;
}
#content {
	width: 600px;
	float: left;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 0;
	background-color: #FFFFFF;
	background-image: url(../Images/white-shadow-top.gif);
	background-repeat: repeat-x;
}
#content p {
	font-size: 0.8em;
	line-height: 1.8em;
	padding-left: 2em;
	margin-top: 0px;
}
#content h1 {/*Page title in central column yellow on black- eg About Us*/
	color: #FFFF00;
	background-color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-indent: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
	height: 20px;
	margin-top: 15px;
	margin-right: 15px;
	margin-left: 15px;
}
#content h2 {/*second page title in central column white on grey- eg taxi, befriending, meal delivery*/
	color: #FFFFFF;
	background-color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-indent: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
	height: 20px;
}
#content h3 {/*2 column second page title in central column white on black- eg About Us - staff*/
	color: #FFFFFF;
	background-color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-indent: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
	height: 20px;
	margin-top: 15px;
	margin-right: 15px;
	margin-left: 15px;
}		
.contentdate {/*date for news items within h2*/
	font-size: 12px;
	font-style: italic;
}
#content a { /*Link*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: underline;
	font-weight: normal;
}
#content a:visited { /*Link*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	text-decoration: underline;
	font-weight: normal;
}	
#content a:hover {/*Link*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #990000;
	text-decoration: underline;
	font-weight: normal;
}
#content a:active {/*Link*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FF0000;
	font-weight: normal;	
}	
#Rcol {
	float: right;
	width: 200px;
	background-color: #FFFFFF;
	background-image: url(../Images/white-shadow-top.gif);
	background-repeat: repeat-x;
}
#Rcol h1 {
	color: #000000;
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	text-indent: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
	height: 20px;
	margin-top: 20px;
	margin-right: 15px;
	margin-left: 15px;
}
#Rcol a { /*Link*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: underline;
	font-weight: normal;
}
#Rcol a:visited { /*Link*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	text-decoration: underline;
	font-weight: normal;
}	
#Rcol a:hover {/*Link*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FF0000;
	text-decoration: underline;
	font-weight: normal;
}
#Rcol a:active {/*Link*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #990000;
	font-weight: normal;
}
#Rcol p {/*Controls text outside adbox*/
	font-size: 0.8em;
	line-height: 1.4em;	
}	
.Rcolbold {/*bold*/
	font-weight: bold;
}	
#Rcolfeed {
	float: right;
	width: 200px;
	background-color: #FFFFFF;
	background-image: url(../Images/white-shadow-top.gif);
	background-repeat: repeat-x;
}
#Rcolfeed h1 {
	color: #000000;
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	text-indent: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
	height: 20px;
	margin-top: 20px;
	margin-right: 15px;
	margin-left: 15px;		
}
#Rcolfeed a { /*Feed Link*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #990000;
	text-decoration: underline;
	font-weight: normal;
}
#Rcolfeed a:visited { /*Feed Link*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	text-decoration: underline;
	font-weight: normal;
}	
#Rcolfeed a:hover {/*Feed Link*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FF0000;
	text-decoration: underline;
	font-weight: normal;
}
#Rcolfeed a:active {/*Feed Link*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FF3300;
	font-weight: normal;
}
#Rcolfeed p {/*Feed Controls text outside adbox*/
	font-size: 0.8em;
	line-height: 1.4em;	
}	
.Rcolfeedbold {/*Feed bold*/
	font-weight: bold;	
}
.adbox {/*Controls text in adbox also so p not needed*/
	border: 1px solid #333333;
	background-color: #E2E2E2;
	margin-top: 0;
	margin-right: 0.5em;
	margin-bottom: 10px;
	margin-left: 0.5em;
	padding-top: 0px;
	padding-right: 4px;
	padding-bottom: 2px;
	padding-left: 6px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	line-height: 1.4em;	
}
.adbox p {/*maintains adbox in case p used by mistake*/
	margin-right: 0.5em;
	margin-bottom: 10px;
	margin-left: 0.5em;
	padding-top: 0px;
	padding-right: 4px;
	padding-bottom: 2px;
	padding-left: 6px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	line-height: 1.4em;	
}	
#Lcol {
	float: left;
	width: 190px;
	background-color: #FFFFFF;
	background-image: url(../Images/white-shadow-top.gif);
	background-repeat: repeat-x;
}
#Lcol h1 {
	color: #000000;
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;/*javascript date reduced from 12 to 10*/
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	text-indent: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
	height: 20px;
	margin-top: 20px;
	margin-right: 15px;
	margin-left: 15px;
}
#Lcol h2 {
	color: #000000;
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	padding-top: 3px;
	padding-bottom: 3px;
	height: 20px;
	margin-top: 5px;
	margin-right: 2px;
	margin-left: 5px;
}
#Lcol a { /*Link*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: underline;
	font-weight: normal;
}
#Lcol a:visited { /*Link*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	text-decoration: underline;
	font-weight: normal;
}	
#Lcol a:hover {/*Link*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #990000;
	text-decoration: underline;
	font-weight: normal;
}
#Lcol a:active {/*Link*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FF0000;
	font-weight: normal;
}	
#Lcol p {/*Controls L column text*/
	font-size: 0.8em;
	line-height: 1.4em;
	padding-left: 4px;
	padding-top: 2px;
}	
.Lcolbold {/*bold*/
	font-weight: bold;
}
	
#footer {
	clear: both;
	font-size: 0.7em;
	color: #666666;
	background-color: transparent;
	text-align: center;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
}
#indexbox1, #indexbox2, #indexbox3, #indexbox4, #indexbox5, #indexbox6, #indexbox7, #indexbox8, #indexbox9, #indexbox10, #indexbox11, #indexbox12{/*Info boxes in central column of index page*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	display: block;
	height: 100%;
	width: 545px;
	background-color: #FFFFFF;
	border: 10px solid #CCCCCC;
	padding: 5px;
	margin-left: 20px;
	margin-top: 10px;
}
#indexbox1 p, #indexbox2 p, #indexbox3 p, #indexbox4 p, #indexbox5 p, #indexbox6 p, #indexbox7 p, #indexbox8 p, #indexbox9 p, #indexbox10 p, #indexbox11 p, #indexbox12 p{/*Info boxes in central column of index page*/
	font-size: 0.8em;
	line-height: 1.4em;
}
#news1, #news2, #news3, #news4, #news5, #news6, #news7, #news8, #news9, #news10, #news11, #news12, #news13, #news14, #news15, #news16, #news17, #news18, #news19, #news20, #news21, #news22, #news23, #news24{/*Info boxes in central column of NEWS page plus ABOUT, SCHEMES, INVOLVED*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	display: block;
	height: 100%;
	width: 545px;
	background-color: #FFFFFF;
	border: 10px solid #CCCCCC;
	margin-left: 20px;
	margin-top: 10px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}
#news1 p, #news2 p, #news3 p, #news4 p, #news5 p, #news6 p, #news7 p, #news8 p, #news9 p, #news10 p, #news11 p, #news12 p, #news13 p, #news14 p, #news15 p, #news16 p, #news17 p, #news18 p, #news19 p, #news20 p, #news21 p, #news22 p, #news23 p, #news24 p{/*Info boxes in central column of NEWS page plus ABOUT, SCHEMES, INVOLVED*/ 
	font-size: 0.8em;
	line-height: 1.4em;
	text-align: left;
	margin: 0px;
	padding: 0px;
}
div.indexpic {/*image div class to contain image and caption eg drs pictures etc(float: left; not needed now as text wraps around divindexpic)*/
	margin-right: 10px;
	background-color: #FFFFFF;
}

.indexpic {/*Main content image class - info boxes of central column of index page*/
	float: left;	
}
.caption {/*Image caption for main use*/
	float: none;
	margin-right: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 65%;
	font-weight: normal;
	color: #666666;
	font-style: italic;
	clear: both;
	margin-top: -1px;
	margin-left: 2px;
	background-color: #FFFFFF;
}
.caption2 {/*Image caption for adbox*/
	float: none;
	margin-right: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 75%;
	font-weight: normal;
	color: #666666;
	font-style: italic;
	clear: both;
	margin-top: -1px;
	margin-left: 2px;
}
.image1 {/*Left Column image*/
	float: none;
	margin-top: 1px;
	margin-left: 4px;
}
.imagePadCentreCol {/*Centre column large image*/
	float: none;
	margin-top: 10px;
	margin-left: 4px;
	margin-bottom: 10px;
}
.adboximage {/*Images within adbox - 4px space above image*/
	float: none;
	margin-top: 4px;
}
td, th {/*travel costs table*/
	font: 90%/1.8 Verdana, Geneva, Arial, Helvetica, sans-serif;
}
.datatable2 {/*travel costs table*/
	border: 1px solid #D6DDE6;
	border-collapse: collapse;
	width: 80%;
	margin-left: 3em; 
	margin-bottom: 10px;
}
.bold {/*bold*/
	font-weight: bold;
}
.datatable2 td {/*travel costs table*/
	border: 1px solid #D6DDE6;	
	padding: 4px;
}
.datatable2 th {/*travel costs table*/
	border: 1px solid #828282;
	background-color: #FFFFCC;
	font-weight: bold;
	text-align: left;
	padding-left: 4px;
}
.datatable2 caption {/*travel costs table*/
	font: 90%/1.8 Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #33517A;
	text-align: left;
	padding-top: 3px;
	padding-bottom: 8px;
}
.datatable2 tr:hover, .datatable2 tr.hilite {/*travel costs table colour switcher on hover - works with javascript*/
	background-color: #E2E2E2;
	color: #000000;
}	
.clear { /*Seems to help the display by keeping columns equal length!*/
	clear: both;}