/*///////////////////////////////////////////////////////
Varnish Stripping - Undo HTML
///////////////////////////////////////////////////////*/

/* undohtml.css
 	(CC) 2004 Tantek Celik. Some Rights Reserved.
 	http://creativecommons.org/licenses/by/2.0
 	This style sheet is licensed under a Creative Commons License.
 	Purpose: undo some of the default styling of common (X)HTML browsers */

/* Link underlines tend to make hypertext less readable,
	because underlines obscure the shapes of the lower halves of words */
/* :link, :visited { text-decoration: none } */

/* No list-markers by default, since lists are used more often for semantics */
/* ul, ol { list-style: none } */

/* Avoid browser default inconsistent heading font-sizes and pre/code too */
h1, h2, h3, h4, h5, h6, pre, code { font-size: 1em; }

/* Remove the inconsistent (among browsers) default ul,ol padding or margin.
   The default spacing on headings does not match nor align with
   normal interline spacing at all, so let's get rid of it.
   Zero out the spacing around pre, form, body, html, p, blockquote as well.
   Form elements are oddly inconsistent, and not quite CSS emulatable.
   Nonetheless strip their margin and padding as well */
h1, h2, h3, h4, h5, h6, pre, form, body, html, div, p, blockquote, fieldset, input
{ margin: 0; padding: 0; }

/* Whoever thought blue linked image borders were a good idea? */
a img, :link img, :visited img, fieldset { border: none; }
* { outline: none !important; }

/* De-italicize address */
address { font-style: normal; }




/*///////////////////////////////////////////////////////
General Style Information
///////////////////////////////////////////////////////*/
body {
	background: #EEEEEE url('../images/bg-body.gif') repeat-x top center;
	font: 70%/175% Verdana, Arial, Helvetica, sans-serif; color: #000000; text-align: center;
}
table {
	font-size: 1em;
}
input, select, textarea {
	font: 1em Verdana, Arial, Helvetica, sans-serif;
}
a { color: #EF3E42; }
a:hover { color: #CC0000; }
kbd, code { color: #996666; font-family: Courier New, serif; font-size: 1.05em; }


/* .basic-form */
fieldset {
	padding-bottom: 0.4em;
}
input, select, textarea {
	width: 200px;
}
select {
	width: 204px;
}
input.submit {
	width: auto; margin: 0.6em 0 0 150px; border: 2px outset #EE3A43; padding: 0.1em 0.5em; background: #AA0904; 
	color: #FFFFFF; text-decoration: none;
}


#container {
	position: relative; width: 1000px; /*overflow: auto;*/
	margin: 0 auto 0.8em auto; background: #FFFFFF url('../images/bg-container.gif') repeat-y right top;
	text-align: left;
}


#skip { 
	position: absolute; top: -999em; left: -999em; width: 100%;
}
#skip ul, #skip li { 
	margin: 0; padding: 0; list-style-type: none;
}
#skip li a {
	position: absolute; top: -999em; left: -999em;
	display: block; width: 100%;
}
#skip li a:focus, #skip li a:active {
	position: absolute; top: 0; left: 0; width: auto;
	margin: 0; border: 1px solid #000000; padding: 2px 6px 2px 0; background-color: #666666;
	font-size: 85%; text-align: right; color: #FFFFFF; letter-spacing: .08em;
}
#skip li a:hover {
	border: 1px solid #666666; background-color: #EF3E42;
	color: #FFFFFF;
}


