/*  DARLINGTON CAB - MAIN  */
/*      January 2008       */

body	{ /* Set Page colours */
	color: #000;
	background: #efefef; /* Grey background */
}
#envelope	{ /* WRAPPER FOR THE CONTENT */
	width: 740px; /* Width */
	margin: 5px auto; /* Inner margin and centre the content area */
	color: #000; /* Black text */
	background: #fff; /* White */
	padding-bottom: 10px; /* Keep bottom line clear of page bottom */
}
#header	{	/* PLACEHOLDER FOR LOGO */
	width: 740px;
	height: 177px;
	background-image: url(images/banner.gif); /* Yellow background with logo */
	background-repeat: no-repeat;
	margin-bottom: 10px; /* Small margin between the header and the links */
}

#cabbar	{ /* Sorts out a bug in IE 6 & IE7 where the second line is offset */
	border: 1px solid #fff;
	margin: 0;
}
#footer	{ /* Page footer - VAT reg etc */
	margin-top: 35px; /* Good space beween body text and footer */
	}

/* NAVIGATION */

#navbar	{ /* Placeholder for the Links with 1 small bottom margin */
	margin: 0 0 0 10px;
}
a	{ /* Link formatting */
		font: 700 100% Tahoma, Arial, sans-serif; /* Bold font full sze and font list */
		color: #0000ff; /* Blue */
		background: transparent;
		padding:0 2px; /* A little extra spacng between Links. */
}

/* ACTIVE PAGE - Enables the setting of active link to black */
#home .home, #open .open, #find .find, #contact .contact, #outreach .outreach, #volunteer .volunteer, #links .links, #advice .advice, #sitemap .sitemap	{ 
	color: #000;
	background-color: transparent;
}

/* TEXT FORMATTING */
h1, h2, h3	{ /* Headings main formatting. Individual sized below */
	margin-top: .25em;  /* Sets the spacing for Headers. */
	margin-left: 10px;
	margin-bottom: 0;
	color: #000;
	background: transparent;
	font-family: Tahoma, Arial, sans-serif;
	text-align: left;
	font-weight: 900; /* Boldest setting */
}
/* Set sizes for Headings */
h1	{
	font-size: 1.5em;
}
h2	{
	font-size: 1.25em;
}
h3	{
	font-size: 1.1em;
}
.hideheader { /* Hides text in the header from all except screen readers */
position: absolute;
left: -5000px;
top: 0;
}
p	{ /* Paragraph formatting with spacing left and right set to 10 pixels */
	font: 500 100% Tahoma, Arial, sans-serif ;
	text-align: left;
	margin-left: 10px;
	margin-right: 10px;
}
.bold	{
	font-weight: 900;
}
.centre	{
	text-align: center;
}
.small	{
	font-size: .75em;
}
.linespace	{ /* Reduction of line spacing where required */
	margin-bottom: -.5em;
}

.phototitle	{ /* Title for photo */
	margin-top: 0;
	font-size: 90%;
	font-weight: 600;
	text-align: center;
}

/* LISTS */
ul	{ /* Unordered bulletted List */
	list-style: disc;
}
ul li	{
	font: 500 100% Tahoma, Arial, sans-serif;
	margin-right: 10px; /* Set spacing */
}
.padbottom	{ /* Space the individual List items */
	padding-bottom: .5em;
}

/* IMAGES */
.boxright	{ /* For imgas to be 'flaoted to the right of the page */
	float: right;
	margin: 0 0 0 10px; /* SAmall margin to the left to seprate the image from the text */
}

.leftside	{
	margin-left: -10px;
}
/* TABLES */
table	{ 
	width: 720px; /* Width */
	margin: 0 10px; /* Left & Right margins */
	border: 1px solid #000; /* Black border */
	border-collapse: collapse;	/* Collapse default double line border to single line */
}
caption	{ /* Set up Table Cation with a top margin, fonts, alignment etc. */
	margin: .75em auto 0 auto;
	border: 0;
	padding-bottom: .5em; /* Pad the bottom as there as Margin does not work */
	color: #000;
	background: transparent;
	font: 900 125% Tahoma, Arial, sans-serif;
	text-align: center;
}
th	{ /* Table Headers formatting. Also controls column width */
	width: 20%;
	background: transparent;
	color: #000000;
	font: 700 90% Tahoma, Arial, sans-serif;
	vertical-align: top;
	text-align: left;
	border:  1px solid #000;
	padding: 10px;
}
.extra	{ /* Extra width for wide column on Day column in 'Opening Hours' */
	width: 40%;
}
td	{ /* Formatting for Data Cells */
	color: #000;
	background: transparent;
	font: 500 90% Tahoma, Arial, sans-serif;
	vertical-align: top;
	text-align: left;
	border: solid 1px Black;
	padding: 10px;
}

.notes	{ /* Extra width in Notes Colum in 'Outreach@ */
	width: 60%;
}

.hours, .venue	{
	width: 20%; /* Set Column widths */
}

/* CLEARANCES. Ensure that where necessary text clears images on pages */
.clearleft	{
	clear:  left;
}
.clearright	{
	clear:  right;
}
.clearboth	{
	clear:  both;
}

/* Positioning - 'Float' items left or right on the page */
.left	{
	float: left;
	margin: 0 10px 0 -10px;
}
.right	{
	float:  right;
	margin: 0 -10px 0 10px;
}

#map	{ /* Float the Site Mape to the right of the page */
	float: right;
	width: 250px;
	margin-left: 30px;
	border-left:1px solid #000;
}
/* Validated 12 Jan 08 */