@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;
}
#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;
}
#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#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;
}
#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#health-and-wellbeing-centre 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#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#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#school-and-college 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;
}

/*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;
}


/* 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;
}

/* 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;
}