#global {
	height: 33px; padding: 0 20px; background: #000000;
	font-size: 10px;
}
#global form {
	float: right; width: 250px; padding: 7px 0 0 0;
	font-size: 11px; text-align: right;
}
#global form fieldset {
	display: inline; margin: 0; padding: 0;
}
#global form label {
	display: none;
}
#global form input {
	width: 160px; margin-left: 5px; border: 1px solid #EEEEEE; padding: 1px; background: #FFFFFF;
	text-align: left;
}
#global form input#submit-search {
	width: 55px; border: 2px outset #999999; padding: 0; background: #EEEEEE;
	color: #EF3E42; font-size: 9px; font-weight: bold; text-align: center; text-transform: uppercase;
}
#global form input#submit-search:hover {
	border: 2px outset #EF3E42; background: #EF3E42; color: #FFFFFF;
}
#global ul {
	margin: 0; padding: 0; list-style: none; overflow: auto;
}
#global li {
	float: left; margin: 0; padding: 0 30px 0 0; list-style: none;
}
#global a {
	display: block; min-height: 11px; padding: 11px 0 11px 0;
	color: #FFFFFF; text-decoration: none; line-height: 1;
}
#global a:hover {
	color: #EE3A43;
}
#global li:first-child a {
	padding-left: 18px; background: transparent url('../images/home-sprite.gif') no-repeat left center;
}
#global li:first-child a:hover {
	background-position: -960px;
}


#masthead {
	height: 235px; overflow: hidden;
	margin: 0; border-bottom: 30px solid #444444; padding: 0; background: #FFFFFF url('../images/bg-masthead.png') no-repeat left bottom;
}
#masthead h1 {
	float: left; width: 270px; height: 100px; overflow: auto;
}
#masthead h1 a {
	display: block; width: 250px; height: 0 !important; height /**/: 80px; overflow: hidden;
	margin: 10px; padding: 80px 0 0 0; background: transparent url('../images/logo-ymca.gif') no-repeat center top;
	text-indent: -999em;
}
#masthead p {
	position: absolute; top: -999em; left: -999em; text-indent: -999em;
}


/* Nivo Slider Styles */
#masthead .nivoSlider {
	position: relative; float: right; width: 600px; height: 235px;
	background: transparent url('../images/loading.gif') no-repeat 50% 50%;
}
#masthead .nivoSlider img {
	position: absolute; top: 0px; left: 0px;
}
#masthead .nivoSlider a.nivo-imageLink {
	position: absolute; top: 0px; left: 0px; z-index: 60; width: 100%; height:100%;
	display: none; margin: 0; border: 0; padding: 0;
}
#masthead .nivo-slice {
	display: block; position: absolute; z-index: 50; height: 100%;
}
#masthead .nivo-caption {
	position: absolute; left: -400px; top: 115px; z-index: 89; width: 320px; height: 100px; _height: 120px; overflow: hidden;
	display: table; margin: 0; padding: 10px 640px 10px 40px;
	color: #FFFFFF; font-size: 20px; font-weight: normal; line-height: 1.5; text-indent: 0;
}
#masthead .nivo-caption p {
	position: relative; top: 0; left: 0; 
	display: table-cell; margin: 0; padding: 0;
	text-indent: 0; vertical-align: middle;
}
#masthead .nivo-directionNav a {
	position: absolute; top: 45%; z-index: 99; cursor: pointer;
	display: block; width: 32px; height: 34px; 
	border: 0; background: transparent url('../images/arrows.png') no-repeat;
	text-indent: -9999px;
}
#masthead a.nivo-prevNav {
	left: 10px; /*0px;*/
}
#masthead a.nivo-nextNav {
	right: 10px; /*0px;*/
	background-position: -32px 0;
}

#masthead .border {
	position: absolute; left: 0; bottom: 0; z-index: 300; width: 40px; height: 40px;
	margin: 0; padding: 0; background: transparent url('../images/bg-masthead-corner.png') no-repeat left bottom;
}


