html {overflow:auto;}
body {
	font-family: Verdana, Helvetica, Sans-Serif;
	font-size: 62.5%;
	background: #ddeeeb url(../_images/layup/bodyBg.gif) repeat-x left top;
	text-align:center;
	color:#666;
}

a { color:#4183ae;text-decoration:none; }
a:hover { text-decoration:underline; }
p, ol {margin:10px 0;}


/***************************************
	Headings!
***************************************/

h3 {font-size:1.6em;color:#4183ae;font-weight:bold;margin-bottom:10px;line-height:1.2em;clear:both;}
h3 span, h4 span {display:none;}

h3.why-volunteer {background:url(../_images/why-volunteer.gif) no-repeat left center;width:144px;height:22px;}
h3.whatever-your-interests {background:url(../_images/whatever-your-interests.gif) no-repeat left center;width:353px;height:39px;}
h3.hamp-volunteer-centre_blue {background:url(../_images/hamp-volunteer-centres_blueBg.gif) no-repeat left center;width:263px;height:22px;}
h3.people-like-you-volunteer {background:url(../_images/people-like-you-volunteer.gif) no-repeat left center;width:186px;height:17px;}
h3.hamp-volunteer-centre {background:url(../_images/hamp-volunteer-centres.gif) no-repeat left center;width:263px;height:22px;}
h3.people-like-you-volunteer_blue {background:url(../_images/people-like-you-volunteer_b.gif) no-repeat left center;width:227px;height:21px;}
h3.contact-us {background:url(../_images/contact-us.gif) no-repeat left center;width:97px;height:18px;}
h3.links {background:url(../_images/links.gif) no-repeat left center;width:46px;height:17px;}
h3.faqs {background:url(../_images/frequently-asked-questions.gif) no-repeat left center;width:253px;height:23px;}
h3.we-want-to-hear-from-you {background:url(../_images/we-want-to-hear-from-you.gif) no-repeat left center;width:195px;height:17px;margin-top:20px;}
h3.have-you-got-a-question {background:url(../_images/have-you-got-a-question.gif) no-repeat left center;width:189px;height:18px;margin-top:20px;}

h4 {font-size:1.2em;font-weight:bold;padding-top:10px;}

h4.volunteer-bureau-basingstoke {background:url(../_images/volunteer-bureau-basingstok.gif) no-repeat left center;width:235px;height:17px;}
h4.volunteer-centre-gosport {background:url(../_images/volunteer-centre-gosport.gif) no-repeat left center;width:235px;height:17px;}
h4.volunteer-centre-newforest {background:url(../_images/volunteer-centre-newforest.gif) no-repeat left center;width:235px;height:17px;}
h4.southampton-voluntary-services {background:url(../_images/southampton-voluntary-servi.gif) no-repeat left center;width:235px;height:17px;}
h4.volunteer-centre-easthamp {background:url(../_images/volunteer-centre-easthamp.gif) no-repeat left center;width:245px;height:17px;}
h4.hart-volunteer-centre {background:url(../_images/hart-volunteer-centre.gif) no-repeat left center;width:235px;height:17px;}
h4.volunteer-centre-portsmouth {background:url(../_images/volunteer-centre-portsmouth.gif) no-repeat left center;width:235px;height:17px;}
h4.volunteer-centre-testvalley {background:url(../_images/volunteer-centre-testvalley.gif) no-repeat left center;width:235px;height:17px;}
h4.volunteer-centre-eastleigh {background:url(../_images/volunteer-centre-eastleigh.gif) no-repeat left center;width:235px;height:17px;}
h4.havant-volunteer-centre {background:url(../_images/havant-volunteer-centre.gif) no-repeat left center;width:235px;height:17px;}
h4.rushmoor-volunteers {background:url(../_images/rushmoor-volunteers.gif) no-repeat left center;width:235px;height:17px;}
h4.winchester-volunteer-centre {background:url(../_images/winchester-volunteer-centre.gif) no-repeat left center;width:235px;height:17px;}
h4.fareham-volunteer-centre {background:url(../_images/fareham-volunteer-centre.gif) no-repeat left center;width:235px;height:17px;}
h4.national-volunteering-db {background:url(../_images/national-volunteering-db.gif) no-repeat left center;width:235px;height:17px;}
h4.national-volunteering-db {background:url(../_images/national-volunteering-db.gif) no-repeat left center;width:235px;height:17px;}

h4.how-much-time-do-i-need-to-give {background:url(../_images/how-much-time-do-i-need.gif) no-repeat left center;width:90%;height:17px;}
h4.how-long-will-i-have-to-commit-for {background:url(../_images/how-long-will-i-have-to-com.gif) no-repeat left center;width:90%;height:17px;}
h4.what-skills-will-i-need {background:url(../_images/what-skills-will-i-need.gif) no-repeat left center;width:90%;height:17px;}
h4.will-i-get-my-expenses-paid {background:url(../_images/will-i-get-my-expenses-paid.gif) no-repeat left center;width:90%;height:17px;}
h4.what-can-I-expect-once-I-have-offered-my-time {background:url(../_images/what-can-I-expect-once-I-ha.gif) no-repeat left center;width:90%;height:17px;}
h4.what-can-i-expect-as-a-volunteer {background:url(../_images/what-can-i-expect-as-a-volu.gif) no-repeat left center;width:90%;height:17px;}
h4.can-i-claim-benefits-while-volunteering {background:url(../_images/can-i-claim-benefits-while-.gif) no-repeat left center;width:90%;height:17px;}
h4.i-am-not-a-british-national-can-i-volunteer-in-the-uk {background:url(../_images/i-am-not-a-british-national.gif) no-repeat left center;width:99%;height:17px;}
h4.can-i-volunteer-if-i-have-a-disability {background:url(../_images/can-i-volunteer-if-i-have-a.gif) no-repeat left center;width:90%;height:17px;}
h4.can-i-volunteer-if-im-under-16 {background:url(../_images/can-i-volunteer-if-under-16.gif) no-repeat left center;width:90%;height:17px;}

h4.derek {background:url(../_images/derek.gif) no-repeat left center;width:90%;height:17px;}
h4.sophie {background:url(../_images/sophie.gif) no-repeat left center;width:90%;height:17px;}
h4.penny {background:url(../_images/penny.gif) no-repeat left center;width:90%;height:17px;}
h4.arthur {background:url(../_images/arthur.gif) no-repeat left center;width:90%;height:17px;}
h4.katie {background:url(../_images/katie.gif) no-repeat left center;width:90%;height:17px;}
h4.jane {background:url(../_images/jane.gif) no-repeat left center;width:90%;height:17px;}
h4.roger {background:url(../_images/roger.gif) no-repeat left center;width:90%;height:17px;}
h4.pat {background:url(../_images/pat.gif) no-repeat left center;width:90%;height:17px;}
h4.lesley {background:url(../_images/lesley.gif) no-repeat left center;width:90%;height:17px;}

h4.tel {background:url(../_images/tel.gif) no-repeat left center;width:23px;height:14px;}
h4.fax {background:url(../_images/fax.gif) no-repeat left center;width:28px;height:14px;}
h4.text {background:url(../_images/text.gif) no-repeat left center;width:32px;height:14px;}
h4.email {background:url(../_images/email.gif) no-repeat left center;width:44px;height:14px;}

hr {border-bottom:solid 1px #ccc;}



/***************************************
	Header
***************************************/

div#wrapper-top, div#wrapper-bottom {
	width: 716px;
	margin: auto;
	text-align:left;
}

div#header {
	height:104px;
	margin-top:10px;
}

h1#logo a {
	float:left;
	background:url(../_images/layup/logo.gif) no-repeat left top;
	width:221px;
	height:51px;
}
div#header span, #access_keys, div#contact_info span {display:none;}

