body{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 70%; }

br { clear:none; }

/* div styles */
#wrapper {
	position:relative;
	text-align:justify;
	width:770px;
	margin:0.4em auto 0 auto;
}

#headertop {
	left:0px;
	top:0px;
	width:770px;
	height:116px;
	z-index:1;
	visibility:visible;
	background-image: url(../ecohome/images/headertop.jpg);
	background-repeat: no-repeat;
	background-position: left;
}
#headerbottomleft {
	left:0px;
	top:126px;
	width:210px;
	height:37px;
	z-index:2;
	visibility:visible;
	background-image: url(../ecohome/images/headerbottomleft.jpg);
	background-repeat: no-repeat;
}
#headerbottomright {
	position:absolute;
	left:753px;
	top:116px;
	width:17px;
	height:37px;
	z-index:3;
	visibility:visible;
	background-image: url(../ecohome/images/headerbottomright.jpg);
	background-repeat: no-repeat;
}

#thehousebutton {
	position:absolute;
	left:200px;
	top:106px;
	width:93px;
	height:37px;
	z-index:501;
	visibility:visible;
}
#thehousebuttonimage {
	position:relative;
	width:93px;
	height:37px;
	z-index:4;
	visibility:visible;
}
 
#whatwedidbutton {
	position:absolute;
	left:293px;
	top:106px;
	width:130px;
	height:37px;
	z-index:500;
	visibility:visible;
}
#whatwedidbuttonimage { 
	position:relative; 
	width:89px; 
	height:37px; 
	z-index:4; 
	visibility:visible; 
}

#featuresbutton { 
	position:absolute; 
	left:382px; 
	top:106px;
	width:89px; 
	height:37px;
	z-index:499; 
	visibility:visible; 
}
#featuresbuttonimage { 
	position:relative; 
	width:89px; 
	height:37px; 
	z-index:4; 
	visibility:visible; 
}

#partnershipsbutton {
	position:absolute;
	left:471px;
	top:106px;
	width:89px;
	height:37px;
	z-index:498;
	visibility:visible;
}
#partnershipsbuttonimage { 
	position:relative; 
	width:89px; 
	height:37px; 
	z-index:4; 
	visibility:visible; 
}

#accreditationbutton { 
	position:absolute; 
	left:560px; 
	top:106px;
	width:89px; 
	height:37px;
	z-index:8; 
	visibility:visible; 
}
#accreditationbuttonimage { 
	position:relative; 
	width:89px; 
	height:37px; 
	z-index:4; 
	visibility:visible; 
}

#monitoringbutton { 
	position:absolute; 
	left:649px; 
	top:106px;
	width:94px; 
	height:37px;
	z-index:8; 
	visibility:visible; 
}
#monitoringbuttonimage { 
	position:relative; 
	width:94px; 
	height:37px; 
	z-index:4; 
	visibility:visible; 
}

.rightimagediv {
	float:right;
	text-align:right;
	border:0px;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 20px;
	display: inline;
}
.leftimagediv {
	float:left;
	text-align:left;
	border:0px;
	margin-top: 5px;
	margin-right: 20px;
	margin-bottom: 5px;
	margin-left: 5px;
	display: inline;
}
.centerimagediv {  
	text-align:center; 
	margin:10px auto; 
	border:0px;
}
.rightimagediv30px {
	float:right;
	text-align:right;
	border:0px;
	margin-top: 5px;
	margin-right: 30px;
	margin-bottom: 5px;
	margin-left: 30px;
	display: inline;
}
.leftimagediv30px {
	float:left;
	text-align:left;
	border:0px;
	margin-top: 5px;
	margin-right: 30px;
	margin-bottom: 5px;
	margin-left: 30px;
	display: inline;
}
#shropshireImage{
	position:absolute;
	left:15px;
	top:15px;
	z-index:6;
	visibility:visible;
}
#textheader{
	position:absolute;
	left:230px;
	top:8px;
	width:200px;
	height:30px;
	z-index:9;
	visibility:visible;
}
#shropshireText{
	position:absolute;
	left:245px;
	top:75px;
	width:202px;
	height:40px;
	z-index:9;
	visibility:visible;
}
#textheader h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#000000;
	font-weight:bold;
	margin-top:0px;
	margin-bottom:0px;
	text-align: left;
}
#bvtheaderlogo{
	position:absolute;
	left:501px;
	top:19px;
	width:249px;
	height:80px;
	z-index:3;
	visibility:visible;
}
#tablinks div { float:left; }
#tablinks a { display:block; padding:10px 10px; }
#tablinks a:link, 
#tablinks a:visited,
#tablinks a:hover,
#tablinks a:active {  }
/* end of header styles */