#navigation {
	position: absolute; top: 268px; width: 980px; _width: 1000px; height: 30px;
	margin: 0; padding: 0; background: #333333 url('../images/bg-navigation.gif') repeat-x center bottom;
}
#navigation h3 {
	position: absolute; top: -999em; left: -999em; text-indent: -999em;
}
#navigation, #navigation ul {
	margin: 0; padding: 0 10px; list-style: none; line-height: 1;
}
#navigation li {
	float: left; margin: 1px 3px;
}
#navigation li a {
	display: block; margin: 0; padding: 9px 5px 10px 5px;
	color: #FFFFFF; font-size: 10px; text-decoration: none;
}
#navigation li:hover a, #navigation li.sfhover a {
	color: #AF4347;
}
#navigation li a:hover {
	color: #EF3E42 !important;
}
#navigation li div {
	position: absolute; left: -999em; width: 150px; _width: 160px; overflow: auto;
	margin: 0; padding: 0 5px 5px 5px; background: #525352 url('../images/bg-nav-bottom-1.gif') no-repeat center bottom;
}
#navigation li div.columns-1 {
	width: 150px; _width: 160px; background-image: url('../images/bg-nav-bottom-1.gif');
}
#navigation li div.columns-2 {
	width: 300px; _width: 310px; background-image: url('../images/bg-nav-bottom-2.gif');
}
#navigation li div.columns-3 {
	width: 450px; _width: 460px; background-image: url('../images/bg-nav-bottom-3.gif');
}
#navigation li ul {
	float: left; width: 150px; padding: 0;
}
#navigation li ul li {
	float: none; margin: 0; padding: 0; background: #525352;
}
#navigation li ul li a {
	display: block; margin: 0; border-top: 1px solid #525352; border-bottom: 1px solid #525352; padding: 4px 10px; background: #525352; line-height: 1.5em;
	color: #FFFFFF !important; text-decoration: none;
}
#navigation li ul li a:hover {
	border-top: 1px solid #FF5259; border-bottom: 1px solid #FF5259; background: #CC0000;
	color: #FFFFFF !important;
}
#navigation li ul ul {
	margin: -1em 0 0 10em;
}
#navigation li:hover, #navigation li.sfhover {
	position: static; /* Fix for IE7 stickiness */
}
#navigation li:hover div {
	left: -999em;
}
#navigation li:hover div, #navigation li.sfhover div {
	left: auto; margin-left: -10px;
}


#main {
	overflow: auto;
	padding: 0 0 25px 0; background: transparent url('../images/bg-main.gif') no-repeat center bottom;
}


#content {
	float: left; width: 620px; _width: 700px; min-height: 200px;
	margin-right: 25px; border-top: 20px solid #888888; padding: 25px 40px 0 40px; background: transparent url('../images/bg-content-.gif') no-repeat right top;
}
#content h2 {
	margin:	0 0 0.2em 0; padding: 0;
	font-size: 1.0em; font-weight: bold; color: #993333;
}
#content h3 {
	margin:	0 0 0.6em 0; padding: 0;
	font-size: 2.0em; font-weight: normal; color: #CC0000;
}
#content h4 {
	clear: both; margin: 0 0 0.1em 0; padding: 0.2em 0 0 0;
	font-size: 1.1em; font-weight: bold; text-transform: uppercase; color: #993333;
}
#content h5 {
	margin:	0; padding: 0;
	font-size: 1.0em; font-weight: bold; font-variant: small-caps; color: #993333;
}
#content p {
	margin-bottom: 1.2em;
}
#content p.intro {
	font-size: 1.2em; text-transform: uppercase;
}
#content p.more {
	text-align: center;
}
#content p.more a {
	display: inline-block; margin: 0 auto; border: 2px outset #EF3E42; padding: 0 0.5em; background: #AA0904;
	color: #FFFFFF; text-decoration: none;
}


#related {
	width: 250px;
	margin: 0 25px 0 725px;
	color: #FFFFFF;
}
#related h3 {
	margin-left: -0.2em; font-size: 2.1em; font-weight: normal;
}
#related p {
	margin-bottom: 1.2em;
}
#related a {
	color: #FFFFFF;
}


