/*CONTENTS*******************************************************************************
1. GLOBAL
	links
	headings
2. CORE
	header
	footer

3. CONTENT BOXES
	full
	half
	third

4. PAGE SPECIFICS
	home

5. CONTENT
6. FOOTER
7. FORMS
**************************************************************************/

/*=1. GLOBAL *************************************************************/
html { background:black url('../images/refresh/bg.jpg') no-repeat center top; height:100%; }

body { font-size:62.5%; font-family:Arial, Helvetica, sans-serif; color:white; line-height:1.4; height:100%; background:transparent; }

/*LINKS*/

a, a:link { color:#1d0096; font-weight:normal; text-decoration:underline; }

a:visited { color:#585858; }

a:hover, a:active { text-decoration:underline; }

.black a, .black a:link { color:white; font-weight:bold; text-decoration:underline; }

.black a:visited { color:white; }

.black a:hover, .black a:active { text-decoration:none; }

/*a {position:relative;}
a span {position:absolute; top:0px; left:0px; width:100%; height:100%;}*/

/*HEADINGS*/
h1, h2, h3, h4, h5, h6 { position:relative; color:white; padding:6px 0px 3px; }

div.info h1, div.info h2, div.info h3, div.info h4, div.info h5, div.info h6 { color:black; }

h1 { font-size:2.6em; color:black; padding-top:0px; }

h2 { font-size:2.0em; }

h3 { font-size:1.8em; }

h4 { font-size:1.6em; }

h5 { font-size:1.4em; }

h6 { font-size:1.2em; }

h1 span, h2 span, h3 span, h4 span, h5 span, h6 span { position:absolute; top:0px; left:0px; width:100%; height:100%; }

/*FORMS*/
form { overflow:hidden; }

form label { display:block; float:left; width:25%; margin:4px 2% 4px 0px; padding-left:12px; clear:left; position:relative; }

form label.forcheck { clear:right; width:54.6%; margin:0px 0px 20px; }

form input, form textarea, form select { float:left; width:30%; margin:0px 35% 6px 0px; border:1px solid #aa9fd7; font-family:Arial, Helvetica, sans-serif; font-size:100%; }

form input, form textarea { padding:4px; }

form select { padding:2px; width:31%; }

form select.ddhalf { width:15%; }

/*date of birth*/
form select.dobd { width:60px; margin-right:6px; }

form select.dobm { width:145px; margin-right:6px; }

form select.doby { width:75px; }

/*postcode*/
form input.pctext { width:14.8%; margin-right:1%; }

form input.pcsubmit { width:14%; }

/*form select.pcdd {margin-left:28.5%;}*/
form input.check { clear:left; width:3%; margin:0px 0.4% 0px 1%; border:none; }

/*question*/
form label a.question { text-indent:-9999px; position:absolute; top:0px; left:130px; height:16px; width:16px; display:block; border:1px solid #1d0096; background:transparent url('../images/question.gif') no-repeat top left; }

form label a.question:hover { text-decoration:none; }

form label a.question span.answer { visibility:hidden; width:180px; padding:10px; position:absolute; top:10px; left:10px; background-color:#e9e9e9; border:1px solid #1d0096; text-indent:0px; }

form label a.question:hover span.answer { visibility:visible; color:black; }

/*required asterix*/
form label em { display:none; }

div.black div.mid div.innerbig form label.required, div.black div.mid div.inner form label.required { background:transparent url('../images/basterix.gif') no-repeat top left; }

div.white div.mid div.innerbig form label.required, div.white div.mid div.inner form label.required { background:transparent url('../images/wasterix.gif') no-repeat top left; }

/*errors*/
div.formerror { background:white url('../images/error.gif') no-repeat top left; border:2px solid red; color:red; font-size:84%; padding:10px 0px 0px 32px; margin:0px 0px 10px 0px; width:55.5%; }

div.formerror p { padding-top:0px !important; }

span.inputerror { display:block; width:38%; color:red; font-size:100%; line-height:1.3em; margin:0px 0px 4px; float:left; clear:right; }

form input.error, form textarea.error, form select.error, form input.pcerror { border:2px solid red !important; margin-right:1%; }

form input.pcerror { margin-right:1% }

form input.errorcheck { border-top:1px solid red; border-bottom:1px solid red; border-left:none; border-right:none; }

/*date of birth*/
form select.dobd.error, form select.dobm.error { margin-right:0.8%; }

/* not uk address */
form #no-uk-address {margin-left: 27%; padding-left: 2px;}
form #no-uk-address label {clear: none; margin-top: 0; padding-left: 3px;}
form #no-uk-address .check {margin-right: 0;}

/*successes*/
div.alert-message { background:white url('../images/success.gif') no-repeat top left; border:2px solid #1d0096; padding:10px 0px 10px 45px; margin:0px 0px 10px 0px; width:55.5%; }

div.alert-message p { padding-top:0px !important; }

div.bhalf div.innerbig div.alert-message { width:88.5%; color:#1d0096; }

/*borders*/
span.borderfull, span.borderhalf { height:27px; background:transparent url('../images/border.gif') repeat-x top left; display:block; float:left; width:99%; clear:both; }

span.borderfull { width:59.5%; margin:0px 40% 0px 0px; }

span.borderhalf { width:31%; margin:0px 40% 0px 28.5%; }

/*container*/
.formcont { width:31%; float:left; margin-right:1%; }

.formcont label { width:25%; padding-left:0px; }

.formcont input { width:69%; margin-right:0px; }

.formcont input.error { width:68%; margin-right:0px; }

/*continue and back buttons*/
div.contback { float:left; width:60.5%; padding-top:10px; clear:both; position:relative; }

div.contback a { float:left; background:transparent url('../images/back-arrow.gif') no-repeat left top; padding-left:10px; margin-top:16px; }

div.contback input { margin-right:0px; float:right; }

/*homepage forms*/
div.bhalf div.mid div.innerbig form label, div.three div.mid div.inner form label { width:39%; }

div.bhalf div.mid div.innerbig form input, div.bhalf div.mid div.innerbig form textarea, div.three div.mid div.inner form input, div.three div.mid div.inner form textarea { width:54%; margin-right:0px; }

div.bhalf div.mid div.innerbig form input.button { margin:0px 0px 0px 250px; }

div.bhalf div.mid div.innerbig form select, div.three div.mid div.inner form select { width:35%; margin:0px 0px 8px; }

/*errors*/
div.bhalf div.mid div.innerbig div.formerror { width:405px; }

div.three div.mid div.inner div.formerror { width:450px; }

div.three div.mid div.inner .formcont span.inputerror { width: 94% }

div.bhalf div.mid div.innerbig span.inputerror, div.three div.mid div.inner span.inputerror { display:block; background-color:white; border:1px solid red; font-size:84%; float:left; padding:4px 10px; margin:0px 0px 4px; clear:both; }

div.bhalf div.mid div.innerbig span.inputerror { width:417px; }

div.three div.mid div.inner span.inputerror { width:464px }

div.bhalf div.mid div.innerbig form input.error, div.bhalf div.mid div.innerbig form textarea.error, div.bhalf div.mid div.innerbig form select.error, div.three div.mid div.inner form input.error, div.three div.mid div.inner form textarea.error, div.three div.mid div.inner form select.error { width:53%; }

/*three column forms*/
div.three div.mid div.inner form select.dobd { width:57px; margin-right:6px; }

div.three div.mid div.inner form select.dobm { width:135px; margin-right:6px; }

div.three div.mid div.inner form select.doby { width:70px; }

div.three div.mid div.inner form input.check { clear:left; width:5%; margin:10px 2% 10px 3%; border:none; }

div.three div.mid div.inner form label.forcheck { clear:right; width:80%; margin:10px 0px 10px; }

div.three div.mid div.inner form input.button { float:right; }

div.three div.mid div.inner div.contback { float:left; width:98%; padding-top:10px; clear:both; }

/*borders*/
div.three div.mid div.inner span.borderfull { width:100%; margin:0px; }

div.three div.mid div.inner span.borderhalf { width:55%; margin:0px 0px 0px 44%; }

div.three div.mid div.inner .formcont { width:55%; float:left; margin-right:1%; }

/*=2. CORE *************************************************************/

.clear { clear: both }

#wrapper { 
    width: 1000px;
    margin: 0 auto;
    padding: 0;
    position: relative;
}

#wrapper #header {
    position: relative;
    top: 0;
    left: 0;
    width: 980px;
    margin: 0 10px;
}

#wrapper #header #masthead {
    background: #e5e7f4 url('../images/mast-bk.gif') bottom left no-repeat;
    padding: 8px 14px;
    position: relative;
}

#wrapper #header #masthead a {
    display: block;
    width: 166px;
    height: 49px;
    background: url('../images/cruk-logo.gif') top left no-repeat;
    text-indent: -999px;
    overflow: hidden;
}

#wrapper #header #masthead form {
    position: absolute;
    top: 22px;
    right:14px;
    overflow: visible;
}

#wrapper #header #masthead form label {
    color: #1d0096;
    font-size: 1.2em;
    padding: 0;
    width: 115px;
    margin: 0px;
    clear: none;
    float: left;
    display: inline;
}

#wrapper #header #masthead form select {
    width: 174px;
    position: relative;
    margin: 0;
    font-size: 12px;
    float: left;
    top: -2px;
}

