body {
	text-align: center;
	background-color: #F2F2F2;
}
#container {
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	width: 810px;
	border: 10px solid #FFF;
	background-color: #FFF;
}

#bannerSWF {
	float: left;
	width: 551px;
	height: 169px;
}
#bannerPhoto{
	float: left;
	width: 551px;
	height: 169px;
}
#bannerLogo {
	float: left;
	width: 259px;
	height: 169px;
}
#bannerSWF, #bannerPhoto, #bannerLogo {
	margin: 0 0 15px 0;
}
#logoPrint {
	display: none;
}

#leftCol {
	width: 520px;
	float: left;
	padding: 0 10px;
}
#leftColHome {
	width: 540px;
	float: left;
}

#rightCol {
	width: 259px;
	float: right;
}

#rightCol div.newsBox {
	background-image: url(../images/design/bkg_newstop.gif);
	background-position: top;
	background-repeat: no-repeat;
	padding: 34px 10px 4px 10px;
	background-color: #D4E0EE;
}
#rightCol div.newsBox h2 {
	font-size: 1.2em;
	border-bottom: 0;
}
#rightCol div.newsBox h2.areasTitle {
	font-size: 1em;
	margin-bottom: 0;
}
#rightCol div.newsBox p {
	font-size: 1em;
	color: #214B7D;
	line-height: 1.3em;
}
#rightCol div.newsBox p.areasP {
	font-size: 0.7em;
	color: #214B7D;
}
#rightCol div.newsBox p.areasP a {
	color: #CC0000;
	font-size: 1em;
}
#rightCol div.newsBox p a {
	font-size: 0.7em;
}

#rightCol div.eventsBox {
	padding: 34px 10px 4px 10px;
	background-color: #D4E0EE;
}
#rightCol div.eventsBox h2 {
	font-size: 1em;
	border-bottom: 0;
	margin-bottom: 0;
}
#rightCol div.eventsBox p {
	font-size: 0.7em;
	color: #214B7D;
}
#rightCol div.eventsBox p a {
	color: #CC0000;
}

#rightCol div#photoBox, #rightCol div#newsPhoto {

}

#rightCol div#stripLine {
	background-color: #214A78;
	padding: 8px 10px;
	color: #87B2D5;
}
#rightCol div#stripLine p {
	font-size: 0.6em;
	padding: 0;
}
#rightCol div#stripLine a {
	color: #FFF;
}

#rightCol div#baseContent {
	background-image: url(../images/design/bkg_rightbot.gif);
	background-position: bottom;
	background-repeat: no-repeat;
	background-color: #86B2D7;
	padding: 10px 10px 30px 10px;
}
#rightCol div#baseContent div#relevant {
	padding: 0 0 10px 0;
}
#rightCol div#baseContent ul {
	list-style-image: url(../images/design/bullet_orange.gif);
	margin-left: 18px;
}
#rightCol div#baseContent ul li, #rightCol div#baseContent p {
	color: #214B7D;
}
#rightCol div#baseContent p.white {
	color: #FFF;
}
#rightCol div#baseContent p#print {
	padding-bottom: 0;
}
#rightCol div#baseContent p#print a {
	text-decoration: none;
	color: #214B7D;
}
#rightCol div#baseContent p#print a:hover {
	text-decoration: underline;
}

/* footer */

#footer {
	clear: both;
	padding: 25px 0 0 0;
}
#footer div#logo {
	width: 130px;
	float: left;
}
#footer div#details {
	float: left;
	width: 680px;
	margin: 30px 0 0 0;
	border-top: 1px solid #666666;
	padding: 16px 0 0 0;
}
#footer div#details img#fsb {
	float: right;
	margin: 0 0 0 15px;
}
#footer div#details ul {
	margin: 0;
	padding: 0 0 0 0;
	list-style: none;
	list-style-image: none;
}
#footer div#details ul li {
	float: left;
	margin: 0;
	padding: 0;
	font-size: 0.75em;
}
#footer div#details ul li a {
	display: block;
	padding: 0 5px;
	border-left: 1px solid #666666;
	color: #214B7D;
}
#footer div#details p {
	clear: left;
	text-align: center;
	color: #214B7D;
	line-height: 1.3em;
	padding-bottom: 0;
	font-size: 0.7em;
}
#footer div#details p a {
	color: #214B7D;
}


