/*green = #00693C */
/*blue 005F82
/*lighter = ADCFCO 7DB39C 
yello 693400*/
/*tab colours = E2EEE9 */
/*red = 690012*/

body  	{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 100%;
		
	}

h1	{	
		font-family: Arial, Helvetica, sans-serif;
		color: #00693C;
		font-size: 120%;
		text-align: center
	}
p	{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 100%;
	}
td	{
		font-size: 100%;
	}	

td h2 {font-size: 100%;
}
.centre {text-align: center;
  display: block;
  margin-left: auto;
  margin-right: auto;
}


	
ul .main{ 
	font-family: Arial, Helvetica, sans-serif;
		font-size: 100%;
	}
	

#strong     {
		color: black;
		font-weight: bold
	}
td{
		font-family: Arial, Helvetica, sans-serif;
		color: #000;
		
		font-size: 100%
	}
.groupslist td {
		font-family: Arial, Helvetica, sans-serif;
		color: #000;
		
		font-size: 84%
		}
		
caption{
		font-family: Arial, Helvetica, sans-serif;
		color: #005f82 ;
		font-weight: bold;
		font-size: 100%
	}

h2{
		font-family: Arial, Helvetica, sans-serif;
		color: #444444;
		font-weight: bold;
		font-size: 120%
	}
h3 {
		font-family: Arial, Helvetica, sans-serif;
		color: #444444;
		font-weight: bold;
		font-size: 100%
		}
		
.highlight_text {
		font-family: Arial, Helvetica, sans-serif;
		color: #444444;
		font-weight: bold;
		font-size: 100%
		}		
	
.floatleft {
   	float:left;
	padding: 0 0.3em 0.3em 0;
	background-color:#FFFFFF;
	vertical-align: inherit
 }

.floatleft_op {
	float: left;
	background-color: #fff;
	}

.floatleft_oplast {
	float: left;
	background-color: #fff;
	border-right: solid 1px #00693c;
	border-top: solid 1px #00693c;
	border-left: solid 1px #00693c;
	}

/****************************PAGE HEADER CLASSES************************/
#top-section {
  
  left: 0;
  top: 0;
  width:100%;
  padding: 0 0 0.1em 0;
  }

/***************left hand side of header***************/
.head {
	float: left;
	width: 65%;
	font-family: Arial, Helvetica, sans-serif;
	background-color:#FFFFFF;
	
}

/******Positioning classes for logo***/

img#logo{
	 position: relative;
	 top: 5px;
	 left: 0px;
	}
#logoname {
	
	position: absolute;
	left:105px;
	top: 90px;
	text-align: left; 
	font-size: 150%;
	color: #00693c;
	}
/******************************/	
		

/*************Right hand side of header *****************/
 
#headright{
	 float: right;	
	 padding: 1em 0 0 0;
	 width: 30%;
	 font-size: 100%;
	 color: #fff;
	 font-weight: bold;
	 text-align: center
	 }
	 
#headright .roundtl{ background-color:#5795AC
  }
 
#headright a:visited {
 text-decoration: none;
 color: #fff
 }
#headright a:link {
 color: #fff;
 text-decoration: none
 }
#headright a:hover {
 color: #FFF;
 
}

/**************CONTACT AND DONATE BOX ***************
 classes for round corne005f82 coloured boxes****/	 
.roundbl {  
			
			background: url(../../images/trans_bl.gif) 0 100% no-repeat ; 
		}				
.roundbr {background: url(../../images/trans_br.gif) 100% 100% no-repeat}
.roundtl {background: url(../../images/trans_tl.gif) 0 0 no-repeat}
.roundtr {background: url(../../images/trans_tr.gif) 100% 0 no-repeat; padding:10px}
		
.clear {font-size: 1px; height: 1px}
/**********************************************************/

#donate{
		float: right;
		width:30%;
		padding:0 0 1em 0;
		color:#fff;
		font-size:100%;
		font-weight:bold;
		text-align:center
	}

#donate a:visited {
 text-decoration: none;
 color: #FFF
 }
 #donate a:link {
 text-decoration: none;
 color: #FFF
 }
 #donate a:hover {

 text-decoration: underline;
 color: #FFF
 
	
}


  
#donate .roundbl{background-color: #005f82 ;
  }
  
  .spacer {float: left;
position: relative;
top: 0;
left: 0;}
			
			
/*********************************END OF HEADER*****************************/
/****************************************************************************/
#tagline{
  	 		position: relative;
			top: 0;
			left: 0;
			float: left;
			width: 100%;
			background-color: #00693c;
			color: #fff;
			font-size: 120%;
			font-weight:bold
		}

