/* ------------------------------------------------------------- */
/* ------ Disability Action in Islington main style sheet ------ */
/* ---------------------- ecru.co.uk 2005 ---------------------- */

* {
	/* global white space reset */
	padding: 0;
	margin: 0;
}

body {
	font: 100%/140% "Lucida Grande", Verdana, Arial, sans-serif;
	text-align: center;
	background-color: #369;
}

/* ------------------------------------------------------------ */
/* ---------------------- type - general ---------------------- */
/* ------------------------------------------------------------ */

a:link, a:visited {
	color: #369;
	text-decoration: underline;
}

a:hover {
	color: #036;
	text-decoration: underline;
}

a:active {
	color: #256920;
	text-decoration: underline;
}

h1, h2, h3, h4 {
	line-height: 1.4em;
	font-weight: normal;
	margin: 0 0 0.7em 0;	
}

h1 {
	font-size: 120%;
	color: #256920;	
}

h2 {
	font-size: 100%;
	color: #256920;
	border-top: 1px solid #DEE6EE;
	padding-top: 0.8em;
}

h1 + h2 {
	border-top: none;
	padding-top: 0;
}

h3 {
	font-size: 85%;
	color: #256920;
}

h4 {
	font-size: 72%;
	color: #256920;
	font-weight: bold;
}

p, li, dd {
	font-size: 72%;
	color: #444;
	margin: 0 0 0.7em 0;
}

ul {
	list-style: none;
}

ol {
	clear: both;
}

dt {
	font-size: 72%;
	font-weight: bold;
	color: #9B917A;
	margin: 0;
}

abbr, acronym {
	border-bottom: 1px dotted;
	cursor: help;
}

blockquote p {
	font-style: italic;
}

#intro {
	font-size: 85%;
}

.rule {
	border-top: 1px solid #DEE6EE;
	margin-bottom: 1em;
}

/* ------------------------------------------------------------ */
/* -------------------------- layout -------------------------- */
/* ------------------------------------------------------------ */

#container {
	width: 743px;
	text-align: left;
	background: #FFF url(../images/bg_container.gif) repeat-y;
	margin: 14px auto 14px auto;
}

#accessMenu {
	float: left;
	background: transparent url(../images/bg_logo.gif) no-repeat;
	text-align: left;
	padding: 10px 0 0 0;
	width: 703px;
	/* box model hack */ 
  voice-family: "\"}\""; 
  voice-family:inherit;
  width: 743px;
} 

/* be nice to Opera */
html>body #accessMenu {
  width: 743px;
}

#logo {
	clear: both;
	width: 743px;
	height: 73px;
}

#logo img {
	clear: both;
	float: left;
	margin: 10px 0 10px 20px;
}

#imageStrip {
	clear: both;
	display: block;
	padding-left: 4px;
	height: 90px;
  width:743px;
	/* box model hack */
  voice-family: "\"}\""; 
  voice-family:inherit;
  width: 739px;
} 

/* be nice to Opera */
html>body #imageStrip {
  width: 739px;
}

#menuBar {
	clear: both;
	height: 84px;
	width: 735px;
	background: #FFF url(../images/bg_menu.jpg) no-repeat;
	margin: 0 0 7px 4px;
}

#breadcrumb {
	clear: both;
	float: left;
	display: inline;
	width: 695px;
	margin: 0 0 10px 24px;
}

#subMenu {  
	display: inline;
	float: left;
	width: 125px;
	margin-left: 24px;
}

#mainContent {
	float: left;
	width: 360px;
	margin-left: 15px;
}

#sidebar {
	float: left;
	width: 180px;
	margin-left: 15px;
}

#base {
	clear: both;
	width: 695px;
	margin-left: 25px;
}

#top {
	width: 200px;
	float: left;
}

#copyright {
	clear: none;
	width: 480px;
 	float: right;
	font-size: 68%;
	text-align: right;
}

#footer {
	clear: both;
	display: block;
	width: 743px;
	height: 12px;
	background: #369 url(../images/bg_footer.gif) no-repeat;
}