#footer div#details ul li#copyright a {
	border-left: 0;
}
#footer div#details ul li#top {
	padding-left: 10px;
}
#footer div#details ul li#top a {
	border-left: 0;
	color: #F47B20;
}

/* other styles */
.clear {
	clear: both;
}
html>body .clear {
	height: 1px;
	display: block;
}

/* form styling */

form {
	margin: 0 0 16px 0;
	padding: 0;
}

input.text, select, textarea {
/**	width: 130px;		**/
	font: 0.7em Arial, Helvetica, sans-serif;
	color: #333333;
	border: 1px solid #A7A7A7;
}
input.button, .formLine input.button {
	font: 0.7em Arial, Helvetica, sans-serif;
	color: #333333;
	width: 70px;	
}
input.buttonSmall {
	font: 0.7em Arial, Helvetica, sans-serif;
	color: #333333;
	width: 26px;
	margin: 0 0 -1px 0;	
}
input.buttonLarge {
	font: 0.7em Arial, Helvetica, sans-serif;
	color: #333333;
	width: 210px;
}
label {
/**	width: 240px;		**/
	font: bold 0.7em Arial, Helvetica, sans-serif;
	color: #214B7D;
}
.formLine {
	height: 24px;
	clear: both;
}
.formLineLarge {
	height: 90px;
	clear: both;
}
.formLine label, .formLineLarge label {
	float: left;
	
	width: 210px;
}
.formLine input {
/**	float: left;			**/
/**	width: 220px;			**/
}

.formLine input.text, .formLineLarge select, .formLine select {
	float: left;
/*	width: 255px;			*/
}
.formLine select.date {
	width: 70px;
	margin: 0 8px 0 0;
}
input.check {
	border: 0;
	width: 20px;
	float: left;
}



textarea {
	width: 390px;
	margin: 10px 0;
}
.formLineLarge textarea {
	float: left;
	width: 220px;
	height: 65px;
}
.codeImages {
	padding: 0 0 7px 240px;
	font: bold 1em Arial, Helvetica, sans-serif;
	color: #DD0021;
}

/* questionnaire form bits */

.formLinePadded {
	padding: 3px 0 3px 0;
	font-size: 11px;
}
.formLinePadded input.text, .formLinePadded textarea {
	width: 300px;
}
.formLinePadded label {
	display: block;	
}
.formLinePadded span {
	display: block;
	font-size: 0.7em;
	color: #6f6d6e;
}


input.questionnaireButton {
	clear: both;
	font-family: "Trebuchet MS", "Times New Roman", Arial, sans-serif;
	font-size: 0.8em;
}
.questionnaireHeading {
	padding-top: 20px;
}


/* news styles */

h2.newsTitle {
	font-size: 0.7em;
	border-bottom: 0;
	padding-bottom:4px;
	margin-bottom: 0;
}
p.newsStory {
	padding-top: 0;
	margin-top: 0;
	line-height: 1.3em;
	padding-bottom: 2px;
}
p.info {
/*	border-bottom: 1px solid #CCCCCC;
	padding-bottom: 3px;			*/
	margin-bottom: 18px;
	display: block;
	padding-bottom: 1.5em;
	border-bottom: 1px solid #CCC;
	font-size: 0.6em;
	clear: both;
}
p.info a {
	background-image: url(../images/but_next.gif);
	background-repeat: no-repeat;
	background-position: right;
	padding-right: 12px;
}
p.newsBase {
	font-weight: bold;
	padding-top: 6px;
	border-top: 1px solid #CCCCCC;
	color: #214B7D;
}

