HTML {
	OVERFLOW: auto
}
BODY {
	FONT-SIZE: 62.5%; BACKGROUND: url(../_images/layup/bodyBg.gif) #ddeeeb repeat-x left top; COLOR: #666; FONT-FAMILY: Verdana, Helvetica, Sans-Serif; TEXT-ALIGN: center
}
A {
	COLOR: #4183ae; TEXT-DECORATION: none
}
A:hover {
	TEXT-DECORATION: underline
}
P {
	MARGIN: 10px 0px
}
OL {
	MARGIN: 10px 0px
}
H3 {
	CLEAR: both; FONT-WEIGHT: bold; FONT-SIZE: 1.6em; MARGIN-BOTTOM: 10px; COLOR: #4183ae; LINE-HEIGHT: 1.2em
}
H3 SPAN {
	DISPLAY: none
}
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: 234px; HEIGHT: 22px
}
H3.we-want-to-hear-from-you {
	MARGIN-TOP: 20px; BACKGROUND: url(../_images/we-want-to-hear-from-you.gif) no-repeat left center; WIDTH: 195px; HEIGHT: 17px
}
H3.have-you-got-a-question {
	MARGIN-TOP: 20px; BACKGROUND: url(../_images/have-you-got-a-question.gif) no-repeat left center; WIDTH: 189px; HEIGHT: 18px
}
H4 {
	FONT-WEIGHT: bold; FONT-SIZE: 1.2em; 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: #ccc 1px solid
}
DIV#wrapper-top {
	MARGIN: auto; WIDTH: 716px; TEXT-ALIGN: left
}
DIV#wrapper-bottom {
	MARGIN: auto; WIDTH: 716px; TEXT-ALIGN: left
}
DIV#header {
	MARGIN-TOP: 10px; HEIGHT: 104px
}
H1#logo A {
	BACKGROUND: url(../_images/layup/logo.gif) no-repeat left top; FLOAT: left; WIDTH: 221px; HEIGHT: 51px
}
DIV#header SPAN {
	DISPLAY: none
}
#access_keys {
	DISPLAY: none
}
DIV#contact_info SPAN {
	DISPLAY: none
}
DIV#contact_info {
	BACKGROUND: url(../_images/layup/contactustoday.gif) no-repeat left top; FLOAT: right; WIDTH: 133px; HEIGHT: 51px
}
UL#menu {
	CLEAR: both; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 16px 0px 0px; WIDTH: 716px; PADDING-TOP: 0px; HEIGHT: 37px
}
UL#menu LI {
	FLOAT: left; MARGIN-RIGHT: 5px
}
UL#menu LI.contactus {
	FLOAT: right; MARGIN-RIGHT: 0px
}
UL#menu LI A {
	FLOAT: left; BACKGROUND-IMAGE: url(../_images/layup/menu.gif); BACKGROUND-REPEAT: no-repeat; HEIGHT: 37px
}
UL#menu LI.aboutus A {
	BACKGROUND-POSITION: 0px 0px; WIDTH: 94px
}
UL#menu LI.aboutus A:hover {
	BACKGROUND-POSITION: 0px -37px; WIDTH: 94px
}
UL#menu LI.aboutus A.selected {
	BACKGROUND-POSITION: 0px -37px; WIDTH: 94px
}
UL#menu LI.peoplelikeyou A {
	BACKGROUND-POSITION: -94px 0px; WIDTH: 195px
}
UL#menu LI.peoplelikeyou A:hover {
	BACKGROUND-POSITION: -94px -37px; WIDTH: 195px
}
UL#menu LI.peoplelikeyou A.selected {
	BACKGROUND-POSITION: -94px -37px; WIDTH: 195px
}
UL#menu LI.links A {
	BACKGROUND-POSITION: -289px 0px; WIDTH: 68px
}
UL#menu LI.links A:hover {
	BACKGROUND-POSITION: -289px -37px; WIDTH: 68px
}
UL#menu LI.links A.selected {
	BACKGROUND-POSITION: -289px -37px; WIDTH: 68px
}
UL#menu LI.faqs A {
	BACKGROUND-POSITION: -357px 0px; WIDTH: 65px
}
UL#menu LI.faqs A:hover {
	BACKGROUND-POSITION: -357px -37px; WIDTH: 65px
}
UL#menu LI.faqs A.selected {
	BACKGROUND-POSITION: -357px -37px; WIDTH: 65px
}
UL#menu LI.contactus A {
	BACKGROUND-POSITION: right 0px; WIDTH: 101px
}
UL#menu LI.contactus A:hover {
	BACKGROUND-POSITION: right -37px; WIDTH: 101px
}
UL#menu LI.contactus A.selected {
	BACKGROUND-POSITION: right -37px; WIDTH: 101px
}
DIV#content {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FONT-SIZE: 1.1em; BACKGROUND: url(../_images/layup/contentBg.gif) #fff repeat-x left top; PADDING-BOTTOM: 0px; LINE-HEIGHT: 1.4em; PADDING-TOP: 20px
}
DIV#content #col1 {
	PADDING-RIGHT: 3px; FLOAT: left; WIDTH: 432px; MARGIN-RIGHT: 5px
}
DIV#content #col2 {
	FLOAT: right; WIDTH: 250px
}
DIV#content OL {
	CLEAR: both; PADDING-RIGHT: 0px; BORDER-TOP: #d9e6ed 1px solid; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 10px; MARGIN: 10px 0px; PADDING-TOP: 10px; BORDER-BOTTOM: #d9e6ed 1px solid
}
DIV#content OL LI {
	BACKGROUND-POSITION: left center; PADDING-LEFT: 30px; MARGIN-BOTTOM: 5px; COLOR: #4183ae; BACKGROUND-REPEAT: no-repeat; BACKGROUND-COLOR: #fff
}
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)
}
DIV#centres {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FONT-SIZE: 1.1em; BACKGROUND: url(../_images/layup/volunteerCentresBg.gif) repeat-x left top; PADDING-BOTTOM: 0px; COLOR: #4183ae; PADDING-TOP: 10px; HEIGHT: 143px
}
DIV#centres A {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; FLOAT: left; PADDING-BOTTOM: 2px; WIDTH: 154px; COLOR: #4183ae; LINE-HEIGHT: 17px; MARGIN-RIGHT: 12px; PADDING-TOP: 2px; BORDER-BOTTOM: #bfd6e1 1px solid; HEIGHT: 17px
}
DIV#centres .gray A {
	BACKGROUND-COLOR: #e4eaec
}
DIV#centres A:hover {
	COLOR: #ffa510; BORDER-BOTTOM: #ffa510 1px solid; TEXT-DECORATION: none
}
DIV#footer-bg {
	BACKGROUND: url(../_images/layup/bodyBg2.gif) #2b729f repeat-x left top; FLOAT: left; WIDTH: 100%
}
DIV#footer {
	FONT-SIZE: 1.1em; COLOR: #fff; LINE-HEIGHT: 1.4em; PADDING-TOP: 5px
}
DIV#footer A {
	COLOR: #fff
}
DIV#footer UL LI A {
	FONT-WEIGHT: bold
}
DIV#footer UL {
	PADDING-BOTTOM: 10px
}
DIV#footer UL LI {
	PADDING-RIGHT: 8px; PADDING-LEFT: 8px; FLOAT: left; PADDING-BOTTOM: 1px; BORDER-LEFT: #fff 1px solid; PADDING-TOP: 0px
}
DIV#footer UL LI.first {
	PADDING-LEFT: 0px; BORDER-LEFT-STYLE: none
}
.box-green {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; MARGIN: 10px 0px; PADDING-TOP: 5px; BORDER-BOTTOM: #d1dbb4 1px solid; BACKGROUND-COLOR: #f0f3dc
}
.img-pic1 {
	PADDING-RIGHT: 5px; PADDING-LEFT: 0px; BACKGROUND: url(../_images/pic1.jpg) no-repeat center center; FLOAT: left; PADDING-BOTTOM: 5px; WIDTH: 156px; PADDING-TOP: 5px; HEIGHT: 111px
}
.img-pic2 {
	BACKGROUND: url(../_images/pic2.jpg) no-repeat center center; FLOAT: right; WIDTH: 251px; HEIGHT: 170px
}
.clearfix {
	CLEAR: both
}
.hide {
	DISPLAY: none
}
.centre-popup {
	PADDING-RIGHT: 6px; PADDING-LEFT: 0px; BACKGROUND: url(../_images/layup/shadowTopRight.png) no-repeat right top; FLOAT: left; PADDING-BOTTOM: 0px; WIDTH: 300px; PADDING-TOP: 4px; POSITION: absolute; HEIGHT: 246px; TEXT-ALIGN: left
}
.centre-popup .inner {
	BORDER-RIGHT: #bfd6e1 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #bfd6e1 1px solid; PADDING-LEFT: 5px; FLOAT: left; PADDING-BOTTOM: 5px; BORDER-LEFT: #bfd6e1 1px solid; WIDTH: 290px; LINE-HEIGHT: 1.5em; PADDING-TOP: 5px; BORDER-BOTTOM: #bfd6e1 1px solid; HEIGHT: 236px; BACKGROUND-COLOR: #fff
}
.centre-popup .close {
	RIGHT: -5px; FLOAT: right; BORDER-LEFT: #bfd6e1 1px solid; WIDTH: 16px; BORDER-BOTTOM: #bfd6e1 1px solid; POSITION: relative; TOP: -5px; HEIGHT: 16px
}
.centre-popup .close A {
	FLOAT: left; WIDTH: 16px; HEIGHT: 16px; BACKGROUND-COLOR: #f2f2f2; TEXT-ALIGN: center
}
.centre-popup .close A:hover {
	COLOR: #fff; BACKGROUND-COLOR: #4183ae
}
.centre-popup H4 {
	FONT-WEIGHT: bold; FONT-SIZE: 1.3em; MARGIN-BOTTOM: 10px; COLOR: #4183ae
}
.centre-popup STRONG {
	COLOR: #4183ae
}