/* ******************* */
/* STANDARD COMPONENTS */
/* ******************* */

BODY{
	background-color : #fff;
	font-family : arial, helvetica, sans-serif;
	margin : 0 0 0 0;
	padding : 0 0 0 0;
	text-align : center;
	font-size : 0.75em;
}

A{
	color : #900;
	text-decoration : none;
}

A:hover{
	color : #900;
	text-decoration : underline;
	color : #900;
}

P{
	margin : 0 0 1em 0;
	padding : 0 0 0 0;
}

H1{
	font-size : 170%;
	color : #009933;
	margin : 0 0 0.7em 0;
	padding : 0 0 10px 0;
	background-image : url(../furniture/h1_underline.gif);
	background-repeat : no-repeat;
	background-position : 0% 100%;
	font-weight : normal;
}

H2{
	font-size : 120%;
	color : #009933;
	padding : 0 0 2px 0;
	margin : 0 0 0 0;
	font-weight : bold;
}

H3{
	font-size : 120%;
	color : #000;
	padding : 0 0 2px 0;
	margin : 1em 0 0 0;
	font-weight : bold;
}

H3{
	font-size : 110%;
	color : #009933;
	padding : 0 0 2px 0;
	margin : 0 0 0 0;
	font-weight : bold;
}

H4{
	font-size : 110%;
	color : #039;
	padding : 0 0 2px 0;
	margin : 0 0 1em 0;
	font-weight : bold;
}

H5{
	font-size : 110%;
	color : #900;
	padding : 0 0 2px 0;
	margin : 0 0 1em 0;
	font-weight : bold;	
}

H6{
	font-size : 100%;
	color : black;
	padding : 0 0 2px 0;
	margin : 0 0 1em 0;
	font-weight : bold;		
}

HR{
	margin : 0.3em 0 1em 0;
	height : 1px;
	padding : 0 0 0 0;
	background-color : #ffffff;
	border-top : 1px solid #999999;
	border-left : none;
	border-right : none;
	border-bottom : none;
}

form{
	display : inline;
}

label{

}








/* ******************************** */
/* ARCHITECTURE IDs */
/* ******************************** */


#stage{
	border : 1px solid black;
	width : 748px;
	margin : 10px auto 0 auto;
	font-family : arial, helvetica, sans-serif;
	font-size : 100%;
	text-align : left;
	background-image : url(../furniture/mainBg.gif);
	background-color : white;
	padding : 0 0 0 0;
}


#gworkUK_logo{
	display : none;
}

.clear{
	clear : both;
	font-size : 5%;
	height : 1px;	
}










/* ******************************** */
/* HEADER */
/* ******************************** */


#header{
	color : white;
	height : 197px;
	padding : 0 0 0 0;
}

#header #headerLeft{
	float : left;
	margin : 0 0 0 0;
	padding : 0 0 0 0;
	width : 219px;
	height : 197px;
}	

#header #headerRight{
	float : left;
	margin : 0 0 0 0;
	padding : 0 0 0 0;
	width : 529px;
	height : 197px;
	background-image : url(../furniture/topRight_bground.gif);
	background-position : 0 0;
	background-repeat : no-repeat;
	text-align : right;
}

#header #headerRight IMG{
	float : right;
	margin : 0 0 0 0;
	padding : 0 0 0 0;
}

#header #headerFlash{
	float : right;
	margin : 0 0 0 0;
	padding : 0 0 0 0;
	width : 529px;
	height : 138px;
	display : inline;
}

#header #flashcontent{
	background-image : url(../furniture/noFlash.gif);
	background-position : 0 0;
	background-repeat : no-repeat;	
	
	float : right;
	margin : 0 0 0 0;
	padding : 0 0 0 0;
	width : 529px;
	height : 138px;
	display : inline;	
}