#find-your-y {
	margin-bottom: 25px; padding: 0; background: #EF3E42 url('../images/bg-find-your-y.gif') repeat-x top center;
}
#find-your-y form {
	padding: 20px 25px; background: transparent url('../images/bg-additional.gif') no-repeat right bottom;
}
#find-your-y h3 {
	padding-bottom: 0.5em;
}
#find-your-y fieldset {
	padding-bottom: 0.8em;
}
#find-your-y select {
	width: 200px;
}
#find-your-y input#submit-find, #bookings-form input#submit-find {
	width: 60px; margin-left: 70px; border: 2px outset #333333; padding: 0.2em 0; background: #EEEEEE;
	color: #CC0000; font-size: 10px; font-weight: bold; text-align: center; text-transform: none;
}
#find-your-y input#submit-find:hover {
	border: 2px outset #333333; background: #CC0000; color: #FFFFFF;
}


#additional {
	padding: 20px 25px; background: #EF3E42 url('../images/bg-additional.gif') no-repeat right bottom;
}


#quicklinks ul {
	margin-left: 0; padding-left: 2em;
}


#promotions {
	/* For when Quick Lists exists....
	margin-top: 2em; border-top: 1px solid #FF5259; padding-top: 2em; */
}
#promotions ul {
	margin-left: 0; padding: 0; list-style: none;
}
#promotions li {
	padding: 0 0 1.5em 0; list-style: none;
}
#promotions li a {
	text-decoration: none;
}
#promotions li a img {
	position: relative; left: -1px; width: 200px;
	display: block; margin: 0; border: 1px solid #EF3E42; padding: 1px; background: #FFFFFF;
}
#promotions li a:hover {
	/* font-weight: bold; */ text-decoration: underline;
}
#promotions li a:hover img {
	border: 2px solid #FFFFFF; padding: 0;
}


#social-networking {
	margin: 0; border-top: 1px solid #FF5259; padding: 2em 0 1.5em 0;
}
#social-networking ul {
	margin: 0; padding: 0.8em 0 0 0; list-style: none;
}
#social-networking li {
	margin: 0; padding: 0 0 0.6em 0; list-style: none;
}
#social-networking li a {
	display: block; min-height: 16px;
	padding: 0 0 0 25px; background: transparent url('../images/spacer.gif') no-repeat left center;
	text-decoration: none;
}
#social-networking li a:hover {
	background-position: 0px center; text-decoration: underline;
}
#social-networking li#email a 		{ background-image: url('../images/social-media-email.png'); }
#social-networking li#rss a 		{ background-image: url('../images/social-media-rss.png'); }
#social-networking li#podcast a 	{ background-image: url('../images/social-media-podcast.png'); }
#social-networking li#facebook a 	{ background-image: url('../images/social-media-facebook.png'); }
#social-networking li#twitter a 	{ background-image: url('../images/social-media-twitter.png'); }
#social-networking li#youtube a 	{ background-image: url('../images/social-media-youtube.png'); }
#social-networking li#flickr a 		{ background-image: url('../images/social-media-flickr.png'); }


#footer {
	width: 1000px; margin: 0 auto; padding: 0 0 1.5em 0; overflow: auto;
	text-align: right;
}


#information {
	float: left; width: 700px;
}
#information h3 {
	position: absolute; top: -999em; left: -999em; text-indent: -999em;
}
#information ul {
	margin: 0; padding: 0; padding-left: 50px; list-style: none;
	font-size: 10px; text-align: left;
}
#information li {
	display: inline; margin: 0; padding: 0 10px 0 0; list-style: none;
}
#information a {
	padding: 8px 5px; color: #999999; text-decoration: none;
}
#information a:hover {
	color: #CC0000; text-decoration: underline;
}


#validate {
	float: right; width: 250px;
}
#validate ul {
	margin: 0; padding: 0; padding-right: 50px; list-style: none;
	font-size: 10px; text-align: right;
}
#validate li {
	display: inline; margin: 0; padding: 6px 0 6px 5px; list-style: none;
}
#validate a {
	padding: 2px; color: #CCCCCC; text-decoration: none;
}
#validate a:hover {
	color: #999999; text-decoration: underline;
}


