body {
	font-family: Helvetica, Arial, sans-serif;
	background-color:#ffffff;
	margin: 0px auto 0px auto;
	padding: 0px;
	font-size: 80%;
	color: #666666;
}

#container {
	width: 760px;
	margin: 0px auto 0px auto;
	text-align: left;
	display: block;
	background-color: #FFFFFF;
}

.hidden {
	visibility: hidden;
}

#topstripe {
	background-image: url(/images/top_stripe.gif);
	background-repeat: no-repeat;
	display: block;
	height: 30px;
	width: 760px;
	color: #DAC4E1;
	text-align: right;
	font-size: 85%;
}

#topstripe #right {
	float:right;
	margin-right: 10px;
}

#topstripe #aaaright {
	float:right;
	margin-right: 10px;
	display: block;
	width: 65px;
	background-image: url(/images/aaa.gif);
	height: 30px;
}

#topstripe ul{
	list-style-type: none;
	margin: 0px;
	padding: 7px 20px 0px;
}

#topstripe li{
	display: inline;
	padding-right: 7px;
	padding-left: 7px;
}

#topstripe a {
	color: #DAC4E1;
	text-decoration: none;	
}

#topstripe a:hover {
	color: #ffffff;
	text-decoration: none;
}

#textsize {
	display: block;
	height: 30px;
	background-color: #00CC00;
	width: 100px;
}

#header {
    width: 760px; height: 148px;
    margin: 0px auto; padding: 0;
    position: relative;
}

#hlogo {
	height: 148px;
	width: 760px;
	background-image: url(/images/header.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
}

#search {
	background-color: #cccccc;
	display: block;
	height: 30px;
	width: 760px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}

#content {
	width: 760px;
	margin: 0px auto 0px auto;
	height: auto;
	height /**/: auto;
	min-height: 540px;
	display: block;
	overflow: auto;
}

#navigation {
	float: left;
	width: 209px;
	margin: 0px;
	height: auto;
	height /**/: auto;
	min-height: 540px;
	font-size: 120%;
}

#navigation a {
	color: #ffffff;
	text-decoration: none;	
}

#navigation a:hover {
	color: #ffcc66;
	text-decoration: none;
}

#navigation ul {
	margin: 0px;
	padding: 0px;
	background-color: #DC862C;	
}

#navigation li {
	display: block;
	list-style-type: none;
	padding: 7px 0px 10px 10px;
	border-bottom: 4px solid #ffffff;
}

#navigation li ul {
	background-image: none;
	width: auto;
	margin: 0px;
	padding: 5px 0px 0px 10px;
	}

#navigation li ul li {
	background-image: none;
	font-weight: normal;
	width: auto;
	margin: 0px;
	border: 0px;
	padding-top: 3px;
	padding-right: 0px;
	padding-left: 0px;
	}
	
.navcolour {
	background-color: #B1620F;
}

.greennavcolour {
	background-color: #9ac43c;
}

.lpnavcolour {
	background-color: #a28aba;
}

.dpnavcolour {
	background-color: #7e518c;
}

#navpic {
	background-image: url(/images/topnavpic.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 142px;
}

#supporters {
	background-image: url(/images/supporters.gif);
	background-repeat: no-repeat;
	display: block;
	height: 161px;
}


#textcolumn {
	float: left;
	width: 531px;
	font-size: 90%;
	display: block;
	padding-left: 15px;	
	margin-top: 10px;	
}

#textcolumn a {
	color: #7E518C;
	text-decoration: none;
}

#textcolumn a:hover {
	color: #D2BADA;
	text-decoration: none;
}

#textcolumn3 {
	float: left;
	width: 720px;
	margin-top: 20px;
	

}

#textcolumn2 {
	float: left;
	width: 531px;
	margin-top: 20px;
}

#textcolumn4 {
	float: left;
	width: 540px;
	margin-top: 20px;
	
}

#textcolumn5 {
	float: left;
	width: 350px;
	margin-top: 20px;
}

#loginright {
	width: 150px;
	float: right;
	background-color: #DAC4E1;
	padding: 10px;
	color: #7E518C;
}

#signhead {
	width: 156px;
	float: right;
	color: #FFFFFF;
	background-color: #6E477A;
	padding: 7px;
	text-align: center;
}

#signin2 {
	background-repeat: no-repeat;
	width: 300px;
	height: 216px;
	padding-top: 80px;
	padding-left: 35px;
	margin-bottom: -60px;
	float: right;
}

#footer {
	width: 760px;
	display: block;
	margin: 0px;
	padding: 0px;
	clear: both;
	font-size: 90%;
	background-image: url(/images/footer_bg.gif);
	text-align: center;
	background-repeat: no-repeat;
}

#footertop {
	display: block;
	height: 35px;
	width: 760px;
	margin-bottom: 10px;
	color: #9A9A9A;
}

#footertop a {color: #621162; text-decoration: none;}

#footertop a:hover {color: #9A9A9A; text-decoration: non;}

