@import url("text.css");
@import url(http://www.fatbeehive.com/beekeeper2/reset.css);

/* -------------------------------------------------------------
WHO CARES JOBS MAIN STYLES
-------------------------------------------------------------- */

/*GLOBAL----------------------------------------- */
body {
	background-color: #000;
	margin: 0;
	padding: 0;
	font: 62.5% Verdana, Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
}
body img{ 
	border:0;
}
body h1{ 
	margin:0 0 10px 0;
	padding:0;
}
body h1.print-only { 
	display: none;
}

body h2{ 
	margin:0; 
	padding:10px 0 5px 0; 
}
body h3{ 
	margin:0; 
	padding:0;
}

/* link styles */

a {
	color: #999;
}
#content a {
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	background: url(../images/link_bgd_pink.gif) bottom left repeat-x;
}
a:focus, a:active {
outline: 0;
-moz-outline: none;
} 

#content #nailbox a, #content #nailbox-sml a, #content #gridbox a, #content #nailbox_small a, #content #gridbox_small a, #content #gridbox_sml a {
	color: #000;
}
#content #nailbox a:hover, #content #gridbox a:hover {
	text-decoration: none;
	background: url(../images/link_bgd_white_o.gif) bottom left repeat-x;
}
#content a.red {
	color: #c9000f !important;
	font-weight: bold;
	text-decoration: none;
	background: url(../images/link_bgd_red.gif) bottom left repeat-x;
}

#content a.purple {
	color: #bf27ff !important;
	font-weight: bold;
	text-decoration: none;
	background: url(../images/link_bgd_purple.gif) bottom left repeat-x;
}

#content a.green {
	color: #0ade00 !important;
	font-weight: bold;
	text-decoration: none;
	background: url(../images/link_bgd_green.gif) bottom left repeat-x;
}
#content table#chalkpull a, #content table#chalkpull-pink a, #content table#postit a, #content table#postit-pink a {
	color: #000 !important;
	background: url(../images/link_bgd_white.gif) bottom left repeat-x;
	}
/* end link styles */

.clear{
	clear:both;
}
.hide{
	display:none;
}
.imgleft{
	float:left;
	margin:10px 20px 20px 0;
}
.imgright{
	float:right;
	margin:10px 0 20px 20px;
}

/*CONSTRUCT----------------------------------------- */
#wrapper{
	background: url('../images/sub_header_bgd.gif') top left no-repeat;
	margin: 0 auto;
	width: 899px;
	position: relative;
}
body#index #wrapper{
	background: url('../images/homepage_bgd.jpg') top left no-repeat;
}
body.sectionhome #wrapper{
	background: url('../images/section_header_bgd.gif') top left no-repeat;
}
body#cafesection #wrapper{
	background: url('../images/cafe_section_header_bgd.gif') top left no-repeat;
}
body#schoolsection #wrapper{
	background: url('../images/school_section_header_bgd.gif') top left no-repeat;
}
body#healthsection #wrapper{
	background: url('../images/health_section_header_bgd.gif') top left no-repeat;
}
body#councilsection #wrapper{
	background: url('../images/council_section_header_bgd.gif') top left no-repeat;
}
body#freshfoodsection #wrapper{
	background: url('../images/freshfood_section_header_bgd.gif') top left no-repeat;
}
body#librarysection #wrapper{
	background: url('../images/library_section_header_bgd.gif') top left no-repeat;
}
#secrow {
	background: transparent url('../images/subnav_pole.jpg') 0px 30px repeat-y;
	margin-top: 24px;
	float: left;
	width: 899px;
	position: relative;
}
body#jobsection #secrow {
	background: transparent url('../images/jobpage_bgd.gif') top left no-repeat;
	margin-top: 0px;
}
body#cafesection #secrow {
	background: transparent url('../images/cafeinterior_bgd.gif') top left no-repeat;
	margin-top: 0px;
}
body#schoolsection #secrow {
	background: transparent url('../images/schoolinterior_bgd.gif') top left no-repeat;
	margin-top: 0px;
}
body#healthsection #secrow {
	background: transparent url('../images/healthwellbeing_bgd.gif') top left no-repeat;
	margin-top: 0px;
}
body#councilsection #secrow {
	background: transparent url('../images/councilinterior_bgd.gif') top left no-repeat;
	margin-top: 0px;
}
body#freshfoodsection #secrow {
	background: transparent url('../images/freshfoodinterior_bgd.gif') top left no-repeat;
	margin-top: 0px;
}
body#librarysection #secrow {
	background: transparent url('../images/libraryinterior_bgd.gif') top left no-repeat;
	margin-top: 0px;
}

