/* CSS Document */

/* 
 RESET
-----------------------------------------------*/
html, body, div, span, applet, object, iframe, blockquote, pre, abbr, acronym, address, big, cite, code,del, dfn, ins, kbd, q, s, samp,
small, strike,sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td, img 
{margin: 0;    padding: 0;    border: 0;    outline: 0;    font-weight: inherit; font-style: inherit;    font-size: 100%;}

/* remember to define focus styles! */
:focus {outline: 0;}
body {line-height: 1.3; color: black;    background: white;}
ol, ul {list-style: none;}

/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate; border-spacing: 0;}
caption, th, td {text-align: left;    font-weight: normal;}
blockquote:before, blockquote:after,q:before, q:after {    content: "";}
blockquote, q {    quotes: "" "";}


/* styling */
body {
    font-size: 75%;
    font-family: tahoma, manaco, arial, sans-serif;
    background-color: #FAF9F4;
    color: #000;
    text-align: center;
    margin: 0;
    padding: 0; 
    background-image: url('images/header_bg.jpg');
    background-repeat: repeat-x;
    }
#header {
    text-align: left;
    height:120px;
margin: 0 auto;
width: 1000px;
clear: both;
vertical-align: top;
position: relative;
    }
#header #flash {
    width: 468px;
    float: right;
}
a {
    color: #555A9E;
    text-decoration: none;

    }
a:hover {
    color: #FF0000;
    text-decoration: none;

    }
.postTitle {
font-size: medium;
}
a.active:hover {
    font-weight: bold;
    color: #555A9E;
}
#mainContainer {
    margin: 10px auto;
    width: 1000px;
        padding: 10px;
text-align: center;
    }
#leftcontent {
    float: left;
        width: 725px;
text-align: left;
        
    }
.clearfloat {
    clear:both;
    height:0;
    line-height: 0px;
}
#rightnavigation {
    float:right;

    width: 262px;
    padding: 0px;
    border-style: solid;
    border-width: 1px;
    border-color: #000;
    min-height: 550px;
margin-bottom: 50px;
background-color:#FAF5CF;
    }
#footer {
    width: 100%;
    padding: 1em 0 2em;
    clear: both;
    border-top: 4px solid #555A9E;
    background-color: #FAF5CF;
    color: #FFF;
    line-height: 1.7em;
    vertical-align:bottom;
margin-bottom: 0px;
margin-top: 50px;
    }
#footernav {
width: 900px;
text-align: center;
margin: 0 auto;
}
#footernav p {
    margin: 0 auto;
    padding: 0;
    }
.yellowbar {
    background-color:#FAE54D;
vertical-align: top;
padding: 0;

    }
.yellowbar p{

    font-size: small;
    text-align: left;
    padding: 6px;
font-weight: bold;
    }
#footernav ul{
margin: 0 auto;
padding: 2px;
}
#footernav li{
display: inline;
padding-left: 20px;
}
.offwhitebar ul{
list-style-type: circle;
margin-left: 25px;
text-align: left;
}
.offwhitebar {
    background-color:#FAF5CF;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 10px;
    }
.searchBar {
    background-color:#FAF5CF;
padding-left: 10px;
padding-right: 10px;
min-height: 20px;
    }
.adventure {
list-style:url(http://exploringok.publishpath.com/Websites/exploringok/Images/arrow.png);
}
.postDate {
display: none;
}
#floatOklahoma {clear: both;width: 620px;padding-top: 20px;}
#floatOklahoma img {padding-top: 10px;}
#treasureLeft {float: left; width: 300px;}
#treasureRight {float: right; width: 300px;}
#sponsorsContainer {clear: both;}
#ourSponsors {clear: both;}
#ourSponsors img {padding-left: 10px;}
#header img {padding-left:padding-top: 5px;padding-right: 50px;}
.moveLeft {padding-left: 10px; padding-right: 10px; float: left;}
.moveRight {padding-left: 10px; padding-right: 10px; float: right;}

/* map */

#mapContainer h2 {
    font-size: 18px;
    color:#003399;
    }
img {
    border: 0;
    }
#mapContainer {
    width: 670px;
    height: 410px;
    }
#leftMap {
    float: left;
    height: 410px;
    width: 85px;
    }
#leftMapBottom {
    width: 209px;
    height: 325px;
    }
#rightMap {
    float: right;
    width: 461px;
    height: 410px;
    }
.visible {
    display: visible;
    }
.hidden {
    display: none;
} 
#radium3 {float:right;}