#wrapper #header #masthead form input {
    float: left;
    margin: 0 5px;
    padding: 2px;
    position: relative;
    top: -2px;
    height: auto;
    font-size: 12px;
}

#wrapper #header #logo-nav {
    position: relative;    
}

#wrapper #header #logo-nav a#shine-logo {
    display:block;
    width:207px;
    height:63px;
    background:transparent url('../images/refresh/logo.gif') 0 50% no-repeat;    
    text-indent: -9999px;
    overflow: hidden;
    position: absolute;
    top: 21px;
    left: 12px;
}

#wrapper #header #logo-nav #supported-by {
    color: #F4F4F4;
    background: url('../images/refresh/networkrail-logo.gif') top right no-repeat;
    padding: 8px 100px 0 0;
    height: 33px;
    font-size: 12px;
    float: right;
    position: absolute;
    top: 16px;
    right: 14px;
    text-decoration: none;
}

#wrapper #header #logo-nav #supported-by:hover {
    text-decoration: underline;
}

#wrapper #header #logo-nav #supported-by span { display: none; }

#wrapper #header #logo-nav {
    height: 140px;
}

#wrapper #header #logo-nav #site-nav {
    position: absolute;
    bottom: 0;
    left: 0;    
    width: 100%;
    height: 78px;
    overflow: hidden;
}

#wrapper #header #logo-nav #site-nav .top {
    width: 100%;
    height: 43px;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
}

#wrapper #header #logo-nav #site-nav .top ol {
}

#wrapper #header #logo-nav #site-nav .top ol li {
    float: right;
}

#wrapper #header #logo-nav #site-nav .top ol li a {
    display: block;
    background: transparent url('../images/refresh/menu-inactive.png') no-repeat top right;
    padding: 13px 10px;
    overflow: hidden;
    font-size: 12px;
    color: #000;
    text-decoration: none;
    position: relative;
}

#wrapper #header #logo-nav #site-nav .top ol a span {
    display: block;
    position: absolute;
    height: 43px;
    width: 3px;
    top: 0;
    right: 0;
}

#wrapper #header #logo-nav #site-nav .top ol li a {
    background: transparent url('../images/refresh/menu-inactive.png') no-repeat top right;
}

#wrapper #header #logo-nav #site-nav .top ol li a:hover {
    text-decoration: underline;
}

#wrapper #header #logo-nav #site-nav .top ol li.nfirst a {
    background: transparent url('../images/refresh/menu-inactive-first.png') no-repeat top left;
    padding-left: 15px;
}

#wrapper #header #logo-nav #site-nav .top ol li.nfirst a span {
    background: transparent url('../images/refresh/menu-inactive.png') no-repeat top right;
}

#wrapper #header #logo-nav #site-nav .top ol li.nfirst a.active,
#wrapper #header #logo-nav #site-nav .top ol li.nfirst a.hover {
    background: transparent url('../images/refresh/menu-active-first.png') no-repeat top left;
    padding-left: 15px;
}

#wrapper #header #logo-nav #site-nav .top ol li.nfirst a.active span,
#wrapper #header #logo-nav #site-nav .top ol li.nfirst a.hover span {
    background: transparent url('../images/refresh/menu-active-end.png') no-repeat top right;
}

#wrapper #header #logo-nav #site-nav .top ol li a.active,
#wrapper #header #logo-nav #site-nav .top ol li a.hover {
    background: transparent url('../images/refresh/menu-active.png') no-repeat top left;
    color: #fff;
    z-index: 10;
    left: -2px;
    margin-right: -2px;
    position: relative;
    padding: 13px 11px;
}

#wrapper #header #logo-nav #site-nav .top ol li a.active span,
#wrapper #header #logo-nav #site-nav .top ol li a.hover span{
    background: transparent url('../images/refresh/menu-active-end.png') no-repeat top right;
}

#wrapper #header #logo-nav #site-nav .top ol li.nlast a {
    background: transparent url('../images/refresh/menu-inactive-last.png') no-repeat top right;
}

#wrapper #header #logo-nav #site-nav .top ol li.nlast a span {
    display: none;
}

#wrapper #header #logo-nav #site-nav .top ol li.nlast a.active,
#wrapper #header #logo-nav #site-nav .top ol li.nlast a.hover {
    background: transparent url('../images/refresh/menu-active-last.png') no-repeat top right;
}

#wrapper #header #logo-nav #site-nav .top ol li.nlast a.active span,
#wrapper #header #logo-nav #site-nav .top ol li.nlast a.hover span {
    background: transparent url('../images/refresh/menu-active-last.png') no-repeat top left;
    display: block;
    left: 0;
    right: auto;
}

#wrapper #header #logo-nav #site-nav .bottom {
    width: 100%;
    height: 36px;
    overflow: hidden;
    position: absolute;
    bottom: 0;
    left: 0;
    background: transparent url('../images/refresh/menu-bottom.gif') no-repeat top left;
}

#wrapper #header #logo-nav #site-nav .bottom #bread-tool {
    padding: 10px;
}

#wrapper #header #logo-nav #site-nav .bottom #bread-tool ol {
    float:left;
}

#wrapper #header #logo-nav #site-nav .bottom #bread-tool ol li {
    float: left;
    margin: 0;
    color: white;
    font-size: 12px;
    padding: 0 10px 0 0;
}

#wrapper #header #logo-nav #site-nav .bottom #bread-tool ol li a,
#wrapper #header #logo-nav #site-nav .bottom #bread-tool ol li a:visited {
    font-weight:bold;
    text-decoration:underline;
    padding-left:12px;
    background:transparent url('../images/arrow.gif') no-repeat 0 50%;
    color: #fff;
}

#wrapper #header #logo-nav #site-nav .bottom #bread-tool ul {
    float: right;
    margin-top: -2px;
}

#wrapper #header #logo-nav #site-nav .bottom #bread-tool ul li {
    float: left;
    margin: 0;
}

#wrapper #header #logo-nav #site-nav .bottom #bread-tool ul li a {
    display: block;
    height: 21px;
    background-color: transparent;
    background-image: url('../images/tools.gif');
    background-repeat:no-repeat;
    overflow: hidden;
    text-indent: -999px;
    margin-left: 10px;
}

#wrapper #header #logo-nav #site-nav .bottom #bread-tool ul li #tool-faq { width: 50px; background-position: 0 0; }
#wrapper #header #logo-nav #site-nav .bottom #bread-tool ul li #tool-print { width: 103px; background-position: -50px 0; }
#wrapper #header #logo-nav #site-nav .bottom #bread-tool ul li #tool-contact { width: 83px; background-position: -153px 0; }
#wrapper #header #logo-nav #site-nav .bottom #bread-tool ul li #tool-faq:hover { width: 50px; background-position: 0 -23px; }
#wrapper #header #logo-nav #site-nav .bottom #bread-tool ul li #tool-print:hover { width: 103px; background-position: -50px -23px; }
#wrapper #header #logo-nav #site-nav .bottom #bread-tool ul li #tool-contact:hover { width: 83px; background-position: -153px -23px; }

#wrapper #homepage {    
}

#wrapper #homepage #home-map {
    background: url('../images/refresh/home-bg-top.png') no-repeat 50% 100%;
    height: 443px;
    position: relative;
}

#wrapper #homepage #home-map .content {
    width: 430px;
    margin: 40px 0 0 40px;
    float: left;
    display: inline;
}

#wrapper #homepage #home-map .content h1 {
    font-size: 24px;
    font-family: arial;
    color: #ea0084;
    font-weight: bold;
}

#wrapper #homepage #home-map .content h2 {
    font-size: 40px;
    font-family: arial;
    color: #141414;
    font-weight: bold;
    line-height: 50px;
    padding-top: 3px;
}

#wrapper #homepage #home-map .content h3 {
    font-size: 30px;
    font-family: arial;
    color: #141414;
    font-weight: bold;
    line-height: 40px;
    padding-top: 3px;
}

#wrapper #homepage #home-map .content p {
    font-size: 15px;
    font-family: arial;
    line-height: 28px;
    color: #282828;
    margin-right: 40px;
    margin: 5px 40px 5px 0;
}

#wrapper #homepage #home-map .content a.cta {
    display: block;
    background: url('../images/refresh/home-btn.gif') no-repeat top right;
    font-size: 17px;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    padding: 11px 45px 11px 15px;
    margin: 25px 0 0 7px;
    text-shadow: 0px 1px 1px black;
    text-align: center;
    position: relative;
}

#wrapper #homepage #home-map .content a.cta span {
    width: 7px;
    height: 50px;
    overflow: hidden;
    display: block;
    background: url('../images/refresh/home-btn-left.gif') no-repeat top left;
    position: absolute;
    left: -7px;
    top: 0;
}

