@CHARSET "UTF-8";

/* -------------------------------------
GLOBAL STYLES
------------------------------------- */

/* reset */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;background-color:black ;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

div#footer_signup{margin:10px 0 0; padding:15px 0 0px 113px; border-top: 1px solid #e3dab9;}


img.footer_signup{float:left; padding:6px;}
input.footer_signup_text{float:left;border:#e3dab9 solid 1px;padding:2px;color:#8b8b8b;}
input.footer_signup_button{float:left;background-image: url(../img/stay_informed_button.png);background-color: white;border: none;width:20px;height:19px;margin:0 0 0 6px}


/* typography */
body {font-size:75%;color:#474747;font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;}
h1 {font-size:3em;line-height:1;margin-bottom:0.5em;}
h2 {font-size:2em;margin-bottom:0.75em;}
h3 {font-size:1.8em;line-height:1.25;margin-bottom:1.25em;}
h4 {font-size:1.5em;font-weight:bold;line-height:1.25;margin-bottom:1.25em;}
h5 {font-size:.9em;font-weight:bold;margin-bottom:.9em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 0.8em;}
p img.left {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
a:focus {color:#13656D;}
a {color:#13656D;text-decoration:none;font-weight: bold;}
a:hover {color:#20a4bc}
a.bold {font-weight: bold;}
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0 1.5em 1.5em 1.5em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;}
thead th {background:#c3d9ff;}
th, td, caption {padding:4px 10px 4px 5px;}
tr.even td {background:#e5ecf9;}
tfoot {font-style:italic;}
caption {background:#eee;}
* {outline: none;}
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#9DA125;font-style:italic;font-weight:bold;}
.highlight {background:#ff0;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}
.super {vertical-align:super;font-size:.8em;}
.clearBoth{clear:both;}
/* forms */
label {font-weight:bold;}
fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
legend {font-weight:bold;font-size:1.2em;}
input.text, input.title, textarea, select {margin:0.5em 0;border:1px solid #bbb;}
input.text:focus, input.title:focus, textarea:focus, select:focus {border:1px solid #666;}
input.text, input.title {width:300px;padding:5px;}
input.title {font-size:1.5em;}
textarea {width:390px;height:250px;padding:5px;}
.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD333;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}

/* tools */
span.hidden_label {display:none;}
div.columns:after {content:".";visibility:hidden;height:0px;display:block;clear:both;}
img.lead {border:10px solid #1D333A;margin-bottom:1em;}
div.break{width:1px;height:20px;}

/* header */
div#header {background-image: url(../img/header_white_bar.png);background-repeat: repeat-x; position:relative; width:1400px;height:76px;z-index:50;}
div#header div#container {width:975px;position:relative;}
img#title_treatment {display:block;position:absolute;left:19px;z-index:60;top:9px;}
ul#nav {position: absolute;top:38px;right:50px;list-style-type:none;}
ul#nav > li {float:left;position:relative;}
ul#nav li span.label {display: none;}
ul#nav > li > a {height: 38px;display: block;}
ul#nav li ul {background:#13656d;width:100px;display:none;position:absolute;list-style-type:none;border:1px solid #20a4bc;border-top:none;left:-25px;}
ul#nav li:hover ul {display:block;}
ul#nav li ul li {padding: 6px 18px;font-size:.95em;font-weight:bold;line-height:1.2em;}
ul#nav li ul li a:link, ul#nav li ul li a:visited {color:#FFFFFF;text-decoration:none;}
ul#nav li ul li a:hover {color:#20a4bc;}

ul#nav > li#oceans_101 > a {width: 84px;background: url(../img/nav_oceans_101.png) top left;}
ul#nav > li#oceans_101:hover > a {background-position: 0 -76px;}
ul#nav > li#get_involved > a {width: 97px;background: url(../img/nav_get_involved.png) top left;}
ul#nav > li#get_involved:hover > a {background-position: 0 -76px;}
ul#nav > li#ocean_heroes > a {width: 101px;background: url(../img/nav_ocean_heroes.png) top left;}
ul#nav > li#ocean_heroes:hover > a {background-position: 0 -38px;}
ul#nav > li#blog > a {width: 49px;background: url(../img/nav_blog.png) top left;}
ul#nav > li#blog:hover > a {background-position: 0 -38px;}
ul#nav > li#resources > a {width: 75px;background: url(../img/nav_resources.png) top left;}
ul#nav > li#resources:hover > a {background-position: 0 -76px;}
ul#nav > li#oceans_concerts > a {width: 41px;background: url(../img/nav_oceans_concerts.png) top left;}
ul#nav > li#oceans_concerts:hover > a {background-position: 0 -38px;}
ul#nav > li#about > a {width: 57px;background: url(../img/nav_about_the_film.png) top left;}
ul#nav > li#about:hover > a {background-position: 0 -76px;}
ul#nav > li#oceans_concert > a {width: 114px;background: url(../img/nav_oceans_concert.png) top left;}
ul#nav > li#oceans_concert:hover > a {background-position: 0 -38px;}
ul#nav > li#read_more > a {width: 79px;background: url(../img/nav_read_more.png) top left;}
ul#nav > li#read_more:hover > a {background-position: 0 -38px;}


body#oceans_oceans_101 div#header ul#nav > li#oceans_101 > a,
body#oceans_get_involved div#header ul#nav > li#get_involved > a,
body#oceans_ocean_heroes div#header ul#nav > li#ocean_heroes > a,
body#oceans_about div#header ul#nav > li#about > a,
body#oceans_blog div#header ul#nav > li#blog > a,
body#oceans_resources div#header ul#nav > li#resources > a,
body#oceans_oceans_concerts div#header ul#nav > li#oceans_concerts > a
{
	background-position: 0 -38px;
}

body#oceans_oceans_101 div#header ul#nav > li#oceans_101:hover > a,
body#oceans_about div#header ul#nav > li#about:hover > a


 {
	background-position: 0 -76px;
}

ul#extras {position:absolute;top:5px;right:60px;list-style-type:none;}
ul#extras li {float:left;margin-left:10px;padding-left:10px;border-left:1px solid #ffffff;font-size:.9em;line-height:1.4em;font-weight:bold;color:#ffffff;}
ul#extras li.no_border {border-left:none;}
ul#extras a:link, ul#extras a:visited {color:#ffffff;text-decoration:none;}
ul#extras a:hover {color:#20a4bc;text-decoration:none;}
span.medium_text {font-size:1.25em;}
span.large_text {font-size:1.4em;}

/* content */
div#climtatecrisis_page_content {width:975px;position:relative;z-index:40;}

/* footer */
div#footer {margin-top:20px;margin-bottom:20px;padding:20px;position:relative;z-index:25;}
div#footer ul {list-style-type:none;margin:5px 0 0 5px;padding:0;}
div#footer ul li {float:left;margin:0;padding:0;}
div#footer ul li a#footer_privacy {display:block;width:81px;height:19px;background:url(../img/footer_links.png) -234px 0px}
div#footer ul li a#footer_copyright {display:block;width:67px;height:19px;background:url(../img/footer_links.png) -167px 0px}
div#footer ul li a#footer_tos {display:block;width:100px;height:19px;background:url(../img/footer_links.png) -67px 0px}
div#footer ul li a#footer_contact_us {display:block;width:67px;height:19px;background:url(../img/footer_links.png) top left}
div#footer img#take_part {float:left;}

/* ms */
.clear {clear:both;}
#atffc {position: absolute;}