/* ------------------------- homepage ------------------------- */

#home #subMenu {
	display: none;
}

#home #mainContent {
	display: inline;
	float: left;
	width: 480px;
	margin-left: 24px;
}

#home #sidebar {
	float: left;
	width: 200px;
	margin-left: 15px;
}

/* ------------------------- sitemap -------------------------- */

#Sitemap #subMenu {
	display: none;
}

#Sitemap #mainContent {
	display: inline;
	float: left;
	width: 480px;
	margin-left: 24px;
}

#Sitemap #sidebar {
	float: left;
	width: 200px;
	margin-left: 15px;
}

/* -------------------------- forum --------------------------- */

#say #mainContent {
	display: inline;
	float: left;
	width: 555px;
	margin-left: 15px;
}

#say #sidebar {
	display: none;
}

/* ------------------------------------------------------------ */
/* --------------------------- header ------------------------- */
/* ------------------------------------------------------------ */

#accessMenu p {
	display: inline;
	margin: 0 0 0 20px;
}

#accessMenu .inline {
	display: inline;
}

#accessMenu select {
	font-size: 85%;
	line-height: 1.1em;
	color: #369;
}

#accessMenu input {
	font-size: 72%;
	line-height: 1.1em;
	color: #369;
	padding: 1px;
}

#accessMenu form {
	display: inline;
}

#accessMenu a:link, #accessMenu a:visited {
	text-decoration: none;
}

#accessMenu a:hover, #accessMenu a:active {
	text-decoration: underline;
}

/* ------------------------------------------------------------ */
/* ------------------------- main menu ------------------------ */
/* ------------------------------------------------------------ */

#menuBar ul {
	list-style: none;
	background-color: #FFF;
}

#menuBar li {
	color: #256920;
	display: block;
	float: left;
	width: 105px;
	text-align: center;
	line-height: 1.1em;
}

#menuBar li a {
	display: block;
	width: 99px;
	padding-top: 58px;
	margin: 0 3px;
}

#menuBar a:link, #menuBar a:visited {
	text-decoration: none;
}

#menuBar a:hover {
	text-decoration: underline;
	background-position: -54px 8px;
	border: none;
}

#menuBar a:active {
	text-decoration: underline;
}

/* --------------------------- home --------------------------- */

#menuHome {
	background: transparent url(../images/icon_home.gif) no-repeat 26px 8px;
}

#home #menuHome {
	background: transparent url(../images/icon_home_active.gif) no-repeat 26px 8px;
}

#home #menuBar #menuHome:link, #home #menuBar #menuHome:visited, #home #menuBar #menuHome:hover, #home #menuBar #menuHome:active {
	color: #256920;	
	text-decoration: none;
}

/* ------------------------ about DAII ------------------------- */

#menuAbout {
	background: transparent url(../images/icon_about.gif) no-repeat 26px 8px;
}

#about #menuAbout {
	background: transparent url(../images/icon_about_active.gif) no-repeat 26px 8px;
}

#about #menuBar #menuAbout:link, #about #menuBar #menuAbout:visited, #about #menuBar #menuAbout:hover, #about #menuBar #menuAbout:active {
	color: #256920;	
	text-decoration: none;
}

/* --------------------------- news --------------------------- */

#menuNews {
	background: transparent url(../images/icon_news.gif) no-repeat 26px 8px;
}

#news #menuNews {
	background: transparent url(../images/icon_news_active.gif) no-repeat 26px 8px;
}

#news #menuBar #menuNews:link, #news #menuBar #menuNews:visited, #news #menuBar #menuNews:hover, #news #menuBar #menuNews:active {
	color: #256920;	
	text-decoration: none;
}

/* --------------------------- info and advice --------------------------- */

#menuInfo {
	background: transparent url(../images/icon_info.gif) no-repeat 26px 8px;
}

#info #menuInfo {
	background: transparent url(../images/icon_info_active.gif) no-repeat 26px 8px;
}

