@charset "UTF-8";

body {background: url(images/sitewide/bg.gif) repeat-x top #e3e2cc; margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; color: #666666;}

/* WRAPPERS */
.wrapper {width: 1059px; margin: 0 auto;}
.homewrapper {background: url(images/home/bg.wrapperhome.png) repeat-x top #FFFFFF; margin-left: 21px; padding: 0; margin-right: 29px;}
.innerwrapper { background: url(images/sitewide/bg.wrapper.gif) repeat-x top #FFFFFF; margin-left: 21px; padding: 0 29px 0 29px; margin-right: 29px;}
.innerwrapper-default {background: url(images/inner/bg.inner.png) repeat-y; margin-left: 21px; padding: 0 29px 0 29px; margin-right: 29px;}


/* MASTHEAD */
.masthead {background: url(images/sitewide/bg.masthead.png) no-repeat left top #FFFFFF; margin-left: 21px; height: 122px; margin-right: 29px;}
.logo {float: left; width: 720px;}
.masthead-right {float: left;}
.toplinks {font-size: .8em; margin-top: 1em;}


/* TOP NAV */
.topnav {background: url(images/sitewide/bg.topnav.png) no-repeat; height: 59px; font-size: 13px;}

/* QUICK LINKS */
.quicklinks {padding: 20px 0 0 0;}
span.customStyleSelectBox {margin-left: 30px; font-size:12px; background-color: #dfdec4; color:#0073a6; padding:5px 7px; -moz-border-radius: 5px; -webkit-border-radius: 5px;border-radius: 5px 5px; line-height: 11px;} 
span.customStyleSelectBox.changed { background-color: #e3e2cc;} .customStyleSelectBoxInner { background:url(images/nav/arrow.quicklink.png) no-repeat center right; }


/* SEARCH */
.search {background: url(images/sitewide/bg.search.png) no-repeat top left; width: 255px; height: 26px; float: right; margin-top: 1.6em;}
input.searchfield {color: #006ea0; font-size: .7em; width: 195px; height: 22px; background: none; border: none; margin-left: 14px; }


/* HOME */
.hp-left {float: left; width: 700px;}
.carousel {background: #d7d6a8; margin-bottom: 1.75em; height: 345px; width: 640px; padding: 20px; margin-left: 1px;}
.news {float: left; width: 248px; margin-left: 28px;}
.recentexpedition {float: left; width: 372px;  margin-left: 40px;}

.hp-right {float: left; width: 255px; margin-left: 26px; padding-top: 1em;}


.hp-right p, .hp-left p, .hp-left li, .hp-right li {color: #666666; font-size: .8em; line-height: 1.6em;}
.hp-right hr {margin: 1.25em 0;}
.hp-right ul, .hp-left ul {margin: 0; padding: 0 0 0 1em;}


/* BREADCRUMB */

.breadcrumb { font-size: .7em; color: #999999; margin: 2em 1em 1em .5em; float: left; width: 590px;}


/* INNER PAGE CONTENT */
.ip-left {float: left; width: 590px;}
.ip-leftnav {float: left; width: 175px;}
.ip-left-media {float: left; width: 390px; margin-left: 40px;}

.ip-left p, .ip-left li, .ip-left-media p, .ip-left-media li, .ip-left table, .ip-left #Kunena {font-size: 13px; line-height: 1.5em;}
.ip-left table {border: 1px #999; border-collapse: collapse; }
.ip-left table td { padding: 5px; }


.ip-leftnav ul {padding: 0; margin: 0; list-style-type: none;}
.ip-leftnav li {font-size: .85em; padding-bottom: .3em;}
.ip-leftnav li.selected {font-size: .85em; padding-bottom: .3em;}
.ip-leftnav li a:link, .ip-leftnav li a:visited {color: #004d8c;}
.ip-leftnav li a:active, .ip-leftnav li a:hover {color: #888643;}
.ip-leftnav li.selected a:link, .ip-leftnav li.selected a:hover {color: #888643;}


/* left column */
h2.brown {background: #9d9b62; text-transform: uppercase; width: 260px; color: #FFFFFF; font-family: 'Quattrocento Sans', sans-serif; font-weight: 400; padding: .2em 10px .2em 10px; margin: 0; font-size: 1.2em;}

.twocol-left {float: left; width: 280px; margin-right: 30px; margin-top: 2em;}
.twocol-right {float: left; width: 280px; margin-top: 2em;}
.twocol-left ul, .twocol-right ul {margin: 1em 0 1.5em .7em; padding: 0; list-style-type: none;}
.twocol-left li, .twocol-right li {padding-bottom: 1em; padding-left: 40px;}

#wrap { clear: both; margin: .5em 0 0 0;}
h2.multimedia {background: #9d9b62; text-transform: uppercase; width: 614px; color: #FFFFFF; font-family: 'Quattrocento Sans', sans-serif; font-weight: 400; padding: .2em 10px .2em 10px; margin: 1em 0 0 0; font-size: 1.2em;}


/* right column */
.ip-right {float: right; margin-left: 48px; width: 282px;}
.rightnav {width: 238px; margin-left: 20px;}
.rightnav h2 {background: #009ec5; color: #FFFFFF; font-family: 'Quattrocento Sans', sans-serif; font-weight: 400; text-transform: uppercase; font-size: 1em; padding: .5em; margin: 0; border-bottom: solid 1px #FFF;}
.rightnav h2.selected {background: #004d8c; color: #FFF; font-family: 'Quattrocento Sans', sans-serif; font-weight: 400; text-transform: uppercase; font-size: 1em; padding: .5em; margin: 0;}
.rightnav h2 a:link, .rightnav h2 a:visited {color: #FFFFFF;}
.rightnav h2 a:active, .rightnav h2 a:hover {color: #e3e2cc;}

.rightnav ul {list-style-type: none; margin: 0; padding: 0;}
.rightnav li {border-bottom: solid 1px #FFFFFF; padding: .5em; font-size: .8em;}
.rightnav li.selected {border-bottom: solid 1px #FFFFFF; padding: .5em; font-size: .8em; background: #e3e2cc;}
.rightnav li a:link, .rightnav li a:visited {color: #004d8c;}
.rightnav li a:active, .rightnav li a:hover {color: #009ec5;}
.ip-right-bottom { background:url(images/inner/bottom.rightcol.png) no-repeat bottom; height: 30px; margin-left: 671px; width: 282px;}



.ip-right-exploringourplanet {float: right; margin-left: 48px; width: 312px; background: url(images/inner/bg.exploringourplanet.png) no-repeat; min-height: 675px; }
.ip-right-exploringourplanet h1 {font-family: 'Quattrocento Sans', sans-serif; font-weight: 400; color: #FFF; font-size: 1.6em;  margin-top: 92px; margin-left: 35px; margin-bottom: 0;}
.ip-right-exploringourplanet p {font-family: 'Quattrocento Sans', sans-serif; font-weight: 400; color: #FFF; font-size: 1.1em;  margin-top: 5px; margin-left: 35px; line-height: 1.2em;}
.ip-right-exploringourplanet a:link, .ip-right-exploringourplanet a:visited {color: #FFFFFF;}
.ip-right-exploringourplanet a:active, .ip-right-exploringourplanet a:hover {color: #dfdec4;}

/* PHOTO GALLERY */
.rightcolphotos {width: 239px; margin-left: 20px;}
.rightcolphotos img {border: solid 1px #aeac69;}
.rightcolphotos .caption {background: #aeac69; width: 232px; color: #FFFFFF; padding: 5px; font-size: .8em; margin-bottom: 1.5em;}


/* INNER (WIDE) SEARCH */
.innersearch {background: url(images/inner/bg.innersearch.gif) no-repeat top left; width: 587px; height: 28px; float: left; margin: 1em 0;}
input.innersearchfield {color: #006ea0; font-size: .7em; width: 510px; height: 22px; background: none; border: none; margin-left: 14px; }


/* ADD THIS */
.addthis {padding: 3em 0 1em 0;}
.addthis-home {padding: 3em 0 1em 29px;}




/* FOOTER */
.footer {padding-left: 21px; width: 1038px; font-size: .7em; color: #999999; margin: 1.5em auto;}
.footer-right {float: right; text-align: right;padding-right:30px;}


/* ICONS */
li.icon-iodptour {background: url(images/inner/icon.iodptour.png) no-repeat .25em .3em;}
li.icon-whydoesthismatter {background: url(images/inner/icon.whydoesthismatter.png) no-repeat .25em .3em;}
li.icon-faq {background: url(images/inner/icon.faq.png) no-repeat .25em .3em;}
li.icon-members {background: url(images/inner/icon.members.png) no-repeat .25em .3em;}
li.icon-aboutus {background: url(images/inner/icon.aboutus.png) no-repeat .25em .3em;}
li.icon-vessels {background: url(images/inner/icon.vessels.png) no-repeat .25em .3em;}
li.icon-informationalmaterials {background: url(images/inner/icon.informationalmaterials.png) no-repeat .25em .3em;}
li.icon-multimedia {background: url(images/inner/icon.multimedia.png) no-repeat .25em .3em;}
li.icon-links {background: url(images/inner/icon.links.png) no-repeat .25em .3em;}
li.icon-projectdocs {background: url(images/inner/icon.projectdocuments.png) no-repeat .25em .3em;}
li.icon-membershipbens {background: url(images/inner/icon.membershipbens.png) no-repeat .25em .3em;}
li.icon-centraloffice {background: url(images/inner/icon.centraloffice.png) no-repeat .25em .3em;}
li.icon-scienceplan {background: url(images/inner/icon.scienceplan.png) no-repeat .25em .3em;}
li.icon-annualprogram {background: url(images/inner/icon.annualprogram.png) no-repeat .25em .3em;}



/* MISC */
.clear {clear: both; overflow: hidden; height: 1px;}
.flt-left {float: left;}
.flt-right {float: right;}
a:link, a:visited {color: #009ec5; text-decoration: none;}
a:active, a:hover {color: #9d9b62; text-decoration: none;}
img {border: none;}
form {margin: 0; padding: 0;}
.shadow {-webkit-box-shadow: 2px 2px 3px 1px #999999;
-moz-box-shadow: 2px 2px 3px 1px #999999;
box-shadow: 2px 2px 3px 1px #999999; border: solid 2px #FFFFFF;}
.rightimage {border: solid 1px #b4b273; margin: 0 0 1em 1em;}
hr {border: none; background: #cfcd9a; height: 1px; color: #cfcd9a;}

h1 {font-family: 'Quattrocento Sans', sans-serif; font-weight: 400; color: #004687; font-size: 1.6em; margin-bottom: .5em;}
h2 {font-family: 'Quattrocento Sans', sans-serif; font-weight: 400; color: #333333; font-size: 1.3em; margin-bottom: .5em;}
h3 {font-family: 'Quattrocento Sans', sans-serif; font-weight: 400; color: #009ec5; font-size: 1em; margin-bottom: .5em; text-transform: uppercase;}
.homewrapper h1 {font-family: 'Quattrocento Sans', sans-serif; font-weight: 400; color: #888643; font-size: 1.6em; margin-bottom: .5em; margin-top: 0;}
a.external { background: url(images/extlink.gif) center right no-repeat; padding-right: 17px; }

/* CUSTOM PROPERTIES */
.cp_image { float: left; padding-right: 5px}
.cp_tag_label, .cp_tag { font-size: 13px; float:left; padding: 0px 5px  }
.cp_tag { border-right: 1px solid #EEE; display: block; float: left;  }