/********************************NAVIGATION TABS AT TOP OF PAGE**************************************/
/*******thanks to http://www.fiftyfoureleven.com/sandbox/weblog/2004/oct/light-weight-css-tabs for the code for the navigation tabs.******/
		#navbar {
			position: relative;
			left:0;
			top: 0;
			
			float:left;
			width:100%;
			background:#00693c;
			padding:0;
			font-size:84%;
			line-height:normal;
		}
		#navbar ul {
			margin:0;
			padding:10px 0 0 10px;
			text-align:center;
			list-style:none;
		}
		#navbar li {
			display:inline;
			margin:0;
			padding:0;
			text-align:center
		}
	
	#navbar a {
		float:left;
		background:#E2EEE9 url("../../images/layout_objects/tab_DILYgreen.gif") no-repeat left top;
		padding:0 0 0 9px;
		text-decoration:none;
		color:#000;
	}
	#navbar a span {
		float:left;
		display:block;
		background:#E2EEE9 url("../../images/layout_objects/tab_DILYgreen.gif") no-repeat right top;
		padding:3px 10px 2px 4px;
	}
	/* Commented Backslash Hack hides rule from IE5-Mac \*/
	#navbar a span {float:none;}
	/* End IE5-Mac hack */

	/*
	*	1. At this point many things are simplified. The hover and background colors are set,
	*	and no positions are used because we aren't swapping images
	*	2. 'padding-bottom:4px;' on the current span pushes that tab 1px higher than the others, 
	*	exposing 1px of the background color of #header and giving the effect of an underline.
	*/
	
	#navbar #current a span {
		padding-bottom:4px;
	}
	#navbar a:hover, #navbar a:hover span {
		background-color:#DBF6FF;
		color:#000;
		
	}
	#navbar #current a span, #navbar #current a {
		background-color:#fff;
	}
	
/*****************************************END OF NAVIGATION TABS*********************************/

 
#centre{
		text-align: center;
		
}

p#centre#00693c{
		text-align: center;
		color: #0088AA;
		font-weight: bold
		
}

.all{
	 	width: 800px;
}



.#00693c {

font-weight:bold;
color: #005f82 ;
background-color: #fff
}

.green {

font-weight:bold;
color: #00693c;
background-color: #fff
}

.purple {
	
	font-weight:bold;
	color: #5795AC;
	background-color: #fff;
}


.left {
 	float: left;
	padding: 1em;
	
	}
.right {
	float: left;
	}
.funders {
position:relative;
	left: 0;
	} 
/************************/
.bolditalic{
      font-style:italic;
      font-weight:bold;
      }
.bold{
	font-weight: bold;
	color: #5795AC;
	
      }
	  
.largebold{
	font-weight: bold;
	font-size: 100%;
	color:#FF0000
      }
	  
.verylargebold{
	font-weight: bold;
	font-size: 200%;
      }
      

#news ul {
	margin-left: 2px;
	padding-left: 0;
	font-family: Verdana, Arial, sans-serif;
	font-size: 100%;
	text-align: left
	} 
#news ul li
	{
	list-style: none;
	}
/***********************Layout Classes*****************/

.background{
	background-color: #dbf6ff 
	
		}
			
#main{
	position: absolute;
	padding: 0 2em 0 0.5em;
	top: 0;
	width:98%;
	background-color: #ffffff;
	
	 } 

/*****breadcrumbs*******/	
#bread {
	float: left;
	width: 100%;
	color: #777;
	padding: 0.5em;
	font-size: 84%;
	
	}

#bread ul {
	margin-left: 0;
	padding-left: 0;
	display: inline;
	border: none;
	} 

#bread ul li {
	margin-left: 0;
	padding-left: 0.3em;
	border: none;
	list-style: none;
	display: inline;
	}


#bread a:visited {
 text-decoration: none;
 color: #777
 }
 #bread a:link {
 text-decoration: none;
 color: #777
 }
 #bread a:hover {

 text-decoration: underline;
 color: #777
 
}
/**************/


#bottom-section {
  position:relative;
  left:0;
  top:0;
  }


/**********************************HOMEPAGE LAYOUT***************************/


/*****left column of home page ******/
  #lefthome {
	width: 27%;
	float: left;
    border-style: none;
	background-color: #FFFFFF;
	
	padding: 2em 0 2em 0;
	}
	
	
#lefthome .r {padding: 0}
#lefthome a:visited{color: #005AAA;
		text-decoration: underline
		/* font-weight: bold;*/} 
#lefthome a:link{color: #005AAA;
		text-decoration: underline
		/* font-weight: bold;*/}