p.error {
	color: #FF0000;
}

div.searchnav {
	font: bold 0.65em Verdana, Arial, Helvetica, sans-serif;
/*	border-bottom: 1px dotted #A4A4A4;		*/
	padding: 4px 0 6px 0;
	color: #666666;
	margin-bottom: 15px;
	border-top: 5px solid #87B2D5;
}
div.searchnav a {
/*	color: #206E2E;			*/
}
.photoFeat {
	float: left;
	margin-right: 10px;
	margin-bottom: 6px;
}

#newsTicker {
	border: 10px solid #F2F2F2;
	color: #000;
	padding: 2px 0 0 96px;
	background-image:url(../images/design/bkg_ticker_ie6.gif);
	background-position: left;
	background-repeat: no-repeat;
	margin-bottom: 10px;
	
/*	width: 430px;		*/
}
/*	#newsTicker * {
	margin: 0;
	padding: 0;
}	*/
html>body #newsTicker {
	background-image:url(../images/design/bkg_ticker.gif);
	height: 18px;
}
#newsTicker td {
	color: #000;
}

#staffTable td {
	background-color: #F2F2F2;
	color: #384D60;
	padding: 6px;
}
#staffTable td.black {
	color: #000;
}
#staffTable td a {
	color: #384D60;
}
#staffTable th {
	background-color: #214B7D;
	text-align: left;
	color: #FFFFFF;
	padding: 6px;
	font-weight: normal;
}
#staffTable th.email {
	background-color: #87B2D5;
	color: #384D60;
}

#frm_search {
	width: 222px;
/*	float: left;		*/
	margin-bottom: 5px;
}
#frm_search label {
	font-weight: normal;
	padding: 0 6px 0 0;
}
#frm_search input {
	border-bottom: 1px solid #EFEFE3;
	border-right: 1px solid #EFEFE3;
	border-left: 2px solid #ABA899;
	border-top: 2px solid #ABA899;
	width: 129px;
	margin-right: 6px;
	padding: 2px;
}
#frm_search input#searchSubmit {
	width: 15px;
	margin-right: 0;
	padding: 0;
	border: 0;
}

.areaLink {
	padding-bottom: 10px;
	border-bottom: 1px dotted #A4A4A4;
	margin: 0 4px 20px 4px;
}
.areaLink a {
	display: block;
	background-color: #E06665;
	font: bold 1em Arial, Helvetica, sans-serif;
	padding: 2px 10px;
	color: #FFFFFF;
	text-decoration: none;
}
.areaLink a:hover {
	text-decoration: none;
	background-color: #CC5857;
}

h1.rightColNewsTitle {
	border-bottom: 1px solid #214A78;
	font-size: 1.1em;
	color: #FFF;
	padding-bottom: 4px;
}

.greytext {
	color: #4d4d4d;
}
#frm_newsletter {
	width: 241px;
/*	height: 145px;			*/
	height: 200px;
	background-image: url(../images/design/bkg_newsletter.gif);
	background-position: top;
	background-repeat: no-repeat;
	padding: 9px;
}
#frm_newsletter h2 {
	color: #FFF;
	padding-bottom: 3px;
	margin-bottom: 0;
	border-bottom: 0;
	font-size: 1.6em;
}
#frm_newsletter p {
	font-size: 0.7em;
	line-height: 1.2em;
	color: #FFF;
	padding-bottom: 11px;
}
#frm_newsletter label {
	width: 80px;
	color: #224a7d;
	text-align: right;
	padding-right: 10px;
}
#frm_newsletter input.text {
	width: 130px;
	border: 1px solid #224a7d;
	background-color: #87b2d5;
	color: #224a7d;
}