#wrapper #homepage #home-map .events,
#wrapper #homepage #home-map .invisible-events {
    position: absolute;
    top: 0;
    left: 470px;
}

#wrapper #homepage #home-map .invisible-events {
    z-index: 999;
}

#wrapper #homepage #home-map .invisible-events li {
    position: absolute;
    width: 20px;
    height: 20px;
    margin-left: 17px;
    margin-top: 48px;
    text-indent: -999px;
    oveflow: hidden;
    text-decoration: none;
}

#wrapper #homepage #home-map .events li {
    position: absolute;
    font-size: 12px;
    width: 81px;
    height: 78px;
    padding: 0;
    background: url('../images/refresh/map-pin.png') no-repeat top left;
    color: #333;
    overflow: hidden;
    z-index: 20;
}

#wrapper #homepage #home-map ul.overlapping li a {
    display: none;
}

#wrapper #homepage #home-map ul li.hovered {
    z-index: 999;
}

#wrapper #homepage #home-map ul.overlapping li.hovered a {
    display: block;
    text-decoration: none;
}

#wrapper #homepage #home-map .events li a {
    background: url('../images/refresh/map-pin-callout.png') no-repeat top left;
    font-size: 11px;
    text-decoration: none;
    font-weight: bold;
    padding: 5px 7px 43px;
    display: block;
    color: #333;
}

#wrapper #homepage #home-map .events li a:hover {
    color: #000;
    text-decoration: underline;
}

#wrapper #homepage #home-map .events li a span {
    display: block;
    font-weight: normal;
}

#wrapper #homepage #home-map .events li.active {
    background: url('../images/refresh/pin-active.png') no-repeat 6px 100%;
    overflow: visible;
    z-index: 30;
}

#wrapper #homepage #home-map .events li.active a {    
    display: none;
}

#wrapper #homepage #home-map .events li.active .arrow {
    background: url('../images/refresh/arrow/3-3.png') no-repeat bottom left;
    width: 320px;
    height: 170px;
    display: block;
    position: absolute;
    bottom: 0;
    left: 4px;
    z-index: 15;
}

#wrapper #homepage #home-map .events li.active-1-2 .arrow {
    background: url('../images/refresh/arrow/2-1.png') no-repeat bottom left;
}

#wrapper #homepage #home-map .events li.active-2-1 .arrow {
    background: url('../images/refresh/arrow/2-1.png') no-repeat bottom left;
}

#wrapper #homepage #home-map .events li.active-2-2 .arrow {
    background: url('../images/refresh/arrow/2-2.png') no-repeat bottom left;
}

#wrapper #homepage #home-map .events li.active-3-2 .arrow {
    background: url('../images/refresh/arrow/3-2.png') no-repeat bottom left;
}

#wrapper #homepage #home-map #postit {
    background: url('../images/refresh/postit.png') no-repeat bottom left;
    height:202px;
    padding:20px 25px 30px 30px;
    position:absolute;
    right:30px;
    top:30px;
    width:217px;
    color: #333;
    z-index: 30;
}

#wrapper #homepage #home-map #postit .date {
    color:#fff;
    position:absolute;
    right:24px;
    top:30px;
    width:82px;
    font-weight: bold;
    font-size: 11px;
    text-align: center;
}

#wrapper #homepage #home-map #postit .date span {
    color: #333;
    display: block;
    padding-top: 9px;
    font-weight: bold;
}

#wrapper #homepage #home-map #postit h3 {
    font-size: 16px;
    font-weight: bold;
    padding: 0;
    margin: 0 0 5px 0;
    color: #333;
}

#wrapper #homepage #home-map #postit p {
    font-size: 12px;
    color: #333;
    margin: 0 0 5px;
    padding: 0;
}

#wrapper #homepage #home-map #postit .desc {
    margin: 20px 0 0 0;
}

#wrapper #homepage #home-map #postit .desc p {
    line-height: 20px;
}

#wrapper #homepage #home-map #postit .desc a {
    color: #333;
}

#wrapper #homepage #home-map #postit .desc a:hover {
    color: #000;
}

#wrapper #homepage #home-map #postit .cta {
    display: block;
    position: absolute;
    bottom: 25px;
    right: 20px;

}

#wrapper #homepage #home-content {
    background: url('../images/refresh/home-bg-bottom.png') no-repeat bottom left;
    padding-bottom: 100px;
    width: 992px;
    margin: 0 auto;
    position: relative;
}

#wrapper #homepage #home-content #like-box {
    width: 285px;
    overflow: hidden;
}

#wrapper #homepage #home-content #like-box h3 {
    background: none;
}

#wrapper #homepage #home-content #like-box .fb-like-box {
    border: 1px solid #ccc;
    background: #fff;
}

#wrapper #homepage #home-content .features {
    padding: 20px 30px;
    background: url('../images/refresh/home-featured-dividers.gif') no-repeat 50% 50%;
}

#wrapper #homepage #home-content .features li {
    float: left;
    width: 305px;
}

#wrapper #homepage #home-content .features li h3 {
    text-align: center;
    color: #333;
    font-size: 17px;
    font-weight: bold;
    margin: 0;
    padding: 0 0 10px;
    background: url('../images/refresh/featured-divider.gif') no-repeat 50% 100%;
}

#wrapper #homepage #home-content .features li .content {
    padding: 22px;
    width: 283px;
    overflow: hidden;
}

#wrapper #homepage #home-content .features li .content p {
    color: #333;
    font-size: 12px;
    margin-bottom: 20px;
}

#wrapper #homepage #home-content .features li.what .content {
    padding-left: 0;
    padding-bottom: 12px;
}

#wrapper #homepage #home-content .features li.news .content {
    padding-right: 0;
}

#wrapper #homepage #home-content .features li.choose {
    width: 322px;
}

#wrapper #homepage #home-content .features li.choose .content {
    width: 278px;
    padding: 0 22px 22px;
    margin-top: 22px;
}

#wrapper #homepage #home-content .features li.choose .content p {
    text-align: center;
}

#wrapper #homepage #home-content .features li.news .content {
    padding-top: 0;
}

#wrapper #homepage #home-content .features li.news .content li {
    list-style: none;
    /*width: auto;*/
    width: 283px;
    margin: 20px 0 0 0;
    padding: 5px 0 0 85px;
    position: relative;
    height: 72px;
    overflow: hidden;
}

#wrapper #homepage #home-content .features li.news .content li .thumb {
    position: absolute;
    top: 0;
    left: 0;
    width: 59px;
    height: 60px;
    padding: 6px;
    background: url('../images/refresh/thumb-holder.gif') no-repeat top left;
}

#wrapper #homepage #home-content .features li.news .content li a {
    font-weight: bold;
    font-size: 12px;
    color: #163b93;
    background: url('../images/refresh/bullet.gif') no-repeat 0 50%;
    padding: 0 0 4px 15px;
    display: block;
}

#wrapper #homepage #home-content .features li.news .content li p {
    color: #333;
    font-size: 12px;
    line-height: 20px;
    width: 198px;
}

#wrapper #homepage #home-content .sponsors {
    background: url('../images/refresh/sponsors.gif') no-repeat top left;
    width: 826px;
    margin: 0 auto;
    padding: 30px 15px 15px 90px;
    height: 42px;
    overflow: hidden;
    display: none;
}

#wrapper #homepage #home-content .sponsors h3 {
    display: none;
}

#wrapper #homepage #home-content .sponsors li {
    float: left;
}

#wrapper #homepage #home-content .sponsors li a {
    display: block;
    float: left;
    text-indent: -999px;
    overflow: hidden;
}

#wrapper #homepage #home-content .sponsors li a.nike {
    width: 81px;
    height: 42px;
    background: url('../images/refresh/nike.gif') no-repeat top left;
}

#wrapper #homepage #home-content .sponsors li a.network-rail {
    width: 100px;
    height: 42px;
    background: url('../images/refresh/network-rail.gif') no-repeat top left;
}

#wrapper #homepage #home-content #stay-in-touch-ribbon {
    background: url('../images/refresh/stay-in-touch-ribbon.png') no-repeat top left;
    height: 64px;
    overflow: hidden;
    width: 765px;
    position: absolute;
    left: -10px;
    padding: 27px 27px 0 221px;
    overflow: hidden;
}

#wrapper #homepage #home-content #stay-in-touch-ribbon ul {
    width: 100%;
}

#wrapper #homepage #home-content #stay-in-touch-ribbon li {
    float: left;
}

#wrapper #homepage #home-content #stay-in-touch-ribbon li a {
    display: block;
    padding: 12px 20px 12px 40px;
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
    float: left;
}

#wrapper #homepage #home-content #stay-in-touch-ribbon li.fb a { background: url('../images/refresh/fb-icon.gif') no-repeat 0 50%; }
#wrapper #homepage #home-content #stay-in-touch-ribbon li.twitter a { background: url('../images/refresh/twitter-icon.gif') no-repeat 0 50%; }
#wrapper #homepage #home-content #stay-in-touch-ribbon li.youtube a { background: url('../images/refresh/youtube-icon.gif') no-repeat 0 50%; }
#wrapper #homepage #home-content #stay-in-touch-ribbon li.more a { background: url('../images/refresh/more-icon.gif') no-repeat 0 50%; }

