/* **************************************************** */
/* COPYRIGHT 2005, DARLINGTON ASSOCIATION ON DISABILITY */
/*                                     */
/* **************************************************** */

/* BODY & TEXT FORMATTING */
body	{ /* Body colour, margins etc */
	margin-top: 1%;
	color: #000;
	background-color: #ffff99;
	border: thin solid #000;
}
h1, h2, h3	{ /* Set the Headings attributes and position */
	font-family: Arial, Verdana, sans-serif; 
	font-weight: 900;
	color: #000;	
	background-color: transparent;	
	text-align: left;
}
h1	{ /* H1,2&3 Font sizes */
	font-size: 200%;
}
h2	{
	font-size: 175%;
}
h3	{
	font-size: 150%;
}
p	{ /* Paragraph layout */
	padding: 0 1em; /* Leave a small margin to the left & right */
	font: 500 110% Arial, sans-serif;
	text-align: left;
}

.centre	{ /* Centre text */
	text-align: center;
	padding-top:.5em;
}

.bold	{
	font-weight: 600;
}


p.masthead	{ /* For Registered Charity */
	font-size: 30%;
	text-align: center;
	text-indent: 25%;
}

p.masthead2 {
	font-size: 85%;
	text-align: center;
}


/* ENVELOPE FOR THE MAIN PAGE */
#content	{
	width: 96%; /* set a 2% margin left & right */
	margin: .5em auto 0 auto; /*  A small margin to the top and centre it */
	height: 52em; 
}
html>body #content /* Minimum Height for non-IE Browsers to ensure content is in the black border */
{
	height: auto;
	min-width: 96%;
	min-height: 54.5em;
}


/* PAGE LAYOUT AND MAIN NAVIGATION */
#masthead	{
	height: 4.4em; /* Room for Logo */
	padding: 0 2%; /* Leave a left & right margin but allow a full underline*/
	color: #000;	
	background-color: transparent;
	border-bottom: thin solid #000;
	font: 900 270% Arial, Verdana, sans-serif; /* Font Weight & Face */
	text-align: center;
}

#footer	{ /* Layout the Page Footer */
 	margin: .5em 0 .5em 0;  
	border-top: solid thin #000; 
	padding: .5em 0;
}

/* ENVELOPE FOR THE SITE MAP */
#map	{
	margin-left: 14em;
}

/* Navigation */

#navlist	{ /* Create the Navigation box */
	float: left;
	border: #000 double medium;
	width: 16.25em;
	margin: .5em 1em 0 0;
	padding: 0.25em;
	font: 900 75% Arial, Verdana, sans-serif;
}

.spacing	{ /* Additional spacing for ordinary text in the List */
	line-height: 200%;
}
#navlist li	{ /* Navigation is done using Aa List. This formats the List style */
	list-style: none;
	margin: 0;
	border-top: thin solid #ffff99; /*Leave a gap between items */
	display: block;
	width: 15em;
}

#navlist li a	{ /* Layout and format the actual links in the list */
	display: block;
	width: 14.75em;
	color: #000;
	margin-left: .25em;
	padding: 0.25em 0.5em 0.5em 0.25em;
	border:  thin solid #000;
	background: #feff00;
	text-decoration: none;
}

#navlist li a:hover	{ /* Change colour on mouse-over */
	border-color: #ffd700;
	color: #fffacd;
	background: #000;
}

#navlistdp { /* Create the Navigation box */
	float: left;
	border: #000 double medium;
	width: 16.25em;
	margin: .5em 1em 0 0;
	padding: .25em;
	font: 900 75% Arial, Verdana, sans-serif;
}
	
	.spacing	{ /* Additional spacing for ordinary text in the List */
	line-height: 200%;
}

#navlistdp li { /* Navigation is done using Aa List. This formats the List style */
	list-style: none;
	margin: 0;
	border-top: thin solid #ffff99; /*Leave a gap between items */
	display: inline;
	width: 15em;
}