#header #headerRight #trustName{
	height : 46px;
	background-image : url(../furniture/trustBg.gif);
	background-position : 0 0;
	margin : 0 0 0 0;
	padding : 13px 0 0 3px;
	float : right;
	font-size : 18px;
	color : #ffffff;
	font-weight : 550;
	/* width : 450px; - this fixes Opera 6 for Mac - may need to be put back */
}

#secondHeader{
	color : white;
	padding : 0 0 0 0;
	height : 18px;
}













/* ******************************** */
/* MENU */
/* ******************************** */


#menuBlock{
	display : inline;
	float : left;
	width : 190px;
	padding : 20px 10px 10px 10px;
	background-image : url(../furniture/menuTopBg.gif);
	background-position : 0 0;
	background-repeat : no-repeat;	
}

.menuBox{
	width : 190px;
	padding : 0 0 0 0;
	margin : 0 0 0 0;
}

.menuBox UL{
	margin : 0 0 8px 0;
	padding : 0 0 0 0;
}

.menuBox UL LI{
	font-size : 100%;
	list-style : none;
	margin : 0 0 0 0;
	padding : 0 0 0 0;
	color : #000;
	list-style-image : none;
	font-weight : bold;
	letter-spacing : 1px;
}

.menuBox UL LI A{
	color : #000;
	text-decoration : none;
	margin : 0 0 0 0;
	padding : 0 0 0 18px;
	display : block;
	width : 160px;
}

.menuBox UL LI A:hover{
	color : #005F20;
	text-decoration : none;
	margin : 0 0 0 0;
	padding : 0 0 0 18px;
	background-image : url("../furniture/bullet-menu.gif");
	background-position : 4px 5px;
	background-repeat : no-repeat;
	display : block;
	width : 160px;
}

.menuBox UL LI UL{
	margin : 1px 0 2px 0;
	padding : 0 0 0 0;
}

.menuBox UL LI UL LI{
	font-size : 100%;
	list-style : none;
	margin : 0 0 0 0;
	padding : 0 0 0 10px;
	color : #000;
}

.menuBox UL LI UL LI A{
	color : #000;
	text-decoration : none;
}

.menuBox UL LI UL LI A:hover{
	color : #005F20; 
	text-decoration : none;
}














/* ******************************** */
/* SEARCH */
/* ******************************** */

.searchBox{
	width : 190px;
	padding : 0 0 0 0;
	margin : 20px 0 10px 0;
	text-align : center;
	float : left;
}

.searchBox form{
	display : inline;
	margin : 0;
	padding : 0;
}

.searchBox label{
	font-size : 1px;
	color : #C7E58D;
	display : none;
	height : 1px;
	width : 1px;
}


.searchBox #q{
	float : left;
	border : 1px solid black;
	background-color : white;
	width : 110px;
	margin : 0 5px 0 17px;
	font-size : 11px;
	padding : 1px 4px 2px 4px;
}



.searchBox .siteSearchButton{
	display : block;
	float : left;
	color : #0E135B;
	padding : 0;
	margin : 0 5px 0 0;
	font-weight : bold;
	font-size : 90%;
	font-family : tahoma, arial, sans-serif;
}

/* ******************************** */

#siteSearch{
	float : right;
	text-align : right;
	margin : 4px 4px 0 0;
	width : 250px;
	display : inline;
	padding : 0 0 0 0;
}

#siteSearch form{
	display : inline;
	margin : 0;
	padding : 0;
}

#siteSearch label{
	color : black;
	margin : 0 0 4px 0;
	padding : 0 0 0 0;
}

#siteSearch #q{
	padding : 0 0 0 1px;
	margin : 0 0px 4px 0;
	border : 1px solid black;
	background-color : white;
	display : inline;
	height : 16px;
}

#siteSearch .siteSearchButton{
	padding : 0 0 0 0;
	margin : 0 0 0 0;
}
















/* ******************************** */
/* CONTENT */
/* ******************************** */