div#contact_info {
	float:right;
	background:url(../_images/layup/contactustoday.gif) no-repeat left top;
	width:133px;
	height:51px;
}



/***************************************
	Menu
****************************************/

ul#menu {

	clear:both;
	float:left;
	margin:0;
	margin-top:16px;
	height:37px;
	width:716px;
	padding:0;
}

ul#menu li {float:left;margin-right:5px;}
ul#menu li.contactus {float:right;margin-right:0;}
ul#menu li a {float:left;height:37px;background-repeat:no-repeat;background-image:url(../_images/layup/menu.gif);}
ul#menu li.aboutus a {width:94px;background-position:0 0;}
ul#menu li.aboutus a:hover, ul#menu li.aboutus a.selected {width:94px;background-position:0px -37px;}
ul#menu li.peoplelikeyou a {width:195px;background-position:-94px 0;}
ul#menu li.peoplelikeyou a:hover, ul#menu li.peoplelikeyou a.selected {width:195px;background-position:-94px -37px;}
ul#menu li.links a {width:68px;background-position:-289px 0;}
ul#menu li.links a:hover, ul#menu li.links a.selected {width:68px;background-position:-289px -37px;}
ul#menu li.faqs a {width:65px;background-position:-357px 0;}
ul#menu li.faqs a:hover, ul#menu li.faqs a.selected {width:65px;background-position:-357px -37px;}
ul#menu li.contactus a {width:101px;background-position:right 0;}
ul#menu li.contactus a:hover, ul#menu li.contactus a.selected {width:101px;background-position:right -37px;}