#latest-news h3 {
	margin-left: -0.2em; font-size: 2.1em; font-weight: normal;
	color: #EF3E42;
}




/*///////////////////////////////////////////////////////
Miscellaneous Styles
///////////////////////////////////////////////////////*/

table {
	width: 100%; font-size: 100%; line-height: 1.5;
	margin: 0 0 1.5em 0; border: 1px solid #999999; border-collapse: separate;
	color: #000000; text-align: center;
}
caption {
	/* padding: 8px; border: 1px solid #BB1310; border-bottom: none; background: #BB1310; font-size: 0.9em; */
}
thead {
	border: 1px solid #666666;
}
thead th {
	padding: 0.4em 0.8em; background: #BB1310;
	text-align: center; font-weight: bold; color: #FFFFFF; /*#000000*/
}
tbody td {
	border-bottom: 1px solid #999999;
}
tbody th {
	border-bottom: 1px solid #999999; padding: 0.4em 0.8em; background: #CCCCCC;
	text-align: left; font-weight: bold;
}


label {
	float: left; width: 140px; _width: 150px; padding-right: 10px;
}


hr {
	margin-bottom: 1em; border: none; border-bottom: 1px solid #FF8E92;
	color:#FFFFFF;
}


ul.two-columns {
	overflow: auto; clear: both; list-style: none;
	margin: 0; padding: 0.4em 0 1.2em 0;
}
ul.two-columns li {
	float: left; width: 280px; _width: 300px;
	margin: 0; padding: 0 0 0.3em 20px; background: transparent url('../images/bullet.gif') no-repeat 0 0.5em;
}


ul.bullets {
	overflow: auto; clear: both; list-style: none;
	margin: 0; padding: 0.4em 0 1.2em 0;
}
ul.bullets li {
	margin: 0; padding: 0 0 0.8em 20px; background: transparent url('../images/bullet.gif') no-repeat 0 0.5em;
}


#latest-news h3 {
	padding: 1em 0 0.5em 0;
}
dl.news-summary {
	margin: 0; padding: 0 0 1.5em 95px; overflow: auto; clear: both;
}
dl.news-summary dt, dl.news-summary dd {
	margin: 0; padding: 0;
}
dl.news-summary dt.image {
	float: left; margin-left: -95px; padding-top: 0.3em;
}
dl.news-summary dt.image a img {
	border: 1px solid #EF3E42; padding: 2px; background: #DCDCDC;
}
dl.news-summary dt.image a:hover img {
	border: 1px solid #BB1310; padding: 2px; background: #F9F9F9;
}
dl.news-summary dt a {
	color: #BB1310; font-weight: bold; text-transform: uppercase; text-decoration: none;
}
dl.news-summary dt a:hover {
	text-decoration: underline;
}
dl.news-summary dd.posted {
	padding-bottom: 0.5em;
	color: #999999; font-size: 0.9em; line-height: 1;
}


.code-text {
	overflow: auto; padding: 0 0 1em 0; color: #BB1310;
}
.code-text strong {
	float: left; clear: left; width: 120px;
}
.code-text span {
	
	float: left; clear: right; width: 500px;
}
.code-html {
	width: 500px; margin: 0 0 1em 0; border: 2px inset #CCCCCC; padding: 2px; background: #FCFCFC;
	font-family: Courier New, Courier, serif; font-size: 1.1em; line-height: 1.5;
}


dl.ruled-list {
	float: left; width: 620px; overflow: auto;
	margin: 0 0 2em 0; border-bottom: 1px solid #EEEEEE; padding: 0;
}
dl.ruled-list dt {
	float: left; clear: left; width: 160px; _width: 170px;
	margin: 0; border-top: 1px solid #EEEEEE; padding: 0.3em 10px 0.3em 0;
	color: #BB1310; font-weight: bold;
}
dl.ruled-list dd {
	float: right; *float: none; width: 450px;
	margin: 0; border-top: 1px solid #EEEEEE; padding: 0.3em 0;
}