/* body styles */
#bodytop{
	position:relative;
	margin-left:0px;
	margin-top:-3px;
	width:770px;
	height:16px;
	z-index:8;
	visibility:visible;
	background: url(../ecohome/images/bodytop.jpg) no-repeat left top;
}
#bodymain{ position:relative; margin-left:0px; margin-top:-4px; width:770px; z-index:10; visibility:visible; background-image:url(../timebank/images/body_thin_slice.jpg); background-position: left top; background-repeat: repeat-y; }
#bodybottom{
	position:relative;
	margin-left:0px;
	margin-top:-15px;
	width:770px;
	height:15px;
	z-index:30;
	visibility:visible;
	background:    url(../timebank/images/body_bottom.jpg) repeat left top;
}

#bodydivider { position:absolute; left:490px; top:20px; width:5px; height:514px; z-index:20; visibility:visible; background:url(../timebank/images/body_divider.gif) no-repeat left; }
#supportedby {
	position:absolute;
	left:495px;
	top:1px;
	width:230px;
	height:60px;
	z-index:22;
	visibility:visible;
	background:url(../timebank/images/supportedby.gif) no-repeat left;
}

#main{ position:relative; margin-left:27px; margin-top:0px; margin-bottom:4px; width:720px; z-index:11; visibility:visible; }
#main h1 { font-size:1.6em; color:#000099; font-weight:bold; margin-top:0px; margin-bottom:10px; text-align:left; }
#main h2 { font-size:1.4em; color:#000000; font-weight:bold; margin-top:6px; margin-bottom:4px; }
#main h3 { font-size:1.3em; color:#000000; font-weight:bold; margin-top:6px; margin-bottom:4px; }
#main p { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:1.2em; color:#000000; margin-top:6px; margin-bottom:10px; }
#main ol { margin-top:1em; }
#main a:link, 
#main a:visited,
#main a:active { color:blue; text-decoration:underline; }
#main a:hover { color:green; }
#main ul{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size:1.2em; color:#000000; font-weight:normal; margin-top:0px; margin-bottom:6px; } /* was font-size:1.2em; */
#main ul li { font-family: Verdana, Arial, Helvetica, sans-serif; color:#000000; font-weight:normal; margin-top:3px; margin-bottom:3px; text-align:left; } 
#main dl{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size:1.2em; color:#000000; font-weight:normal; margin-top:0px; margin-bottom:6px; } /* was font-size:1.2em; */
#main dt { margin-top:3px; margin-bottom:3px; text-align:left; font-weight:bold;}
#main dd { margin-left:0px; margin-top:3px; margin-bottom:10px; text-align:left; font-weight:normal;}
#main img {
	border-top: 1px solid #000099; border-left: 1px solid #000099;
	border-right: 2px outset #CCCCCC; border-bottom: 2px outset #CCCCCC;
}
#main hr { color:#gray; }

/*#main img { border: 1px solid #000099; }*/
/* end of body styles */

/* footer styles */
#footertop{
	position:relative;
	margin-left:0px;
	margin-top:1px;
	width:770px;
	height:14px;
	z-index:40;
	visibility:visible;
	background:    url(../timebank/images/footer_top.jpg) no-repeat left top;
}
#footerbody{
	position:relative;
	margin-left:0px;
	margin-top:0px;
	width:770px;
	height:2.5em;
	z-index:41;
	visibility:visible;
	background:url(../timebank/images/footer_body.jpg) repeat left top;
}
#footerbottom{ position:relative; margin-left:0px; margin-top:0px; width:770px; height:14px; z-index:45; visibility:visible; background: url(../timebank/images/footer_bottom.jpg) no-repeat left top; } /* was height:14px; */
#footerlinks { position:absolute; margin-left:44px; margin-top:0px; width:700px; height:auto; z-index:44; visibility:visible; line-height:1.1em; } /* was height:12px; */
#credits { font-size:0.9em; position:absolute; left:28px; top:-8px; z-index:47; visibility:visible; margin-top:-0.1em; } /* was font-size:1em;*/
#footerlinks a:link, 
#footerlinks a:visited,
#footerlinks a:active { color:navy; font-weight:bold; text-decoration:underline; line-height:1.3 }
#footerlinks a:hover { color:#007E00; font-weight:bold;}
#footerlinks ul li { position:absolute; left:-1px; top:-7px; list-style:none; font-size:0.95em; margin-left:-20px; z-index:1; visibility:visible; } /*//was font-size:12px;*/
/* end of footer styles */

/* classes 
.feed { padding: 8px 28px 0 0px;
				height:20px;
				cursor:hand;
				text-align:right;
				margin-bottom:12px;
				background: url("./image/feed-icon-20x20.jpg") no-repeat 100% 50%;
}
*/
.centerbottombgimage { background-repeat:no-repeat; background-position:center bottom; }

