/* 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;
	}