#leftcol {
	width: 219px;
	float: left;
	background: url(../images/subnav_sign_bgd.gif) top left repeat-y;
}
#contentwrap {
	float: right;
	width: 670px;
}
body#index #content, body#jobsection #content {
	color: #fff;
	font-size: 1.6em;
	width: 589px;
	float: left;
	margin-left: 10px;
}
body#jobsection #content {
	margin-left: 48px;
	float: left;
}
body#index #content, body#councilsection #content {
	color: #fff;
	font-size: 1.6em;
	width: 589px;
	float: left;
	margin-left: 10px;
}
body#councilsection #content {
	margin-left: 48px;
	float: left;
}
body#index #content, body#cafesection #content {
	color: #fff;
	font-size: 1.6em;
	width: 589px;
	float: left;
	margin-left: 10px;
}
body#cafesection #content {
	margin:48px 0 0 48px;
	float: left;
}
body#schoolsection #content {
	margin:80px 0 0 48px;
	float: left;
}
body#healthsection #content {
	margin:80px 0 0 48px;
	float: left;
}
body#freshfoodsection #content {
	margin:80px 0 0 48px;
	float: left;
}
body#librarysection #content {
	margin:80px 0 0 48px;
	float: left;
}
#content {
	color: #fff;
	font-size: 1.4em;
	/*width: 428px;*/
	width:95%;
	float: left;
	
}
#rightcol {
	float: right;
	width: 232px;
}
#hidebu {
	position: fixed;
	top: 30%;
	right: 0px;
}
#hidebu a {
	width: 28px; 
	height: 179px;
	display: block;
	text-indent: -999em;
	background: url('../images/hide_bu.jpg') top left no-repeat;
}
/*HEADER----------------------------------------- */
#header {
	height: 120px;
	width: 899px;
	position: relative;
}
#logo {
	position: absolute;
	top: 0;
	right: 0;
}
#logo a {
	display: block;
	width: 119px;
	height: 120px;
	text-indent: -999px;
	overflow: hidden;
}
ul#breadcrumbs {
	position: relative;
	margin: 0;
	padding: 0;
	list-style: none;
	z-index: 15;
}
ul#breadcrumbs li {
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
}
ul#breadcrumbs li a {
	display: block;
	text-indent: -999px;
	overflow: hidden;
}
ul#breadcrumbs li#crumbone a {
	width: 263px;
	height: 120px;
	background: url('../images/crumbs_town.gif') top left no-repeat;
}
body#index-job-centre ul#breadcrumbs li#crumbtwo a {
	width: 190px;
	height: 120px;
	background: url('../images/crumbs_jobcentre.gif') top left no-repeat;
}
body#index-health-and-wellbeing ul#breadcrumbs li#crumbtwo a {
	width: 438px;
	height: 120px;
	background: url('../images/crumbs_health.gif') top left no-repeat;
}
body#spendwise-bank ul#breadcrumbs li#crumbtwo a {
	width: 242px;
	height: 120px;
	background: url('../images/crumbs_bank.gif') top left no-repeat;
}
body#index-the-meeting-point-caf ul#breadcrumbs li#crumbtwo a {
	width: 363px;
	height: 120px;
	background: url('../images/crumbs_cafe.gif') top left no-repeat;
}
body#cafesection ul#breadcrumbs li#crumbone a {
	width: 252px;
	height: 120px;
}
body#cafesection ul#breadcrumbs li#crumbtwo a {
	width: 267px;
	height: 119px;
	background: url('../images/crumbs_cafe2.gif') top left no-repeat;
}

body#schoolsection ul#breadcrumbs li#crumbtwo a {
	width: 267px;
	height: 119px;
	background: url('../images/crumbs_school2.gif') top left no-repeat;
	margin:-1px 0 0 -12px;
}

body#community-centre ul#breadcrumbs li#crumbtwo a {
	width: 277px;
	height: 120px;
	background: url('../images/crumbs_community.gif') top left no-repeat;
}
body#whocares-county-council ul#breadcrumbs li#crumbtwo a {
	width: 379px;
	height: 120px;
	background: url('../images/crumbs_council.gif') top left no-repeat;
}
body#food-market ul#breadcrumbs li#crumbtwo a {
	width: 209px;
	height: 120px;
	background: url('../images/crumbs_food.gif') top left no-repeat;
}
body#freshfoodsection ul#breadcrumbs li#crumbtwo a {
	width: 220px;
	height: 120px;
	background: url('../images/crumbs_food2.gif') top left no-repeat;
	margin-top: -1px;
}
body#librarysection ul#breadcrumbs li#crumbtwo a {
	width: 268px;
	height: 120px;
	background: url('../images/crumbs_library.gif') top left no-repeat;
    margin-left: -16px;
}
body#leisure-and-culture-centre ul#breadcrumbs li#crumbtwo a {
	width: 428px;
	height: 120px;
	background: url('../images/crumbs_leisure.gif') top left no-repeat;
}
body#central-library- ul#breadcrumbs li#crumbtwo a {
	width: 438px;
	height: 120px;
	background: url('../images/crumbs_library.gif') top left no-repeat;
}
body#index-school ul#breadcrumbs li#crumbtwo a {
	width: 438px;
	height: 120px;
	background: url('../images/crumbs_school.gif') top left no-repeat;
}
body#town-home ul#breadcrumbs li#crumbtwo a {
	width: 438px;
	height: 120px;
	background: url('../images/crumbs_town.gif') top left no-repeat;
}
ul#breadcrumbs li#crumbthree a {
	margin: 51px 0 0 10px;
	width: 350px;
	height: 30px;
	/*background: url('../images/crumbs_cvbuilder.gif') top left no-repeat;*/
}
body.sectionhome ul#breadcrumbs {
	margin: 0 0 0 256px;
}
body.sectionhome ul#breadcrumbs li#crumbone a {
	background: url('../images/section_crumbs_town.gif') top left no-repeat;
}
body#jobsection ul#breadcrumbs li#crumbtwo a {
	background: url('../images/section_crumbs_jobcentre.gif') top left no-repeat;
	width: 190px;
	height: 120px;
}
body#healthsection ul#breadcrumbs li#crumbtwo a {
	background: url('../images/section_crumbs_health.gif') top left no-repeat;
	width: 268px;
	height: 120px;
    left: -14px;
    position: relative;
}
body#councilsection ul#breadcrumbs li#crumbtwo a {
	background: url('../images/section_crumbs_council.gif') top left no-repeat;
	width: 260px;
	height: 107px;
    left: -14px;
    position: relative;
    top: 13px;
}


