body {
	margin:0px;
	padding:0px;
	font-family: Verdana, Arial, san-serif;
	background: #FFFFFF url("../pics/bg.gif") repeat-x top center;
	text-align:center;
}

div.spacer {
	clear: both;
}

#Wrapper {
	width:800px;
	margin:0 auto;
	background: url("../pics/ContentBg.gif") repeat-y top center;
	text-align:left;
}
#Wrapper #pageContent {
	width:780px;
	margin:0px 10px 10px 10px;
}

#Wrapper #leftContent {
	width: 330px; 
	margin:0px; 
	padding: 0px; 
	float: left;
}

#Wrapper #flashBanner {
	width:144px;
	float: left;
	text-align: center; 
}
#Wrapper #flashBanner p img { margin-bottom: 8px; }

#Wrapper #logos {
	margin-left: 5px;
	margin-top: 5px;
	width: 310px;
	float:left;
	text-align: center;
}
#Wrapper #logos .cymca,
#Wrapper #logos .housingassoc {
	margin: 0px;
	padding: 0px;
}

#Wrapper #logos .ymcalogo {
	margin-top: 20px;
	margin-bottom: 10px;
}

#Wrapper #logos .affiliateLogos {
	margin: 5px;
}


#Wrapper #menu {
	width:175px;
	float:left;
	font-size:small;
	margin:18px 0px 0px 10px;
	padding:0px;
}
#Wrapper #menu p { margin:0px 0px 4px 0px; }
#Wrapper #menu img { vertical-align: middle; }
#Wrapper #menu a {
	color: #333333;
	text-decoration: none;
}
#Wrapper #menu a:hover { color: #999999; }
#Wrapper #menu p.btnHome, 
#Wrapper #menu p.btnAbout,
#Wrapper #menu p.btnHistory, 
#Wrapper #menu p.btnNews, 
#Wrapper #menu p.btnEmployment, 
#Wrapper #menu p.btnAdvice, 
#Wrapper #menu p.btnCaseStudies, 
#Wrapper #menu p.btnAccommodation, 
#Wrapper #menu p.btnActivities, 
#Wrapper #menu p.btnProjects, 
#Wrapper #menu p.btnGalleries, 
#Wrapper #menu p.btnContact,
#Wrapper #menu p.btnDonation { width:165px; }
#Wrapper #menu p.btnCaringGifts { width:165px; }

#Wrapper #menu p.btnHome { background: #EAFFDF; }
#wrapper #menu p.btnAbout { background: #CCFFFF; }
#Wrapper #menu p.btnHistory { background: #DFFFFC; }
#Wrapper #menu p.btnNews { background: #DBEBFF; }
#Wrapper #menu p.btnEmployment { background: #F6DEFF; }
#Wrapper #menu p.btnAdvice { background: #FFDBF9; }
#Wrapper #menu p.btnAccommodation { background: #FFDFF0; }
#Wrapper #menu p.btnActivities { background: #FFE3E6; }
#Wrapper #menu p.btnCaseStudies { background: #FFCCCC; }
#Wrapper #menu p.btnProjects { background: #FFECDC; }
#Wrapper #menu p.btnGalleries { background:#FFC596; }
#Wrapper #menu p.btnContact { background: #FEFFD6; }
#Wrapper #menu p.btnDonation { background: #CCFFCC; }
#Wrapper #menu p.btnCaringGifts { background: #FFFF99; }