#contentBlock{
	display : inline;
	float : right;
	width : 490px;
	padding : 10px 20px 10px 10px;
	margin : 0 12px 0 0;
	text-align : justify;
	background-color : #ffffff;
	line-height : 1.4em;
}

#contentBlock TABLE{
	font-size : 90%;
	width : 98%;
	border : 1px solid black;
	margin : 0 0 1em 0;
	border-collapse : collapse;
}

#contentBlock TABLE TR{
	padding : 0 0 0 0;
	margin : 0 0 0 0;
}

#contentBlock Table TH{
	background-color : #d7d7d7;
	padding : 2px 4px 2px 4px;
	vertical-align : top;
    color : #333333;
	border : 1px solid black;
	border-collapse : collapse;
	text-align : left;
}

#contentBlock TABLE TD{
	background-color : #f5f5f5;
	padding : 2px 4px 2px 4px;
	vertical-align : top;
    color : #333333;
	border : 1px solid black;
	border-collapse : collapse;
}

#contentBlock IMG{
    float : right;
    border : 1px solid #057B01;
    margin : 4px 0 8px 10px;
    padding : 0 0 0 0;
    clear : right;
}

#contentBlock .centredNoBorder IMG{
	text-align : center;
	float : none;
	border : none;
	margin : 5px 0 10px 10px;
	padding : 0 0 0 0;
	clear : both;
}

#contentBlock .leftImageNoBorder IMG{
	text-align : center;
	float : none;
	border : none;
	margin : 5px 0 10px 10px;
	padding : 0 0 0 0;
	clear : both;
}

#contentBlock .leftImageWithBorder IMG{
	text-align : center;
	float : none;
    border : 1px solid #057B01;
	margin : 5px 0 10px 10px;
	padding : 0 0 0 0;
	clear : both;
}

#contentBlock UL{
	margin : 1em 0 1em 20px;
	padding : 0 0 0 0;
}

#contentBlock UL LI{
	background-image : url("../furniture/bullet.gif");
	background-position : 0 5px;
	background-repeat : no-repeat;
	margin : 0 0 0 0;
	padding : 0 0 0 20px;
	list-style : none;
	list-style-image : none;
}

#contentBlock OL, Blockquote{
	margin : 1em 0 1em 40px;
	padding : 0 0 0 0;
}

#contentBlock label{
	padding : 0 0 0 0;
	margin : 0 0 0 0;
}


#contentBlock .listingTable{
	margin : 0 0 1em 0;
	width : 98%;
	border : 1px solid #fff;
	border-collapse : collapse;
}

#contentBlock .listingTable IMG{
    float : right;
    border : 1px solid #000;
    padding : 0 0 0 0;
    margin : 0 -10px 0 0;
}

#contentBlock .listingTable TR{
	padding : 0 0 0 0;
	margin : 0 0 0 0;
	border : none;
}

#contentBlock .listingTable TD{
	padding : 7px 10px 12px 0px;
	vertical-align : top;
	border-collapse : collapse;
	border : none;
	background-color : #fff;
}

.dataTable{
	font-size : 90%;
	width : 490px;
	border : 1px solid black;
	margin : 0 0 1em 0;
	border-collapse : collapse;
}

.dataTable TH{
   background-color : #D7D7D7;
	font-weight : bold;
	padding : 2px 4px 2px 4px;
	vertical-align : top;
	text-transform: uppercase;
	border : 1px solid black;
	text-align : left;
}

.dataTable TD{
	background-color : #f5f5f5;
	padding : 2px 4px 2px 4px;
	vertical-align : top;
    color : #333333;
	border : 1px solid black;
	border-collapse : collapse;
}

#layoutFooter{
	color : white;
	font-size : 1px;
	padding : 0 0 0 0;
	width : 748px;
	margin : 0 auto 0 auto;
}















/* ******************************** */
/* ADDRESS */
/* ******************************** */

#addressBox{
	width : 180px;
	font-size : 90%;
	display : block;
	margin : 0 0 0 10px;
	padding : 0 0 0 0;
}