#footertop ul{
	list-style-type: none;
	margin: 0px;
	padding: 14px 10px 0px;
}

#footertop li{
	display: inline;
	padding-right: 1px;
	padding-left: 1px;
}

#footerbottom {
	display: block;
	height: 83px;
	width: 760px;
	color: #9A9A9A;
}

#footerbottom a {color: #9A9A9A; text-decoration: none;}

#footerbottom a:hover {color: #7E518C; text-decoration: non;}

#footerbottom ul{
	list-style-type: none;
	margin: 0px;
	padding: 10px 10px 0px;
}

#footerbottom li{
	display: inline;
	padding-right: 1px;
	padding-left: 2px;
}

.bold {
	font-weight: bold;
}

/* ------------------ menu settings ------------------------------ */

#menu {margin: 0px; padding: 0px;}

#menu ul {
margin:0px; padding:0px;
margin-top:10px;
width:172px;
list-style:none;
}

#menu ul ul { margin-top: 0px;}
 /*----------------------------------------------------------------------------*/
#menu li { margin:0px; padding:0px; padding-bottom:5px; padding-top: 5px; border-bottom: 1px solid #ffffff; padding-left: 5px;}
#menu li li {margin:0px; padding:0px; padding-right:10px; border-bottom: 0px; float: right;}
 
#menu ul li a:link, #menu ul li a:visited { color:#fafafa; text-decoration:none; font-weight: bold; }
#menu ul li a:hover { color:#cccccc; font-weight: bold; text-decoration: underline;}

#menu ul li ul {margin-top: 0px;}

#menu ul li li a:link, #menu ul li li a:visited { color: #efefef; text-decoration:none; font-weight: normal; }
#menu ul li li a:hover { color:#cccccc; font-weight: normal; text-decoration: underline;}

/* -------------------------------------------------------------------------- */

#fund {
	float: right;
	width: 134px;
	margin-right: 1px;
	margin-left: 0px;
	margin-top: 5px;
	background-color: #ffffff;
}

#fund ul {
	list-style: none;  
	margin: 0px; 
	padding: 0px 0px 0px 0px; 
}

#fund li { 
	margin: 0px; 
	padding: 0px 0px 0px 0px;  
}

.mustard {
	font-weight: bold;
	color: #CC9900;
}

.green {
	font-weight: bold;
	color: #669900;
}

.newsfront {
	color: #003366;
	list-style-type: none;
	margin: 0px;
}

#signin a {color: #621162; text-decoration: none;}

#signin a:hover {color: #003366; text-decoration: non;}

#signin  #headerleft {
	float:left;
	padding-top: 7px;
	padding-left: 7px;
	font-weight: bold;
}

#news {
	border: 1px solid #EDEDED;
	width: 160px;
	clear: both;
	background-color: #EDEDED;
	color: #666666;
	padding: 7px;
}

/*--------------------------headings------------------------------*/
		
h1 {
	color: #7E518C;
	font-size: 1.6em;
	font-weight: bold;
	margin-top: 2px;
	margin-bottom: 2px;
}

h2 {
	color: #7E518C;
	font-size: 1.6em;
	font-weight: bold;
	margin-top: 2px;
	margin-bottom: 2px;
}
	
h3 {
	color: #621162;
	font-size: 1.2em;
	margin-top: 10px;
	margin-bottom: 2px;
	background-image: url(/images/headerbg.gif);
}

h4 {
	color: #621162;
	font-size: 1.2em;
	margin-top: 2px;
	margin-bottom: 2px;
}

/*---------------- DO NOT DELETE CSS for the CMS system----------------------------------------------------*/

#notice {
	border: 1px solid #ff3300; 
	background-color:#FFFF99; 
	padding: 10px;
}

.notice {
	border: 1px solid #ff3300; 
	background-color:#FFFF99; 
	padding: 10px;
}

.fleft {
	float: left; 
	margin-right: 60px;
}

.ximleft {
	float: left; 
	margin: 4px;
}

.ximright {
	float: right; 
	margin: 4px;
}

.ximblock {
	display: block; 
	margin: 4px;
}

.red {color: #ff3300;}

.redx {
	color: #ff6600;
}

.cboth {
	clear: both;
}

/* --------------------------------------------------------------------- */

.rlinks_do {
	list-style: none;
	margin-left: 50px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.rlinks_do li {
	margin: 6px 0 6px 0; 
	padding: 0px 0px 0px 0px;
	font-weight: bold;
	line-height: 24px;
	background-repeat: no-repeat;
	background-position: 0 50%;
	background-image: url(/images/arrow.gif); 
}

.rlinks_do li a {
	padding-left: 30px;
}
  
/*----------------------------------------------------Contact form-----------------------------------*/
 
#right_contact { 
	float:left; 
	padding-left:15px;
}

#left_contact label{margin: -15px 5px 15px 10px;
	
}
 
input, textarea, select {
}

.signin_text_field {
	border: 1px solid #6B4577;
	color: #7E518C;
	padding: 3px;
	font-size: 12px;
	width:135px;
}