#Wrapper #content {
	width:435px;
	float:right;
	font-size:x-small;
	margin:18px 10px 0px 0px;
}
#Wrapper #content h1 {
	margin-top:0px;
	color: #FFFFFF;
	font-size:large;
}
#Wrapper #content h1.titleHome { background: #61C132; }
#Wrapper #content h1.titleAbout {background: #33CC99; }
#Wrapper #content h1.titleNews { background: #3272C1; }
#Wrapper #content h1.titleEmployment { background: #9A32C1; }
#Wrapper #content h1.titleHistory { background: #32C1B5; }
#Wrapper #content h1.titleAdvice { background: #C132A8; }
#Wrapper #content h1.titleSupport { background: #C1327C; }
#Wrapper #content h1.titleContact { background: #BFC132; }
#Wrapper #content h1.titleDonation { background: #33CC33; }
#Wrapper #content h1.titleCaringGifts { background: #CCCC33; }
#Wrapper #content h1.titleActivities { background: #C1323F; }
#Wrapper #content h1.titleCaseStudies { background: #C1523F; }
#Wrapper #content h1.titleProjects { background: #C17232; }
#Wrapper #content h1.titleSystems { background: #999999; }
#Wrapper #content h2 { font-size:medium; }
#Wrapper #content p.quote { font-weight: bold; }
#Wrapper #content #pictureRow img { 
	width: 112px;
	height: 84px;
}

#Wrapper #content h2.home {
	text-align: center;
}

#Wrapper #content p.success { 
	text-align: center;
	color: #FF0000;
	font-size: medium;
}

#Wrapper #content p.centralisedActivities {
	text-align: center;
}

#Wrapper #content #address {
	width:216px;
	border:1px solid #439B18;
	margin-bottom:10px;
}
#Wrapper #content #address.aj { float:right; }
#Wrapper #content #address h2,
#Wrapper #content #caseStudy h2,
#Wrapper #content #caseStudyPage h2,
#Wrapper #content #address h3,
#Wrapper #content #address p,
#Wrapper #content #caseStudy p,
#Wrapper #content #caseStudyPage p,
#Wrapper #content #address img {
	font-size:small;
	padding:2px;
	margin:0px;
}
#Wrapper #content h3 span#CardiffYMCA {font-size: large; }
#Wrapper #content #address h3 {	font-style:italic; }
#Wrapper #content #address p,
#Wrapper #content #caseStudy p, 
#Wrapper #content #caseStudyPage p { font-size:x-small; }
#Wrapper #content #address img { float:right; }
#Wrapper #content #address a,
#Wrapper #content #caseStudy a,
#Wrapper #content #caseStudyPage a,
#Wrapper #content .articleExtract a {
	background-color: #61C132;
	border: 1px solid #439B18;
	color: #FFFFFF;
	text-decoration: none;
	padding-left: 3px;
	padding-right: 3px;
}
#Wrapper #content #caseStudy,
#Wrapper #content .articleExtract {
	width:440px;
	border:1px solid #439B18;
	padding:2px;
}
#Wrapper #content #caseStudyPage{
	width:440px;
	border:1px solid #FFCCCC;
	padding:2px;
}
#Wrapper #content #caseStudyPage a{
	background-color: #C1523F;
	border: 1px solid #FFCCCC;
	color: #FFFFFF;
	text-decoration: none;
	padding-left: 3px;
	padding-right: 3px;
}
#Wrapper #content #caseStudy,
#Wrapper #content #caseStudyPage { height:150px; }

#Wrapper #content #caseStudy img,
#Wrapper #content #caseStudyPage img{ float: left; margin-right: 4px; }

#Wrapper #content .youtubeVideo {
	padding-bottom: 20px;
	padding-left: 4px;
}

#credit {
	width:800px;
	margin:0 auto;
	font-size:xx-small;
	background: url("../pics/footerBg.gif") no-repeat top center;
	padding-top:12px;
}