/*CONTENT AREA----------------------------------------- */
body#index h1 {
	background: url('../images/welcome_header.gif') top left no-repeat;
	width: 200px;
	height: 0px;
	color: #00fed7;
	font-weight: bold;
	font-size: 3.0em;
	overflow: hidden;
	padding-top: 75px;
}
body#jobsection h1 {
	background: url('../images/sectionhead_jobcentre.gif') top left no-repeat;
	width: 441px;
	height: 0px;
	color: #00fed7;
	font-weight: bold;
	font-size: 3.0em;
	overflow: hidden;
	padding-top: 75px;
}
body#cafesection h1 {
	background: url('../images/sectionhead_cafe.gif') top left no-repeat;
	width: 559px;
	height: 0px;
	color: #00fed7;
	font-weight: bold;
	font-size: 3.0em;
	overflow: hidden;
	padding-top: 55px;
}
body#schoolsection h1 {
	background: url('../images/sectionhead_school.gif') top left no-repeat;
	width: 676px;
	height: 0px;
	color: #00fed7;
	font-weight: bold;
	font-size: 3.0em;
	overflow: hidden;
	padding-top: 48px;
}
body#healthsection h1 {
	background: url('../images/sectionhead_health.gif') top left no-repeat;
	width: 676px;
	height: 0px;
	color: #00fed7;
	font-weight: bold;
	font-size: 3.0em;
	overflow: hidden;
	padding-top: 48px;
}
body#councilsection h1 {
	background: url('../images/sectionhead_council.gif') top left no-repeat;
	width: 505px;
	height: 0px;
	color: #00fed7;
	font-weight: bold;
	font-size: 3.0em;
	margin-top: 60px;
	overflow: hidden;
	padding-top: 55px;
}
body#freshfoodsection h1 {
	background: url('../images/sectionhead_freshfood.gif') top left no-repeat;
	width: 678px;
	height: 0px;
	color: #00fed7;
	font-weight: bold;
	font-size: 3.0em;
	margin-top: 25px;
	overflow: hidden;
	padding-top: 55px;
}
body#librarysection h1 {
	background: url('../images/sectionhead_library.gif') top left no-repeat;
	width: 630px;
	height: 0px;
	color: #00fed7;
	font-weight: bold;
	font-size: 3.0em;
	margin-top: 25px;
	overflow: hidden;
	padding-top: 55px;
}


/* HOMEPAGE IMG MAP----------------------------------------- */

ul#townmap {
	width: 899px;
	height: 602px;
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative;
	float: left;
} 
ul#townmap li {
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
}
ul#townmap li a {
	display: block;
}
ul#townmap li a span {
	display: block;
	overflow: hidden;
	text-indent: -999px;
}
ul#townmap li#librarybu {
	top: 29px;
	left: 300px;
	z-index: 6;
}
ul#townmap li#librarybu a {
	width: 60px;
	height: 70px;
}
ul#townmap li#librarybu a:hover {
	background: url('../images/mapover_library.png') top left no-repeat;
	position: absolute;
	top: -149px;
	left: -300px;
	height: 227px;
	width: 380px;
}
ul#townmap li#councilbu {
	top: 90px;
	left: 480px;
	z-index: 5;	
}
ul#townmap li#councilbu a {
	width: 60px;
	height: 70px;
}
ul#townmap li#councilbu a:hover {
	background: url('../images/mapover_council.png') top left no-repeat;
	position: absolute;
	top: -210px;
	left: -480px;
	height: 279px;
	width: 542px;
}
ul#townmap li#leisurebu {
	top: 55px;
	left: 700px;
	z-index: 2;
}
ul#townmap li#leisurebu a {
	width: 90px;
	height: 30px;
}
ul#townmap li#leisurebu a:hover {
	background: url('../images/mapover_leisure.png') top left no-repeat;
	position: absolute;
	top: -175px;
	left: -700px;
	height: 220px;
	width: 786px;
}
ul#townmap li#schoolbu {
	top: 194px;
	left: 170px;
	z-index: 10;
}
ul#townmap li#schoolbu a {
	width: 59px;
	height: 57px;
}
ul#townmap li#schoolbu a:hover {
	background: url('../images/mapover_school.png') top left no-repeat;
	position: absolute;
	top: -314px;
	left: -170px;
	height: 373px;
	width: 300px;
}
ul#townmap li#wellbeingbu {
	top: 310px;
	left: 225px;
	z-index: 3;
}
ul#townmap li#wellbeingbu a {
	width: 89px;
	height: 57px;
}
ul#townmap li#wellbeingbu a:hover {
	background: url('../images/mapover_health.png') top left no-repeat;
	position: absolute;
	top: -430px;
	left: -225px;
	height: 489px;
	width: 326px;
}
ul#townmap li#bankbu {
	top: 220px;
	left: 360px;
	z-index: 4;
}
ul#townmap li#bankbu a {
	width: 87px;
	height: 67px;
}
ul#townmap li#bankbu a:hover {
	background: url('../images/mapover_bank.png') top left no-repeat;
	position: absolute;
	top: -340px;
	left: -360px;
	height: 420px;
	width: 463px;
}
ul#townmap li#communitybu {
	top: 170px;
	left: 740px;
	z-index: 1;
}
ul#townmap li#communitybu a {
	width: 74px;
	height: 55px;
}
ul#townmap li#communitybu a:hover {
	background: url('../images/mapover_community.png') top left no-repeat;
	position: absolute;
	top: -290px;
	left: -740px;
	height: 350px;
	width: 813px;
}
ul#townmap li#jobsbu {
	top: 390px;
	left: 390px;
}
ul#townmap li#jobsbu a {
	width: 63px;
	height: 46px;
}
ul#townmap li#jobsbu a:hover {
	background: url('../images/mapover_jobs.png') top left no-repeat;			position: absolute;
	top: -510px;
	left: -390px;
	height: 558px;
	width: 505px;
}
ul#townmap li#cafebu {
	top: 340px;
	left: 630px;
	z-index: 1;
}
ul#townmap li#cafebu a {
	width: 87px;
	height: 58px;
}
ul#townmap li#cafebu a:hover {
	background: url('../images/mapover_cafe.png') top left no-repeat;
	position: absolute;
	top: -460px;
	left: -630px;
	height: 520px;
	width: 721px;
}
ul#townmap li#marketbu {
	top: 316px;
	left: 778px;
}
ul#townmap li#marketbu a {
	width: 65px;
	height: 58px;
}
ul#townmap li#marketbu a:hover {
	background: url('../images/mapover_food.png') top left no-repeat;
	position: absolute;
	top: -436px;
	left: -778px;
	height: 500px;
	width: 845px;
}

/* JOBPAGE IMG MAP----------------------------------------- */

