/* CSS for Everyman website */

body {font: 76%/1.4 helvetica, arial, sans-serif; background:#001F30; color:#000; text-align:center; padding: 0 0 30px 0;}

/* Kill all browser defaults */
* {margin:0; padding:0;}
/* end */
/* page container */
div#container {background:#fff; margin:0 auto; text-align:left; width:782px; border:1px solid #004670; min-height:366px;}
div#container p.skip {display:none;}
/* end page container */

/* general layout rules */
div#contentholder {}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
div#contentarea {float:left; width:782px; border-bottom:1px solid #004670; background-repeat: no-repeat; background-position: top right; min-height:547px;}
div#content {float:left; clear:right;width:320px; margin:0 0 0 0; padding:15px 0 0 220px; display:inline; min-height:350px; background-position: top right;}
div#content_Wide {float:left; clear:right;width:551px; margin:0 0 0 0; padding:15px 20px 0 220px; display:inline; min-height:350px; background-position: top right;}
div#widecontent {float:left; padding-left:20px; display:inline; width:440px; min-height:374px; height:auto !important; height:372px;}
div#widecontent img.homepage_head {margin-left: 0px; float: left; width: 460px; height: 90px;}
/* end general layout rules */

/* page head */
div#head {position:relative; width:782px; height:92px; border-bottom:1px solid #004670;}
/* end page head */

/* page header */
div#header {position:relative; width:782px; height:92px; background-image: url(../assets/header.png);}
/* end page header */

div#everyman_logo {position:absolute; left:0px; top:0px; height:92px; width:199px; background: url(../assets/everyman_logo.png) no-repeat; cursor:pointer; }

/* donate tab */
/* THIS IS THE RIGHT CLASS TO SHOW BOTH THE DONATE & MAILING LIST BUTTON
div#donate {position:absolute; right:127px; top:52px; height:20px; width:89px; background: url(../assets/donation.png) no-repeat; cursor:pointer; }
*/
div#donate {position:absolute; right:13px; top:52px; height:23px; width:99px; background: url(../assets/donation.png) no-repeat; cursor:pointer; }
/* end donate tab */
div#mailing {position:absolute; right:13px; top:52px; height:21px; width:109px; background: url(../assets/mailing_list.png) no-repeat; cursor:pointer; }

/* site search input */
div#search {float: right; position:relative; color:#004670; top:-20px; overflow:hidden; white-space: nowrap; width:213px; height:17px; padding-left:5px;}
div#search input {border:1px solid #004670; width:150px; color:#004670; font-size: .94em;}
div#search input.submit {width:auto; color:#004670; font-size:.94em; border:none; font-weight:bold; text-decoration:none; background:none; cursor:pointer;}
div#search fieldset {border:none;}
div#search label {display:none; color:#004670;}
/* end site search input */

/* latest news scroller */
div#latestnews {float:left;}
div#latest {float:left; padding:2px 0 0 0; width:90px;}
div#latest h4 { font-size:1em; margin:0 0 0 0;}
div#latest h4 a {color:#001F30;}
div#links {float:left; width:340px;}
div#dropcontentsubject {display:none;}
.dropcontent {padding: 0 0 1px 0; display:block; margin:0 0 0 0;}
.dropcontent ul {margin:0; padding:0;}
.dropcontent li {list-style-type:none; color:#455560;}
/* end latest news scroller */

/* primary navigaton */
div#nav {background: transparent url(../assets/nav.png) repeat-x scroll 0 0; float:left; width:782px; height:37px;}
div#nav ul {list-style-type:none; padding:6px 0 0 20px;}
div#nav ul li {float:left;}
div#nav ul li a {text-transform: uppercase; padding:7px 8px 7px 8px;color:#fff; text-decoration:none; display:block; white-space:nowrap;}
div#nav ul li a:hover, div#nav ul li a:active, div#nav ul li a:focus {color:#A8050E; text-decoration:none;}
/* end primary navigaton */

/* secondary navigation */
div#subnav {float :left; margin:0 0 0 -540px; display:inline; padding:15px 0 20px 0; width:214px;}
div#subnav ul {line-height:normal; list-style-type:none; font-weight: bold; margin-left: 10px; margin-right: 10px;}
div#subnav ul li {line-height:normal; border-bottom: thin dotted; font-weight: bold;}
div#subnav ul li a {padding:5px 5px 5px 10px; color:#001F30; text-decoration:none; display:block; width:193px; voice-family: "\"}\""; voice-family: inherit; font-weight: bold;}
div#subnav ul li a:hover, div#subnav ul li a:active, div#subnav ul li a:focus {color: #547D95;}
/* end secondary navigation */

/* tertiary navigation */
div#subnav ul ul li {color:#001F30; font-size:.94em; border-bottom: none;}
div#subnav ul ul li a {color:#001F30; text-decoration:none; padding:3px 3px 3px 15px; width:176px; voice-family: "\"}\""; voice-family: inherit;}
div#subnav ul ul li a:hover, div#subnav ul ul li a:active, div#subnav ul ul li a:focus {background-image:none; color:#547D95;}
/* end tertiary navigation */

/* secondary navigation */
div#subnav_Wide {float :left; margin:0 0 0 -791px; display:inline; padding:15px 0 20px 0; width:214px;}
div#subnav_Wide ul {line-height:normal; list-style-type:none; font-weight: bold; margin-left: 10px; margin-right: 10px;}
div#subnav_Wide ul li {line-height:normal; border-bottom: thin dotted; font-weight: bold;}
div#subnav_Wide ul li a {padding:5px 5px 5px 10px; color:#001F30; text-decoration:none; display:block; width:193px; voice-family: "\"}\""; voice-family: inherit; font-weight: bold;}
div#subnav_Wide ul li a:hover, div#subnav_Wide ul li a:active, div#subnav_Wide ul li a:focus {color: #547D95;}
/* end secondary navigation */

/* tertiary navigation */
div#subnav_Wide ul ul li {color:#001F30; font-size:.94em; border-bottom: none;}
div#subnav_Wide ul ul li a {color:#001F30; text-decoration:none; padding:3px 3px 3px 15px; width:176px; voice-family: "\"}\""; voice-family: inherit;}
div#subnav_Wide ul ul li a:hover, div#subnav_Wide ul ul li a:active, div#subnav_Wide ul ul li a:focus {background-image:none; color:#547D95;}
/* end tertiary navigation */
					  
/* primary, secondary and tertiary 'you are here' effects */
div#nav ul li.active a {color:#A8050E;}
div#nav ul li.active a:hover {color:#F9A13A;}
div#subnav ul li.active a {color:#00A4CA;}
div#subnav ul li.active ul li a {color:#000;}
div#subnav ul li.active ul li a:hover {color:#00A4CA;}
div#subnav ul li.active ul li.active a {background:#FED6A9; color:#00A4CA;}
div#subnav_Wide ul li.active a {color:#00A4CA;}
div#subnav_Wide ul li.active ul li a {color:#000;}
div#subnav_Wide ul li.active ul li a:hover {color:#00A4CA;}
div#subnav_Wide ul li.active ul li.active a {background:#FED6A9; color:#00A4CA;}
/* end primary, secondary and tertiary 'you are here' effects */

/* breadcrumb trail */
div#breadcrumbs {color:#004670; float:left; width:782px; height:23px; text-align:left; background:url(../assets/breadcrumbs.png); border-bottom:1px solid #004670; font-size: .94em;}
div#breadcrumbs ul {color:#004670; list-style-type:none; line-height:normal; margin:5px 27px 0 29px;}
div#breadcrumbs ul li {color:#004670; display:inline; padding: 0 0 0 0; font-size: .94em; white-space:nowrap;}
div#breadcrumbs ul li a {text-transform: capitalize; color:#004670; text-decoration:none;}
div#breadcrumbs ul li a:hover {color:#004670; text-decoration:underline;}

.plusnav {}
.nonav {background:url(../assets/nav_shadow_bottom.png) repeat-x top left; height:16px;}
/* end breadcrumb trail */

/* homepage typography */
h2.homepage {margin: .2em 0 .5em 5px; line-height:normal; font-size: 1.5em;  font-weight:normal;color:#6EC9E1;}
h3.homepage {margin: 0 0 .5em 5px; line-height:normal; font-size: 1.11em; font-weight:normal; color:#00A4CA;}
/* end homepage typography */

/* general typography */
h1 {} /* h1 is coded in the header and should not be used elsewhere on the page */
h2 {color:#003351; font-size:1.5em; margin:0 0 .6em 0;}
h3 {font-size:1.15em;color:#001F30; margin:1em 0 0 0;  clear:both;}
h4 {font-size:1em;color:#000; margin:1em 0 0 0; clear:both;}
h5 {font-size:1em; color:#000; margin:1em 0 .8em 0;}
h6 {font-size:1em; font-weight:normal; margin:0;}

p {margin:0 0 1em 0;}

acronym {border-bottom: 1px dashed #F9A13A; cursor: help;}
hr {height:1px; color:#D2ECF6; border: 0; background-color: #D2ECF6; margin: .5em 0; clear:both;}
/* end general typography */

/* image floats */
img.left {border:none; float:left; clear:left; margin:5px 15px 15px 0;}
img.right {border:none; float:right; clear:left; margin:5px 0 15px 15px;}

/* List styles */
div#content ul, div#widecontent ul {margin:0 0 1em 1.2em;}
div#content ol, div#widecontent ol { padding:0 0 0 .8em; margin:0 0 1em 1em;}
div#content ul li {line-height:1.6;}

/* specific list styles */
div#content ul.news {clear:left; margin:0;}
div#content ul.news li {clear:left; float:left; list-style-type:none; padding:.4em 0; line-height:1.3; border-bottom:1px dotted #ccc; width:100%}
div#content ul.news li.lastitem {border-bottom:1px solid #fff; visibility:hidden;}
div#content ul.news li a {}
div#content ul.news li a:hover {}
div#content ul.news li img {border:none; float:left; margin:5px 15px 0 0;}
div#content ul.news li p {margin:5px 0 0 0;}
div#content ul.news li span {font-size:1.2em; font-weight:bold;}

div#content ul.corporate {clear:left; margin:0 0 8px 0;}
div#content ul.corporate li {float:left; list-style-type:none; margin:5px 3px 0 0; line-height:1.6;}
div#content ul.corporate img {margin:0; border:1px solid #00A4CA;}

div#content ul.newsletter {margin:5px 0 8px 0;}
div#content ul.newsletter li {clear:left; list-style-type:none; margin:1px 10px 0 0;}
div#content ul.newsletter li label {margin:0; width:150px; float:left; cursor:pointer;}
div#content ul.newsletter input, div#content ul.newsletter select {border:1px solid #939598;  color:#00A4CA;}
div#content ul.newsletter input {width:150px;}
div#content ul.newsletter select {width:152px;}
div#content ul.newsletter input.submit {width:auto; font-size:1em; border:1px solid #939598; text-decoration:none; background:#fff; cursor:pointer; float:right; margin:1px 8px 0 0; padding:2px;}

.required {color:#F00; font-weight:bold;}
/* end specific list styles */

/* link styles */
a:link, a:visited {color:#004670; text-decoration:none;}
a:hover {text-decoration:underline;}
/* end link styles */

/* address style */
div#content address, div#widecontent address {font-style:normal; font-weight:normal; margin: 0 0 .7em 0;}
div#content address p, div#widecontent address p {margin:0;}
/* end address style */

/* tables */
table, th, tr, td {font-size:1em;}
table {border-right:1px solid #D2ECF6; border-top:1px solid #D2ECF6; margin: 0 0 1em 0; padding:0;}
th {background:#D2ECF6; text-align:left;}
th {padding: .2em .4em;}
td {padding: .4em .4em;}
td {border-bottom:1px solid #D2ECF6; border-left:1px solid #D2ECF6; }
table caption {text-align:left; font-size:1em; font-weight:bold; font-style:italic; margin:1em 0 0 0;}
div#content td h3, div#widecontent td h3 {margin:0; font-size:1em;}
div#content td p, div#widecontent td p {margin:0 0 .2em 0;}
table span.highlight {color:#F9A13A; font-weight:bold;}
/* end tables */

/* preFooter */
div#preFooter {width:782px; height:38px; background:url(../assets/footer.png); margin:0 0 0 0; padding:0 0 0 0;}
/* end preFooter */

/* footer */
div#footer {border: 1px solid #001F30; font-size: .85em; clear:both; width:782px; height:80px; margin:0 auto; background:inherit; padding: 0 0 0 0; text-align:left;}
div#footer p {margin:0; }
div#footer img {margin:0 0 0 0; border:none; float:left;}
div#footer ul {margin:24px 0px 10px 80px; color:#FFFFFF; list-style-type:none;}
div#footer ul li {display:inline; padding: 0 0 0 0;}
div#footer ul li a {color:#FFFFFF;}
div#footer ul li a:hover, div#footer ul li a:active, div#footer ul li a:focus {color:#F9A13A; text-decoration:none;}
div#footer p.disclaimer {margin:0 0 0 80px; color:#FFFFFF;}
/* end footer */

#outerWrapper {
/* DAVIDE */
background: transparent url(../assets/side_shadow.png) repeat-y scroll 0 0;
margin: 0 auto;
padding: 0 0;
text-align: left;
width: 814px;
display: block;
/*border:1px solid red;*/
}

#outerBottom {
/* DAVIDE */
margin: 0 auto;
text-align: center;
background: url(../assets/bottom_shadow.png) 0 100% no-repeat;
height: 16px;
width: 814px;
font-size: .8em;
display: block;
padding: 0 0;
}

/* sitemap */
div#sitemap {margin:0 0 2em 0;}
div#sitemap h3 {font-size:1.15em; margin:1em 0 0 0;}
div#sitemap ul {margin:.1em 0 2em 4em;}
div#sitemap ul li ul li {font-weight:normal;}
div#sitemap li {list-style-type:disc;}
div#sitemap ul ul {margin:0 0 .2em 4em;} 
div#sitemap ul ul ul {margin:0 0 0em 4em;}
/* end sitemap */

/* IE5.2 Mac fixes */
/*\*//*/
@import "ie5mac.css";
/**/

/* Panel and pullquote CSS for Everyman website */

/* homepage panels */
.homepanel {float:left; width:103px; margin-right:6px; margin-bottom:6px; line-height:1.2;}

.homepanel dt {font-size:1.2em; font-weight:normal;display:block; height:74px;}
.homepanel dt a {display:block; padding:60px 0 0 0;}

.homepanel dd#title {font-size :1em; margin:1px 0 0 0; font-weight:normal; padding: 4px 5px 3px 5px; display:block; text-align:left; background: transparent url(../assets/nav.png) repeat-x scroll 0 0; height:30px;}
.homepanel dd#title a {display:block; color:#FFFFFF;}
.homepanel dd#title a:hover, .homepanel dc#title a:link, .homepanel dd#title a:visited {display:block; width:93px; padding:0 0 0 0; text-decoration:none; color:#FFFFFF;}

.homepanel dd { font-size:0.94em; margin:0 0 0 0; padding: 0 5px 4px 5px; text-align:left; background-color:#001F30; height:45px;}
.homepanel dd a {display:block; color:#FFFFFF;}
.homepanel dd a:hover, .homepanel dd a:link, .homepanel dd a:visited {display:block; width:93px; padding:0 0 0 0; text-decoration:none; color:#FFFFFF;}


.row2 {clear:left;}
* html .row2 {clear:left; margin:-6px 0 0 0;}

#pic1, #pic2, #pic3, #pic4, #pic5, #pic6, #pic7, #pic8 {background-position: 0 0; background-repeat: no-repeat;}
#pic1 {background-image: url("../images/homepage/home-jason.jpg"); background-color: #FFFFFF;}
#pic2 {background-image: url("../images/homepage/home-walk-cancer.jpg"); background-color: #FFFFFF;}
#pic3 {background-image: url("../images/homepage/home-everyman-5k.jpg"); background-color: #FFFFFF;}
#pic4 {background-image: url("../images/homepage/home-couple.jpg"); background-color: #FFFFFF;}
#pic5 {background-image: url("../images/homepage/home-helena.jpg"); background-color: #FFFFFF; }
#pic6 {background-image: url("../images/homepage/home-asda-corporate.jpg"); background-color: #FFFFFF; }
#pic7 {background-image: url("../images/homepage/home-asda-corporate.jpg"); background-color: #FFFFFF; }
#pic8 {background-image: url("../images/homepage/home-asda-corporate.jpg"); background-color: #FFFFFF; }

#pic1 dt a, #pic2 dt a, #pic3 dt a, #pic4 dt a, #pic5 dt a, #pic6 dt a, #pic7 dt a, #pic8 dt a, {color:#FFFFFF;}

/* horizontal tabs */


div#content .panel dl, div#content .panel dt, div#content .panel, dd {margin:0;}
div#content .panel {clear:both; width:320px; margin:0 0 0 0; line-height:normal;}
div#content .panel dt {margin:0; padding: 10px 0 0 0; font-size:1.2em; font-weight:normal; background: url(../assets/panel-shadow.gif) no-repeat top right;}
* html div#content .panel dt {background: url(../assets/panel-shadow.gif) no-repeat top right;}
div#content .panel dt a {display:block; padding:0 15px 0 155px;}
div#content .panel dd {font-size:.94em; margin:0 0 0 0; padding: 2px 10px 15px 0; background: url(../assets/panel-shadow.gif) no-repeat bottom right;}
* html div#content .panel dd {padding:2px 0 15px 0; background: url(../assets/panel-shadow.gif) no-repeat bottom right;}
div#content .panel dd a {display:block; padding:0 15px 0 155px; text-decoration:none; color:#000;}
* html div#content .panel dd a {width:310px; width:142px;} 

#hpic1, #hpic2, #hpic3, #hpic4, #hpic5, #hpic6 {background-repeat:no-repeat; background-position: 0px 6px;}
#hpic1, #hpic4 {background-color: #FDCD97}
#hpic2, #hpic5 {background-color: #6EC9E1;}
#hpic2 dt a, #hpic5 dt a{color:#007BAA;}
#hpic3, #hpic6 {background-color: #F9A13A;}
#hpic3 dt a, #hpic6 dt a{color:#fff;}
#hpic_transp {background-color: transparent;}
/* end horizontal tabs */


/* factbutton pullquote */
div#content .factbutton {float:right; width:90px; margin:0 0 10px 20px; background: url(../assets/pullquote-mid.gif) repeat-y;}
div#content .factbutton h4 { margin:0 0 0 0; padding: 8px 6px 0 6px; color:#fff; font-size:1.6em; background: url(../assets/pullquote-top.gif) no-repeat top left; line-height:normal; font-weight:normal; white-space:nowrap;}
div#content .factbutton h4 em {font-style:normal; font-size:.6em; color:#FDCD97; margin:-.1em -.05em 0 0; font-weight:bold;letter-spacing:normal; float:left;} 
div#content .factbutton h4 a {display:block; padding:5px 10px 0 10px;}
div#content .factbutton p {clear:left; font-size:0.94em; margin:0 0 0 0; padding: 2px 10px 12px 6px; background: url(../assets/pullquote-bottom.gif) no-repeat bottom left;}
div#content .factbutton p a {display:block; width:72px; padding:0 0 0 0; text-decoration:none; color:#000;}
div#content .factbutton h5 {margin:0 0 0 0; padding: 8px 6px 4px 6px; color:#fff; font-size:1.1em; background: url(../assets/pullquote-top.gif) no-repeat top left; line-height:normal; font-weight:normal; white-space:nowrap;}
/* end factbutton pullquote */

/* image captions */
div#content .imgcaption, div#content .imgcaptionright, div#content .imgcaptionleft {background:#D2ECF6;}
div#content .imgcaption {margin:0 0 1.5em 0; }
div#content .imgcaption img, div#content .imgcaptionright img, div#content .imgcaptionleft img {margin:0;}
div#content .imgcaption p, div#content .imgcaptionright p, div#content .imgcaptionleft p {font-size:.94em; padding:2px 5px 5px 5px; margin:0; clear:both; line-height:1.2;}

div#content .imgcaptionright {margin:5px 0 10px 15px; width:150px; float:right;}
div#content .imgcaptionleft {margin:5px 15px 10px 0; width:150px; float:left;}


/* image plus quote */
div#content .imgquote {margin:0 0 1.5em 0; background: url(../assets/img-quote-right.gif) no-repeat 98% 98% #D2ECF6; padding:0 0 0 0;}
div#content .imgquote img {margin:0;}
div#content .imgquote p {font-size:.94em; text-align:left; text-indent:40px;  padding:10px 10px 1em 10px; margin:0; clear:both; background:url(../assets/img-quote-left.gif) no-repeat 10px 2px ;}
div#content .imgquote p.name {background:none; text-indent:0; font-size:1em; font-weight:bold; font-style:italic; padding:0 0 .5em 1em; margin:0; clear:both;}

/* Call out box */
.boxout {margin:0 0 1em 0; background:#D2ECF6;  padding:.5em 1em 0 1em;}
div#content .boxout p {font-size:.94em; text-align:left; padding:0 0 .5em 0; margin:0; clear:both;}

div#slideshow {float: left; width:322px; height:546px;}
div#slideshow img.fade {float: left; width:322px; height:546px; margin:0 -548px 0 0; border:none;}