dl.promises {
	margin: 0 0 1.5em 0; border: 1px solid #EEEEEE; padding: 1em 2em; background: #FCFCFC;
}
dl.promises dt {
	color: #993333;
}
dl.promises dt strong {
	display: block; margin: 0; padding: 0;
	color: #BB1310 !important;
}
dl.promises dd {
	margin: 0 0 0 3em; padding: 0 0 1.2em 0;
	color: #663333;
}


dl.basic dt {
	color: #993333; font-weight: bold;
}
dl.basic dd {
	margin: 0; padding: 0 0 1.2em 0;
	color: #663333;
}
dl.solo dt {
	color: #993333; font-weight: bold;
}
dl.solo dd {
	margin: 0; padding: 0 0 1.2em 0;
}


table.access thead th {
	color: #FFFFFF;
}
table.access tbody * {
	text-align: left;
}
table.access tbody th {
	background: #EEEEEE; font-weight: normal;
}
table.access tbody th.row-header {
	background: #CCCCCC; font-weight: bold;
}
table.access tbody td {
	padding: 0 0.3em;
}
table.access tbody td.available {
	text-indent: -999em; background: transparent url('/images/icon-tick.gif') no-repeat 50% 50%;
}
table.access tbody td.not-available {
	text-indent: -999em; background: transparent url('/images/icon-cross.gif') no-repeat 50% 50%;
}


.note {
	font-size: 0.9em; color: #999999 !important;
}
.asterisk {
	color: #BB1310;
}
.required {
	color: #BB1310;
}
.location {
	color: #666666;
}
.posted {
	margin-bottom: 0.2em !important;
	font-style: italic; color: #999999 !important;
}
span.image {
	float: right; /* width: 150px; _width: 156px; */
	margin: 0 0 1.5em 1.5em; border: 1px solid #EF3E42; padding: 2px; background: #DCDCDC;
}
span.image img {
	display: block; margin: 0; padding: 0;
}


span.help a {
	display: inline-block; width: 16px; height: 0 !important; height /**/: 16px; overflow: hidden;
	padding: 16px 0 0 0; background: transparent url('../images/icon-help.gif') no-repeat center top;
	text-indent: -999em;
}


#content p.view-all {
	margin: 0; padding: 0;
}
.gallery-image {
	clear: both; overflow: auto;
	margin: 0; padding: 0 0 1.5em 0; list-style: none;
}
.gallery-image li {
	position: relative; width: 104px; _width: 106px; height: 104px; _height: 106px; list-style: none; overflow: hidden;
	float: left; _float: none; display: inline; margin: 5px 18px 10px 0 !important; border: 1px solid #999999; padding: 0 !important; background: #CCCCCC !important;
}
.gallery-image li a {
	position: absolute; top: 2px; left: 2px; width: 100px; height: 100px; clip: rect(0px 100px 100px 0px);
}
.gallery-image li img {
	display: block; margin: 0 auto; padding: 0;
}


.promotion img {
	border: 1px solid #EF3E42; background: #FFE1E0;
}


.contacts {
	float: left; width: 49%; padding-top: 0.5em;
}


.ui-datepicker {
	margin-top: -1px; font-size: 0.9em !important;
}
.ui-datepicker-calendar, .ui-datepicker-calendar thead {
	border: none !important; font-size: 1em !important;
}
.ui-datepicker-calendar th {
	padding: 0.3em; background: none !important; 
}
.ui-datepicker-trigger {
	position: relative; top: 0.3em; left: 0.3em;
}


#map {
	position: relative; height: 500px; 
	margin-bottom: 1.5em; border: 1px solid #993333; padding: 1.5em; background: #E5E3DF;
}


.sponsors {
	margin: 0; padding: 0.5em 0; list-style: none;
}
.sponsors li {
	display: inline; margin: 0; padding: 0 2em 0 0; list-style: none;
}


#lineCheck label {
	float: none; margin-left: 150px; 
}
#lineCheck input {
	width: auto; margin-right: 0.5em;
}