ul#jobmap {
	width: 899px;
	height: 749px;
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative;
	float: left;
} 
ul#jobmap li {
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
}
ul#jobmap li a {
	display: block;
	overflow: hidden;
	text-indent: -999px;
}
ul#jobmap li#whatjobbu {
	top: 83px;
	left: 112px;
	z-index: 5;
}
ul#jobmap li#whatjobbu a {
	width: 125px;
	height: 74px;
}
ul#jobmap li#whatjobbu a:hover {
	background: url('../images/jobsmapover_whatjob.png') top left no-repeat;
	position: absolute;
	top: -203px;
	left: -112px;
	height: 282px;
	width: 247px;
}
ul#jobmap li#gettingreadybu {
	top: 123px;
	left: 306px;
	z-index: 4;
}
ul#jobmap li#gettingreadybu a {
	width: 170px;
	height: 57px;
}
ul#jobmap li#gettingreadybu a:hover {
	background: url('../images/jobsmapover_readyforwork.png') top left no-repeat;
	position: absolute;
	top: -243px;
	left: -306px;
	height: 308px;
	width: 482px;
}

ul#jobmap li#applyingbu {
	top: 116px;
	left: 505px;
	z-index: 3;
}
ul#jobmap li#applyingbu a {
	width: 216px;
	height: 80px;
}
ul#jobmap li#applyingbu a:hover {
	background: url('../images/jobsmapover_applying.png') top left no-repeat;
	position: absolute;
	top: -236px;
	left: -505px;
	height: 323px;
	width: 719px;
}
ul#jobmap li#interviewsbu {
	top: 120px;
	left: 758px;
	z-index: 2;
}
ul#jobmap li#interviewsbu a {
	width: 75px;
	height: 72px;
}
ul#jobmap li#interviewsbu a:hover {
	background: url('../images/jobsmapover_interviews.png') top left no-repeat;
	position: absolute;
	top: -240px;
	left: -758px;
	height: 323px;
	width: 843px;
	z-index: 1;
}
ul#jobmap li#cvbu {
	top: 305px;
	left: 631px;
}
ul#jobmap li#cvbu a {
	width: 116px;
	height: 66px;
}
ul#jobmap li#cvbu a:hover {
	background: url('../images/jobsmapover_cv.png') top left no-repeat;
	position: absolute;
	top: -425px;
	left: -631px;
	height: 518px;
	width: 757px;
}

/* CAFEPAGE IMG MAP----------------------------------------- */

ul#cafemap {
	width: 899px;
	height: 749px;
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative;
	float: left;
} 
ul#cafemap li {
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
}
ul#cafemap li a {
	display: block;
	overflow: hidden;
	text-indent: -999px;
}
ul#cafemap li#truestories {
	top: 58px;
	left: 86px;
	z-index: 5;
}
ul#cafemap li#truestories a {
	width: 165px;
	height: 204px;
}
ul#cafemap li#truestories a:hover {
	background: url('../images/cafemapover_true.png') top left no-repeat;
	position: absolute;
	top: -178px;
	left: -86px;
	height: 410px;
	width: 283px;
}
ul#cafemap li#asksuzie {
	top: 72px;
	left: 526px;
	z-index: 4;
}
ul#cafemap li#asksuzie a {
	width: 180px;
	height: 97px;
}
ul#cafemap li#asksuzie a:hover {
	background: url('../images/cafemapover_suzie.png') top left no-repeat;
	position: absolute;
	top: -192px;
	left: -526px;
	height: 395px;
	width: 677px;
}
ul#cafemap li#celebscoops {
	top: 440px;
	left: 382px;
	z-index: 3;
}
ul#cafemap li#celebscoops a {
	width: 146px;
	height: 100px;
}
ul#cafemap li#celebscoops a:hover {
	background: url('../images/cafemapover_scoops.png') top left no-repeat;
	position: absolute;
	top: -560px;
	left: -382px;
	height: 749px;
	width: 533px;
}
ul#cafemap li#getsocial {
	top:402px;
	left: 606px;
	z-index: 2;
}
ul#cafemap li#getsocial a {
	width: 75px;
	height: 72px;
}
ul#cafemap li#getsocial a:hover {
	background: url('../images/cafemapover_social.png') top left no-repeat;
	position: absolute;
	top: -522px;
	left: -606px;
	height: 646px;
	width: 662px;
	z-index: 1;
}
ul#cafemap li#playgame {
	top: 144px;
	left: 271px;
}
ul#cafemap li#playgame a {
	width: 116px;
	height: 106px;
}
ul#cafemap li#playgame a:hover {
	background: url('../images/cafemapover_playgame.png') top left no-repeat;
	position: absolute;
	top: -264px;
	left: -271px;
	height: 448px;
	width: 392px;
}
/* SCHOOL IMG MAP----------------------------------------- */

ul#schoolmap {
	width: 899px;
	height: 749px;
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative;
	float: left;
} 
ul#schoolmap li {
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
}
ul#schoolmap li a {
	display: block;
	overflow: hidden;
	text-indent: -999px;
}
ul#schoolmap li#botherschool {
	left:111px;
	top:135px;
	z-index: 5;
}
ul#schoolmap li#botherschool a {
	height: 127px;
	width: 158px;
}
ul#schoolmap li#botherschool a:hover {
	background: url('../images/schoolmapover_whybother.png') top left no-repeat;
	position: absolute;
	top: -255px;
	left: -111px;
	height: 377px;
	width: 272px;
}
ul#schoolmap li#leavingschool {
	left:296px;
	top:112px;
	z-index: 4;
}
ul#schoolmap li#leavingschool a {
	width: 180px;
	height: 60px;
}
ul#schoolmap li#leavingschool a:hover {
	background: url('../images/schoolmapover_leaving.png') top left no-repeat;
	position: absolute;
	top: -232px;
	left: -296px;
	height: 295px;
	width: 476px;
}
ul#schoolmap li#stusupport {
	left:512px;
	top:68px;
	z-index: 3;
}
ul#schoolmap li#stusupport a {
	width: 212px;
	height: 145px;
}
ul#schoolmap li#stusupport a:hover {
	background: url('../images/schoolmapover_support.png') top left no-repeat;
	position: absolute;
	top: -188px;
	left: -512px;
	height: 338px;
	width: 724px;
}
ul#schoolmap li#studyskills {
	left:306px;
	top:432px;
	z-index: 2;
}
ul#schoolmap li#studyskills a {
	width:123px;
	height: 109px;
}
ul#schoolmap li#studyskills a:hover {
	background: url('../images/schoolmapover_study.png') top left no-repeat;
	position: absolute;
	top: -552px;
	left: -306px;
	height: 646px;
	width: 662px;
	z-index: 1;
}

