/*--------------------------------------------------
version: screen.css - 1.6
created: 02-04-2012
modified: 07-04-2015
author: Paul Gunn, Michael Eccleston ~ GlobalGraphics Associates Ltd.
email: webmaster@globalgraphics.co.uk
website: http://www.globalgraphics.co.uk/
--------------------------------------------------*/
/*
DARK BLUE - #2e3192
LIGHT BLUE - #39f
*/

@import url("base.css");
@import url("generic.css");
@import url("enrichment.css");
@import url(https://fonts.googleapis.com/css?family=PT+Serif:400,700,400italic,700italic|Oswald:400);

/* LAYOUT */
#header, #banner, #wrap, #useful-info, #footer-nav, #footer { width: 100%; }
#banner, #wrap, #useful-info, #footer-nav, #footer { clear: both; }
#content { float: left; width: 790px; }
#aside { float: right; margin-bottom: 30px; width: 250px; }
/*#wrap,div.text,#footer-nav,#footer { margin-bottom: 15px; }*/
#header, #banner { margin-bottom: 30px; }
#page-home #header { margin-bottom: 0; }

/* GENERIC */
body { font-family: Verdana, Arial, Helvetica, Geneva, sans-serif; font-size: 14px; color: #444; background: #fff; }
a,a:active,a:hover,a:visited { color: #39f; text-decoration: none; }
p a:hover,span a:hover { border-bottom: dotted 1px #39f; }
.container { margin: 0 auto; padding: 0 10px; width: 1060px; }

p, ul, ol, dl, label, span.para { font-size: 14px; line-height: 1.6em; margin-bottom: 1em; }
li p, dd p { font-size: 1em; }
h1, h2, h3, h4, h5, h6 { color: #2e3192; font-family: "PT Serif", Georgia, Times, "Times New Roman", serif; margin-bottom: 0.6em; line-height: 1.4em; }
h1 { font-size: 26px; }
h2 { font-size: 24px; }
h3 { font-size: 22px; }
h4 { font-size: 20px; }
h5 { font-size: 18px; }
h6 { font-size: 16px; }
.basic ul, .basic li { width: auto; }
.basic fieldset { background: none; border: none; padding: 0; }
.basic input, .basic textarea, .basic select { background-color: #eee; border: none; line-height: 20px; padding: 10px; width: 230px; }
.basic label.over { left: 10px; line-height: 20px; top: 15px; }
.basic input.button { background-color: #39f; padding: 0 30px; }
.basic input.button:hover { background-color: #2e3192; }
input[type="checkbox"] { margin-top: 5px; width: auto; }
.basic li.validation { border-bottom: 1px solid #eee; border-top: 1px solid #eee; margin: 10px 0; padding: 10px 0; }
.basic li.validation label { padding-top: 8px; }

a.button,.button { display: inline-block !important; text-align: center; }
input[type="submit"].button,a.button,.button { background: #39f; border: none; color: #fff; font: 700 14px/40px Verdana, Arial, Helvetica, Geneva, sans-serif; height: 40px; line-height: 40px; min-width: 100px; padding: 0 30px; }
input[type="submit"].button:hover,a.button:hover,a:hover .button { background: #2e3192; color: #fff; }
input:focus,textarea:focus,select:focus { border-color: #39f; }

/* CLIENT TEXT - additional styling */
div.text img { height: auto; max-width: 100%; }
div.text a img, div.text a:hover img, div.text a:active img { border: none; text-decoration: none; }
div.text ul { list-style-type: disc; font-size: 14px; }
div.text ol { list-style-type: decimal; font-size: 14px; }
div.text ul, div.text ol { list-style-position: outside; margin-left: 30px; }
div.text ul ul, div.text ol ol, div.text ul ol, div.text ol ul { margin-bottom: 0px !important; font-size: 1em !important; }
th,td { line-height: 1.2em; padding: 15px; }
th p,td p { line-height: 1.6em; margin-bottom: 0; }
tr { border-top: 1px dotted #ccc; }
/*tr:first-child { border-top: none; }*/
td:first-child { padding-left: 0px; }
td:last-child { padding-right: 0px; }
div.text .fundraising-pack { background: #acafc9 url(/edit/files/fundraising-coffee-morning/coffee-jigsaw.png) repeat 0 0; }
div.text .fundraising-pack tr { border-top: none; }
div.text .fundraising-pack td { color: #2a3173; font: 12px/1em Arial, Helvetica, sans-serif; padding: 5px 5px 5px 0; vertical-align: middle; }
div.text .fundraising-pack td:first-child { padding-left: 10px; }
div.text .fundraising-pack td td { background-color: #fff; min-width: 200px; padding: 2px!important; }
div.text .fundraising-pack td table { border-collapse: separate; border-spacing: 5px; }
div.text .fundraising-pack td tr:first-child td:first-child { background: none; }
div.text .fundraising-pack a { color: #2a3173; display: inline-block; }
div.text .fundraising-pack img { display: inline-block; }
div.text .fundraising-pack td td img { vertical-align: middle; }
div.text .fundraising-pack a:hover { color: #39f; }
div.text blockquote { margin: 1em 0; }
div.text blockquote, div.text blockquote p { color: #2e3192; font: italic 17px/1.6em "PT Serif", Georgia, Times, "Times New Roman", serif; }

/* HEADER */
#header { background-color: #2e3192; height: 140px; position: relative; z-index: 1002; /* needs to be above #fader, #index */ }
#logo { background: url("../img/ui/logo.png") 0 0 no-repeat; display: block; float: left; height: 84px; margin: 16px 0 1px 20px; text-indent: -5000px; width: 286px; }
#header .tagline { display: block; float: right; margin-right: 20px; margin-top: 33px; }
#header .tagline-main { color: #fff; display: block; float: right; font: 400 italic 19px/1.2em "PT Serif", Georgia, Times, "Times New Roman", serif; margin-bottom: 4px; }
#header .tagline-small { clear: right; color: #fff; display: block; float: right; font: 400 italic 14px/1.2em "PT Serif", Georgia, Times, "Times New Roman", serif; }
#header .button { float: right; margin-right: 20px; margin-top: 33px; }
#header .button:hover { background-color: #fff; color: #39f; }

#nav { clear: both; float: left; height: 39px; margin: 0 0 0 8px; }
#nav > li { float: left; margin-left: 5px; position: relative; }
#nav > li:first-child { margin-left: 0; }
#nav > li > a { background-color: #2e3192; border: 1px solid #2e3192; border-bottom: none; color: #fff; display: block; font: 400 normal 17px/38px "PT Serif", Georgia, Times, "Times New Roman", serif; padding: 0 12px; }
#nav > li:hover > a, #nav > li > a:hover, #nav > li > a.active { background-color: #fff; border: 1px solid #ddd; border-bottom: none; color: #2e3192; }
#nav > li > a:hover { background-color: #39f; color: #fff; }
/* second level */
#nav ul { background-color: #fff; border: 1px solid #ddd; border-top: none; left: -5000px; position: absolute; top: 39px; width: 238px; }
#nav li:hover ul { left: 0; } /* activates menu */
#nav ul li { border-top: 1px solid #ddd; width: 238px; }
/*#nav ul li:first-child { border-top: 1px solid #ddd; }*/
#nav ul a { background-color: #fff; color: #2e3192; display: block; font: 400 normal 14px/18px Verdana, Arial, Helvetica, Geneva, sans-serif; padding: 12px; }
#nav ul a:hover { background-color: #39f; color: #fff; }

/* BANNER */
#banner { height: 400px; overflow: hidden; position: relative; width: 1060px; z-index: 1000; /* needs to be below #header, #index */ }
#index { bottom: 30px; height: 10px; margin: 0; position: absolute; text-align: center; width: 100%;  z-index: 1001; /* needs to be below #header, above #fader */ }
#index li { display: inline-block; margin-left: 10px; }
#index li:first-child { margin-left: 0; }
#index li a { background-color: #fff; border: 1px solid #eee; display: block; height: 8px; text-indent: -5000px; width: 8px; }
#index li.active a, #index li a:hover { background-color: #39f; }

/* NEWSFLASH */
.newsflash { background: transparent url("../img/ui/callout_bg.png") repeat-x top left; border-bottom: 1px solid #ccc; border-top: 2px solid #f00; margin-bottom: 25px; min-height: 80px; overflow: hidden; padding: 20px 30px; }
.newsflash .title { background: transparent url("../img/ui/newsflash.png") no-repeat center left; color: #f00; display: block; float: left; font: 700 22px/1.2em "PT Serif", Georgia, Times, "Times New Roman", serif; margin-bottom: 0.2em; padding-left: 37px; width: 763px; }
.newsflash p { clear: left; color: #444; float: left; font: 400 14px/1.6em Verdana, Arial, Helvetica, Geneva, sans-serif; width: 800px; }
.newsflash.fullwidth .title, .newsflash.fullwidth p { width: auto; }
.newsflash a.button { background: #f00; color: #fff; display: block; float: right; margin-top: 20px; }

/* CALLOUTS */
h1, h2, h3, h4, h5, h6 { color: #2e3192; font-family: "PT Serif", Georgia, Times, "Times New Roman", serif; margin-bottom: 0.6em; }
h1 { font-size: 26px; }
h2 { font-size: 24px; }
h3 { font-size: 22px; }
h4 { font-size: 20px; }
h5 { font-size: 18px; }
h6 { font-size: 16px; }

#donate .box { background-color: #39f; color: #fff; width: 250px; }
#donate .box a { display: block; padding: 15px 15px 1px 15px; }
#donate h3 { font-size: 30px; }
#donate p { color: #2e3192; }
#donate .box h3, #donate .box p, #donate .box span.main-title, #donate .box span.para { color: #fff; }
#donate .box span.main-title { display: block; font: bold 30px/1em "PT Serif", Georgia, Times, "Times New Roman", serif; margin-bottom: 0.3em; }
#donate .box span.para { display: block; }
#donate h4, #donate h5 { color: #39f; font-size: 22px; font-weight: 400; margin: 20px 0; }
#donate h5 { font-size: 18px; }
#donate .mobile { background: transparent url("../img/ui/mobile.png") no-repeat top left;  }
#donate .mobile a { display: block; padding-left: 36px; }
#donate .mobile a span { color: #2e3192; }
#donate .mobile a span span, #donate .mobile a:hover span { color: #39f; }
#donate .online a { color: #2e3192; display: block; margin-bottom: 25px; }
#donate .online a:hover { color: #39f; }
#donate .title { display: block; margin-bottom: 8px; text-indent: -5000px; width: 250px; }
#donate .title span { background: transparent url("../img/ui/plus.png") no-repeat top left; color: #39f; float: right; margin-top: 8px; padding-left: 19px; text-indent: 0; }
#donate .mydonate { background: transparent url("../img/ui/mydonate.png") no-repeat top left; height: 39px; }
#donate .paypal { background: transparent url("../img/ui/paypal.png") no-repeat top left; height:26px; }
#donate .ebay { background: transparent url("../img/ui/ebay.png") no-repeat top left; height: 33px; }
#donate .easyfundraising { background: transparent url("../img/ui/easyfundraising.png") no-repeat top left; height: 25px; }
#donate .justgiving { background: transparent url("../img/ui/justgiving.png") no-repeat top left; height: 19px; }
#donate .charitable-bookings { background: transparent url("../img/ui/charitable-bookings.png") no-repeat top left; height: 22px; }

h2.title { font-size: 26px; }
h2.title a { background: transparent url("../img/ui/plus.png") no-repeat top left; color: #39f; font: 400 14px/1.2em Verdana, Arial, Helvetica, Geneva, sans-serif; float: right; margin-top: 8px; padding-left: 19px; }
.callouts { margin-bottom: 30px; overflow: hidden; }
.callouts li { background-color: #eee; float: left; margin-left: 30px; width: 380px; }
.callouts li:first-child { margin-left: 0; }
.callouts a { display: block; }
.callouts .title { color: #2e3192; display: block; font: 700 26px/1.2em "PT Serif", Georgia, Times, "Times New Roman", serif; margin-bottom: 0; padding: 15px; }
.callouts li.alert .title { color: #f00; }
.callouts.news li { min-height: 380px; }
.callouts.news .title { font-size: 16px; }
.callouts .para { color: #2e3192; display: block; padding: 0 15px; }
.callouts li.alert .para { color: #900; }
.callouts .button { margin: 0 15px 15px 15px; }
.callouts.features li { min-height: 210px; overflow: hidden; position: relative; }
.callouts.features img { position: absolute; right: 0; top: 0; }
.callouts.features .title, .callouts.features .para { width: 240px; }
.callouts li.alert .button { background-color: #f00; }
.callouts li.alert a:hover .button { background-color: #900; }

#footer-nav { background: #2e3192; }
#footer-nav ul { overflow: hidden; margin: 0; }
#footer-nav li { float: left; margin-left: 40px; }
#footer-nav li:first-child { margin-left: 0; }
#footer-nav a { color: #fff; display: block; font: 700 15px/50px "PT Serif", Georgia, Times, "Times New Roman", serif; }
#footer-nav a:hover { color: #39f; }

.entries li { border-bottom: 1px solid #ccc; margin-bottom: 20px; padding-bottom: 20px; width: 100%; }
.entries li img { border: 1px solid #39f; float: right; }
.entries h4,.entries h3 { color: #009; font-size: 1.3em; font-weight: 400; }
.entries p { font-size: 14px; }

#pages-menu { border-top: 1px solid #ccc; }
#pages-menu li { border-bottom: 1px solid #ccc; padding: 5px 0; }
#pages-menu li a { display: block; font-weight: 700; }
#pages-menu li.active a { color: #888; }
#pages-menu li a:hover { color: #009; }

#support { margin-bottom: 15px; }
#support.fixed { margin-bottom: 0; }
#support a { min-height: 288px; }
#support span,#support p { font-size: 1.1em; }
#support span.title { padding: 10px; }
#support span.more span { display: block; font-size: 1em; }

#news-items { clear: both; }
#news-items,#news-items li,#news-items div.full { width: 100%; }
#news-snippets { font-size: .9em; margin: 0; padding-top: 15px; }
#news-snippets li { padding-bottom: 15px; }
#news-snippets strong { color: #39F; }
#news-snippets p { margin: 0; min-height: 0; }
#news-snippets a { font-size: .9em; }
#news-snippets p a:hover { border-bottom: dotted 1px #3399FE!important; }
#news-snippets a.more { border-bottom: dotted 1px #3399FE!important; display: inline; font-weight: 700; }

/* NEWSLETTER */
#newsletter { border-top: 1px solid #ccc; overflow: hidden; padding: 30px 0; width: 100%; }
#newsletter h5 { display: inline-block; float: left; margin: 10px 0 0; }
#newsletter p { display: inline-block; float: left; font-size: 12px; margin: 1px 0 0 20px; width: 220px; }
/* .basic form overrides */
#subform li { float: left; margin-left: 10px; padding: 0; }
#subform label.over { top: 10px; }
#subform input.button { padding: 0 20px; }

#useful-info { background-color: #eee; padding: 30px 0; }
#useful-info ul { margin-bottom: 0; overflow: hidden; }
#useful-info ul li { float: left; margin-left: 20px; padding-left: 35px; width: 215px; }
#useful-info ul li.awareness { background: transparent url("../img/ui/awareness.png") no-repeat 0 2px; }
#useful-info ul li.helpline { background: transparent url("../img/ui/helpline.png") no-repeat 5px 2px; }
#useful-info ul li.member { background: transparent url("../img/ui/member.png") no-repeat 5px 2px; }
#useful-info ul li.meeting { background: transparent url("../img/ui/meeting.png") no-repeat 12px 2px; }
#useful-info ul li:first-child { margin-left: 0; }
#useful-info ul li p,#useful-info ul li span { font-size: 12px; line-height: 1.4em; margin-bottom: 0; }

#article span.date { display: block; font-weight: 700; margin-bottom: .8em; }
/*#article img { border: 1px solid #39F; margin: 0 10px; }*/

#downloads img { border: 1px solid #39F; margin: 0 10px; }
#downloads,#downloads > li { width: 100%; }
#downloads > li > div { width: 500px; }

#map_canvas { border: 1px solid #39F; height: 328px; margin-bottom: 15px; width: 683px; }
.locations { overflow: hidden; padding-top: 10px; }
.locations li { font-family: Arial, Helvetica, Geneva, sans-serif; float: left; line-height: 21px; list-style: none; margin-bottom: 15px; padding: 0 10px; width: 208px; }
.locations li a { font-family: 'Oswald', Arial, Helvetica, Geneva, sans-serif; }
.locations li strong { font-family: 'Oswald', Arial, Helvetica, Geneva, sans-serif; font-size: 16px; font-weight: 400; }
.locations li:nth-child(3n+1) { clear: both; }
.locations li p { font-size: 13px; line-height: 21px; /*word-wrap: break-word;*/ }
.locations span { display: block; }
.locations span span { display: inline-block; }
.locations .blue,.locations .green,.locations .red,.locations .purple { font-weight: 700; }
.locations .blue { color: #36f; }
.locations .green { color: #396; }
.locations .red { color: #f00; }
.locations .purple { color: #90c; }
h2.blue { color: #36f; }
h2.green { color: #396; }
h2.red { color: #f00; }
h2.purple { color: #90c; }

#register,#login { margin-bottom: 15px; }
/*#register fieldset,#login fieldset,#forgottenpassword fieldset { background: #fff url(../img/ui/callout_bg.png) 0 bottom repeat-x; }
#register input[type="submit"].button,#login input[type="submit"].button,#forgottenpassword input[type="submit"].button { font-size: .9em; }*/
p.alert { color: #F30; }
#register { font-size: .8em; }
#register h2 { color: #39F; font-size: 1.4em; }
#register li.inline { padding: 0; }
#register li.last { padding-bottom: 5px; }
#register li.inline input { clear: both; }
#register li.inline input,#register li.inline label { float: left; }
#register li.inline label { margin: 0; padding-left: 10px; }
#register li.inline span.label { display: block; padding-bottom: 10px; }

#social { margin: 30px; }
#share, #share h5, #addthis { float: left; }
#share h5 { line-height: 32px; margin: 0; padding-right: 10px; }
#addthis { margin-top: 6px; }
#addthis a { float: left; }

#join-us { float: right; padding-right: 5px; width: auto; }
#join-us li { float: left; }
#join-us li a { display: block; height: 32px; }
#join-us li h5 { line-height: 32px; width: auto; }
#join-us li a.youtube,#join-us li a.macmillan,#join-us li a.health-unlocked,#join-us li a.facebook,#join-us li a.twitter,#join-us li a.instagram-opa,#join-us li a.instagram-ref-lux,#join-us li a.opa-forum { background: url(../img/sn/facebook.png) 0 0 no-repeat; margin-left: 10px; text-indent: -99999px; width: 32px; }
#join-us li a.twitter { background-image: url(../img/sn/twitter.png); }
#join-us li a.instagram-opa { background-image: url(../img/sn/instagram-opa.png); width: 58px; }
#join-us li a.instagram-ref-lux { background-image: url(../img/sn/instagram-ref-lux.png); width: 79px; }
#join-us li a.opa-forum { background-image: url(../img/sn/opa-forum.png); width: 100px; }
#join-us li a.health-unlocked { background-image: url(../img/sn/health-unlocked.png); width: 155px; }
#join-us li a.macmillan { background-image: url(../img/sn/macmillan.png); width: 86px; }
#join-us li a.youtube { background-image: url(../img/sn/youtube.png); }
#footer { margin: 20px 0; }
#sn { display: none; }
#footer p { font-size: 11px; margin: 0; }