#navlistdp li a { /* Layout and format the actual links in the list */
	display: inline;
	width: 14.75em;
	color: #000;
	margin-left: .25em;
	padding: 0.25em 0.5em 0.5em 0.25em;
	border: thin solid #000;
	background: #feff00;
	text-decoration: none;
}

#navlistdp li a:hover { /* Change colour on mouse-over */
	border-color: #ffd700;
	color: #fffacd;
	background: #000;
}

/* LINKS */
/* Internal Boxed Links */	
a.box	{
	margin: .5em auto 0 auto;
	display: block;
	width:6.75em;
	background-color: #feff00;
	color: #000;
	border: medium double #000;
	padding: .25em .5em 0.25em .5em;
	font: 900 90% Arial, Verdana, sans-serif;
	text-align: center;
	text-decoration: none;
}
a:hover.box	{
	color: #fffacd;
	background: #000; 
}
/* Ordinary Links */
a.ordinary	{
	color: blue;
	background-color: transparent;
	font: 900 100% Arial, Verdana, sans-serif;
	text-decoration: none;
}
a:hover.ordinary	{
	color: #fff;
	background: blue;
}

/* IMAGES */

img.left	{
	border: 0;
	margin-right: .75em; /* Set right padding */
	float: left; /* Position to left of Screen */
}	
img.right	{
	border: 0;
	margin-left: .75em;
	float: right;
}

img.link	{ /* For any images used as Links */
	border: 0;
	padding: 0 .5em;
}

/* CLEARANCES */
br.clearleft	{
	clear: left;
}

/* UNORDERED LISTS */

ul.ordinary	{
	list-style: disc;	
	margin-left: 15em;
}
li.ordinary	{
	color: #000;
	background-color : transparent;	
	font: 700 100%/1.25em Arial, Verdana, sans-serif;	

}
li.plain	{
	list-style: none;	
}
li	{
	color: #000;
	background-color : transparent;		
	font: 700 100%/1.25em Arial, Verdana, sans-serif;	
}

/* CREATE CONTAINER BOX AND LINKS FOR INFORMATION GUIDE NAVIGATION */
#navcontainerguides	{
	border: 0;
	margin: 0 auto auto 15em;
	padding: 0;
	height: 12em;  /* Height Command for Firefox */
}
#navcontainerguides ul
{
	border: 0;
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
}
#navcontainerguides ul li	{
	display: block;
	float: left;
	text-align: center;
	padding: 0;
	margin: 0;
}
#navcontainerguides ul li a
{
	background: #feff00;
	width: 9em;
	border: medium double black;
	padding: .25em .25em;
	margin: .25em .25em;
	color: #000;
	text-decoration: none;
	display: block;
	text-align: center;
	font: 900 90% Arial, Verdana, sans-serif;
}
#navcontainerguides ul li a:hover
{
	color: #fffacd;
	background: #000;
}

/* FOOTER NAVIGATION FOR CARER NEWSLETTERS */
#carercontainer	{ /*Create the container for the navigation links */
	margin: 0 auto 0 auto;
	padding: 0;
	width: 31.5em;
	height: 2em; /* Height Command for Firefox */
}
#carercontainer ul	{ /* Set out the List formatting */
	border: 0;
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
}
#carercontainer ul li	{ /* Format the List items */
	display: block;
	float: left;
	text-align: center;
	padding: 0;
	margin: 0;
}
#carercontainer ul li a	{ /* Format the display for Links in the List */
	background: #feff00;
	width: 10em;
	border: medium double black;
	padding: .25em .25em;
	margin: .25em .25em;
	color: #000;
	text-decoration: none;
	display: block;
	text-align: center;
	font: 900 90% Arial, Verdana, sans-serif;
}
#carercontainer ul li a:hover	{
	color: #fffacd;
	background: #000;
}

/* TABLES */
table	{
	width: 98%;
	float: left;

}
caption	{
		font: 900 125% Arial, Verdana, sans-serif;
}
td, th	{
	color: #000;
	background-color: transparent;
	border: thin solid #000;
	font: 600 100%  Arial, Verdana, sans-serif;
	text-align: left;
	padding: .5em .5em;
}