/* CSS for Everyman website */

/* import styles for panels and pullquotes */
@import "panels.css";
/* end import */

body {font: 76%/1.4 arial, helvetica, sans-serif; background:url(../assets/gradient.png) repeat-x #8FD3E8; color:#000; text-align:center; padding: 30px 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:784px;}
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:784px; background-repeat: no-repeat; background-position: top right;}
div#content {float:left; clear:right;width:320px; margin:0 0 20px 200px; display:inline; min-height:350px; }
div#widecontent {float:left; margin:0 0 0 20px; display:inline; width:506px; min-height:374px; height:auto !important; height:372px;}
/* end general layout rules */

/* page header */
div#header {position:relative; height:105px; background:url(../assets/nav_shadow_top.png) repeat-x bottom;}
div#header img {margin:20px 0 0 18px; border:none;}
div#header h1 {display:none;}
div#header p {background:url(../assets/everyman_strapline.png) no-repeat; width:378px; height:25px; font-size:1em; text-indent:-6000px; position:absolute; left:382px; top:60px;}
/* end page header */

/* donate tab */
div#donate {position:absolute; right:18px; top:24px; height:30px; min-width:116px;}
div#donate ul {padding: 0 10px 0 0; font-weight:bold; text-transform:uppercase;  background:url(../assets/donate-right.png) no-repeat center right;}
div#donate li {list-style-type:none; line-height:normal;}
div#donate li a {padding: 4px 5px 7px 25px; color:#FFF; background-image:url(../assets/donate-left.png) ; background-repeat: no-repeat; background-position: left center; display:block; text-decoration:none;}
div#donate li a:hover {color:#F9A13A;}
div#donate li.active a {background-image :url(../assets/donate-left-active.png); color:#F9A13A;}
/* end donate tab */

/* site search input */
div#search {position:absolute; left:382px; top:26px; overflow:hidden; white-space: nowrap;}
div#search input {border:1px solid #939598; width:150px; color:#00A4CA;}
div#search input.submit {width:auto; font-size:1em; border:1px solid #fff; text-decoration:none; background:#fff; cursor:pointer;}
div#search fieldset {border:none;}
div#search label {display:none;}
/* end site search input */

/* latest news scroller */
div#latestnews {float:left;}
div#latest {float:left; padding:2px 0 0 5px; width:100px;}
div#latest h4 { font-size:1.2em; margin:0 0 0 0;}
div#latest h4 a {color:#F9A13A;}
div#links {float:left; width:390px;}
div#dropcontentsubject {display:none;}
.dropcontent {padding: 4px 0 1px 0; display:block;}
.dropcontent ul {margin:0; padding:0;}
.dropcontent li {list-style-type:none;}
/* end latest news scroller */

/* primary navigaton */
div#nav {background: #00A4CA; float:left; width:100%;}
div#nav ul {list-style-type:none; font-weight:bold; padding:0 0 0 20px;}
div#nav ul li {float:left;}
div#nav ul li a {padding:7px 8px 7px 14px;color:#fff; background-image:url(../assets/nav_perkin.png); background-repeat: no-repeat; background-position: 0 52%; 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:#F9A13A; text-decoration:none;}
/* end primary navigaton */

/* secondary navigation */
div#subnav {float:left; width:186px; margin:-5px 0 35px -520px; display:inline;  background:#FDC485; padding:0 0 30px 0; min-height:302px; height:auto !important; height:302px; background-image:url(../assets/bottom-left-nav.gif); background-position:bottom; background-repeat:no-repeat;}
div#subnav ul {line-height:normal; list-style-type:none;}
div#subnav ul li {line-height:normal; }
div#subnav ul li a {border-bottom:1px dotted #fff; padding:5px 5px 5px 18px; color:#000; text-decoration:none; display:block; width:186px; voice-family: "\"}\""; voice-family: inherit; width: 163px;}
div#subnav ul li a:hover, div#subnav ul li a:active, div#subnav ul li a:focus {color:#00A4CA;}
/* end secondary navigation */

/* tertiary navigation */
div#subnav ul ul li {background:#FED6A9; color:#000; font-size:.94em;}
div#subnav ul ul li a {border-bottom:1px solid #fff; color:#000; text-decoration:none; padding:3px 3px 3px 38px; width:186px; voice-family: "\"}\""; voice-family: inherit; width: 145px;}
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:#00A4CA;}
/* end tertiary navigation */

/* primary, secondary and tertiary 'you are here' effects */
div#nav ul li.active a {color:#F9A13A; background-image:url(../assets/nav_perkin_over.png);}
div#nav ul li.active a:hover {color:#F9A13A;}
div#subnav ul li.active {background:url(../assets/subnav_perkin.png) no-repeat 3px 5px;}
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;}
/* end primary, secondary and tertiary 'you are here' effects */

/* breadcrumb trail */
div#breadcrumbs {float:left; width:784px; text-align:right; }
div#breadcrumbs ul {color:#F9A13A; list-style-type:none; line-height:normal; margin:1px 27px 0 186px;}
div#breadcrumbs ul li {display:inline; padding: 0 0 0 0; font-size: .94em; white-space:nowrap;}
div#breadcrumbs ul li a {color:#00A4CA; text-decoration:none;}
div#breadcrumbs ul li a:hover {color:#00A4CA; text-decoration:underline;}

.plusnav {background:url(../assets/nav_shadow_bottom_full.png) no-repeat top left;}
.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:#F9A13A; font-size:1.5em; margin:0 0 .6em 0;}
h3 {font-size:1.15em;color:#000; 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;}

div#content dl {margin: .5em 0 1em 0;}
div#content dt {margin: .5em 0 .1em 0; font-weight:bold;}
div#content dd {margin: 0 0 .1em 2em;}

/* 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 10px 0 0;}
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:#00A4CA; 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 */

/* footer */
div#footer {font-size: .85em; clear:both; width:500px; margin:0 0 0 26px; border-top: 3px dotted #F9A13A;  color:#999;}
div#footer p {margin:0; }
div#footer img {margin:10px 0 0 0; border:none; float:left;}
div#footer p.everyman {margin:8px 0px 0 150px; color:#00A4CA; font-weight:bold;}
div#footer ul {margin:2px 0px 5px 150px; color:#F9A13A; list-style-type:none; font-weight:bold;}
div#footer ul li {display:inline; padding: 0 0 0 0;}
div#footer p.disclaimer { width:400px; float:left; padding:5px 0 0 0;}
div#footer p.newsletter {float:right; padding: 5px 30px 5px 5px; background:url(../assets/newsletter-icon.gif) no-repeat 65px 2px #00A4CA; width:97px; voice-family: "\"}\""; voice-family: inherit; width: 60px;}
div#footer p.newsletter a:link, div#footer p.newsletter a:visited {color:#fff; text-decoration:none;}
div#footer p.newsletter a:hover {color:#fff; text-decoration:underline;}
div#footer p.newsletter a:active, div#footer p.newsletter a:focus {background:#fff; color:#00A4CA;}
/* end footer */

/* 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 {font-weight:bold;}
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";
/**/