@CHARSET "UTF-8";

/* -------------------------------------
CLIMATE CHANGE STYLES
------------------------------------- */

/* background image */
body {background:url(../img/background_oceans_101.jpg) no-repeat black;}

/* content */
h1#page_header {background:url(../img/titles/oceans_101.png) no-repeat; width:600px; height:52px;}
span#column{color: #20a4bc; font-weight: 600; font-size: 1.3em;margin: 0 0 10px 0;}
h5#additional_info_toggle {cursor:pointer;}
h5.collapse {background:url(../img/climatechange-collapse_icon.gif) no-repeat 0px 5px;padding-left: 10px;}
h5.expand {background:url(../img/climatechange-expand_icon.gif) no-repeat 0px 5px;padding-left: 10px;}
a#get_involved {display:block;width:144px;height:13px;background:url(../img/climatechange_get_involved.gif) top left no-repeat;}
a#get_involved:hover {background-position:0 -13px;}
#alert_tips img, #alert_tips a img{display:inline;float:left;}
#alert_tips{clear:both;height:49px;}
#top_content .description{clear:both;margin:1.5em 0px;width:857px;}
span#catastrophic_consequences {display:block;float:left;width:745px;height:49px;background:url(../img/climatechange_catastrophic_consequences.gif);}


/* typography */
div#top_content {color:#474747;width:874px;padding:0px;margin:0px;}
div#column {background-color: #f2db9a; padding:10px 20px; margin:0;width:480px;}

div#footnotes ul {font-size:.8em;}

img#column{z-index: -1;float:left;margin-bottom: -6px;  }
img#column_triangle{z-index:1;margin-bottom: -5px;}

span#video_head{font-size: 1.2em;color:#20a4bc; line-height: 1em; margin: 5px 0px 10px 0px;}
span#ul_oceans{color:#474747}
span#highlight{color:#13656d;font-weight: bold;}

div.categories {margin:1.5em 0em 1.5em 0;}
div#left {width:250px;float:left;}
div#right {width:250px;float:right;}

div#left_column {width:300px; float:left;padding-right:25px;margin-bottom: 20px;}
div#right_column {width:520px; float:right;margin-bottom: 20px;}
div#description a {font-weight:bold;}

div#top_content #wrapImage{display:inline;float:left;width:700px;margin-right:24px;}
div#tips{padding:20px 0px 0px 0px;}

div#video_placeholder {background-color: #20a4bc; width: 290px; height:160px; margin: 10px 0 0 0 }
div#mpa_media_1 {background-image: url(../img/mpa_media_1.jpg); width: 290px; height:160px; margin: 10px 0 0 0; border: 1px solid #13656d;  }
div#mpa_media_2 {background-image: url(../img/mpa_media_2.jpg); width: 290px; height:160px; margin: 10px 0 0 0; border: 1px solid #13656d;  }

ul.oceans{margin-left: 0px;color:#20a4bc}
ul.oceans li{padding-bottom: 10px;}