#lefthome a:hover{background: #DDDDDD;
		/* font-weight: bold;*/
		text-decoration: underline}
.lefthead {
	
	
	background-color: #005f82 ;
}
.lefthead H1 { 
    font-family: Arial, Helvetica, sans-serif;
	font-size: 120%;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	color: #FFFFFF;
	text-align:center
	}
#lefthome p {
padding: 0 0.3em 0 0.3em;
}
#lefthome h2 {
padding: 0 0.3em 0 0.3em;
}
#lefthome img {
	float: right;
	z-index: -1;
	background-color:transparent;
	padding:0 0.5em 0 0
}	
/**************/

/******middle column***/
#middlehome{
    /*position: absolute;
	top: 0;
	left: 0;*/
	width: 42%;
	float: left;
    border-style: none;
    
	padding: 2em 0em 0em 0.8em;
	}
	

#middlehome a:visited{color: #005AAA;
		text-decoration: underline;
		/* font-weight: bold;*/} 
#middlehome a:link{color: #005AAA;
		text-decoration: underline;
		/* font-weight: bold;*/}
#middlehome a:hover{background: #DDDDDD;
		/* font-weight: bold;*/
		text-decoration: underline}
#middlehome ul li a:visited { color: #005AAA;
		text-decoration: underline;
		/* font-weight: bold;*/}
#middlehome ul li a:link{color: #005AAA;
		text-decoration: underline;#
		/* font-weight: bold;*/
		}
#middlehome ul li a:hover{background: #DDDDDD;
		text-decoration: underline;
		font-weight: bold}
		
#about{
 width: 100%;
 padding: 0.5em;
 background-color:#fff
 }
#about img{
 	float:left;
	padding: 0 0.3em 0.3em 0;
	background-color: #fff;
	}
  
	

/*****right column*****/

#right{ 
     
	  float: right;  
      width: 26%;
	  padding: 2em 0 2em 0;
      z-index: 0;
      }

#right a:visited{color: #005AAA;
		text-decoration: underline} 
#right a:link{color: #005AAA;
		text-decoration: underline}
#right a:hover{background: #DDDDDD;
		/* font-weight: bold;*/
		text-decoration: underline}
#right ul li a:visited { color: #005AAA;
		text-decoration: underline}
#right ul li a:link{color: #005AAA;
		text-decoration: underline;
		}
#right ul li a:hover{background: #DDDDDD;
		text-decoration: underline;
		font-weight: bold}
		
.righthead {
	
	
	background-color: #005f82 ;
}
.righthead H2 { 
    font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	color: #FFFFFF;
	text-align:center
	}
	
.righthead H1 { 
    font-family: Arial, Helvetica, sans-serif;
	font-size: 120%;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	color: #FFFFFF;
	text-align:center
	}
#right P {
     text-align:center
	 }	
#right img {
	z-index: -1;
	background-color:transparent;
	padding:0 0.5em 0 0
}	

/***********************boxes with curves used on home page********************************/
/*Code for boxes with curves thanks to http://www.webcredible.co.uk/user-friendly-resources/css/css-round-corners-borders.shtml and http://www.webcredible.co.uk/user-friendly-resources/css/css-round-corners-boxes.shtml*/

/* classes for blue boxes with curved borders***/

.bl {background: url(../older_people/images/bluecorner_bottomleft.gif) 0 100% no-repeat}
.br {background: url(../older_people/images/bluecorner_bottomright.gif) 100% 100% no-repeat}
.tl {background: url(../older_people/images/bluecorner_topleft.gif) 0 0 no-repeat}
.tr {background: url(../older_people/images/bluecorner_topright.gif) 100% 0 no-repeat; padding: 0.5em 0 0.5em 0}
.t {background: url(../older_people/images/dot.gif) 0 0 repeat-x}
.b {background: url(../older_people/images/dot.gif) 0 100% repeat-x}
.l {background: url(../older_people/images/dot.gif) 0 0 repeat-y}
.r {background: url(../older_people/images/dot.gif) 100% 0 repeat-y }






/*****************************END OF HOMEPAGE LAYOUT********************************
*************************************************************************************/
 
 
 
 #accessibility {
	float: left;
	width: 100%;
	color: #005f82 ;
	padding: 0;
	font-size: 84%;
	top: 0px;
	left: 0px	
	}

 #accessibility a:visited {
 text-decoration: none;
 color: #777
 }
 #accessibility a:link {
 text-decoration: none;
 color: #777
 }
 #accessibility a:hover {

 text-decoration: underline;
 color: #777
 
}


 #new{
 		float: left;
		width: inherit;
		border:solid;
		border-width:0.2em;
		border-color: #EDFBFF;
		padding: 0.5em 0.3em 0.5em 0.5em
		}
  #new img{float: right;
  }
 .newarticle{
 		padding: 0 1em 1em 0;
		}
 #new .t {width: 45%;
 			float: left}
 #new .tr {padding: 0.3em 0.2em 0.3em 0.2em}
  