.small_text_field {
	border: 1px solid #CCCCCC;
	color: #7E518C;
	padding: 3px;
	font-size: 12px;
	width:280px;
}
 
.small_text_field {
	border: 1px solid #CCCCCC;
	color: #7E518C;
	padding: 3px;
	font-size: 12px;
	width:280px;
}
 
.large_text_field {
	border: 1px solid #CCCCCC;
	color: #7E518C;
	padding: 3px;
	font-size: 12px;
	width:280px;
	margin-bottom:6px;
	font-family: Arial, Helvetica, sans-serif;
}

.sendbutton {
	margin-top:10px; 
	padding:2px; 
	border: 1px solid #333333; 
	background-color:#eeeced; 
	font-size: 13px;
}

#bloodything{ 
	clear:both; 
	height:75px;
}

#logintest {
	border: 1px solid #EDEDED;
	width: 160px;
	clear: both;
	background-color: #00FF00;
	padding: 7px;
	display: block;
}
 
 /* ----------------------------------------------------------------------------------------------------------- */

#logged {
	display: block; 
	text-align: right; 
	margin: 5px 15px -5px 5px;  
	font-weight: bold; 
	color: #666666; 
	font-size: 0.8em;
}

/* -------------------- CSS for the ZOOM indexer ------------------------------------ */
.highlight { background: #FFFF40; }
		.searchheading { font-size: 130%; font-weight: bold; }
		.summary { font-size: 80%; font-style: italic; } 
		.results { font-size: 100%; }
		.category { color: #999999; }
		.description { font-size: 100%; color: #008000; }
		.context { font-size: 100%; }
		.infoline { font-size: 80%; font-style: normal; color: #808080;}
		.sorting { text-align: right; }
		.result_title { font-size: 100%; }

		.zoom_searchform { font-size: 100%; float: right;}
		.zoom_searchform label {font-weight: bold; color: #003366;}
		.zoom_options { font-size: 80%; }
		input.zoom_button {  }
		input.zoom_searchbox {  }	
		.zoom_searchform label {color:#000033; font-weight: bold;}
		.zoom_searchbox {
	width: 180px;
	background-color: #ffffff;
	border: 1px solid #003366;
	padding: 2px;
	color: #003366;
	margin-top: 3px;
	margin-right: 5px;
	margin-left: 5px;
}
		.zoom_button {width: auto; background-color: #006600; color: #ffffff; border: 1px solid #006600; margin: 0px 0px 10px 10px;}
		#cmdsearch {margin: 2px 3px -5px 3px;}	
		#nofloat {float: none;}


/* ------------------------ CSS for tavistock added by John ---------- you can chnage ----------------- */
/* tav_groups is for the dl list on the groups page */
dl.tav_groups {}
dl.tav_groups dt  {font-weight: bold; font-size: 1.2em;}
dl.tav_groups dd {}
dl.tav_news {}
dl.tav_news dt {}
dl.tav_news dd {}
/* breadcrumb list on tavistock group page */
.tav_bread {}

dt {font-weight: bold; font-size: 1.6em; margin-top: 10px;}

dl.community_groups {}
dl.community_groups dt {}
dl.community_groups_news {}
h3.community_h3 {}
.notice {color: #ff3300; font-weight: bold;}
.inp1 {
	width: 170px;
	border: 1px solid #6A4475;
}
.medinput {width: 330px;}
.rc {font-weight: bold; color: #ff3300;}
input.mini {width: 65px;}

.tbl {border: 1px solid #cccccc; border-collapse: collapse; background-color: #eeeeee;}
.tbl th, .tbl td {border: 1px solid #cccccc; border-collapse: collapse; padding: 5px; vertical-align: top;}
.tbl th {background-color: #DADFBB;}
.micronews {font-size: 0.7em;}
dt.group_name {font-size: 1em;}

/*******************************************************************
Drop down nav
*******************************************************************/

.navigation {
	width: 760px;
	background-color: #FFCC66;
	height: 30px;
	background-color: #DAC4E1;
}

.navigation ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

.navigation a {
	display: block;
	width: 11em;
	text-decoration: none;
	height: 30px;
	background-color: #DAC4E1;
	color: #7E518C;
	text-align: center;
	font-weight: bold;
}

.navigation a:hover {
	background-color: #7E518C;
	color: #FFFFFF;
}

.navigation li {
	float: left;
	width: 11em;
	margin-left: 6px;
	maring-right: 6px;
}

.navigation li ul {
	position: absolute;
	width: 11em;
	left: -999em;
	background-color: #DAC4E1;
}

.navigation li:hover ul {
	left: auto;
}

.navigation li:hover ul, .navigation li.sfhover ul {
	left: auto;
}

.navigation li ul li {
	margin: 0px;
}

.navigation li ul li a {
	height: 30px;
}

.navigation li ul li a:hover {
	background-color: #7E518C;
	color: #FFFFFF;
}