#info #menuBar #menuInfo:link, #info #menuBar #menuInfo:visited, #info #menuBar #menuInfo:hover, #info #menuBar #menuInfo:active {
	color: #256920;	
	text-decoration: none;
}

/* --------------------------- business advice --------------------------- */

#menuBusiness {
	background: transparent url(../images/icon_business.gif) no-repeat 26px 8px;
}

#business #menuBusiness {
	background: transparent url(../images/icon_business_active.gif) no-repeat 26px 8px;
}

#business #menuBar #menuBusiness:link, #business #menuBar #menuBusiness:visited, #business #menuBar #menuBusiness:hover, #business #menuBar #menuBusiness:active {
	color: #256920;	
	text-decoration: none;
}

/* --------------------------- have your say --------------------------- */

#menuSay {
	background: transparent url(../images/icon_forum.gif) no-repeat 26px 8px;
}

#say #menuSay {
	background: transparent url(../images/icon_forum_active.gif) no-repeat 26px 8px;
}

#say #menuBar #menuSay:link, #say #menuBar #menuSay:visited, #say #menuBar #menuSay:hover, #say #menuBar #menuSay:active {
	color: #256920;	
	text-decoration: none;
}

/* --------------------------- contact us --------------------------- */

#menuContact {
	background: transparent url(../images/icon_contact.gif) no-repeat 26px 8px;
}

#contact #menuContact {
	background: transparent url(../images/icon_contact_active.gif) no-repeat 26px 8px;
}

#contact #menuBar #menuContact:link, #contact #menuBar #menuContact:visited, #contact #menuBar #menuContact:hover, #contact #menuBar #menuContact:active {
	color: #256920;	
	text-decoration: none;
}


#breadcrumb p {
	font-size: 68%;
	line-height: 1.4em;
}

/* ------------------------------------------------------------ */
/* ------------------------- sub menu ------------------------- */
/* ------------------------------------------------------------ */

#subMenu p {
	font-size: 85%;
	color: #256920;
	margin: 0 0 0.5em 0;
}

#subMenu ul {
	list-style: none;
}

#subMenu li {
	color: #256920;	
	list-style: none;
	line-height: 1.4em;
	border-top: 1px solid #DEE6EE;
	padding: 0.5em 0 0.5em 0;
	margin: 0;
}

#subMenu li ul {
	padding-top: 0.3em;
}

#subMenu li ul li {
	font-size: 100%;
	list-style: none;
	border-top: none;
	padding: 0.2em 0 0.2em 10px;
	margin: 0;
	background: transparent url(../images/child_of.gif) no-repeat 0px 6px;
}

#subMenu a:link, #subMenu a:visited {
	text-decoration: none;
}

#subMenu a:hover {
	text-decoration: underline;
}

#subMenu a:active {
	text-decoration: underline;
}

.currentpage a:link, .currentpage a:visited, .currentpage a:hover, .currentpage a:active {
	color: #256920;
	text-decoration: none;
}

.currentpage ul li a:link, .currentpage ul li a:visited {
	color: #369;
}

/* ------------------------------------------------------------ */
/* ------------------------- content -------------------------- */
/* ------------------------------------------------------------ */

#mainContent h2 {
	clear: both;
}

#mainContent ul, #mainContent ol {
	clear: both;
	margin: 0 0 0.7em 0;
}

#mainContent li {
	font-size: 72%;
	color: #444;
	padding-left: 13px;
	margin: 0 0 0.3em 20px;
	background: transparent url(../images/bullet.gif) no-repeat 0 9px;
}

#mainContent li ul {
	margin-top: 0.3em;
}

#mainContent li ul li {
	font-size: 1em;
	padding-left: 13px;
	margin: 0 0 0.3em 0;
	background: transparent url(../images/bullet.gif) no-repeat 0 9px;
}

#mainContent ol li {
	padding-left: 0;
	margin: 0 0 0.3em 40px;
	background: none;
}

.rangeLeft {
	float: left;
	margin: 7px 10px 7px 0;
}