.feed { padding: 0px 0px 0px 0px;
				height:22px;
				cursor:hand;
				text-align:right;
				/*margin-bottom:12px;*/
				background: url("./image/feed-icon-20x20.jpg") no-repeat 100% 50%;
				visibility:hidden;
				margin-top:-14px; /* was -1.2em */
				margin-right:20px;
				width:22px;  /*10em; 100px;*/
				float:right;
				font-size:0.9em; /*/ was 1em / 12px*/
}
#feed a:link, 
#feed a:visited,
#feed a:active { color:navy; font-weight:bold; text-decoration:underline; }
#feed a:hover { color:green; }

.access { 
				padding: 0px 0px 0px 0px;
				height:19px;
				cursor:hand;
				text-align:right;
				margin-top:-14px; /*-1.3em;*/ 
				margin-right:20px;
				width:60px; /*10em*/  
				float:right;
				visibility:hidden;
				/*font-size:0.9em;*/ 
}

.bold { font-weight:bold; }
.hr { margin-bottom:0px; margin-top:0px; font-weight:bold; }
.right { float:right;}
.clear { clear:both; }
.navy1pxborder { border: 1px solid navy;}
.min-height { height:350px; float:right; }
.left48percent { width:48%;float:left; }
.right48percent { width:48%;float:right; }
.centre { text-align:center; }
ul.pubs { list-style:none; line-height:1.4em; }
div.imagecaption { width:100%; color:#555555; font-size:1.1em; text-align:justify; }
div.left { text-align:left; }
.shading { background:#C0C0C0; }
h3.weblinks { background:#ccccff;width:100%;padding:5px 0 5px 5px;}
.date {
	float:right;
	font-size:1em;
	font-style:italic;
	margin-top:5px;
	color:gray;
	margin-bottom:30px;
	margin-top:20px;
}

.bl {background: url(../image/corners/blE6EFFF.gif) 0 100% no-repeat #E6EFFF; margin-bottom:10px;}
.br {background: url(../image/corners/brE6EFFF.gif) 100% 100% no-repeat}
.tl {background: url(../image/corners/tlE6EFFF.gif) 0 0 no-repeat}
.tr {background: url(../image/corners/trE6EFFF.gif) 100% 0 no-repeat; padding:0; height:auto; }


.bl_ltblue {background: url(../image/corners/blE6EFFF.gif) 0 100% no-repeat #E6EFFF; width:49%; margin-bottom:10px;}
.br_ltblue {background: url(../image/corners/brE6EFFF.gif) 100% 100% no-repeat}
.tl_ltblue {background: url(../image/corners/tlE6EFFF.gif) 0 0 no-repeat}
.tr_ltblue {background: url(../image/corners/trE6EFFF.gif) 100% 0 no-repeat; padding:0; height:auto; }


.bl_mauve {background: url(../image/corners/blE5DCFE.gif) 0 100% no-repeat #E5DCFE; width:49%; margin-bottom:10px;}
.br_mauve {background: url(../image/corners/brE5DCFE.gif) 100% 100% no-repeat}
.tl_mauve {background: url(../image/corners/tlE5DCFE.gif) 0 0 no-repeat}
.tr_mauve {background: url(../image/corners/trE5DCFE.gif) 100% 0 no-repeat; padding:0; height:auto; }


.bl_pink {background: url(../image/corners/blF8DAEE.gif) 0 100% no-repeat #F8DAEE; width:49%; margin-bottom:10px;}
.br_pink {background: url(../image/corners/brF8DAEE.gif) 100% 100% no-repeat}
.tl_pink {background: url(../image/corners/tlF8DAEE.gif) 0 0 no-repeat}
.tr_pink {background: url(../image/corners/trF8DAEE.gif) 100% 0 no-repeat; padding:0; height:auto; }


.bl_ltgreen {background: url(../image/corners/blE7F9EF.gif) 0 100% no-repeat #E7F9EF; margin-bottom:10px;}
.br_ltgreen {background: url(../image/corners/brE7F9EF.gif) 100% 100% no-repeat}
.tl_ltgreen {background: url(../image/corners/tlE7F9EF.gif) 0 0 no-repeat}
.tr_ltgreen {background: url(../image/corners/trE7F9EF.gif) 100% 0 no-repeat; padding:0; height:auto; }


.bl_yellow {background: url(../image/corners/blF8F6D5.gif) 0 100% no-repeat #F8F6D5; width:49%; margin-bottom:10px;}
.br_yellow {background: url(../image/corners/brF8F6D5.gif) 100% 100% no-repeat}
.tl_yellow {background: url(../image/corners/tlF8F6D5.gif) 0 0 no-repeat}
.tr_yellow {background: url(../image/corners/trF8F6D5.gif) 100% 0 no-repeat; padding:0; height:auto; }

/* end of classes */