#addressBox P{
	display : block;
	font-style : normal;
	padding : 4px 0 4px 7px;
	margin : 0 0 0 0;
} 

#addressBox P A{
	color : #000;
	text-decoration : none;
} 

#addressBox P A:hover{
	color : #000;
	text-decoration : underline;
}










/* ******************************** */
/* FOOTER */
/* ******************************** */

#printDetails{
	display : none;	
}


#footer{
	width : 748px;
	margin : 5px auto 0 auto;
	font-family : arial, helvetica, sans-serif;
	font-size : 85%;
	color : #333;
	text-align : center;
}

#footer A{
	color : #900;
	text-decoration : none;
}

#footer A:hover{
	color : #039;
	text-decoration : underline;
}

#cwn{
	display : block;
	float : right;
	width : 170px;
	text-align : right;
}

#updated{
	display : block;
	float : left;
	width : 200px;
	text-align : left;
}

#charity{
	display : block;
	float : left;
	width : 378px;
	text-align : center;
}


.projectMap{
	height : 575px;
	width : 450px;
	background-image : url(/assets/furniture/map.gif);
	background-repeat : none;
	position : relative;
}

.projectMap A{
	background-color : #093;
	border : 2px solid black;
	position : absolute;
	display : block;
	color : white;
	font-weight : bold;
	padding : 2px 15px 2px 15px;
	
}
.projectMap A:hover{
	background-color : #f90;
	color : black;
	text-decoration : none;
}

A#Erdington{
	top : 220px;
	left : 270px;
}
A#Edgbaston{
	top : 378px;
	left : 55px;
}
A#HallGreen{
	top : 465px;
	left : 190px;
}
A#HodgeHill{
	top : 295px;
	left : 300px;
}
A#Ladywood{
	top : 310px;
	left : 150px;
}
A#Northfield{
	top : 513px;
	left : 20px;
}
A#PerryBar{
	top : 220px;
	left : 130px;
}
A#SellyOak{
	top : 425px;
	left : 130px;
}
A#Sparkbrook{
	top : 365px;
	left : 205px;
}
A#SuttonColdfield{
	top :110px;
	left : 250px;
}
A#Yardley{
	top : 360px;
	left : 320px;
}



.solihullMap{
	height : 435px;
	width : 450px;
	background-image : url(/assets/furniture/solihullMap.gif);
	background-repeat : none;
	position : relative;
}

.solihullMap A{
	background-color : #093;
	border : 2px solid black;
	position : absolute;
	display : block;
	color : white;
	font-weight : bold;
	padding : 0 8px 0 8px;
	font-size : 90%;
	text-align : center;
}
.solihullMap A:hover{
	background-color : #f90;
	color : black;
	text-decoration: none;
}

A#castleBromwich{
	top : 5px;
	left : 55px;
}
A#smithsWood{
	top : 25px;
	left : 195px;
}
A#kingshurst{
	top : 60px;
	left : 105px;
}
A#chelmsleyWood{
	top : 70px;
	left : 220px;
}
A#Lynden{
	top : 165px;
	left : 76px;
}
A#Elmdon{
	top : 185px;
	left : 150px;
}
A#Bickenell{
	top : 220px;
	left : 210px;
}
A#Olton{
	top : 205px;
	left : 60px;
}
A#Silhill{
	top : 230px;
	left : 130px;
}
A#ShirleyWest{
	top : 275px;
	left : 0px;
}
A#ShirleyEast{
	top : 253px;
	left : 40px;
}
A#ShirleySouth{
	top : 297px;
	left : 30px;
}
A#StAlphege{
	top : 275px;
	left : 110px;
}
A#Blythe{
	top : 340px;
	left : 50px;
}
A#Dorridge{
	top : 360px;
	left : 120px;
}
A#Knowle{
	top : 328px;
	left : 200px;
}
A#Meriden{
	top : 250px;
	left : 340px;
}