ul#schoolmap li#makingfriends {
	left:535px;
	top:443px;
}
ul#schoolmap li#makingfriends a {
	width: 177px;
	height: 127px;
}
ul#schoolmap li#makingfriends a:hover {
	background: url('../images/schoolmapover_friends.png') top left no-repeat;
	position: absolute;
	top: -563px;
	left: -535px;
	height: 688px;
	width: 724px;
}

/* HEALTH IMG MAP----------------------------------------- */

ul#healthmap {
	width: 899px;
	height: 749px;
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative;
	float: left;
} 
ul#healthmap li {
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
}
ul#healthmap li a {
	display: block;
	overflow: hidden;
	text-indent: -999px;
}
ul#healthmap li#sex {
    left: 229px;
    top: 66px;
	z-index: 5;
}
ul#healthmap li#sex a {
	height: 93px;
	width: 168px;
}
ul#healthmap li#sex a:hover {
	background: url('../images/healthmapover_sex.png') top left no-repeat;
	position: absolute;
	top: -186px;
	left: -229px;
	height: 278px;
	width: 396px;
}
ul#healthmap li#fitter {
	left:344px;
	top:161px;
	z-index: 4;
}
ul#healthmap li#fitter a {
	width: 141px;
	height: 71px;
}
ul#healthmap li#fitter a:hover {
	background: url('../images/healthmapover_fitter.png') top left no-repeat;
	position: absolute;
	top: -281px;
	left: -344px;
	width: 473px;
	height: 347px;
}
ul#healthmap li#feelgood {
	left:563px;
	top:73px;
	z-index: 3;
}
ul#healthmap li#feelgood a {
	width: 167px;
	height: 89px;
}
ul#healthmap li#feelgood a:hover {
	background: url('../images/healthmapover_feelinggood.png') top left no-repeat;
	position: absolute;
	top: -193px;
	left: -563px;
	width: 721px;
	height: 319px;
}
ul#healthmap li#drinkdrugs {
	left:382px;
	top:389px;
	z-index: 2;
}
ul#healthmap li#drinkdrugs a {
	width: 128px;
	height: 134px;
}
ul#healthmap li#drinkdrugs a:hover {
	background: url('../images/healthmapover_drinkdrugs.png') top left no-repeat;
	position: absolute;
	top: -509px;
	left: -382px;
	width: 506px;
	height: 647px;
	z-index: 1;
}
ul#healthmap li#whatyoueat {
	left:691px;
	top:325px;
}
ul#healthmap li#whatyoueat a {
	width: 100px;
	height: 93px;
}
ul#healthmap li#whatyoueat a:hover {
	background: url('../images/healthmapover_arewhateat.png') top left no-repeat;
	position: absolute;
	top: -445px;
	left: -691px;
	width: 779px;
	height: 543px;
}
ul#healthmap li#stayhealthy {
	left:724px;
	top:73px;
}
ul#healthmap li#stayhealthy a {
	width: 100px;
	height: 169px;
}
ul#healthmap li#stayhealthy a:hover {
	background: url('../images/healthmapover_stayhealth.png') top left no-repeat;
	position: absolute;
	top: -193px;
	left: -724px;
	width: 822px;
	height: 345px;
}
/* COUNCIL IMG MAP----------------------------------------- */

ul#councilmap {
	width: 899px;
	height: 749px;
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative;
	float: left;
} 
ul#councilmap li {
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
}
ul#councilmap li a {
	display: block;
	overflow: hidden;
	text-indent: -999px;
}
ul#councilmap li#whoswho {
	left:140px;
	top:102px;
	z-index: 9;
}
ul#councilmap li#whoswho a {
	height: 112px;
	width: 140px;
}
ul#councilmap li#whoswho a:hover {
	background: url('../images/councilmapover_whoswho.png') top left no-repeat;
	position: absolute;
	top: -222px;
	left: -140px;
	height: 329px;
	width: 287px;
}
ul#councilmap li#wordsmean {
	left:354px;
	top:330px;
	z-index: 8;
}
ul#councilmap li#wordsmean a {
	width: 108px;
	height: 100px;
}
ul#councilmap li#wordsmean a:hover {
	background: url('../images/councilmapover_whatwordsmean.png') top left no-repeat;
	position: absolute;
	top: -450px;
	left: -354px;
	height: 560px;
	width: 460px;
}
ul#councilmap li#careplan {
	left:600px;
	top:275px;
	z-index: 7;
}
ul#councilmap li#careplan a {
	width: 103px;
	height: 80px;
}
ul#councilmap li#careplan a:hover {
	background: url('../images/councilmapover_careplan.png') top left no-repeat;
	position: absolute;
	top: -395px;
	left: -600px;
	height: 475px;
	width: 683px;
}
ul#councilmap li#leavingcare {
	left:524px;
	top:150px;
	z-index: 6;
}
ul#councilmap li#leavingcare a {
	width:123px;
	height: 94px;
}
ul#councilmap li#leavingcare a:hover {
	background: url('../images/councilmapover_leavingcare.png') top left no-repeat;
	position: absolute;
	top: -270px;
	left: -524px;
	height: 359px;
	width: 643px;
	z-index: 1;
}
ul#councilmap li#dealingprobs {
	left:509px;
	top:360px;
	z-index: 5;
}
ul#councilmap li#dealingprobs a {
	width: 103px;
	height: 127px;
}
ul#councilmap li#dealingprobs a:hover {
	background: url('../images/councilmapover_dealingprobs.png') top left no-repeat;
	position: absolute;
	top: -480px;
	left: -509px;
	height: 597px;
	width: 618px;
}
ul#councilmap li#stayintouch {
	left:120px;
	top:381px;
	z-index: 4;
}
ul#councilmap li#stayintouch a {
	width: 150px;
	height: 111px;
}
ul#councilmap li#stayintouch a:hover {
	background: url('../images/councilmapover_stayintouch.png') top left no-repeat;
	position: absolute;
	top: -501px;
	left: -120px;
	height: 617px;
	width: 274px;
}
ul#councilmap li#whereilive {
	left:301px;
	top:443px;
	z-index: 3;
}
ul#councilmap li#whereilive a {
	width: 74px;
	height: 190px;
}
ul#councilmap li#whereilive a:hover {
	background: url('../images/councilmapover_wereilive.png') top left no-repeat;
	position: absolute;
	top: -563px;
	left: -301px;
	height: 758px;
	width: 381px;
}
ul#councilmap li#casereview {
	left:570px;
	top:505px;
	z-index: 2;
}
ul#councilmap li#casereview a {
	width: 142px;
	height: 110px;
}
ul#councilmap li#casereview a:hover {
	background: url('../images/councilmapover_casereview.png') top left no-repeat;
	position: absolute;
	top: -625px;
	left: -570px;
	height: 737px;
	width: 714px;
}
ul#councilmap li#lookedafter {
	left:344px;
	top:138px;
	z-index: 1;
}
ul#councilmap li#lookedafter a {
	width: 142px;
	height: 110px;
}
ul#councilmap li#lookedafter a:hover {
	background: url('../images/councilmapover_lookedafter.png') top left no-repeat;
	position: absolute;
	top: -258px;
	left: -344px;
	height: 363px;
	width: 480px;
}