.easyread {
	font-size: 0.9em;
}

/* -------------------------- forum --------------------------- */

.forumDesc {
	background-color: #EFF4EA;
	margin-bottom: 10px;
}

.forumDesc h2 {
	color: #FFF;
	padding: 3px 8px;
	background: #256920 url(../images/p_head_green_555px.gif) no-repeat;
	border-top: none;
}

.forumDesc p, .forumDesc h3 {
	padding: 0 8px;
}

.forumDesc .panelBase {
	height: 10px;
	background: #FFF url(../images/pbody_base_green_555px.gif) no-repeat;
}

.author {
 	color: #999;
	border-top: 1px solid #DEE6EE;
	padding: 0.5em 0 0.5em 0;
	margin: 0;
}

.author strong {
	color: #256920;
}

.reply {
	font-size: 85%;
	margin-top: 10px;
	line-height: 3em;
}

.reply a:link, .reply a:visited {
	color: #FFF;
	text-decoration: none;
	background-color: #256920;
	padding: 5px 8px;
}

.reply a:hover, .reply a:active {
	color: #FFF;
	text-decoration: underline;
	background-color: #69973B;
}

.forumDesc .rule {
	margin: 0 8px 8px 8px;
	border-top: none;
	border-bottom: 1px solid #B9CDA5;
}

#addMessage form {
	margin: 0 0 15px 0;
}

#addMessage fieldset {
	padding: 10px 0 10px 7px;
	margin: 0 0 15px 0;
}

#addMessage #txtMessage {
	width: 555px;
}

#addMessage legend {
	font-size: 100%;
	color: #256920;
	padding: 0 4px;
}

.emoticonWrap {
	float: left;
	width: 103px;
		margin: 10px 2px 10px 2px;
}

.emoticonWrap img {
	float: left;
	padding-right: 55px;
}

.emoticonWrap input {
	display: block;
	float: left;
	clear: both;
}

.emoticonWrap label {
	display: block;
	float: left;
	font-size: 68%;
	color: #444;
}

#register {
	margin-bottom: 15px;
}

#register dl dt {
	font-size: 72%;
	color: #444;
	font-weight: normal;
	margin: 0;
	display: block;
	float: left;

	width: 180px;
	padding-top: 3px;
	border-top: 1px solid #DEE6EE;
}

#register dl dd {
	display: block;
	width: 375px;
	padding: 7px 0 0 0;
	margin: 0;
	border-top: 1px solid #DEE6EE;
}

/* Hide from IE-Mac \*/
	#register dl dd {
	float: left;
}
/* End hide */

#register dl input {
	width: 250px;
	margin-bottom: 8px;
}

#say #mainContent table {
	border-collapse: collapse;
	border-bottom: 1px solid #DEE6EE;
}

#say #mainContent td {
	font-size: 72%;
	line-height: 140%;
	color: #444;
	padding: 0.5em 1em 0.5em 0;
	margin: 0;
	border-top: 1px solid #DEE6EE;
}

#say #mainContent th {
	font-size: 72%;
	font-weight: bold;
	text-align:left;
	line-height: 140%;
	color: #256920;
	padding: 0.5em 1em 0.5em 0;
	margin: 0;
	border-top: 1px solid #DEE6EE;
}

/* ------------------------- sitemap -------------------------- */

#Sitemap #mainContent ul li ul {
	border-top: 1px solid #DEE6EE;
	border-bottom: none;
	margin: 6px 0 0 0;
}

#Sitemap #mainContent ul li ul li ul {
	border-top: none;
	border-bottom: none;
	margin: 6px 0 0 0;
}

#Sitemap #mainContent li {
	font-size: 100%;
	font-weight: bold;
	color: #444;
	padding: 5px 10px;
	margin: 0 0 1em 0;
	border: 1px solid #DEE6EE;
	background: none;
}

#Sitemap #mainContent li ul li {
	font-size: 85%;
	line-height: 120%;
	font-weight: normal;
	border: none;
	padding-left: 0;
	margin: 0;
	background: none;
}