#wrapper #homepage #home-content #share-other {
    background:url("../images/refresh/more-share-overlay.png") no-repeat top left;
    width: 450px;
    height:430px;
    left:50%;
    margin-left: -225px;
    position:fixed;
    top:50%;
    margin-top: -25px;
    z-index:1000;
}

#wrapper #homepage #home-content #share-other .overlaycontent {
    padding: 20px;
}

#wrapper #homepage #home-content #share-other .overlaycontent h2 {
    background:url("../images/refresh/heading-share.gif") no-repeat scroll 0 0 transparent;
    width: 155px;
    height: 42px;
    overflow: hidden;
    text-indent: -999px;
    display: block;
    margin: 10px 0 10px 10px;
}

#wrapper #homepage #home-content #share-other .overlaycontent .close {
    background:url("../images/close.png") no-repeat scroll 0 0 transparent;
    display:block;
    height:10px;
    position:absolute;
    right:37px;
    text-indent:-9999px;
    top:43px;
    width:10px;
}

#wrapper #homepage #home-content #share-other .share-links li {
    background: url("../images/refresh/share-button-bg.gif") no-repeat top left;
    display: block;
    float: left;
    width: 84px;
    height: 84px;
    margin: 15px 0 0 15px;
}

#wrapper #homepage #home-content #share-other .share-links li a {
    display: block;
    width: 74px;
    height: 24px;
    padding: 55px 5px 5px 5px;
    text-align: center;
    font-size: 12px;
    color: #333;
    text-decoration: none;
}

#wrapper #homepage #home-content #share-other .share-links li a:hover {
    color: #EA0084;
}

#wrapper #homepage #home-content #share-other .share-links li.facebook a {
    background: url("../images/refresh/icon-face.gif") no-repeat 50% 15px;
}

#wrapper #homepage #home-content #share-other .share-links li.twitter a {
    background: url("../images/refresh/icon-twit.gif") no-repeat 50% 15px
}

#wrapper #homepage #home-content #share-other .share-links li.youtube a {
    background: url("../images/refresh/icon-utube.gif") no-repeat 50% 15px
}

#wrapper #homepage #home-content #share-other .share-links li.email a {
    background: url("../images/refresh/icon-email.gif") no-repeat 50% 15px
}

#wrapper #homepage #home-content #share-other .share-links li.delicious a {
    background: url("../images/refresh/icon-del.gif") no-repeat 50% 15px
}

#wrapper #homepage #home-content #share-other .share-links li.digg a {
    background: url("../images/refresh/icon-digg.gif") no-repeat 50% 15px
}

#wrapper #homepage #home-content #share-other .share-links li.reddit a {
    background: url("../images/refresh/icon-reddit.gif") no-repeat 50% 15px
}

#wrapper #homepage #home-content #share-other .share-links li.stumbleupon a {
    background: url("../images/refresh/icon-su.gif") no-repeat 50% 15px
}

#wrapper #homepage #home-content #share-other .share-links li.myspace a {
    background: url("../images/refresh/icon-myspace.gif") no-repeat 50% 15px
}

#wrapper #homepage #home-content #share-other .share-links li.friendfeed a {
    background: url("../images/refresh/icon-friend-feed.gif") no-repeat 50% 15px
}

#wrapper #homepage #home-content #share-other .share-links li.google a {
    background: url("../images/refresh/icon-google.gif") no-repeat 50% 15px
}

#wrapper #homepage #home-content #share-other .share-links li.rss a {
    background: url("../images/refresh/icon-rss.gif") no-repeat 50% 15px
}


#wrapper #homepage #home-content .sitemap {
    padding: 25px 30px 0;
    margin: 91px 0 0 0;
    position: relative;
}

#wrapper #homepage #home-content .sitemap ul {
    float: left;
    width: 155px;
    font-size: 12px;
    font-family: arial;
}

#wrapper #homepage #home-content .sitemap ul li {
    padding: 0 0 15px 0;
    list-style: none;
    line-height: 14px;
}

#wrapper #homepage #home-content .sitemap ul li a {
    text-decoration: none;
    color: #1D0096;
}

#wrapper #homepage #home-content .sitemap ul li a:hover {
    text-decoration: underline;
}

#wrapper #homepage #home-content .sitemap ul li.first a {
    font-weight: bold;
    font-size: 14px;
    line-height: 18px;
}

#wrapper #homepage #home-content .beat-cancer,
#wrapper #homepage #home-content .fundraising-standards {
    display: block;
    text-indent: -999px;
    overflow: hidden;
    display: block;
    position: absolute;
}

#wrapper #homepage #home-content .beat-cancer {
    width: 259px;
    height: 32px;
    background: url('../images/refresh/beat-cancer-text.gif') no-repeat top left;
    bottom: 35px;
    left: 30px;
}

#wrapper #homepage #home-content .fundraising-standards {
    width: 56px;
    height: 56px;
    background: url('../images/refresh/fundraising-board.gif') no-repeat top left;
    bottom: 30px;
    right: 30px;
}

#wrapper #homepage .footer {
    padding: 15px 0;
}

#wrapper #homepage .footer p {
    color: #fff;
    font-size: 12px;
    text-align: center;
    line-height: 18px;
}

#wrapper #homepage .footer p a {
    color: #fff;
}

/* New Events Page */

#wrapper #events-page {
    padding: 12px 8px;    
}

#wrapper #events-page .events-map {
    width: 300px;
    height: 400px;
    float: right;
    background: url('../images/refresh/map.gif') no-repeat bottom left;
    margin-right: 25px;
    position: relative;
    display: inline;
}

#wrapper #events-page .events-map .events,
#wrapper #events-page .events-map .invisible-events {
    position: absolute;
    top: -32px;
    left: 44px;
}

#wrapper #events-page .events-map .invisible-events {
    z-index: 999;
}

#wrapper #events-page .events-map .invisible-events li {
    position: absolute;
    width: 20px;
    height: 20px;
    margin-left: 17px;
    margin-top: 48px;
    text-indent: -999px;
    oveflow: hidden;
    text-decoration: none;
}

#wrapper #events-page .events-map .invisible-events li {
    text-indent: -999px;
    oveflow: hidden;
    text-decoration: none;
}

#wrapper #events-page .events-map .events li {
    position: absolute;
    font-size: 12px;
    width: 81px;
    height: 78px;
    padding: 0;
    background: url('../images/refresh/map-pin.png') no-repeat top left;
    color: #333;
    overflow: hidden;
    z-index: 40;
}

#wrapper #events-page .events-map ul.overlapping li a {
    display: none;
}

#wrapper #events-page .events-map ul li.hovered {
    z-index: 999;
}

#wrapper #events-page .events-map ul.overlapping li.hovered a {
    display: block;
    text-decoration: none;
}

#wrapper #events-page .events-map .events li a {
    background: url('../images/refresh/map-pin-callout.png') no-repeat top left;
    font-size: 11px;
    text-decoration: none;
    font-weight: bold;
    padding: 5px 7px 43px;
    display: block;
    color: #333;
}

#wrapper #events-page .events-map .events li a:hover {
    color: #000;
    text-decoration: underline;
}

#wrapper #events-page .events-map .events li a span {
    display: block;
    font-weight: normal;
}
/*******************/

#wrapper #events-list {
    float: left;
}

#wrapper #events-list .event {
    background: url('../images/refresh/event-listing-row.gif') no-repeat bottom left;
    width: 601px;
    padding: 12px 20px 50px;
    position: relative;
}

#wrapper #events-list .event h2 {
    margin: 0 0 10px;
    padding: 0;
    font-size: 20px;
    color: #ea0084;
}

#wrapper #events-list .event ul {
    position: absolute;
    top: 12px;
    right: 2px;
}

#wrapper #events-list .event ul li {
    float: right;
    display: block;
    padding: 6px;
    background: #fff;
    margin-left: 1px;
}

#wrapper #events-list .event ul li p {
    font-style: italic;
    font-size: 12px;
    color: #333;
    margin: 0;
    padding: 0;
}

#wrapper #events-list .event ul li p strong {
    font-weight: bold;
    font-style: normal;
}


#wrapper #events-list .event ul li p span {
    color: #ea0084;
    font-style: normal;
}

#wrapper #events-list .event .calendar {
    width: 80px;
    height: 41px;
    overflow: hidden;
    background: url('../images/refresh/calendar.gif') no-repeat top left;
    float: left;
    padding: 19px 6px 10px 6px;
    margin: 0 20px 10px 0;
}

#wrapper #events-list .event .calendar p {
    margin: 0;
    padding: 0;
    font-size: 11px;
    font-weight: bold;
    color: #fff;
    text-align: center;
}

#wrapper #events-list .event .calendar p span {
    color: #333;
    display: block;
    margin-top: 7px;
    font-weight: bold;
}

#wrapper #events-list .event .content {
    float: left;
    width: 485px;
    margin-top: 3px;
}