#newdas {
    float: right;
	width:45%;
	
 
}  
#life {
  padding: 0.5em;
  float: left
 }
 
.middle{border-style: none none none none;
    background-color: #FFFFFF;
	padding: 1em}


      
     	
.footer{
	float:left;
	width: 100%;
		border-style: solid none none none;
		padding: 0.2em; 
		border-color: #00693c;
	border-width: 2px;
	text-align: right;
	color: #005f82 ;
	font-size: 84%;
	background-color:#fff;
	
	}
	
.everyclick {

	float:left;
	width: 100%;
	padding: 0 0 0.5em 0;
	font-size: 84%;
		
	}

.fixedwidth{
	
	width: 10%; 
	
  } 

/*form layout classes*/
	
.frm{
	margin-left: 25%;
	margin-right: 10%;
	font-size: 84%;
	
}

.frm label,.frm input, .frm option .frm select .frm textarea{ 	display: block; 
		width: 250px; 
		float: left; 
		margin-bottom: 10px; } 
.frm label {		 text-align: right; 
		width: 95px;
		padding-right: 20px; } 

.frm br { 		clear: left; } 
.frm textarea {
		width: 250px
}
.frm p { font-size: 100%;}

.buttons { margin-left: 100px;
		padding-bottom: 3em;
		}
input#ea { width: 50px;
		}
label#ea { padding-right: 10px;
		width: 250px
	}

/*********Publications order form***********************/

.pubsfrm{
	font-size: 84%
	
}

.pubsfrm td { font-size: 100%}
.pubsfrm label, .pubsfrm input { 	display: block; 
		width: 250px; 
		float: left; 
		margin-bottom: 10px; } 
		
		
.pubsfrm label {		 text-align: right; 
		width: 70px;
		padding-right: 20px; } 
.pubsfrm textarea {display: block; 
		width: 350px; 
		float: left; 
		margin-bottom: 10px; } 

.pubsfrm p { font-size: 100%;
}
.buttons { margin-left: 100px;
		padding-bottom: 3em
		}
				
.buttons input { width: 100px;
		float: left;
		}

.frmbuttons { margin-left: 50px;
		padding-bottom: 3em
		}
				
.frmbuttons input { width: 100px;
		float: left;
		}

.pubsfrm br { 		clear: left; } 

input#ea { width: 50px;
		}
label#ea { padding-right: 10px;
		width: 250px
	}


		img {
			display:block;
			margin-top:1em;
			background:#eee
		}




/****************************ALL PAGES EXCEPT HOMEPAGE MAIN CONTENT SECTION**********************/

#mid-section {
  padding: 0 0 2em 0;
  width: 100%
  }

 /**********************side navigation******************************/ 
/*code thanks to http://www.alistapart.com/articles/horizdropdowns*****/


  #left {
	width: 25%;
	float: left;
    border-style: none;
	font-size: 84%;
    background-color: #FFFFFF;
	padding: 2em 0em 1em 1em;
	}
	#left .links {
	width: 35%;
	}
	
	
	
	/********************/
  
  
 
.navlist ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 150px;
	border-bottom: 1px solid #ccc;
	}

.navlist ul li {
	position: relative;
	}

.navlist li ul {
	position: absolute;
	left: 149px;
	top: 0;
	display: none;
	}
	
.navlist ul li a {
	display: block;
	text-decoration: none;
	color: #777;
	background: #fff;
	padding: 5px;
	border: 1px solid #ccc;
	border-bottom: 0;
	}

/* Fix IE. Hide from IE Mac \*/
* html .navlist ul li { float: left; }
* html .navlist ul li a { height: 1%; }
/* End */

.navlist li:hover ul, li.over ul { 
	display: block;
	}
.navlist a:hover {background-color: #EDFBFF;
		text-decoration: underline}
/****************** End of side navigation***************************/

/************************Olderpeople's page***************************/

.op_nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 150px;
	border-bottom: 1px solid #005f82;
	}

.op_nav ul li {
	position: relative;
	}

.op_nav li ul {
	position: absolute;
	left: 149px;
	top: 0;
	display: none;
	}
	