#feedform input#enquiryPostCode { width:  60px; }
#feedform select#findUsID 	{ width: 150px; }

#alumni input#alumniPostCode 	{ width:  60px; }
#alumni input#alumniPhone 	{ width: 120px; }
#alumni input#alumniPhoneWork 	{ width: 120px; }
#alumni input#alumniFax 	{ width: 120px; }
#alumni select#alumniPreferred 	{ width: 124px; }
#alumni input#alumniComment 	{ width: 250px; }

#sub-form input#DateOfBirth 	{ width: 100px; }
#sub-form input#MemberSince 	{ width: 100px; }
#sub-form select#cm-fo-jibil 	{ width: 104px; }

#donation-form input#cas-expiry { width:  60px; }
#donation-form input#cas-cvv 	{ width:  60px; }
#donation-form input#cas-amt 	{ width: 100px; }

#alumni #connectOther { 
	display: none; color: #996666;
}
#alumni label#alumniToL {
	width: 20px; float: none; display: none;
}
#alumni select#alumniDuring, #alumni select#alumniTo {
	width: 100px;
}

#quiz .radioList {
	margin: 0 0 1.0em 0; border: 1px solid #EEEEEE; padding: 0.4em 1.5em; background: #FCFCFC;
}
#quiz .radioList legend {
	border: 1px solid #EEEEEE; padding: 0 0.5em;
	color: #000000; font-weight: bold; 
}
#quiz .radioList label {
	float: none; display: block; width: auto;
}
#quiz .radioList input {
	width: auto; margin-right: 0.5em;
}
#quiz .checkbox label {
	width: auto;
}
#quiz .checkbox input {
	width: auto; margin-left: 150px; margin-right: 0.5em;
}
#quiz #quizPhone 	{ width: 120px; }
#quiz #quizPostCode 	{ width:  60px; }


#fathers-day p {
	margin: 0;
}
#fathers-day textarea {
	margin-left: 150px;
}
#fathers-day #postcode {
	width: 50px;
}
#fathers-day #phone {
	width: 100px;
}
#fathers-day #eCard a {
	/* position: relative; top: -3px; */
	display: inline-block; border: 1px outset #EF3E42; padding: 0 4px; background: #EF3E42;
	color: #FFFFFF; font-size: 9px; text-decoration: none; line-height: 16px;
}


#donation-box {
	background: url("../images/bg-additional.gif") no-repeat scroll right bottom #EF3E42;
	padding: 20px 25px; margin-bottom: 25px;
}
#donation-box input#submit-find {
	width: 60px;
	margin-left: 70px; border: 2px outset #333333; padding: 0.2em 0; background: none repeat scroll 0 0 #EEEEEE;
	color: #CC0000; font-size: 10px; font-weight: bold; text-align: center; text-transform: none;
} 
#donation-box h3 {
	padding-bottom:  0.5em;
}


#enter-win #content p strong {
	color: #EF3E42;
}
#enter-win .fathers-day-image {
	display: block; margin-top: -4em;
}
#enter-win #preview {
	background: #FFFFFF;
}
#enter-win #card .buttons {
	display: none;
}
#enter-win #card p {
	display: none;
}
#card #cardMessage {
	width: 620px; margin-bottom: 25px; padding-top: 250px; background: transparent url('/images/fathers-day-2010-eCard-header.jpg') no-repeat top left;
	font-family: Comic Sans MS,Arial,sans-serif; font-size: 24px; font-weight: bold; color: #EF3F42; line-height: 1.5; text-align: center;
}
#card #cardFrom {
	margin: 0 0 25px 120px; padding: 70px 0 0 190px; background: transparent url('/images/fathers-day-2010-eCard-footer.gif') no-repeat top left;
	font-family: Comic Sans MS,Arial,sans-serif; font-size: 30px; font-weight: bold; color: #EF3F42; text-align: left;
}
#card .buttons {
	float: right; margin: 0 0 1.5em 1.5em;
}
#card p {
}