/* Start of CMSMS style sheet 'main' */
/* COPYRIGHT 2009 FRESH FRAME MEDIA */

/* ########## general defaults ################################################################## */

/* === html === */
html {
    min-height: 100%;
}

/* === body === */
body {
    margin: 0px;

    padding: 0px;

    font-family: arial;
    font-size: 12px;
    font-weight: normal;

    color: #000000;

    cursor: default;

    background-color: #b5c5d2;
    background-image: url(images/bg_body.png);
    background-repeat: no-repeat;
    background-position: center bottom;
}

/* === paragraphs === */
p {
    margin-top: 12px;
    margin-bottom: 0px;

    line-height: 20px;
}

/* === headings === */
h1 {
    margin-top: 0px;
    margin-bottom: 0px;

    font-family: century gothic, trebuchet ms, helvetica;
    font-size: 26px;
    font-weight: bold;

    color: #2a4e6c;
}
h2 {
    margin-top: 0px;
    margin-bottom: 0px;

    font-family: century gothic, trebuchet ms, helvetica;
    font-size: 24px;
    font-weight: bold;

    color: #3a4731;
}
h3 {
    margin-top: 0px;
    margin-bottom: 0px;

    font-family: century gothic, trebuchet ms, helvetica;
    font-size: 18px;
    font-weight: bold;

    color: #546549;
}
h4 {
    margin-top: 0px;
    margin-bottom: 0px;

    font-family: century gothic, trebuchet ms, helvetica;
    font-size: 18px;
    font-weight: bold;

    color: #1e364b;
}

/* === links === */
a {
    font-weight: bold;

    text-decoration: none;

    color: #2a4e6c;

    cursor: pointer;
}
a:hover {
    color: #b5c5d2;
}

/* === linked images === */
a img {
    border: 0px;
}

/* === forms === */
form {
    display: inline;
}

/* === form elements === */
input, select, textarea {
    display: inline;

    margin: 0px;

    padding: 0px;

    cursor: text;
}

/* === lists === */
ul, ol {
    margin: 15px 0px 0px 50px;

    padding: 0px;
}
li {
    margin-top: 5px;

    line-height: 20px;
}

/* ########## P classes ######################################################################### */

/* === news_headline === */
p.news_headline {
    font-family: arial;
    font-size: 13px;
}

/* === news_date === */
p.news_date {
    margin-top: -5px;

    font-family: arial;
    font-size: 11px;

    color: #969696;
}

/* === news_content === */
p.news_content {
    margin-top: 6px;

    line-height: 17px;
}

/* ########## H classes ######################################################################### */

/* === news_title === */
h3.news_title {
    margin-top: 12px;
}

/* ########## DIV classes ####################################################################### */

/* === clear === */
div.clear {
    clear: both;
}

/* ########## IMG classes ####################################################################### */

/* === sponsor === */
img.sponsor {
    margin-right: 8px;
    margin-bottom: 16px;

    float: left;
}

/* === content_left === */
img.content_left {
    margin-right: 10px;
    margin-bottom: 10px;

    float: left;
}

/* === content_right === */
img.content_right {
    margin-right: 10px;
    margin-bottom: 10px;

    float: right;
}

/* === content_right === */
img.content_border {
    border: 3px solid #879b78;
}

/* ########## container DIV ##################################################################### */

/* === div === */
div#container {
    width: 880px;

    margin: 0px auto;
}

/* ########## header DIV ######################################################################## */

/* === div === */
div#header {
    height: 370px;

    position: relative;
}

/* ########## banner DIV ######################################################################## */

/* === div === */
div#banner {
    width: 639px;
    height: 344px;

    position: absolute;
    left: 0px;
    bottom: 0px;
}

/* ########## mnav DIV ########################################################################## */

/* === div === */
div#mnav {
    width: 241px;
    height: 344px;

    position: absolute;
    right: 0px;
    bottom: 0px;

    background-image: url(images/bg_mnav.jpg);
    background-repeat: no-repeat;

    cursor: auto;
}

/* === images === */
div#mnav img {
    position: absolute;
    left: 0px;

    border: 0px;
}
div#mnav img#mnav_home {
    top: 41px;
}
div#mnav img#mnav_our_program {
    top: 66px;
}
div#mnav img#mnav_idc_expeditions {
    top: 92px;
}
div#mnav img#mnav_nunasi_expeditions {
    top: 118px;
}
div#mnav img#mnav_our_sponsors {
    top: 143px;
}
div#mnav img#mnav_leadership {
    top: 169px;
}
div#mnav img#mnav_photo_gallery {
    top: 194px;
}
div#mnav img#mnav_news_and_media {
    top: 219px;
}
div#mnav img#mnav_contact_us {
    top: 245px;
}
div#mnav img#mnav_screen {
    width: 241px;
    height: 344px;

    top: 0px;
}

/* ########## search div ######################################################################## */

/* === div === */
div#search {
    margin-bottom: 18px;

    font-family: arial;
    font-size: 13px;

    color: #546549;
}

/* === text field === */
input.search_text {
    width: 142px;
    height: 18px;

    margin-top: 6px;

    padding: 3px 0px 0px 3px;

    border: 2px solid #aaaaaa;

    font-family: arial;
    font-size: 12px;

    vertical-align: middle;
}

/* === submit button === */
input.search_submit {
    margin-top: 6px;
    margin-left: 4px;

    vertical-align: middle;

    cursor: pointer;
}

/* ########## footer DIV ######################################################################## */

/* === div === */
div#footer {
    margin: 17px 99px 5px 89px;

    font-size: 11px;

    color: #ffffff;
}

/* ########## thumbnail TABLE ################################################################### */

/* === table === */
table.thumbnail {
    width: 68px;
    height: 68px;

    margin-right: 10px;
    margin-top: 10px;

    border-collapse: collapse;

    float: left;
}

/* === cells === */
table.thumbnail td {
    padding: 0px;

    text-align: center;

    vertical-align: middle;
}

/* === images === */
table.thumbnail img {
    border: 2px solid #f6d309;
}
/* End of 'main' */