.op_nav ul li a {
	display: block;
	font-weight:bold;
	text-decoration: none;
	color: #fff;
	background: #005f82;
	padding: 5px;
	border: 1px solid #ccc;
	border-bottom: 0;
	}

/* Fix IE. Hide from IE Mac \*/
* html .op_nav ul li { float: left; }
* html .op_nav ul li a { height: 1%; }
/* End */

.op_nav li:hover ul, li.over ul { 
	display: block;
	}
.op_nav a:hover {background-color: #fff;
		text-decoration: underline;
		color: #005f82 }
		
.op_nav #this ul li a {display: block;
	font-weight:bold;
	text-decoration: none;
	color: #005f82;
	background: #ffffff;
	padding: 5px;
	border: 1px solid #ccc;
	border-bottom: 0
	}
		
/*********************Main content section ************************/

#content {
	width: 70%;
	float: left;
	padding: 2em 0 2em 0em
	
}
#content .contact {
	width: 100%
	}

#content-enewssignup {
	width: 100%
	}

#content ul{
	
	font-size: 100%;
	
	
}

#content ul li {
	
	
}


#content ul li a {
   color: #00693c
   }
 
 #content ol{
 	font-size: 100%;
	}


#content a:visited{color: #005AAA;
		text-decoration: underline;
		/* font-weight: bold;*/} 
#content a:link{color: #005AAA;
		/* font-weight: bold;*/
		text-decoration: underline}
#content a:hover{background: #DDDDDD;
		/* font-weight: bold;*/
		text-decoration: underline}

#content ul li a:visited { color: #005AAA;
		/* font-weight: bold;*/
		text-decoration: underline}
#content ul li a:link{color: #005AAA;
		/* font-weight: bold;*/
		text-decoration: underline;
		}
#content ul li a:hover{background: #DDDDDD;
		text-decoration: underline;
		/*font-weight: bold*/}


/*******************************************************/
		
.100{font-size:1em}

.120 {font-size:120%}
.top{
	text-align: right;
     }
	

.test {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #6C00AA;
	}
.testTable {
	font-family: Arial, Helvetica, sans-serif;
	text-align: left
	
}
th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: bold;
}
.testresult {
	color: #000000;
	text-align: center;
}
.cyan {
	background-color: #CEEEF7;
}

.righthead H2 { 
    font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	color: #FFFFFF;
	text-align:center
	}
	
.righthead H1 { 
    font-family: Arial, Helvetica, sans-serif;
	font-size: 120%;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	color: #FFFFFF;
	text-align:center
	}
#right P {
     text-align:center
	 }	

.imgright {
	float: right;
	margin: 0;
	padding: 0 0 1em 0.3em;
	background-color: #fff;
	font-size: 70%;
	font-style:italic;
	text-align:right;
	color: #666;
	}
	
.imgrightpubs {
	float: right;
	margin: 0;
	padding: 0;
	background-color: #fff;
	font-size: 70%;
	font-style:italic;
	text-align:right;
	color: #666;
	}
	
	
.rightlink {
	float: right;
	margin: 0;
	padding: 0 0 1em 0.3em;
	background-color: #fff;
	font-size: 100%;
	
	text-align:right;
	color: #666;
	}
a.imglabel:link {
    color: #666666;
	text-decoration:underline;
	}
a.imglabel:visited {
    color: #666666;
	text-decoration:underline;
	}

	
.imgleft {
	float: left;
	margin: 0;
	padding: 0 1em 1em 0;
	background-color: #fff;
	border:none
	}
	
	.imgleft-word {
	float: left;
	margin: 0;
	padding: 0 0.3em 0 0;
	background-color: #fff;
	border:none
	}

.border {
		border-style:dotted;
		border-width:thin;
		border-color:#000000;
		padding: 0.5em
		}
.noborder {border: none;}
/*****************************Bookshop page layout table*********************/

.books td {
			font-size: 100%;
			}

.author { font-size: 84%;
			font-style:italic
			}

/********National Depression Week 2008*************************/
#montage {
	background-image: url(http://www.dascot.org/NDW/2008/images/montage.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
	height: 64px;
	margin-left: 10px;
}

/*******National Depression Week 2009******************/
#montageOP {
	background-image: url(http://www.dascot.org/images/OlderPeople/montage.png);
	background-repeat: repeat-x;
	background-position: left bottom;
	height: 64px;
	margin-left: 10px;
}


.plain_ul {
list-style:none;
margin: 0;
	padding: 0;
	display:block;
	
}
.green_bkground  {
display: block;
background-color:#ADCFC0;

}
	
.lightgreen_bkground  {
display: block;
background-color:#E6F3F3 ;

}