/***************************************
	Content
****************************************/

div#content {
	background:#fff url(../_images/layup/contentBg.gif) repeat-x left top;
	padding:20px 10px 0 10px;
	font-size:1.1em;line-height:1.4em;
}

div#content #col1 {
	float:left;
	width:432px;
	padding-right:3px;
	margin-right:5px;
}
div#content #col2 {
	float:right;
	width:250px;
}

div#content ol {

	border-top:solid 1px #d9e6ed;
	border-bottom:solid 1px #d9e6ed;
	padding:10px 0 10px 0;
	margin:10px 0 10px 0;
	clear:both;
	float:left;
}

div#content ol li {

	background-color:#fff;
	background-repeat:no-repeat;
	background-position:left center;
	padding-left:30px;
	margin-bottom:5px;
	color:#4183ae;

}
div#content ol li.num1 { background-image:url(../_images/layup/1.gif);}
div#content ol li.num2 { background-image:url(../_images/layup/2.gif);}
div#content ol li.num3 { background-image:url(../_images/layup/3.gif);}
div#content ol li.num4 { background-image:url(../_images/layup/4.gif);}



/************************************************
	Centres
*************************************************/

div#centres {

	background:url(../_images/layup/volunteerCentresBg.gif) repeat-x left top;
	height:143px;
	padding:10px 10px 0 10px;
	font-size:1.1em;
	color:#4183ae;
}

div#centres a {

	float:left;
	width:154px;
	height:17px;
	line-height:17px;
	padding:2px 3px 2px 3px;
	border-bottom:solid 1px #bfd6e1;
	margin-right:12px;
	color:#4183ae;
}
div#centres .gray a {background-color:#e4eaec;}
div#centres a:hover {color:#ffa510;text-decoration:none;border-bottom:solid 1px #ffa510;}



/************************************************
	Footer
*************************************************/

div#footer-bg {

	float:left;
	width:100%;
	background: #2b729f url(../_images/layup/bodyBg2.gif) repeat-x left top;

}

div#footer {

	color:#fff;
	padding-top:5px;
	font-size:1.1em;line-height:1.4em;

}
div#footer a {color:#fff;}
div#footer ul li a {font-weight:bold;}
div#footer ul {padding-bottom:10px;}
div#footer ul li {

	float:left;
	border-left:solid 1px #fff;
	padding:0 8px 1px 8px;
	

}
div#footer ul li.first {border-left:none;padding-left:0;}




/************************************************
	General Classes
*************************************************/

.box-green {
	background-color:#f0f3dc;
	border-bottom:solid 1px #d1dbb4;
	padding:5px;
	margin:10px 0 10px 0;
}



.img-pic1 {

	float:left;
	width:156px;
	height:111px;
	padding:5px 5px 5px 0;
	background:url(../_images/pic1.jpg) no-repeat center center;

}
.img-pic2 {

	float:right;
	width:251px;
	height:170px;
	background:url(../_images/pic2.jpg) no-repeat center center;
}

.clearfix {clear:both;}
.hide {display:none;}



/************************************************
	Volunteer Centre PopUps
*************************************************/

.centre-popup {
	text-align:left;
	position:absolute;
	float:left;
	height:246px;
	width:300px;
	padding:4px 6px 0 0;
	background:url(../_images/layup/shadowTopRight.png) no-repeat right top;
}
.centre-popup .inner {
	background-color:#fff;
	float:left;
	height:236px;
	width:290px;
	border:solid 1px #bfd6e1;
	line-height:1.5em;
	padding:5px;
}

.centre-popup .close {
	float:right;
	width:16px;
	height:16px;
	border-left:solid 1px #bfd6e1;
	border-bottom:solid 1px #bfd6e1;
	position:relative;
	top:-5px;
	right:-5px;
}
.centre-popup .close a {width:16px;height:16px;text-align:center;float:left;background-color:#f2f2f2;}
.centre-popup .close a:hover {color:#fff;background-color:#4183ae;}

.centre-popup h4 {
	font-size:1.3em;
	font-weight:bold;
	color:#4183ae;
	margin-bottom:10px;
}

.centre-popup strong {color:#4183ae;}