/* News */
.article, .articleExtract, .archive { width: 435px; }
.archive h2 {
	color: #FFFFFF;
	background: #3272C1;
}
.article a, .articleExtract a, .archive a, .button, .Gallery a {
	font-size: x-small;
	text-decoration: none;
	padding-left: 3px;
	padding-right: 3px;
	color: #FFFFFF;
	background: #3272C1;
	border: #024291 1px solid;
}
.archive a:hover { background: #024291; }
.article img, .articleExtract img {
	border: #024291 2px solid;
	float: right;
}
/* Employment */
.vacancyArchive h2 {
	color: #FFFFFF;
	background: #9A32C1;
}
.vacancy, .vacancyExtract, .vacancyArchive {
	width: 440px;
}
.vacancy a, .vacancyExtract a, .vacancyArchive a, .buttonVacancy {
	font-size: x-small;
	text-decoration: none;
	padding-left: 3px;
	padding-right: 3px;
	color: #FFFFFF;
	background: #9A32C1;
	border: #8316AC 1px solid;
}
.vacancy a:hover {
	background: #8316AC;
}
.vacancy img, .vacancyExtract img {
	border: #8316AC 2px solid;
	float: right;
}

#Wrapper #content #tblPersonalInformation .label,
#Wrapper #content #tblTelephoneNumbers .label,
#Wrapper #content #tblPostRelevant .label,
#Wrapper #content #tblMedicalInformation .label,
#Wrapper #content #tblReferences .label,
#Wrapper #content #tblEmployment .label,
#Wrapper #content #tblEqualOppurtunities .label,
#Wrapper #content #tblEqualOppurtunities .EqualOppurtunitiesTitle,
#Wrapper #content #tblPostRelevant .offenders{
	font-size: x-small;
	padding-right: 10px;
}

#Wrapper #content #tblEqualOppurtunities .EqualOppurtunitiesTitle {
	font-weight: bold;
	text-align: center;
	padding-right: 3px;
	padding-left: 3px;
}

#Wrapper #content #tblEqualOppurtunities .btnEthnicity {
	text-align: center;
}

#Wrapper #content #tblEqualOppurtunities .label {
	font-weight: bold;
}

#Wrapper #content .bringToInterview,
#Wrapper #content #tblPostRelevant .offenders,
#Wrapper #content .equalOppurtunities,
#Wrapper #content .criminalMessage{
	font-style: italic;
}

#Wrapper #content .EmploymentInformation,
#Wrapper #content .informationRequest{
	font-weight: bold;
}

#Wrapper #content #employmentFormButtons {
	text-align: right;
}

#Wrapper #content .EmploymentButton {
	font-size: x-small;
	text-decoration: none;
	padding-left: 3px;
	padding-right: 3px;
	color: #FFFFFF;
	background: #9A32C1;
	border: #F6DEFF 1px solid;
}

.GalleryTable {
	border:1px solid #000000;
	width:440px;
}

#Wrapper #content #ActivitiesTable {
	border:1px solid #000000;
	width:440px;
	border:0px;
	padding:2px;
	font-size:xx-small;
}

#Wrapper #content #tblContact {
	width: 440px;
	background-color: #EAEAEA;
	font-size: x-small;
}

#Wrapper #content #tblContact td {
	vertical-align: middle;
}

#Wrapper #content div.paypalHome {
	margin-top: 5px;
}

#Wrapper #content div.paypalHome p.paypalHometext {
	float:left; 
	font-size:larger; 
	padding-top:3px;
}

#Wrapper #content div.paypalHome p.paypalImage {
	float: left;
}

#Wrapper #content p.paypalDonation {
	float: right;
	margin:0px;
	margin-left: 5px;
}

#Wrapper #content img.InvitationBookImage {
	float: left;
}

#Wrapper #content h2.InvitationBook {
	font-size: medium; 
	float: right; 
	margin-bottom: 20px;
}

#Wrapper #content h3.InvitationBook {
	font-size: small; 
	float: right;
}

#Wrapper #content p.InivitationBookLink {
	text-align: center;
}

/* Caring Gifts */

#Wrapper #content h2.CaringGiftsPageTitle {
	float: left; 
	padding-top: 20px;
	font-weight:normal;
}

#Wrapper #content span.CaringGifts {
	color: #FF0000; 
	font-size: x-large;
}

#Wrapper #content img.CaringGiftsImage {
	float: right;
}

#Wrapper #content ol.CaringGiftsList {
	margin-left: 0px; 
	padding-left: 0px;
	list-style-position:inside; 
	font-weight: bold;
}

#Wrapper #content ol.CaringGiftsList span.ListText {
	font-weight: normal;
}

#Wrapper #content p.CatalogueLink {
	text-align:right;
}