/* FRESH FOOD MARKET IMG MAP----------------------------------------- */

ul#freshfoodmap {
	width: 899px;
	height: 749px;
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative;
	float: left;
} 
ul#freshfoodmap li {
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
}
ul#freshfoodmap li a {
	display: block;
	overflow: hidden;
	text-indent: -999px;
}
ul#freshfoodmap li#recipe {
	left:250px;
	top:147px;
	z-index: 9;
}
ul#freshfoodmap li#recipe a {
	height: 94px;
	width: 108px;
}
ul#freshfoodmap li#recipe a:hover {
	background: url('../images/freshfoodmapover_recipe.png') top left no-repeat;
	position: absolute;
	top: -267px;
	left: -250px;
	height: 372px;
	width: 380px;
}
ul#freshfoodmap li#howcook {
	left:479px;
	top:154px;
	z-index: 8;
}
ul#freshfoodmap li#howcook a {
	width: 94px;
	height: 69px;
}
ul#freshfoodmap li#howcook a:hover {
	background: url('../images/freshfoodmapover_howcook.png') top left no-repeat;
	position: absolute;
	top: -274px;
	left: -479px;
	height: 373px;
	width: 583px;
}
ul#freshfoodmap li#grow {
	left:400px;
	top:260px;
	z-index: 7;
}
ul#freshfoodmap li#grow a {
	width: 97px;
	height: 59px;
}
ul#freshfoodmap li#grow a:hover {
	background: url('../images/freshfoodmapover_grow.png') top left no-repeat;
	position: absolute;
	top: -380px;
	left: -400px;
	height: 440px;
	width: 496px;
}
ul#freshfoodmap li#healthy {
	left:161px;
	top:362px;
	z-index: 6;
}
ul#freshfoodmap li#healthy a {
	width:87px;
	height: 67px;
}
ul#freshfoodmap li#healthy a:hover {
	background: url('../images/freshfoodmapover_healthy.png') top left no-repeat;
	position: absolute;
	top: -482px;
	left: -161px;
	height: 566px;
	width: 295px;
	z-index: 1;
}
ul#freshfoodmap li#shopbudget {
	left:453px;
	top:387px;
	z-index: 5;
}
ul#freshfoodmap li#shopbudget a {
	width: 104px;
	height: 58px;
}
ul#freshfoodmap li#shopbudget a:hover {
	background: url('../images/freshfoodmapover_budget.png') top left no-repeat;
	position: absolute;
	top: -507px;
	left: -453px;
	height: 571px;
	width: 556px;
}

/* LIBRARY IMG MAP----------------------------------------- */

ul#librarymap {
	width: 899px;
	height: 749px;
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative;
	float: left;
} 
ul#librarymap li {
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
}
ul#librarymap li a {
	display: block;
	overflow: hidden;
	text-indent: -999px;
}
ul#librarymap li#bookclub {
    left: 349px;
    top: 111px;
	z-index: 9;
}
ul#librarymap li#bookclub a {
	width: 136px;
	height: 94px;
}
ul#librarymap li#bookclub a:hover {
	background: url('../images/librarymapover_book.png') top left no-repeat;
    height: 328px;
    left: -349px;
    position: absolute;
    top: -231px;
    width: 488px;
}
ul#librarymap li#blog {
    left: 236px;
    top: 459px;
	z-index: 8;
}
ul#librarymap li#blog a {
	width: 162px;
	height: 110px;
}
ul#librarymap li#blog a:hover {
	background: url('../images/librarymapover_blog.png') top left no-repeat;
    height: 691px;
    left: -236px;
    position: absolute;
    top: -579px;
    width: 395px;
}
ul#librarymap li#online {
    left: 185px;
    top: 116px;
	z-index: 7;
}
ul#librarymap li#online a {
	width: 142px;
	height: 142px;
}
ul#librarymap li#online a:hover {
	background: url('../images/librarymapover_online.png') top left no-repeat;
    height: 440px;
    left: -185px;
    position: absolute;
    top: -236px;
    width: 496px;
}
ul#librarymap li#filmmusic {
    left: 575px;
    top: 283px;
	z-index: 6;
}
ul#librarymap li#filmmusic a {
	width:167px;
	height: 145px;
}
ul#librarymap li#filmmusic a:hover {
	background: url('../images/librarymapover_filmmusic.png') top left no-repeat;
    height: 557px;
    left: -575px;
    position: absolute;
    top: -403px;
    width: 747px;
    z-index: 1;
}
ul#librarymap li#poets {
    left: 339px;
    top: 326px;
	z-index: 5;
}
ul#librarymap li#poets a {
	height: 108px;
	width: 165px;
}
ul#librarymap li#poets a:hover {
	background: url('../images/librarymapover_poets.png') top left no-repeat;
    height: 555px;
    left: -339px;
    position: absolute;
    top: -446px;
    width: 503px;
}