#wrapper #events-list .event .content p {
    margin: 0 0 5px;
    padding: 0;
    font-size: 12px;
    line-height: 20px;
}

#wrapper #events-list .event .content p a {
    color: #333;
}

#wrapper #events-list .event .content a.info {
    display: block;
    background: url('../images/refresh/info.gif') no-repeat 0 50%;
    padding: 1px 0 1px 20px;
    font-size: 12px;
    color: #333;
    position: absolute;
    bottom: 22px;
    left: 130px;
}

#wrapper #events-list .event .content a:hover {
    color: #000;
}

#wrapper #events-list .event .cta {
    position: absolute;
    bottom: 17px;
    right: 15px;
}

#wrapper #events-list .event-closed .calendar {
    background: url('../images/refresh/calendar.gif') no-repeat top right;
}

#wrapper #events-list .event-closed ul {
    display: none;
}

#wrapper a.cta {
    display: block;
    font-size: 12px;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    padding: 7px 25px 7px 4px;
    background: url('../images/refresh/cta.gif') no-repeat top right;
    text-shadow: 0px 1px 1px #333;
    text-align: center;
    position: relative;
    margin-left: 6px;
    overflow: visible;
    float: left;
    clear: left;
}

#wrapper a.cta span {
    display: block;
    background: url('../images/refresh/cta-left.gif') no-repeat top right;
    width: 6px;
    height: 30px;
    top: 0;
    left: -6px;
    position: absolute;
}

/*#wrapper #events-list .event-closed .cta {
    display: none;
}*/

#nav-main ol { float:right; margin-right:10px; background:transparent url('../images/nav-left.png') no-repeat top left; }

#nav-main ol li { float:left; background:transparent url('../images/nav.png') repeat-x top left; height:43px; padding-top:9px; }

#nav-main ol li.nfirst { margin-left:16px; }

#nav-main ol li.nlast { margin-right:10px; position:relative; }

#nav-main ol li a { display:block; height:19px; margin:12px 0px; padding:0px 12px; border-right:1px solid #919191; border-left:1px solid #919191; font-size:1.2em; color:black; text-decoration:none; }

#nav-main ol li a.active, #nav-main ol li a:hover { display:block; height:30px; margin:0px; padding-top:12px; border-right:1px solid #1d0096; border-top:1px solid #1d0096; border-left:1px solid #3920a3; background:#1d0096 url('../images/nava.gif') repeat-x top left; color:white; }

#nav-main ol li.nfirst a { margin-left:-7px; border-left:1px solid white; }

#nav-main ol li.nfirst a:hover, #nav-main ol li.nfirst a.active, #nav-main ol li.nfirst a:active { margin-left:-7px; position:relative; border-left:1px solid #3920a3; }

#nav-main ol li.nfirst a span { position:absolute; top:-1px; left:-1px; height:5px; width:5px; }

#nav-main ol li.nfirst a:hover span, #nav-main ol li.nfirst a.active span, #nav-main ol li.nfirst a:active span { position:absolute; top:-1px; left:-1px; height:5px; width:5px; background:transparent url('../images/nav-lefth.gif') no-repeat top left; }

#nav-main ol li.nlast a { margin-right:-10px; border-right:1px solid white; width:auto; position:relative; }

#nav-main ol li.nlast a:hover, #nav-main ol li.nlast a.active, #nav-main ol li.nlast a:active { margin-right:-10px; border-right:1px solid #1d0096; }

#nav-main ol li.nlast a span { position:absolute; top:-1px; right:-1px; margin-left:86px; height:5px; width:5px; }

#nav-main ol li.nlast a.active span, #nav-main ol li.nlast a:hover span, #nav-main ol li.nlast a:active span { position:absolute; top:-1px; right:-1px; margin-left:86px; height:5px; width:5px; background:transparent url('../images/nav-righth.gif') no-repeat top left; }

#nav-mid { background:transparent url('../images/nav-mid.png') left top no-repeat; height:14px; margin-top:-7px; clear:both; }

#nav-bot { background:transparent url('../images/nav-bot.png') left top no-repeat; height:17px; }

/*FOOTER*/
#footer { margin:10px auto 0px; width:980px; color:black; clear:both; padding-top:10px; }

#footer a:visited { color:#1d0096 }

#footer-top { height:6px; background:transparent url('../images/footer-bk.png') no-repeat top left;
              clear:both;}

#footer-main { background-color:#e5e7f4; overflow:hidden; padding:8px 14px; }

#footer-left { width:450px; float:left; }

#footer-left p { }

#footer-left p a { padding:0px 8px; border-right:1px solid #1d0096; font-size:1.2em; text-decoration:underline; }

#footer-left p a.last { border:none; }

#footer-left h1 { display:block; width:430px; height:55px; margin-top:10px; color:#1d0096; font-size:2.0em; }

#footer-left h1 span { background:transparent url('../images/together.gif') no-repeat top left; }

#footer-right { width:500px; float:right; }

p#social { line-height:1.4em; padding-bottom:10px; font-size:1.4em; text-align: right; }

p#social a { padding:2px 0px 2px 18px; font-size:84%; margin-left:4px; }

a#reddit { background:transparent url('../images/reddit.gif') no-repeat top left; }

a#delicious { background:transparent url('../images/delicious.gif') no-repeat top left; }

a#digg { background:transparent url('../images/digg.gif') no-repeat top left; }

a#furl { background:transparent url('../images/furl.gif') no-repeat top left; }

a#stumble { background:transparent url('../images/stumble.gif') no-repeat top left; }

a#facebook { background:transparent url('../images/facebook.gif') no-repeat top left; }

a#fsb { position:relative; height:64px; width:64px; float:right; text-decoration:none; }

a#fsb span { position:absolute; top:0px; left:0px; width:100%; height:100%; background:#e5e7f4 url('../images/standards.gif') no-repeat top center; }

p#finfo { float:right; text-align:right; clear: right; width: 500px; }

p#finfo a { color:black; text-decoration:underline; }

/*=5. CONTENT BOXES ************************************************************/

div#content { overflow:hidden; position:relative; }

/*formatting*/
div.inner { font-size:1.2em; }

div.innerbig { font-size:1.4em; }

div.innerbig, div.inner { overflow:hidden; padding:12px 29px; position:relative; }

div.innerbig p, div.inner p { padding:10px 0px; }

/*highlighted text*/
div.inner form p.inform { clear:both; padding:0px 0px 20px 0px; width:60%; }