#helpBox {
	width: 259px;
	height: 45px;
	background-image: url(../images/design/bkg_help.gif);
	margin-bottom: 10px;
}
#helpBox p {
	padding: 5px 10px 0 10px;
	font-size: 1.2em;
}
#helpBox p a {
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
}
#helpBox p a:hover {
	text-decoration: underline;
}

#frm_clubs {
	width: 259px;
	height: 45px;
	background-image: url(../images/design/bkg_help_lblue.gif);
	background-position: top;
	background-repeat: no-repeat;
}
#frm_clubs select {
	margin: 10px 0 0 15px;
	width: 200px;
	font: 0.7em Arial, Helvetica, sans-serif;
	background-color: #FFF;
	color: #37619d;
}
#frm_clubs input.button {
	width: 25px;
	margin: 10px 0 0 0;
}

select.date {
	width: 66px;
	margin-right: 5px;
}

#rafaMap {
	float: right;
	width: 163px;
	padding-top: 35px;
}

p#donate {
	background-color: #bc0035;
	padding: 4px 10px;
	margin-bottom: 10px;
}
p#donate a {
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
}
p#donate a:hover {
	text-decoration: underline;
}

.areaTitle {
	color:#CC0003;
	font-size: 1.1em;
}
.areaTitle a {
	color:#CC0003;
	text-decoration: none;
}
.areaTitle a:hover {
	color: #a90003;
}

p table {
	font-size: 1.3em;
}

#directDebitBox {
	padding: 5px 10px;
	background-color: #ffeddf;
	margin: 12px 0 15px 0;
}

.checkBoxes {
	float: left;
	width: 200px;
}
.checkBoxes input.check {
	float: left;
	width: 30px;
}
.checkBoxes span {
	float: left;
	font: 0.7em Arial, Helvetica, sans-serif;
	color: #000;
	display: block;
	padding: 3px 0 0 0;
}

#memberGiftAidBox {
	border: 2px solid #86b2d7;
	padding: 10px;
}
#memberGiftAidBox h2 {
	color: #bc0035;
	border-bottom: 0;
}

/*	div#serviceNumBox {
	display: none;
}			*/

.redUnderline {
	border-bottom: 1px solid #FF0000;
}

#mebershipNo {
	display: none;
}
label select {
	font-size: 1em;
	width: auto;
	margin: 4px 0 -2px 0;
}
label input.text {
	font-size: 1em;
	width: auto;
	padding: 1px;
}
div.formLineGap {
	display: block;
	padding: 8px 0 8px 0;
}
select.padderTop {
	margin-top: 8px;
	height: 65px;
}

/* gallery styles */

#galleryBox div.video {
	float: left;
/*	padding: 0 10px 0 10px;				*/
	width: 264px;
	text-align: left;
}
#galleryBox div.video p {
	font-size: 0.7em;
	line-height: 1.2em;
	padding: 10px 7px 0 10px;
	text-align: left;
}

#galleryBox div.clear {
	border-bottom: 5px solid #CCCCCC;
	padding: 0 0 0 0;
	margin: 5px 0 10px 0;
}

#galleryBox p#groupNav {
	background-color: #CCCCCC;
	text-align: center;
	padding: 2px 2px;
	margin: 0 0 15px 0;
}
#galleryBox p#groupNav a {
	padding: 0 5px;
}

#galleryBox div.searchnav p {
	float: left;
}
#galleryBox div.searchnav form#finder {
	float: right;
	margin: -3px 0 0 0;
}
#galleryBox div.searchnav form#finder img {
	margin: 0 6px -5px 0;
}
#galleryBox div.searchnav form#finder label {
	font-size: 1.1em;
}
#galleryBox div.searchnav form#finder input.text {
	font-size: 1em;
}
#galleryBox div.searchnav form#finder input.searchButton {
	font-size: 1em;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0 0 -1px 0;
}
#galleryBox div.searchnav form#finder select {
	font-size: 1em;
	width: 60px;
}