#smalltext{
	font-size:0.8em;
}

/* SUB NAV ----------------------------------------- */
#subnav {
	background: url(../images/subnav_sign_top.gif) top left no-repeat;
}
#subnav ul {
	margin: 0;
	padding: 0 0 20px 0;
	list-style: none;
	background: url(../images/subnav_sign_btm.gif) bottom left no-repeat;
}
#subnav ul li {
	margin: 0;
	padding: 0 0 0 16px;
	list-style: none;
}
#subnav ul li a {
	display: block;
	margin: 0;
	padding: 15px;
	text-decoration: none;
	color: #000;
	font-size: 1.4em;
	border-bottom: 1px solid #d9008a;
	background-image: none;
}
#subnav ul li a.on {
	font-weight:bold;
}
#subnav ul li ul{
	background-color:#000000;
	background-image:none;
}
#subnav ul li ul li a{
	color:#ffffff;
}
#subnav ul li ul li a:hover{
	color:#FF00A2;
}
#subnav ul li ul li a.on{
	color:#FF00A2;
}
a#subgetintouch_bu {
	display: block;
	width: 219px;
	height: 83px;
	background:#000000 url('../images/subnav_getintouch.gif') top left no-repeat;
	text-indent: -999em;
	margin-top: 0px;
	float: left;
}

/* SUB PAGE STYLES ----------------------------------------- */

#sectionheader {
	background: url(/who-cares-town/images/header_cvbuilder.gif) top left no-repeat;
	/*height: 44px;*/
	/*width: 215px;*/
	background-color: transparent;
	height: 44px;
	text-indent: -999px;
	/*display: block;*/
	margin: 0;
	padding: 0;
}
h2 {
	font-size: 1.4em;
	margin-top: 0px;
	padding-top: 5px;
}
h3 {
	font-weight: bold;
	font-size: 1em;
}

table#gridbox h2, table#gridbox_small h2 {
	font-family: courier;
	color: #c9000f;
	font-weight: bold;
	font-size: 1.6em;
}

table#gridbox h3, table#gridbox_small h3 {
	color: #0d2c4f;
}

table#chalkbox h2, table#chalkbox_small h2 {
	color: #bf27ff;
}

table#chalkbox h3, table#chalkbox_small h3 {
	color: #c9000f;
}

.red {
	color: #c9000f !important;
}

.purple {
	color: #bf27ff !important;
}

.green {
	color: #0ade00 !important;
}

table#nailbox {
	width: 660px;
}
table#nailbox td.boxtop {
	background: url('/who-cares-town/images/subboxes_nails660_top.gif') top left no-repeat;
	height: 37px;
	padding: 0px;
	margin: 0px;
	font-size: 0em;
}
table#nailbox td {
	background: url('/who-cares-town/images/subboxes_nails660_btm.gif') bottom left no-repeat;
	padding: 0px 40px 40px 20px;
	margin: 0px;
	border: 0px;
	color: #2b2b2b;
	font-size: 1.0em;
}

table#nailbox-sml {
	width: 440px;
}
table#nailbox-sml td.boxtop {
	background: url('/who-cares-town/images/subboxes_nails440_top.gif') top left no-repeat;
	height: 37px;
	padding: 0px;
	margin: 0px;
	font-size: 0em;
}
table#nailbox-sml td {
	background: url('/who-cares-town/images/subboxes_nails440_btm.gif') bottom left no-repeat;
	padding: 0px 40px 40px 20px;
	margin: 0px;
	border: 0px;
	color: #2b2b2b;
	font-size: 1.0em;
}

table#chalkbox {
	width: 660px;
}
table#chalkbox td.boxtop {
	background: url('/who-cares-town/images/subboxes_chalk660_top.gif') top left no-repeat;
	height: 26px;
	padding: 0px;
	margin: 0px;
	font-weight: 0em;
}
table#chalkbox td {
	background: url('/who-cares-town/images/subboxes_chalk660_btm.gif') bottom left no-repeat;
	padding: 0px 40px 20px 30px;
	margin: 0px;
	border: 0px;
}

table#chalkbox_small {
	width: 440px;
}
table#chalkbox_small td.boxtop {
	background: url('/who-cares-town/images/subboxes_chalk440_top.gif') top left no-repeat;
	height: 26px;
	padding: 0px;
	margin: 0px;
}
table#chalkbox_small td {
	background: url('/who-cares-town/images/subboxes_chalk440_btm.gif') bottom left no-repeat;
	padding: 0px 30px 20px 30px;
	margin: 0px;
	border: 0px;
}

table#gridbox {
	width: 660px;
}
table#gridbox td.boxtop {
	background: url('/who-cares-town/images/subboxes_grid660_top.jpg') top left no-repeat;
	height: 6px;
	padding: 0px;
	margin: 0px;
	font-size: 0em;
}
table#gridbox td {
	color: #0d2c4f;
	background: url('/who-cares-town/images/subboxes_grid660_btm.jpg') bottom left no-repeat;
	padding: 10px 30px 20px 30px;
	margin: 0px;
	border: 0px;
	width:370px;
}