div.inner form p.formnote { clear:both; color:#1d0096; padding:0px 0px 10px 0px; width:55%; }

p.formnote, p.highlight { font-size:100%; line-height:110%; clear:both; }

p.highlight { color:#1d0096; }

div.bhalf div.mid div.innerbig p.formnote { color:#ec008c; }

div.inner form div.formcont p.formnote { width:98%; }

div.three div.inner form p.inform { clear:both; padding:10px 0px 10px 0px; width:96%; }

div.two, div.three, div.side, div.black, div.white, div.halftwo { float:left; overflow:hidden; }

div.white { color:black; }

div.top, div.bot { height:16px; }

/*full*/
div.bfull, div.wfull { width:1000px; }

div.bfull div.top { background:transparent url('../images/boxes/bfulltop.png') no-repeat top left; }

div.bfull div.mid { background:transparent url('../images/boxes/bfullmid.png') repeat-y top left; }

div.bfull div.bot { background:transparent url('../images/boxes/bfullbot.png') no-repeat top left; }

div.wfull div.top { background:transparent url('../images/boxes/wfulltop.png') no-repeat top left; }

div.wfull div.mid { background:transparent url('../images/boxes/wfullmid.png') repeat-y top left; }

div.wfull div.bot { background:transparent url('../images/boxes/wfullbot.png') no-repeat top left; }

/*half*/
div.bhalf, div.whalf { width:500px; }

div.bhalf div.top { background:transparent url('../images/boxes/bhalftop.png') no-repeat top left !important; }

div.bhalf div.mid { background:transparent url('../images/boxes/bhalfmid.png') repeat-y top left !important; }

div.bhalf div.bot { background:transparent url('../images/boxes/bhalfbot.png') no-repeat top left !important; }

div.whalf div.top { background:transparent url('../images/boxes/whalftop.png') no-repeat top left; }

div.whalf div.mid { background:transparent url('../images/boxes/whalfmid.png') repeat-y top left; }

div.whalf div.bot { background:transparent url('../images/boxes/whalfbot.png') no-repeat top left; }

/*third*/
div.bthird, div.wthird { width:333px; }

div.bthird div.top { background:transparent url('../images/boxes/bthirdtop.png') no-repeat top left; }

div.bthird div.mid { background:transparent url('../images/boxes/bthirdmid.png') repeat-y top left; }

div.bthird div.bot { background:transparent url('../images/boxes/bthirdbot.png') no-repeat top left; }

div.wthird div.top { background:transparent url('../images/boxes/wthirdtop.png') no-repeat top left; }

div.wthird div.mid { background:transparent url('../images/boxes/wthirdmid.png') repeat-y top left; }

div.wthird div.bot { background:transparent url('../images/boxes/wthirdbot.png') no-repeat top left; }

/*twothird*/
div.btwothird, div.wtwothird { width:666px; }

div.btwothird div.top { background:transparent url('../images/boxes/bthirdtop.png') no-repeat top left; }

div.btwothird div.mid { background:transparent url('../images/boxes/bthirdmid.png') repeat-y top left; }

div.btwothird div.bot { background:transparent url('../images/boxes/bthirdbot.png') no-repeat top left; }

div.wtwothird div.top { background:transparent url('../images/boxes/wtwothirdtop.png') no-repeat top left; }

div.wtwothird div.mid { background:transparent url('../images/boxes/wtwothirdmid.png') repeat-y top left; }

div.wtwothird div.bot { background:transparent url('../images/boxes/wtwothirdbot.png') no-repeat top left; }

/*SIDENAV*/
div.side { width:194px; }

div.side div.top { height:18px; background:transparent url('../images/boxes/sidetop.png') no-repeat top left; }

div.side div.mid { background:transparent url('../images/boxes/sidemid.png') repeat-y top left; }

div.side div.bot { height:20px; background:transparent url('../images/boxes/sidebot.png') no-repeat top left; }

div.side div.mid div.inner { padding:0px 10px; }

div.side div.mid div.inner ol { }

div.side div.mid div.inner ol li { }

div.side div.mid div.inner ol li { }

div.side div.mid div.inner ol li a { display:block; width:148px; border-top:1px solid #e8e8e8; padding:12px 10px 12px 17px; color:black; font-weight:bold; text-decoration:none !important; }

div.side div.mid div.inner ol li a.sideactive, div.side div.mid div.inner ol li a:hover, div.side div.mid div.inner ol li a.activeparent:hover { background:#1d0096 url('../images/side.gif') repeat-x top left; color:white; text-decoration:none; }

div.side div.mid div.inner ol li a.activeparent { background:transparent url('../images/leftnav-arrow.gif') no-repeat top left; }

/*div.side div.mid div.inner ol li ol {display:block; padding-top:14px;}
div.side div.mid div.inner ol li ol li {background:none;}
div.side div.mid div.inner ol li ol li a {display:block; width:155px; border-top:none; padding:0px 20px 14px 24px; color:#1d0096; font-weight:normal; text-decoration:underline !important;}
div.side div.mid div.inner ol li ol li a:hover {background:none; text-decoration:none !important; color:#1d0096;}
div.side div.mid div.inner ol li ol li a.sideactive, div.side div.mid div.inner ol li ol li a.sideactive:hover {background:transparent url('../images/side2.gif') no-repeat top left; color:#ec008c; text-decoration:none !important;}*/

div.side div.mid div.inner ol li ol { }

/*div.side div.mid div.inner ol li ol li {background:none;}*/
div.side div.mid div.inner ol li ol li a { display:block; width:125px; padding:12px 10px 12px 40px; }

/*div.side div.mid div.inner ol li ol li a:hover {background:none; text-decoration:none !important; color:#1d0096;}
div.side div.mid div.inner ol li ol li a.sideactive, div.side div.mid div.inner ol li ol li a.sideactive:hover {background:transparent url('../images/side2.gif') no-repeat top left; color:#ec008c; text-decoration:none !important;}*/


/*2 column main*/
div.two { width:806px; }

div.two div.top { background:transparent url('../images/boxes/2coltop.png') no-repeat top left; }

div.two div.mid { background:transparent url('../images/boxes/2colmid.png') repeat-y top left; }

div.two div.bot { background:transparent url('../images/boxes/2colbot.png') no-repeat top left; }

/* 2 column - no left nav, but right content */


/*3 column main*/
div.three { width:546px; }

div.three div.top { background:transparent url('../images/boxes/3coltop.png') no-repeat top left; }

div.three div.mid { background:transparent url('../images/boxes/3colmid.png') repeat-y top left; }

div.three div.bot { background:transparent url('../images/boxes/3colbot.png') no-repeat top left; }

/*3 column right*/
div.rightcont, div.rightside { width:260px; float:left; overflow:hidden; }

div.rightside div.top { background:transparent url('../images/boxes/righttop.gif') no-repeat top left; }

div.rightside div.mid { background:transparent url('../images/boxes/rightmid.gif') repeat-y top left; }

div.rightside div.bot { background:transparent url('../images/boxes/rightbot.gif') no-repeat top left; }

div.rightside h3 { font-size:1.4em; margin-bottom:0px; }

div.rightside a.textlink, div.rightside a.textlink:visited { font-weight:bold; text-decoration:underline; color:white; padding-left:12px; background:transparent url('../images/arrowb.gif') no-repeat top left; display:block; margin-top:6px; }

div.rightside a.textlink:active, div.rightside a.textlink:hover { text-decoration:underline; }

div.rightside { }

div.rightside { }

div.halftwo { width:400px; }

div.halftwo div.top { background:transparent url('../images/boxes/halftwotop.png') no-repeat top left; height:14px; }

div.halftwo div.mid { background:transparent url('../images/boxes/halftwomid.png') repeat-y top left; }

div.halftwo div.bot { background:transparent url('../images/boxes/halftwobot.png') no-repeat top left; height:14px; }

div.htfirst { margin-left:198px; }

/*=7. CLASSES **************************************************************/
/*blue buttons*/
a.button, a.button:visited, input.button, input.bbutton { position:relative; display:block; font-weight:bold; text-decoration:none !important; font-size:12px; color:white !important; background:transparent url('../images/buts-heads/but-bk.png') no-repeat 0px 0px; }

a.button, a.button:visited { width:128px !important; height:20px !important; padding:14px 0px 10px 20px !important; text-align:left !important; cursor:pointer !important; }

input.bbutton { width:200px !important; height:42px !important; padding:12px 20px 12px 12px !important; text-align:left !important; border:none !important; background:transparent url('../images/buts-heads/butb-bk.png') no-repeat 0px 0px; }

a.bigbut, #all-events a.bigbut { width:144px !important;/* height:42px !important; */padding:14px 46px 12px 20px !important; text-align:left !important; border:none !important; background:transparent url('../images/buts-heads/butb-bk.png') no-repeat 0px 0px; }

input.button { width:150px !important; height:42px !important; padding:13px 20px 12px 16px !important; text-align:left !important; border:none !important; font-family:Arial, Helvetica, sans-serif !important; cursor: pointer; }

a.button:hover, a.button:active, input.button:hover, input.hbutton, input.bbutton:hover, a.bbutton:hover { background-position: 0px -43px !important; }

a.lbutton, a.lbutton:visited, input.lbutton, span.lbutton { position:relative; display:block; font-weight:bold; text-decoration:none; color:white !important; font-size:11px !important; background:transparent url('../images/buts-heads/lbut-bk.gif') no-repeat 0px 0px; }

a.lbutton, a.lbutton:visited, span.lbutton { width:140px !important; height:21px !important; padding:3px 0px 0px 0px !important; text-align:center !important; }

.rightside a.lbutton, .rightside a.lbutton:visited { background:transparent url('../images/buts-heads/lbut-bkb.gif') no-repeat 0px 0px; float:right; }

input.lbutton { width:134px !important; height:24px !important; padding:0px 0px 2px 0px !important; border:none !important; font-family:Arial, Helvetica, sans-serif !important; }

a.lbutton:hover, a.lbutton:active, input.lbutton:hover, input.hlbutton { background-position: 0px -24px !important; cursor:pointer !important; }

/*borders*/
div.wfull div.dot-border { position:relative; width:100%; height:64px; background:transparent url('../images/bordertwo.gif') repeat-x top left; float:left; overflow:hidden; margin-top:-30px; }

div.wfull div.dot-border span { position:absolute; top:0px; right:0px; width:94px; height:64px; }

/*=4. PAGE SPECIFICS *************************************************************/
/*home*/
div#herogif { height:372px; width:666px; }

object#herogif { margin:-1px 0 0 0; position:relative; z-index:480; }

div#herogif h1 { font-size:30px; line-height: 35px; font-weight: bold; line-height:1em; margin: 0 0 10px; padding:0; font-family: Arial; color: #fff; }

div.hero-css { background:url("../images/hero-bg.png") no-repeat scroll left top transparent; height:372px; padding:0; position:relative; }

div.hero-css .jpgfix { background:url("../images/hero.jpg") no-repeat scroll -10px -10px transparent; height:353px; margin:10px; padding:0; width:650px; }

.jpgfix .tr { right:-4px !important; }

.jpgfix .br { right:-4px !important; }

div.hero-css div#herogif div { width:600px; position:absolute; top:23px; left: 35px; }

div.hero-css h2 { font-size:1.4em; }

div.hero-css div#herogif div p { font-size:1.4em; padding:0px; }

div.hero-css div#herogif div a, #money-css a { }

div.hero-css div#herogif div a.link_right, #money-css a.link_right { float:right; margin-left:20px; display:block; }

div.hero-css div#herogif div .button { float: left; margin: 30px 0 0 0; left: -7px }

div.hero-css div#herogif div a.textlink { }

div.home-tr .mid { height: 340px; }

div.home-tr .arrow_link { background:transparent url('../images/arrow.gif') no-repeat 100% 50%; padding-right:15px; }

#home-tr { background: transparent url(../images/home-tr.jpg) no-repeat 9px 100%; height: 310px; }

div.corner { position:absolute; background:transparent url() no-repeat top left; z-index:500; height:13px; width:14px; }

div.tl { background-image:url('../images/herocorn_01.gif'); top:0px; left:0px; }

div.tr { background-image:url('../images/herocorn_03.gif'); top:0px; right:0px; }

div.bl { background-image:url('../images/herocorn_07.gif'); bottom:0px; left:0px; }

div.br { background-image:url('../images/herocorn_06.gif'); bottom:0px; right:0px; }

div#heroover { background:transparent url('../images/heroover.gif') no-repeat top left; width:1000px; height:372px; position:absolute; top:0px; left:0px; z-index:500; }

/*div.home-br input.button {position:absolute; top:255px; left:250px;}*/
div.home-br div.formerror p { padding-bottom:10px; }

div.home-br p.formnote { padding-bottom:10px !important; }

div.home-br p.highlight { padding:6px 0px 10px 0px; color:white; }

/*div.home-br p.highlight {padding:2px 0px 42px 0px;}*/
#latest-css { position:absolute; top:20px; left:20px; z-index:100; }

#latest-css .inner { padding:6px 23px; }

#latest-css .inner div { font-size:1.08em; }

#latest-css .inner h3 { margin-top:-6px; }

#latest-css .inner a { display:block; float:right; }

.home-br h3, #money-css h3, div.home-tr h3 { font-size:1.8em; line-height:1em; margin: 0 0 10px; padding:0; font-family: Arial; }

.home-tr ul, .home-br ul, .money-css ul { list-style: disc; margin: 10px 0 10px 30px; }

.home-tr ol, .home-br ol, .money-css ol { list-style: decimal; margin: 10px 0 10px 30px; }

/*pay sponsorship money*/
#frm_psm label span.currency, #frm_entry label span.currency { float: right }

/*holding*/
#holding-css { margin-top:72px; padding:0px; height:374px; }

#reginterest-css { position:relative; padding-bottom:0px; }

#reginterest-css p { padding:0px 0px 10px 0px; }

#reginterest-css input.button { position:absolute; top:12px; left:0px; }

#reginterest-css form { padding-bottom:50px; }

#holdfriends-css p { padding-bottom:30px; }

#holdfriends-css div.formerror p { padding-bottom:10px; }

#holdfriends-css p.formnote { padding-bottom:10px; }

#holdfriends-css p.highlight { padding:6px 0px 10px 0px; color:white; }

/*#holdfriends-css input.button {position:absolute; top:89%; left:250px;}*/


/*event listing*/
div.events-list { }

ul#all-events { margin-top:20px; }

/*ul#all-events li { float:left; width:auto; overflow:hidden; border-top:1px solid #e7e7e7; padding:6px 0px 6px; position:relative; }*/
ul#all-events li { float:none; width:100%; clear: both; overflow:hidden; border-top:1px solid #e7e7e7; padding:6px 0px 6px; position:relative; }


ul#all-events li h2 { color:black; padding-bottom:6px; }

ul#all-events li .details-css { }

.event-header {
    position: relative;
    margin-top: 20px;
}

.event-header .img {
    background: transparent url('../images/refresh/event.jpg') top left;
    position: relative;
    float: right;
    width: 330px;
    height: 204px;
    margin-left: 15px;
}

.event-header .img span {
    position: absolute;
    top: 0;
    left: 0;
    width: 330px;
    height: 204px;
    background-image:url('../images/water-list.png');
}

.event-header .img span.event-pre { background-image:url('../images/water-list-pre.png'); }
.event-header .img span.event-full { background-image:url('../images/water-list-full.png'); }
.event-header .img span.event-complete { background-image:url('../images/water-list-complete.png'); }

.event-header dl dt,
.event-header dl dd {
    float:left;
    display: block;
    padding: 0 5px 5px 0;
    font-size: 12px;
}

.event-header dl dt { clear: left; font-weight:bold; width: 90px; }
.event-header dl dd { width: 165px; padding-right: 0; }
.wfull .event-header dl dd { width: 500px; }

.event-header p {
    clear: left;
    margin-top: 12px;
    font-size: 12px;
    padding: 0;
}

.event-header a {
    margin: 12px 0 0 0;
}

ul#all-events li a { color:#1d0096; }

ul#all-events li a.button { float:left; margin-left:-8px; }

ul#all-events li a.sponsor { position:absolute; top:16px; right:0px; }

/*event detail*/
div.event-detail { }

div.event-detail div.flashintro h2 { margin-top:-10px; }

div.cms-details a { color:#1d0096; }

div.cms-details h3, div.cms-details h4 { color:black; }

div.cms-details a.button { float:left; margin-left:-8px; clear:right; }
a.linkvalign {margin-top:12px; display:block; float:left;}

.routemap .figure { height:97px; width:275px; position:relative; margin-top:10px; }

.routemap .figure span { height:97px; width:275px; position:absolute; top:0px; left:0px; background:transparent url('../images/route-border.png') no-repeat top left; cursor:pointer;}

.event-detail a.sponsor {
    display: block;
    margin: 10px 0;
}

/*enter shine*/
#details-css { width:388px; float:left; overflow:hidden; background:transparent url('../images/details-bk.jpg') no-repeat top left; position:relative; }

#details-css dl { color:white; width:330px; margin:20px 0px 0px 30px; font-size:1.4em; overflow:hidden; min-height:240px; height:auto !important; height:240px; }

#details-css dl dt { float:left; width:110px; font-weight:normal; }

#details-css dl dd { float:left; width:210px; font-weight:bold; }

#details-css p { width:350px; color:white; position:absolute; top:180px; left:20px; line-height:110%; font-weight:bold; }

#intro-css { margin:0px 0px 0px 20px; float:left; overflow:hidden; width:500px; }

#intro-css a { font-weight:bold; text-decoration:underline; }

#intro-css a:hover { font-weight:bold; text-decoration:underline; }

/*.sponsor {background:transparent url(../images/philips.gif) no-repeat 825px 5px;}*/
#philips { width:150px; height:43px; position:absolute; top:0px; right:0px; }

div.flash { position:relative; float:left; overflow:hidden; padding-top:40px; margin-top:-20px; z-index:100; padding-bottom:20px; }

div.flashintro { z-index:150; }

div.flashintro h2 { color:black; font-size:1.8em; /*margin-top:-40px;*/ z-index:50; }

div.flashintro p { padding:0px; font-size:1.2em; width:700px; line-height:100%; }

div.flash object { z-index:120; }

/*enter shine form/get sponsored form*/
div#entry_form_container { clear:both; }

#cards { margin:0px 0px 0px 0px; padding:14px 0px 0px 1%; }

/*div.confirminfo {padding:0px 0px 10px 0px; overflow:hidden;}
div.confirminfo p {width:650px; float:left;}
div.confirminfo a.lbutton, div.confirminfo span.lbutton {float:right; margin:30px 130px 0px 0px; padding-left:0px;}*/
div.confirminfo { padding:0px 0px 10px 0px; overflow:hidden; position:relative; }

div.confirminfo p { width:650px; float:left; }

div.confirminfo a.lbutton, div.confirminfo span.lbutton { position:absolute; top:30px; right:130px; padding-left:0px; }

div.confirminfo, div.entrant, div.entrantexpand { border-bottom:1px solid #c1b9e2; }

div.entrantexpand, div.entrant { padding:16px 0px; }

/*expanded info*/
table, table tr, table td { vertical-align:top; }

table tr th { padding-bottom:10px; }

table tr td { padding:0px; }

table th, table th a { font-weight:bold; color:#1d0096; }

table th a { text-decoration:underline; padding-right:10px; }

td.textright, th.textright { text-align:right; }

table.touter td { padding:0px 8px; }

table.conftable td { padding:0px; }

table.tdetails { width:300px; border-right:1px dashed #cdcdcd; }

table.tdetails td { padding-right:10px; }

table.taddress { width:150px; border-right:1px dashed #cdcdcd; }

table.tother { width:320px; }

/*hidden info*/
div.entrant table td { width:170px; }

div.entrant table td.tname { width:80px; }

div.entrant table td.tmar { width:400px; }

div.confirmtotal { padding-top:16px; }

div.confirmtotal dl { width:220px; overflow:hidden; }

div.confirmtotal dt, div.confirmtotal dd { float:left; }

div.confirmtotal dt { width:140px; font-weight:bold; }

div.confirmtotal dd { width:80px; }

div.confirmtotal p.highlight { font-size:1.1em; }

div.getsponsored table.tdetails { width:230px; }

div.getsponsored table.taddress { width:110px; }

div.getsponsored table.tother { width:360px; }

/*wymcd*/
#wymcd-css { padding:6px 15px 0px 15px; }

#wymcd-css h1 { display:none; }

#wymcd-css h2 { color:black; font-size:2.2em; padding-left:10px; }

#wymcd-css p { padding:6px 16px 10px 16px; }

#wymcd-css div.info { background:transparent url('../images/info-bk.gif') repeat-y top left; clear: both; width: 775px; overflow:hidden; }

#wymcd-css div.info h2 { font-size:1.8em; padding-left:0px; zoom:1; }

#wymcd-css div.info div.col { padding:20px 10px 20px 30px; width:330px; float:left; }

#wymcd-css div.info div.col p { padding:6px 0px 10px 0px; width:330px; float:left; }

#wymcd-css div.info div.infobot { background:white url('../images/info-bot.gif') no-repeat top left; height:8px; width:775px; float:left; }

#wymcd-css div.info div.col div ol, #wymcd-css div.info div.col div ul { text-indent:40px; padding-bottom:10px; }

#wymcd-css div.info div.col div ol { list-style:decimal inside; }

#wymcd-css div.info div.col div ul { list-style:disc inside; }

#wymcd-css div.info div.col p img { }

/*alternate carousel*/
.carouselalt { }

.carouselalt ol { overflow:hidden; margin:10px 0px; }

.carouselalt ol li { display:block; float:left; margin:0px 3% 0px 2%; }

.carouselalt ol li a { font-weight:bold; font-size:1.2em; }

.carouselalt ol li a.cmore { float:right; font-weight:normal; font-size:100%; }

.carouselalt div#cancer-chosen-forjs { font-size:1.2em; margin-left:20px; }

.carenter ol { padding-top:10px; }

/*generic content*/
.clear { clear: both }

div.generic { overflow:hidden; }

div.generic h2, div.generic h3, div.generic h4, div.generic h5, div.generic h6 { color:black; }

div.generic p { padding:4px 0px 10px 0px; }

div.generic img { float:left; margin:0px 24px 14px 0px; }

div.generic ul, div.generic ol { line-height:2.4em; padding: 0 0 0 30px; }

div.generic li { padding: 0 0 0 20px; background: url('../images/bullet2.gif') no-repeat left 8px; }

div.generic ol li { background:none; list-style: decimal none outside; margin-left:10px; padding:0px; }

div.generic a { color:#1d0096; background:none; display:inline; font-weight:normal; padding-left:0px; }

/*form navigation*/
div.formsteps { background:transparent url('../images/stepbeg.gif') no-repeat left top; padding-left:6px; margin-bottom:20px; }

div.formsteps a:visited { color:#1d0096; }

div.formsteps ol { height:40px; padding-left:0px; }

div.formsteps ol li { background:transparent url('../images/stepbk.gif') repeat-x left top; display:block; float:left; height:40px; padding-left:20px; margin-left:0px; color:white; }

div.formsteps ol li span { background:transparent url('../images/steparb.gif') no-repeat right top; display:block; line-height:38px; height:40px; padding-right:45px; float:left; }

div.formsteps ol li.completed, div.formsteps ol li.current, div.formsteps ol li.lcurrent { background:white url('../images/stepbkw.gif') repeat-x left top; }

div.formsteps ol li.completed span { background:transparent url('../images/steparw.gif') no-repeat right top; color:black }

div.formsteps ol li.current span { background:transparent url('../images/steparwb.gif') no-repeat right top; color:black; }

div.formsteps ol li.laststep span { background:transparent url('../images/steparl.gif') no-repeat right top; }

div.formsteps ol li.lcurrent span { background:transparent url('../images/steparwl.gif') no-repeat right top; color:black; }

div.formsteps ol li.completed a { color:#1d0096; }

/*content*/
div.contact h2, div.contact h3, div.contact h4, div.contact h5, div.contact h6 { color:black; }

div.contact p { padding:4px 0px 10px 0px; }

/*sitemap*/
div.mapcont { float:left; clear:both; overflow:hidden; width:950px; padding:16px 0px; background-color:white; }

div.mapcont h2 { color:black; font-weight:bold; padding:0px; }

div.mapcont ol { float:left; width:217px; padding:0px 10px; }

div.mapcont ol li a { padding-left:20px; }

div.mapcont ol li h2 a { padding-left:0px; font-size:87%; font-weight:bold; }

/*promo boxes*/
div.rightside h1, div.rightside h2, div.rightside h3, div.rightside h4, div.rightside h5, div.rightside h6, div.halftwo h1, div.halftwo h2, div.halftwo h3, div.halftwo h4, div.halftwo h5, div.halftwo h6, div.bthird h1, div.bthird h2, div.bthird h3, div.bthird h4, div.bthird h5, div.bthird h6 { color:white !important; padding:0px !important; }

div.rightside a, div.halftwo a, div.bthird a { text-decoration:underline !important; color:white; }

div.rightside a:hover, div.halftwo a:hover, div.bthird a:hover { text-decoration:underline !important; color:white; }

div.rightside a:visited, div.halftwo a:visited, div.bthird a:visited { text-decoration:underline !important; color:white; }

/*sponsor friend*/
label#label-friend { margin:4px 0px 0px 14px; width:100px; }

input#search_term { margin:0px 14px 0px 0px; width:180px; }

input#fldSubmit { float:left; margin-right:0px; }

form#sfriend { background:transparent url('../images/find-friend.jpg') no-repeat top left; height:120px; margin:0px auto; }

form#sfriend h3 { text-indent:-9999px; margin-bottom:20px; }

/*Tell a friend*/
.tell-a-friend p { width:65%; }

.tell-a-friend div.formerror { width: 60.5% }

.tell-a-friend img { position:absolute; top:14px; right:7px; }

/*.tell-a-friend form {padding-top:20px;}*/
.tell-a-friend form p { float:left; padding:20px 0px 20px 0px !important; }
.tell-a-friend form p.highlight { float: none;  }

.tell-a-friend form div.formerror p { float:none; padding:0px 0px 10px !important; }

.tell-a-friend form label span { font-size:0.92em; }

.tell-a-friend form input, .tell-a-friend form textarea { width:35% }

.tell-a-friend form select { width:36.3%; margin-right:34%; }

.tell-a-friend form textarea { min-height:60px; height:auto !important; height:60px; }

.tell-a-friend span.inputerror { width:32%; }

.tell-a-friend form input.error, .tell-a-friend form textarea.error, .tell-a-friend form select.error, .tell-a-friend form input.pcerror { margin-right:2%; }

.tell-a-friend div.alert-message { background:none; border:2px solid #1d0096; padding:20px; margin:0px 0px 10px 0px; width:55.5%; }

.tell-a-friend .contback { width: 66%; }

/* Share story page */

#wrapper .sharestory form select.dobd { width:57px; margin-right:6px; }

#wrapper .sharestory form select.dobm { width:93px; margin-right:6px; }

#wrapper .sharestory form select.doby { width:70px; }

#wrapper .sharestory form input.check { clear:left; width:5%; margin:10px 2% 10px 3%; border:none; }

#wrapper .sharestory form label.forcheck { clear:right; width:80%; margin:10px 0px 10px; }

#wrapper .sharestory form input.button { float:right; }

#wrapper .sharestory div.contback { float:left; width:98%; padding-top:10px; clear:both; }

/* loader*/
div.loader { background:transparent url('../images/ajax-loader.gif') no-repeat center center; width: 42px; height: 42px; float:right; text-indent: -999em; }

div#postcode-lookup_loader, div#choose-address_loader, div#not-uk_loader { left:-36%; position:relative; height: 24px; }
div#not-uk_loader {left: -54%; margin-top: -3px;}

input.casubmit { width: 14%; margin-left: 28.5% }

input.owsumbit { width: 24px; height: 20px; margin: 1px 0; float: none; color:white; background-color:#1d0096; }
/* default fields */
input.greyfield, select.greyfield, textarea.greyfield { color:#858558 !important; }

a#forgotreg { display:block; margin:0px 0px 6px 268px; clear:both; }

/* alternative to help text for ie6 */
form label a.show-answer span.answer { visibility: visible; }

form p.choose-address-note { margin-left: 28%; clear:both; color:#1D0096; padding:5px 2px; width: 27%; }

.float_r { float:right !important; }

.float_l { float:left !important; }

/*ROUTE MAP OVERLAY*/
#route-map {background:url("../images/overlay_shadow.png") repeat scroll 0 0 transparent;
            height:3000px;
            left:0;
            position:fixed;
            top:0;
            z-index:1000; }

#route-map .overlaycontent { background:transparent url('../images/overlay_bg.png') no-repeat; height:560px; margin:120px auto; padding:30px; width:760px; position:relative; }

#route-map .overlaycontent h2 { color:#000000; font-size:12px; font-weight:bold; padding:0 0 15px; }

#route-map .overlaycontent .close { background:url("../images/close.png") no-repeat scroll 0 0 transparent; display:block; height:10px; position:absolute; right:44px; text-indent:-9999px; top:30px; width:10px; }

#route-map .overlaycontent iframe { border:3px solid #000; }

#content { overflow:visible !important }

/* Refresh Styles */

/*#refresh*/

/*TARGET WEBKIT BROWSERS*/

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .yourStyles {
        here: yes !important;
    }
}