/*
Stylesheet by Worth Digital for 

Created on 28/04/10 by Russell Beech
russell.beech@worthdigital.com

CONTENTS
--------
[1] Reset CSS
[2] Generic Styles & Typography
[3] Header styles (inc. main menu)
[4] Centre column styles
[5] Left column styles
[6] Right column styles
[7] Footer styles

** the sections below should be integrated with the above schema **
[8] Events section
[9] Newsletter signup section
[10] Flickr photo gallery
[11] 'Messages of support' section
[12] FAQ
[13] Celebrity supporters section
*/

@import url("layout.css");
@import url("fancy.css");

/*###-[1]---- START: Reset CSS based on http://meyerweb.com/eric/tools/css/reset/ (v1.0 | 20080212) ----[1]-###*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
body {line-height:1;font:62.5% Arial, Helvetica, Verdana, sans-serif;}
ol, ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:'';content:none;}
:focus {outline:0;}/* remember to define focus styles! */
ins {text-decoration:none;}/* remember to highlight inserts somehow! */
del {text-decoration:line-through;}
table {border-collapse:collapse;border-spacing: 0;}/* tables still need 'cellspacing="0"' in the markup */
/*###-[1]---- END: Reset CSS ----[1]-###*/


/*###-[2]---- START: Generic Styles & Typography ----[2]-###*/
body {background: url(../images/bg-body.jpg) center top repeat-y #FBFDFC;height:100%;color:#5C5C5C;}
p, ul, ol, dl, table, td, th, address, blockquote, fieldset, pre/*, form div*/ {font-size:1.1em;}
ul p, ol p, table p, dl p, ul ul, ol ol, ul ol, ol ul, address p, blockquote p, /*form div div, form div p,*/ fieldset div, table form div {font-size:1.1em;}/* compensate for inherited font sizing */
p, ul, ol, dl, address, table, blockquote, pre, fieldset, .wrapper form {margin-bottom:1.5em;}
p {/*margin-top:0.8em;*/font-family:Verdana, Helvetica, sans-serif;line-height:1.4;color:#646464;font-size:1.2em;}
ul ul, ol ol, ol ul, ul ol {margin-bottom:0;}
h1 {font-size:2.5em;font-weight:bold;margin:0 0 1em 0;line-height:1;clear:both;color:#002a5c;}
h2 {font-size:1.8em;font-weight:bold;margin:0 0 1em 0;color:#d63520;}
h3 {font-size:1.5em;font-weight:bold;margin:0 0 1em 0;color:#5C5C5C;}
h4 {font-size:1.3em;font-weight:bold;margin:0 0 0.8em 0;color:#5C5C5C;}
h1 span, h2 span, h3 span {font-weight:bold;}
blockquote {margin-left:1.5em;margin-right:1.5em;}
blockquote cite, blockquote em {font-style:normal;}
ul.bullets, ul.bullets ul {list-style-type:disc;margin-left:1.5em;}
ul.bullets li {margin:0 0 0.8em 0;font-size:1.2em;}
ul.bullets ul li {font-size:1em;}
ol {list-style-type:decimal;margin-left:2.5em;color:#5C5C5C;}
dt {font-size:1.3em;font-weight: bold;margin:2em 0 0.5em 0;}
dl dl {margin-left:1em;}
dl dl dt {font-size:1.4em;}
caption {clear:both;font-weight:bold;padding-bottom:0.8em;font-size:1.4em;text-align:left;color:#333;}

table {width:100%;border:1px solid silver;clear:left;margin:0;}
table tbody {border:none;}
table th {border:none;padding:0.8em 0.5em;text-align:center;border-right:1px solid #cdcdcd;text-transform:uppercase;}
table td {border-bottom:1px solid silver;border-top:none;text-align:center;padding:0.6em;}
table p {margin:0;font-size:0.9em;}
table tfoot td {border:none;padding:0.3em 0;}

a {text-decoration:none;color:#009ae5;} 
a:hover {color:#d63520;}
strong, b, .bold {font-weight:bold;}
em, i {font-style:italic;}
hr {background:silver;height:1px;margin:1.5em 0;clear:both;}

/*-- forms --*/
fieldset {position:relative;padding:4em 0 0.5em 0;}
fieldset fieldset {font-size:1em;border:1px solid #D9D9D9;background:#f8f8f8;padding-bottom:2em;}
fieldset fieldset legend {background:pink;left:0;margin:0;padding:0;}
fieldset fieldset legend span {color:#5C5C5C;font-weight:normal;font-size:0.9em;left:18px;}
fieldset fieldset .cleared {margin:0 0 0.8em 1.5em;}
legend {font:1.8em Arial, Helvetica, sans-serif bold;}
legend span {position:absolute;left:0;font-weight:bold;margin-top:0.5em;color:#d63520;} /* see also: ie.css */
label {display:block;font-size:1.1em;cursor:pointer;color:#5C5C5C;}
textarea, input[type='text'], input[type='password'], select {border:1px solid #999;border-bottom-color:#ccc;border-right-color:#ccc;padding:0 1px 1px 1px;}
textarea:focus, input[type='text']:focus, input[type='password']:focus, select:focus {background:#FEFFAF;}
textarea {width:99%;display:block;}
button {cursor:pointer;width:auto;overflow:visible;background-color:#09f;color:#fff;font-family: Calibri,"Trebuchet MS","Helvetica Neue",Arial,Helvetica;font-weight:bold;text-transform:uppercase;padding:0.5em 2em;border-width:2px;border-style:solid;border-top-color:#2bf;border-right-color:#08e;border-bottom-color:#07d;border-left-color:#1af;border-radius:5px;-webkit-border-radius:0.5em;-moz-border-radius: 0.5em;}
button:hover, button:focus {background-color:#06c;border-top-color:#28e;border-right-color:#05b;border-bottom-color:#04a;border-left-color:#17d;}
button:active {background-color:#039;border-top-color:#25b;border-right-color:#14a;border-bottom-color:#017;border-left-color:#028;}

.checkBox input {float:left;margin-right:0.5em;}
.checkBox label {float:left;}
.validError {background:#FFDFDF;border:1px solid #faa;display:block;margin:0.5em;padding:1em;}
.validError ul {list-style:disc;padding:0 0 0 2em;font-size:120%;}
.invalid {background:#FFDFDF;border:1px solid #faa;}
.validNotice {padding:1em;text-align:center;font-weight:bold;margin:2em 0;border:3px solid #ededed;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;}
.validNotice span.invalid {padding:0.4em;color:#b33;font-weight:normal;}
/*-- end forms --*/


.blue-list {list-style-type:disc; padding-left: 30px; font-size: 1.2em; color: #646464; font-family:Verdana,Helvetica,sans-serif;}
.strike {text-decoration:line-through;}
.first {margin-top:0;}
.last, .last a {border:none !important;padding-right:0 !important;}
.right {float:right;}
.left {float:left;}
.txtRight {text-align:right;}
.txtCtr {text-align:center;}
.smaller {font-size:80%;}
.halfWidth {width:50%;}
.inline {display:inline;}
.hide {visibility:hidden;}
.noDisplay {display:none;}
hr.hide {margin:1em 0;}
.hideTxt {text-indent:-9999px;height:0;line-height:0;margin:0;}
.noMargin {margin:0 !important;}
.clear {clear:both;}
.pointer:hover {cursor:pointer;}
.help:hover {cursor:help;}
.fir {text-indent:-9999px;}
.fir a {display:block;height:100%;}
.yellow {color:#ffec4b;}
.readMore {background:url(../images/bg-read-more.gif) no-repeat;float:right;font-size:1.4em;font-weight:bold;margin:0;}
.readMore a {display:block;padding:0.8em 0 0.8em 0.6em;width:182px;color:white;}
/* Clearing method */
.cleared:after, .wrapper:after, .container:after {content: '';display: block;height: 0;clear: both;visibility: hidden;}
.cleared, .wrapper, .container {display: inline-block;}
/*\*/
.cleared, .wrapper, .container {display: block;}
/* End clearing */
/*###-[2]---- END: Generic Styles & Typography ----[2]-###*/


/*###-[3]---- START: Header styles ----[3]-###*/
img.headerLogo {float:left;margin:16px 0 0 28px;}
.header p.countdown {float:right;color:#002a5c;font-weight:bold;font-size:1.6em;margin:95px 23px 0 0;}
.header .date {float:right;clear:right;width:309px;height:29px;background:url(../images/header-date.gif) left top no-repeat;margin:0 23px 0 0;}
.header .social {position:absolute;top:10px;right:25px;width:300px;}
.header .social p.fbCounter {line-height:1.8;color:#002a5c;clear:right;font-weight:bold;text-align:right;padding-top:10px;margin:0;}
.header .social p.fbCounter span {display:block;float:right;width:119px;background:url(../images/bg-fb-counter.gif) right top no-repeat;font:bold  16px "Courier New", Courier, monospace;letter-spacing:6px;text-align:right;line-height:1.3;margin:0 0 0 4px;} /* see also ie.css */

.header ul.menu {float:left;clear:both;border-bottom:1px solid #d52811;width:820px;margin:20px 16px 0 16px;position:relative;}
.header ul.menu li {float:left;margin:0 3px 0 0;}
.header ul.menu li.first {margin-left:10px;}
.header ul.menu li a {display:block;padding:0.4em 0.7em 0.3em 0.7em;background:url(../images/bg-header-menu-off.gif) right top no-repeat #f0f0f1;color:#002a5b;font-size:1.5em;}
.header ul.menu li a:hover {background:url(../images/bg-header-menu-on.gif) right top no-repeat #d52811;color:white;}
.header ul.menu ul, .header ul.menu li.mHome {display:none;}

#supporters ul.menu li.mSupporters a,
#supporting ul.menu li.mSupporting a,
#about ul.menu li.mAbout a, 
#events ul.menu li.mEvents a, 
#EventOrganisers ul.menu li.mOrganisers a,
#News ul.menu li.mNews a {background:url(../images/bg-header-menu-on.gif) right top no-repeat #d52811;color:white;}

.up {text-align: right; padding-right: 40px;}

.more { 
clear: right;
cursor: pointer;
right: 0;
}


/* sub nav */
#supporting ul.menu li.mSupporting ul, 
#about ul.menu li.mAbout ul,  
#events ul.menu li.mEvents ul,
#EventOrganisers ul.menu li.mOrganisers ul,
#News ul.menu li.mNews ul,
#press-releases ul.menu li.mNews ul,
#press ul.menu li.mNews ul,
#supporters ul.menu li.mSupporters ul
{display:block;position:absolute;left:0;bottom:-3em;}
.header ul.menu ul {width:820px;border-bottom:1px solid silver;padding-bottom:4px;}
.header ul.menu ul li {font-size:0.75em;}
.header ul.menu ul li a {background-image:none !important;background-color:#f0f0f1 !important;color:#002a5b !important;}
.header ul.menu ul li a:hover {background-color:#d52811 !important;color:white !important;}

/* sub nav highlights */

body.mSupporters ul.menu ul li.snSupporters a,
body.mSupport ul.menu ul li.snSupport a,
body.mFeaturedSupporter ul.menu ul li.snFeaturedSupporter a,
body.mCharities ul.menu ul li.snCharities a,
body.mCorporate ul.menu ul li.snCorporate a,
body.mCelebrity ul.menu ul li.snCelebrity a,
body.mAdverts ul.menu ul li.snAdverts a,
body.mvoxpops ul.menu ul li.snvoxpops a,
body.mAbout ul.menu ul li.snAbout a,
body.snAttendEvent ul.menu ul li.snAttendEvent a,
body.snHoldAParty ul.menu ul li.snHoldparty a,
body.snPartypacks ul.menu ul li.snPartypacks a,
body.snFacebook ul.menu ul li.snFacebook a,
body.snMessagesSupport ul.menu ul li.snMessagesSupport a,
body.snKeepInTouch ul.menu ul li.snKeepInTouch a,
body.snTwitter ul.menu ul li.snTwitter a, 
body.snPhotoGallery ul.menu ul li.snPhotoGallery a,
body.snlisting ul.menu ul li.snListing a,
body.snNational ul.menu ul li.snNational a,
body.snNational2009 ul.menu ul li.snNational2009 a,
body.eventPromote ul.menu ul li.snOrganisers a,
body.EventOrganisersFaq ul.menu ul li.snFaq a,
body.EventOrganisersLogos ul.menu ul li.snLogos a,
body.EventOrganisersResources ul.menu ul li.snResources a,
body.EventOrganisersLinktous ul.menu ul li.snLinktous a,
body.Newshome ul.menu ul li.snList a,
body.Newsitem ul.menu ul li.snList a,
body.press ul.menu ul li.snPress a,
body.press-releases ul.menu ul li.snPress-release a
{background-color:#D52811 !important;background-image:none !important;color:#FFFFFF!important;}
/*###-[3]---- END: Header styles ----[3]-###*/


/*###-[4]---- START: .banner styles ----[4]-###*/
#homepage .banner {height:356px;background:url(../images/temp-banner.jpg) left top no-repeat;}
#homepage .banner #flashBanner {height:194px;}
#homepage .banner h2 {position:absolute;}
#homepage .banner ul.actions {float:left;margin:11px 0 0 175px;}
#homepage .banner ul.actions li {float:left;font-size:1.8em;font-weight:bold;width:188px;height:66px;line-height:1.2;}
#homepage .banner ul.actions li a {display:block;color:white;padding:12px 0 0 55px;}
#homepage .banner ul.actions li.one {margin-right:19px;}
#homepage .banner ul.actions li.two {margin-right:14px;}
#homepage .banner p.sticker {float:left;margin:26px 0 0 410px;font-size:1.3em;font-weight:bold;}
#homepage .banner p.sticker a {display:block;color:white;}
#homepage .banner ul.socialLinks {clear:both;margin:0 0 0 130px;float:left; width: 250px;}
#homepage .banner ul.socialLinks li {float:left;margin-right:10px;}
#homepage .banner ul.socialLinks a {display:block;width:113px;height:40px;}

#supporting .banner {background:url(../images/banner-hold-a-party.jpg) left top no-repeat;height:305px;position:relative;}
#supporting .banner h1 {background:url(../images/bg-banner-title-left.gif) left top no-repeat;color:white;font-size:1.8em;float:left;margin:200px 0 0 260px;}
#supporting .banner h1 span {background:url(../images/bg-banner-title-right.gif) right top no-repeat;display:block;padding:14px 20px;margin-right:-10px;}
#supporting .banner iframe {position:absolute;right:20px;top:265px;}
#supporting .columns {margin-top:2em;}
#supporting h2.pageHeading {color:#002A5C;font-size:2.5em;}
/*###-[4]---- END: .banner styles ----[4]-###*/


/*###-[4]---- START: Centre column styles ----[4]-###*/
.generic .columns {margin-top:2.5em;}

#homepage ul.grid {}
#homepage ul.grid li {float:left;width:48.5%;}
#homepage ul.grid li.one {margin-right:10px;}
#homepage ul.grid li.three {margin-right:10px;clear:left;}
.one h3, .two h3 , .three h3, .four h3 {margin-bottom: 0px;font-weight:normal;color:#009AE5;}
#homepage .messages {clear:both;margin:0 0 20px 22px;padding-top:20px;padding:10px 0;background:url(../images/bg-homepage-messages-plain.jpg) left 20px no-repeat;}
#homepage .messages h2 {color:white;font-size:1.6em;padding:16px 0 0 5px;}
#homepage .messages ul {margin:25px 0 0 0;}
#homepage .messages li {float:left; width:263px;height:86px;margin:0 10px 0 0;background:url(../images/bg-homepage-messages.png) no-repeat;position:relative;} /* See also ie.ss */
#homepage .messages blockquote {margin:10px 15px 0 20px;}
#homepage .messages blockquote p {margin:0;font-family:"Comic Sans MS", Arial, sans-serif;color:#d63520;font-size:1.1em;line-height:1.2;}
#homepage .messages p.reference {text-align:right;margin:0;font-size:0.9em;position:absolute;right:25px;bottom:6px;}

.write-your-message {background:url(../images/message-arrow.gif) right center no-repeat; padding-right: 12px; display: block; float: right; margin-right: 28px; margin-top: 10px;}

.oneColumn ul.grid {}
.oneColumn ul.grid li {float:left;width:46%;margin:0 20px 20px 0;padding:0.8em;border:1px solid silver;}
.oneColumn ul.grid p {margin:0.5em 0;}

.twitterfeed {width:95%;padding: 0;border: 1px solid #f3f3f3;float: left;margin: 0 0 0 0;background: #f3f3f3;-moz-border-radius:5px 5px 5px 5px;border-radius:5px 5px 5px 5px;}
.twitterhead {padding: 0.6em 1em 1em 1em}
.twitterhead h3 {margin: 0}
.twitterhead h3 img {float: left;margin: 0 11px 0.3em 0}
#twitter {overflow: auto;height: 730px;background: #fff;clear:left}	
#twitter ol {list-style: none;margin: 0;padding: 0;}
#twitter ol li {list-style: none;margin: 0;padding: 0.6em;border-bottom: 1px solid #f3f3f3;overflow: hidden}
.twitterfeed .userIcon {float: left;margin: 0 11px 0 6px;height: 30px;width: 30px}
#twitter .datetime {display: block;text-align:right;font-size: smaller}
#twitter h3 {float: left}
#twitter p {padding-left: 50px;margin: 0}
#twitter p.pub {font-size: smaller;margin-top: 0.3em}
.twitterfoot {text-align: right;padding: 1em 0.6em}
.twitterfoot img {float: left;height: 15px}

#EventOrganisers .htmlcode {clear: both;}
#EventOrganisers .copy {margin: 13px 0px 0px 0px;padding: 0px;text-align: right;}
#EventOrganisers .htmlcode .select {font-family: monospace;margin: 0px;border: solid 2px #C4C4C4;padding: 15px;margin-bottom: 15px;float: right;width: 50%;color: black;overflow: auto;font-size:1.5em;}
#EventOrganisers .preview {width: 300px;float: left;text-align: center;margin-bottom: 45px;border: 1px solid #eee;padding: 15px}
#EventOrganisers .hr2 { clear: both; border-top:solid 2px #C4C4C4; margin-top: 25px; margin-bottom: 25px;}

.generic dl {margin:0 0 2em 1em;}
.generic dl dt {float:left;width:12em;margin:0 2em 0 0;clear:left;}
.generic dl.keys dt {text-align:right;}
.generic dl dd {float:left;margin:0;}

#Help .faq a {border:1px solid #D9D9D9;padding:0.8em;padding-top:0.3em;margin-left:1em;display:block;}

#Sitemap .columnCentre ul {list-style:disc;padding-left:2.5em;margin:0.5em 0 0 0;}
#Sitemap .columnCentre ul li {font-size:1.2em;margin:0 0 0.5em 0;}
#Sitemap .columnCentre ul ul li {font-size:0.9em;}
/*###-[4]---- END: Centre column styles ----[4]-###*/


/*###-[5]---- START: Left column styles ----[5]-###*/
/*.intro {color:#d41000;font-size:2.2em;line-height:1.3;margin-bottom:1em;}*/

.feature {border:1px solid silver;padding:0.8em;margin:0 0 2em 0;}
.feature h2 {margin:0 0 0.5em 0;}
.feature img.linkArrow {margin:0 0 -10px 5px;}

.columnLeft blockquote {padding:0 25px;color:#A17E47;background:url(../images/bg-open-quote.gif) left top no-repeat;}
.columnLeft blockquote p {background:url(../images/bg-close-quote.gif) right bottom no-repeat;padding-right:25px;clear:none;color:#A17E47;display:inline;}

#News ol.newsList {list-style:none;margin:0;}
#News ol.newsList li {position:relative;padding-left:8px;padding-bottom:2.5em;}
#News ol.newsList li p.date {margin:0 0 0 -8px;padding-left:8px;border-bottom:1px solid #D63520;font-size:1em;font-weight:bold;}
#News ol.newsList li h2 {width:66%;font-weight:normal;margin:0.2em 0 0.8em 0;}
#News ol.newsList li h2 a {color:#D63520;}
#News ol.newsList li .readMore {position:absolute;top:0px;right:0;}

#supporting .windowSticker legend {display:none;}

.mCharities .columnLeft h2 {padding:0.5em 0.3em;margin:1em 0 0.5em -0.3em;border-top:1px solid #d52811;border-bottom:1px solid #e5e5e5;font-weight:normal;font-size:2.2em;}
.mCharities .columnLeft h3 {font-size:1.8em;font-weight:normal;}
.mCharities .columnLeft .container {border-bottom:1px solid #e5e5e5;margin-bottom:1em;}
.mCharities .columnLeft .charityLogo {float:right;margin:0 0 0.5em 1.5em;}

.mCorporate .columnLeft h2 {padding:0.5em 0.3em;margin:1em 0 0.5em -0.3em;border-top:1px solid #d52811;border-bottom:1px solid #e5e5e5;font-weight:normal;font-size:2.2em;}
.mCorporate .columnLeft h3 {font-size:1.8em;font-weight:normal;}
.mCorporate .columnLeft .container {border-bottom:1px solid #e5e5e5;margin-bottom:1em;}
.mCorporate .columnLeft .charityLogo {float:right;margin:0 0 0.5em 1.5em;}



#EventOrganisers .intro {font-size:1.2em;margin:0 0 20px 20px;}
#EventOrganisers .datePicker h3 {margin:0 0 0.3em 0;font-size:1.2em;}
#EventOrganisers .datePicker label {margin:0 1em 0.5em 0;}
.eventPromote .columnLeft .container {border:1px solid #D9D9D9;padding:0 0.8em;}
#EventOrganisers .helpandadvice {background:url(../img/grey-grad.gif) repeat-x scroll 0 0 #E6E6E6;border:1px solid #DDDDDD;float:right;margin:0 0 1.6em 1em;
padding:0.6em 1em;}
#EventOrganisers .helpandadvice p {margin:0;}
#EventOrganisers ul.imgGrid {}
#EventOrganisers ul.imgGrid li {float:left;padding:5px;margin:0 3px 3px 0;border:1px solid silver;}
#EventOrganisers ul.imgGrid li p {font-size:0.9em;margin:0;}
/*###-[5]---- END: Left column styles ----[5]-###*/


/*###-[6]---- START: Right column styles ----[6]-###*/
.columnRight .container {border:1px solid silver;padding:0.8em;margin:0 0 2em 0;}
.columnRight .container ul.down li {background:url(../images/bg-columnright-download-list.gif) left 2px no-repeat;padding-left:20px;margin:0 0 0.8em 0;font-size:1.2em;}

.columnRight ul.sideButtons li {font-size:1.6em;font-weight:bold;width:197px;height:79px;margin:0 0 0.5em 0;} /*see also ie.css */
.columnRight ul.sideButtons li a {display:block;background:url(../images/bg-sidebar-button.gif) left top no-repeat;color:white;padding:14px 15px 20px 52px;height:100%;}

.columnRight div.fb {background:url(../images/bg-fb-sidebar-bottom.gif) left bottom no-repeat;padding:0 0 20px 0;margin:0 0 20px 22px;}
.columnRight div.fb h3 {background:url(../images/bg-fb-sidebar-top.gif) left top no-repeat;color:#002a5c;font-size:1.3em;padding:10px 5px 0 5px;}
.columnRight div.fb h3 img {float:left;margin:0 3px 0 0;}
.columnRight div.fb iframe {margin:0 0 0 7px;}

.findEvent {background:url(../images/homepage-uk-map.jpg) no-repeat;height:242px;}
.findEvent h2 {color:white;margin:0;padding:0 0 0 10px;}
.findEvent h2 a {color:white;display:block;padding:8px 0 170px 0;}
.findEvent p {font-size:1.6em;font-weight:bold;float:left;margin:0 0 0 30px;}
.findEvent p a {color:white;display:block;padding:0.5em 3.5em 0.5em 0.5em;}
.findEvent a:hover {text-decoration:none;}

#News .columnRight .container li {background:url(../images/bg-columnright-news-list.gif) left 2px no-repeat;padding-left:20px;margin:0 0 0.8em 0;font-size:1.2em;}

ul.resources li {background:url(../images/bg-columnright-download-list.gif) left 50% no-repeat;padding-left:20px;margin:0 0 0.8em 0;font-size:1.2em;}
/*###-[6]---- END: Right column styles ----[6]-###*/


/*###-[7]---- START: Footer styles ----[7]-###*/
.footer {} 
.footer a {color:#444;}
.footer ul {float:left;margin:0 0 0 20px;}
.footer li {float:left;margin:0 2em 0 0;}
/*###-[7]---- END: Footer styles ----[7]-###*/



/*###-[8]---- START: Events specific ----[8]-###*/
.mevents .col {clear:both;float:left;position:relative;}
.mevents .third, .mevents .half, .mevents .twothirds {clear:none;float:left;}
.mevents .col {margin:1.6em 0.5%;padding:0 1.5%;}
.mevents .half {width: 34%}
.mevents .col {padding: 0 1.5% 12px 1.5%;margin:1.2em 0.5%}
.mevents .calendar {width: 34%;}
.mevents .feature {float:left;width:auto;}
.eventsmapsearch {float: right;clear: none;width:60%;margin:0;padding:0;position:relative;left:-1px;	bottom:1px;}
.eventsmapsearch p {margin: 0 0 0 0;padding: 0 0 0 0.6em}
.eventsmapsearch label {margin-bottom: 0}
.eventsmapsearch fieldset {margin: 1em 0 0 0;}
.eventsmapsearch legend {font-size: 1.3em}
fieldset.eventsearch label {padding-left: 0.6em}
.eventMap{	height: 700px;	margin: 0 0 1.6em 0;}
.eventPopup {margin:0;padding:0;font-size: small}
.gmnoprint {margin: 0; padding: 0}
.eventPopup h2 {font-size: 1em;	margin: 0;	padding: 0}
#events .eventlistmini, #events .nationalevent, #events .tellus {border:1px solid #D9D9D9;}
.eventlistmini table.eventlist {width: 100%;border: 0px;border-collapse:collapse;font-size: 0.9em;margin: 0.3em 0}
.eventlistmini .eventlist td {border: 0px;	padding: 0.3em 0.3em}
.eventlistmini .eventlist tr {background: #f8f8f8;	border-top: 1px solid #fff}
.eventlistmini .eventlist .headrow,
.eventlistmini .eventlist .eventTime,
.eventlistmini .eventlist .eventVenue,
.eventlistmini .eventlist .eventAddress
{display: none}
.eventlistmini td.eventDate{text-align: right ; }
.listing .calendar {margin-top: 4em}
.monthlistholder{border-style: solid;	border-color: #bdd0d9;	border-width: 0 0 0px 0;margin-top: 1.6em;	font-size:1.26em;}
.monthlist{list-style: none;	margin: 0;	padding: 1em 0 0.6em 1em}
.monthlist li {display:block;float:left;clear:none;border-style: solid;border-color:#b7dff3;border-width:1px 1px 0 1px;margin: 0 1px;padding: 0.3em 0.6em;background: url(../img/blue-grad.gif) repeat-x #d6f0fd;}
.monthlist li a {padding: 0.3em 0.6em;}
.monthlist .selected {position: relative;top: 1px;background: #fff;	border-color: #e7e7e7}
.monthlist .selected a:link,.monthlist .selected a:visited {color: #ec2225}
.eventlist {border-collapse:separate;clear: both;width: 100%;margin-bottom:1.5em;}
.eventlist th {background-color: #fff;	padding: 0.6em 0.6em;	text-align:left;}
.eventlist td {background-color: #f8f8f8; border: 1px solid #fff; padding: 0.3em 0.6em;	text-align:left;}
.eventlist .alternate td {background-color: #fff;}
.Listing .eventlist th{	background: url(../img/grey-grad.gif) repeat-x #e6e6e6;	text-align:left}
.eventlist th.eventDate span,.eventlist th.eventTitle span{font-size: 140%}
.eventlist .eventVenue{display: none}
.eventDetails {float:left;width:38%;}
.eventDetails dl {margin:0 0 1em 0;border-top:1px solid silver;border-bottom:1px solid silver;padding-top:0.8em;}
.eventDetails dt {margin:0;float:left;clear:left;width:30%;}
.eventDetails dd {margin:0 0 1em 0;float:left;}
.eventDetails dd p {margin:0 0 0.5em 0;}
/*.eventDetails h3,.eventDetails p {clear: none}
.eventDetails dl {margin-left: 0;padding-left: 0;border-bottom: 1px solid #ccc}
.eventDetails dt {margin-left: 0;padding-left: 0;border-top: 1px solid #ccc}
.eventDetails dd{border-top: 1px solid #ccc}
.eventDetails .eventVenue{font-weight: bold}*/
.eventDescription{padding-top: 0em;	clear: left;}
.eventDescription a{display:block;	padding: 1em 1em 0 0}
.detailsidebar{float: right;clear:right;width: 60%;margin-left: 0;	border: 0px solid red}
.eventsitelink {margin-top: 0.3em}
.eventsitelink img {vertical-align:middle;	margin-left: 0.3em}
.eventPhotos ul{margin: 1em 0 0 0;	padding: 0;	list-style: none}
.eventPhotos li{display: block;	float: left;margin: 0.3em;border: 0px solid red;list-style: none}
#transcripttitle h3	{font-weight:normal;font-size:12px;}
.detailMap{margin-bottom: 1em}
.detailMap .eventMap{height: 300px}
.eventPhotos li img{vertical-align: top}
.flickrlink, .eventdetailslinks{margin: 0;	padding: 0;	list-style: none}
.flickrlink li{	display: block;	text-align:right;margin: 0.3em;	border-bottom: 1px solid #ccc;	vertical-align: text-top;margin: 0;	padding: 0;	clear:left;list-style: none}
.eventdetailslinks li{	display: block;	text-align:right;	margin: 0.3em;	border-top: 1px solid #ccc;	vertical-align: text-top;	margin: 0;	padding: 0;	clear: left;list-style: none}
.flickrlogo{float: left}
.flickrlink li img,.eventdetailslinks li img{	vertical-align: middle;	margin-left: 0.3em}
#events fieldset {border:1px solid #D9D9D9;clear:both;margin:6px 0.5%;padding:0 1em 0.6em;position:relative;}
.eventsmapsearch label {margin-bottom:0;}
label.collapse {float:left;margin-right:0.3em;}
#events label {color:#646464;display:block;margin:10px 9px 0 0;}
#events input, #events textarea, #events select, #events button {display:block;font-family:Arial,Helvetica,sans-serif;font-size:1em;}
.location input {width:210px;}
.col h2 {background:#FFFFFF none repeat scroll 0 0;display:inline;font-size:1.4em;font-weight:normal;left:-0.3em;margin:0;padding:0 0.5%;position:relative;top:-0.6em;width:auto;}
.eventsmapsearch legend {font-size:1.3em;}
.snlisting .promote, .mevents .promote{position:relative;border:1px solid #D9D9D9;padding:10px 1.5% 0px}
.mevents .promote p {width:242px;}
.promote .linkArrow {position:absolute;right:10px;bottom:15px;}
#events .feature {float:left;width:36%;}
.mevents button {padding:0px 10px;}
.up {font-size:1.2em;font-weight:bold;margin:1.3em 4px;}
.upcoming_button {bottom:21px;position:absolute;right:12px;}

/*###-[9]---- START: Newsletter specific ----[9]-###*/
.snKeepInTouch fieldset {padding:0;}
.snKeepInTouch label {color:#646464;display:block;margin:0em 0;font-size:0.9em}
.snKeepInTouch input {margin:0 0.6em 0 0;float:left;}
.snKeepInTouch .windowSticker {border:1px solid silver;padding:1em;}
.snKeepInTouch .windowSticker .container {float:left;width:49%;}
.snKeepInTouch .windowSticker .cleared {margin-bottom:1em;}
.sticker {font-size:1.2em!important; line-height: 1.1em; padding-top: 3px; margin-left: 5px;}
.kitsubmit {float:left; clear:both;}

/*###-[10]---- START: photogallery specific ----[10]-###*/
.flickrpager{	margin: 1em 0;	padding: 1em 0;	clear: both;text-align: right}
.flickrpager select{display: inline;}
.flickrpager input{	display: inline;background: none;border: 1px solid #ccc;color: #09f; padding: 0.2em;vertical-align:middle}
.flickrpager input:hover, .flickrpager input:focus {color: 	#EC2225;	cursor: pointer}
.flickrpager ul {display: inline;	margin: 0;	padding: 0}
.flickrpager li {display: inline;	margin: 0;	padding: 0.3em 0;}
.flickrpager li a {border: 1px solid #ccc;	padding: 0.3em;	margin: 0 1px;}
.bottompager, .toppager {border-style: solid; border-color: #ccc;}
.bottompager {border-width: 1px 0 0 0}
.toppager {border-width: 0 0 1px 0}
.Current {font-weight: Bold;}
.Blank {display: None;}
.photogallery {margin: 0;padding: 1em 0;clear: both;}
.photogallery ol {	margin: 0;	padding: 0;}
.photogallery li {	list-style: none;	float: left;	margin: 0.3em 1em;	text-align:center}

/*###-[11]---- START: Messages of support specific ----[11]-###*/
body.snMessagesSupport .oneColumn .columnCentre {position:relative;}
body.snMessagesSupport .msg_form legend {display:none;}
body.snMessagesSupport .msg_form fieldset {margin:auto;position:relative; top:-30px;padding-top:0;width:767px;}
body.snMessagesSupport .msg_form label {font-weight:bold;color:#333;}
body.snMessagesSupport .msg_support {color:#FFFFFF;	display:block;	float:left;	font-size:2em;	margin:0px;	padding:0px;	left:30px;	position:relative;	top:16px;}
body.snMessagesSupport .msg_title {background:transparent url(../img/blue_slice.jpg) no-repeat scroll left top;	color:#FFFFFF;	display:block;	font-size:1.2em;	height:37px;	padding:8px;	width:167px;}
body.snMessagesSupport .msg_text, .msg_name {float:left;width:370px;_width:350px;}
body.snMessagesSupport .msg_text {margin-left:8px;margin-right:16px;}
body.snMessagesSupport .msg_text {_margin-left:4px;}
body.snMessagesSupport .msg_name input {width:370px}
body.snMessagesSupport .msg_name input {_width:350px}
body.snMessagesSupport .msg_agreement {float:right;margin-top:10px;width:48.5%;}
body.snMessagesSupport .msg_agreement input {float:left;}
body.snMessagesSupport .msg_agreement label {float:left;width:90%;margin-left:5px;}
body.snMessagesSupport .msg_submit {background:transparent url(../images/msg_arrow.gif) no-repeat scroll left center;	clear:both;	display:block;	float:right;	height:32px;	text-align:right;	width:203px;}
body.snMessagesSupport .char_ltd {float:right;font-size:0.9em;}
body.snMessagesSupport .msg_search_wrap {bottom:-7px;float:right;position:relative;right:50px;}
body.snMessagesSupport .columnCentre .container {border:1px solid silver;padding:0.8em;}
.jcarousel {width: 105%!important; height: 85px;}
.message-fform {height: 25px; clear: both;}
.message-fform input {float: left; padding: 3px;}
.message-fform label {float: left; margin: 5px; font-size: 1.2em;}

#ie-6-messages-of-support { display: none;}



/*###-[12]---- START: FAQ specific ----[12]-###*/
.EventOrganisersFaq fieldset {border:1px solid #D9D9D9;clear:both;margin:2em 0.5% 1em;padding:0 1% 0.6em;position:relative;}
.faqanother{text-align: right}
.faqanother a {border: 0;background-color: #fff;background-image:url(../img/more.gif);background-position: center right;background-repeat:no-repeat;padding: 1em 40px 1em 0;color: #1fa3e6;}
.faqsubmit {background-color:#FFFFFF;background-image:url(../img/more.gif);background-position:right center;background-repeat:no-repeat;border:0 none;bottom:0;
color:#1FA3E6;float:right;padding:1em 40px 1em 0;position:relative;}
.faqsubmit:hover, .faqsubmit:focus {color: #ec2225;cursor: pointer}
.kitsubmit{border: 0;background-color: #fff;background-image:url(../img/more.gif);background-position: center right;background-repeat:no-repeat;padding: 1em 40px 1em 35%;color: #1fa3e6;	clear: left}
.kitsubmit:hover, .kitsubmit:focus {color: #ec2225;	cursor: pointer}
.faqAnswers h3 {	padding: 1em 1% 0 1%}
.faqAnswers p {	padding: 0 1% 1em 1%}
ul.faq_questions {list-style-type:disc;margin-left:20px;margin-top:20px;}

/*###-[13]---- Celebrity supporters ----[13]-###*/
.celebrity-frame { width: 125px; height: 125px; float: left; background-image:url(../images/celebrity-frame.gif);background-position: center right;background-repeat:no-repeat; margin-left: 7px; margin-top: 8px;}
.celebrity-frame a {display: block; margin: 9px 11px 0 8px; border: solid 7px #cc2a15;}
.celebrity-frame a:hover {border: solid 7px #ff8676; }

.celebrity-quote-top { width: 391px; float: left; background-image:url(../images/celebrity-quote-top.gif);background-position: top right;background-repeat:no-repeat; margin-left: 4px; margin-top: 8px;}
.celebrity-quote-bottom { width: 391px; background-image:url(../images/celebrity-quote-bottom.gif); background-position: bottom center;background-repeat:no-repeat; height: 4px;}
.celebrity-quote-top img {float: left; margin: 7px;}
.celebrity-quote-top .red-div {background-color: #cc2a15; margin: 10px 10px 10px 10px; min-height: 128px; position:relative}
.celebrity-quote-top p {color: white; font-style:italic; line-height: 1.1em; padding: 10px 10px 0px 10px; }
.c-name {text-align: right; margin: 0px 10px 0px 0px; padding: 0px!important; padding-bottom: 7px!important;position: absolute; bottom: 0; right: 0}
.celebrity-flash-quote { background-image:url(../images/celebrity-main-quote.gif); padding: 13px; height: 145px;}
.celebrity-flash-quote p {display: none;}
.product {width: 130px; text-align: center; float: left; margin: 5px; height: 200px;}