table#gridbox_small {
	width: 440px;
}
table#gridbox_small td.boxtop {
	background: url('/who-cares-town/images/subboxes_grid440_top.jpg') top left no-repeat;
	height: 6px;
	padding: 0px;
	margin: 0px;
	font-size: 0em;
}
table#gridbox_small td {
	color: #0d2c4f;
	background: url('/who-cares-town/images/subboxes_grid440_btm.jpg') bottom left no-repeat;
	padding: 10px 30px 20px 30px;
	margin: 0px;
	border: 0px;
	width:315px;
}

table#chalkpull td.boxtop {
	background: url('/who-cares-town/images/chalkpull_top.gif') bottom left no-repeat;
	padding: 0px;
	margin: 0px;
	border: 0px;
	height: 37px;
	font-size: 0em;
}
table#chalkpull td {
	background: url('/who-cares-town/images/chalkpull_btm.gif') bottom left no-repeat;
	padding: 10px 30px 20px 30px;
	margin: 0px;
	border: 0px;
	width: 185px;
	font-size: 1.0em;
	font-weight: bold;
	color:#000000;
}

table#chalkpull-pink td.boxtop {
	background: url('/who-cares-town/images/chalkpull_pink_top.gif') bottom left no-repeat;
	padding: 0px;
	margin: 0px;
	border: 0px;
	height: 37px;
	font-size: 0em;
}
table#chalkpull-pink td {
	background: url('/who-cares-town/images/chalkpull_pink_btm.gif') bottom left no-repeat;
	padding: 10px 30px 20px 30px;
	margin: 0px;
	border: 0px;
	width: 185px;
	font-size: 1.0em;
	font-weight: bold;
	color:#000000;
}

table#postit td.boxtop {
	background: url('/who-cares-town/images/postit_top.jpg') bottom left no-repeat;
	padding: 0px;
	margin: 0px;
	border: 0px;
	height: 37px;
	font-size: 0em;
}
table#postit td {
	background: url('/who-cares-town/images/postit_btm.jpg') bottom left no-repeat;
	padding: 10px 20px 20px 20px;
	margin: 0px;
	border: 0px;
	font-size: 1.8em;
	font-weight: bold;
	width:190px;
	font-size:1.0em;
	color:#000000;
}



table#postit-pink td.boxtop {
	background: url('/who-cares-town/images/postit_pink_top.jpg') bottom left no-repeat;
	padding: 0px;
	margin: 0px;
	border: 0px;
	height: 37px;
	font-size: 0em;
}
table#postit-pink td {
	background: url('/who-cares-town/images/postit_pink_btm.jpg') bottom left no-repeat;
	padding: 10px 20px 20px 20px;
	margin: 0px;
	border: 0px;
	font-size: 1.8em;
	font-weight: bold;
	width:190px;
	font-size:1.0em;
	color:#000000;
}

.layout-table {
	width: 99%;
}

.layout-table .layout-table-cell {
	vertical-align: top;
	margin: 0;
	padding: 0;
}

/* FOOTER IMG MAP----------------------------------------- */
body#index #footer {
	background: url('../images/footer_bgd.gif') top left no-repeat;
	height: 293px;	
}
body.sectionhome #footer {
	background: url('../images/section_footer_bgd.gif') top left no-repeat;
	height: 293px;	
}
#footer {
	background: url('../images/sub_footer_bgd.gif') top left no-repeat;
	height: 178px;
	font-size: 1.1em;
	line-height: 1.6em;
	padding-left: 12px;
	position: relative;
	clear: both;
	padding-top: 5px;
}
#footer a {
	color: #000;
}
#footer ul#footermap {
	height: 152px;
	width: 887px;
	list-style: none;
	margin: 0 0 25px 0;
	padding: 0;
	position: relative;
} 
#footer ul#footermap li {
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 20px;
}
#footer ul#footermap li a {
	display: block;
	overflow: hidden;
	text-indent: -999px;
}
#footer ul#footermap li#whatsnewbu {
	left: 17px;
}
#footer ul#footermap li#whatsnewbu a {
	width: 190px;
	height: 105px;
}
#footer ul#footermap li#yourstorybu {
	left: 256px;
}
#footer ul#footermap li#yourstorybu a {
	width: 144px;
	height: 102px;
}
#footer ul#footermap li#getsocialbu {
	right: 275px;
}
#footer ul#footermap li#getsocialbu a {
	width: 153px;
	height: 125px;
}
#footer ul#footermap li#getintouchbu {
	right: 45px;
}
#footer ul#footermap li#getintouchbu a {
	width: 180px;
	height: 125px;
}
#footer p#getintouchbu {
	position: absolute;
	top: 30px;
	right: 60px;
	margin: 0;
	padding: 0;
}
#footer p#getintouchbu a {
	display: block;
	width: 150px;
	height: 97px;
	text-indent: -999px;
	overflow: hidden;
}
#footer p {
	margin-top: 60px;
	float: left;
}
body.sectionhome #footer p {
	margin-top: 170px;
}
body#index #footer p {
	margin-top: 0px;
	float: left;
}
body.sectionhome #sitemapbu {
	top: 155px;
}
body#index #sitemapbu {
	top: 155px;
}
#sitemapbu {
	position: absolute;
	top: 45px;
	right: 33px;
	width: 120px;
	height: 43px;
	text-indent: -999px;
	overflow: hidden;
}

/* trigger button */
.tooltip-trigger {
	background-color: #333;
	display:block;
	height:44px;
	margin-bottom:30px;
	overflow:hidden;
	text-indent:-999em;
	width:159px;
	cursor:pointer;
}

#content a.tool-trigger, #content .tooltip a {
	background: none;
}

/* mouseover state */
.tooltip-trigger:hover {
	background-position:0 -44px ;		
}

/* clicked state */
.tooltip-trigger:focus {
	background-position:0 -88px;
}

/* tooltip styling */
.tooltip {
	display:none;
	background-color: #333;
	/* height:163px; */
	padding:20px;
	width:310px;
	font-size:11px;
	color:#fff;
	border: 5px solid #222;
}

/* a .label element inside tooltip */
.tooltip .label {
	color:yellow;
	width:35px;
}

.tooltip a {
	color:#ad4 !important;
	font-size:11px;
	font-weight:bold;
}