#Sitemap #mainContent li ul li ul li {
	font-size: 85%;
	line-height: 100%;
	font-weight: normal;
	border: none;
	padding-left: 10px;
	margin: 0;
	background: transparent url(../images/child_of.gif) no-repeat 0 9px;
}

#Sitemap #mainContent li ul li ul li ul li {
	font-size: 1em;
}

/* ------------------------------------------------------------ */
/* ------------------------- sidebar -------------------------- */
/* ------------------------------------------------------------ */

#sidebar .panelHead {
	width: 180px;
	padding-top: 10px;
}

#home #sidebar .panelHead {
	width: 200px;
	padding-top: 10px;
}

#sidebar .panelBody {
	clear: both;
	padding: 5px 10px 0 10px;
}

#sidebar .panelBase, #sidebar .panelBaseShort {
	clear: both;
	height: 10px;
	margin-bottom: 10px;
}

#sidebar .panelHead h2 {
	float: left;
	display: inline;
	width: 125px;
	font-size: 85%;
	color: #FFF;
	margin: 0 0 0 8px;
	padding: 0;
	border-top: none;
}

#home #sidebar .panelHead h2 {
	width: 138px;
}

#sidebar img {
	float: left;
	display: inline;
	padding-left: 8px;
	border: 0;
}

#sidebar .panelImage {
	padding: 8px 0 0 0;
}

#sidebar .panelBody a:link, #sidebar .panelBody a:visited {
	color: #036;
	text-decoration: none;
}

#sidebar .panelBody a:hover, #sidebar .panelBody a:active {
	color: #036;
	text-decoration: underline;
}

#sidebar .panelHead a:link, #sidebar .panelHead a:visited {
	color: #FFF;
	text-decoration: none;
}

#sidebar .panelHead a:hover, #sidebar .panelHead a:active {
	color: #FFF;
	text-decoration: underline;
}

#sidebar .panelBody p {
	padding: 0.2em 0 0.2em 0;
	margin: 0 0 0 0;
}

#sidebar .panelBody li {
	padding: 0.3em 0 0.3em 0;
	margin: 0 0 0 0;
	background: none;
}

#sidebar ul {
	padding: 0;
}

#sidebar li {
	font-size: 72%;
	color: #444;
	padding-left: 13px;
	margin: 0 0 0.3em 0;
	background: transparent url(../images/bullet.gif) no-repeat 0 9px;
}

/* ------------------------ blue panel ------------------------ */

#sidebar .panelBlue {
	background-color: #369;
}

#sidebar .panelBlue .panelHead {
	overflow: hidden; /* fix IE5 glitch on pre OSX Mac */
	background: #369 url(../images/p_head_blue_180px.gif) no-repeat;
}

/* hide the following from old IE versions - fix Netscape bug on Mac */
#sidebar .panelBlue .panelHead/* */ {
	overflow: visible;
}

#home #sidebar .panelBlue .panelHead {
	overflow: hidden; /* fix IE5 glitch on pre OSX Mac */
	background: #369 url(../images/p_head_blue_200px.gif) no-repeat;
}

/* hide the following from old IE versions - fix Netscape bug on Mac */
#home #sidebar .panelBlue .panelHead/* */ {
	overflow: visible;
}

#sidebar .panelBlue .panelBody {
	background-color: #EDF1F6;
	border-top: 8px solid #369;
}

#sidebar .panelBlue .panelBase {
	background: #FFF url(../images/pbody_base_blue_180px.gif) no-repeat;
}

#home #sidebar .panelBlue .panelBase {
	background: #FFF url(../images/pbody_base_blue_200px.gif) no-repeat;
}

#sidebar .panelBlue .panelBaseShort {
	background: #FFF url(../images/p_base_blue_180px.gif) no-repeat;
}

#home #sidebar .panelBlue .panelBaseShort {
	background: #FFF url(../images/p_base_blue_200px.gif) no-repeat;
}

#sidebar .panelBlue .panelBody li {
	border-bottom: 1px solid #B9C9DD;
}

/* ------------------------ green panel ----------------------- */

#sidebar .panelGreen {
	background-color: #256920;
}

#sidebar .panelGreen .panelHead {
	overflow: hidden; /* fix IE5 glitch on pre OSX Mac */
	background: #256920 url(../images/p_head_green_180px.gif) no-repeat;
}

/* hide the following from old IE versions - fix Netscape bug on Mac */
#sidebar .panelGreen .panelHead/* */ {
	overflow: visible;
}

#home #sidebar .panelGreen .panelHead {
	overflow: hidden; /* fix IE5 glitch on pre OSX Mac */
	background: #256920 url(../images/p_head_green_200px.gif) no-repeat;
}

/* hide the following from old IE versions - fix Netscape bug on Mac */
#home #sidebar .panelGreen .panelHead/* */ {
	overflow: visible;
}

#sidebar .panelGreen .panelBody {
	background-color: #EFF4EA;
	border-top: 8px solid #256920;
}

#sidebar .panelGreen .panelBase {
	background: #FFF url(../images/pbody_base_green_180px.gif) no-repeat;
}

#home #sidebar .panelGreen .panelBase {
	background: #FFF url(../images/pbody_base_green_200px.gif) no-repeat;
}

#sidebar .panelGreen .panelBaseShort {
	background: #FFF url(../images/p_base_green_180px.gif) no-repeat;
}

#home #sidebar .panelGreen .panelBaseShort {
	background: #FFF url(../images/p_base_green_200px.gif) no-repeat;
}

#sidebar .panelGreen .panelBody li {
	border-bottom: 1px solid #B9CDA5;
}

/* ------------------------ yellow panel ---------------------- */

#sidebar .panelYellow {
	background-color: #FFA209;
}

#sidebar .panelYellow .panelHead {
	overflow: hidden; /* fix IE5 glitch on pre OSX Mac */
	background: #FFA209 url(../images/p_head_yellow_180px.gif) no-repeat;
}

/* hide the following from old IE versions - fix Netscape bug on Mac */
#sidebar .panelYellow .panelHead/* */ {
	overflow: visible;
}

#home #sidebar .panelYellow .panelHead {
	overflow: hidden; /* fix IE5 glitch on pre OSX Mac */
	background: #FFA209 url(../images/p_head_yellow_200px.gif) no-repeat;
}

/* hide the following from old IE versions - fix Netscape bug on Mac */
#home #sidebar .panelYellow .panelHead/* */ {
	overflow: visible;
}

#sidebar .panelYellow .panelBody {
	background-color: #FFF7E9;
	border-top: 8px solid #FFA209;
}

#sidebar .panelYellow .panelBase {
	background: #FFF url(../images/pbody_base_yellow_180px.gif) no-repeat;
}

#home #sidebar .panelYellow .panelBase {
	background: #FFF url(../images/pbody_base_yellow_200px.gif) no-repeat;
}

#sidebar .panelYellow .panelBaseShort {
	background: #FFF url(../images/p_base_yellow_180px.gif) no-repeat;
}

#home #sidebar .panelYellow .panelBaseShort {
	background: #FFF url(../images/p_base_yellow_200px.gif) no-repeat;
}

#sidebar .panelYellow .panelBody li {
	border-bottom: 1px solid #FFDDA5;
}

/* ------------------------------------------------------------ */
/* ------------------------ cms login ------------------------- */
/* ------------------------------------------------------------ */

#cmsLogin #container {
	width: 450px;
	background: #FFF url(../images/bg_login.gif) no-repeat;
}

#cmsLogin #mainContent {
	float: left;
	display: inline;
	width: 350px;
	margin: 15px 0 0 84px;
}

#logo {
	clear: both;
	width: 450px;
	height: 73px;
}

#cmsLogin #footer {
	clear: both;
	display: block;
	width: 450px;
	height: 12px;
	background: #369 url(../images/bg_login_footer.gif) no-repeat;
}

#cmsLogin #logo {
	padding-top: 10px;
}