﻿/* Import the reset style sheet... */
@import "reset.css";

body {
    background: #dcddde;
    font-family: Georgia, "Times New Roman", Serif;
}

/* HTML TAGS */

p, ol, ul, blockquote, dl {
    font: normal .9em/1.3em Georgia, "Times New Roman", Serif;
    padding-bottom: 15px;
}

h1 {
    color: #0572A8;
    font: bold 1.3em/1.5em Georgia, "Times New Roman", serif;
    padding: 10px 0;
}

h2 {
    color: #0572A8;
    font: bold 1em/1.5em Georgia, "Times New Roman", serif;
}

h3 {
    color: #0572A8;
    font: bold .8em/1.3em Georgia, "Times New Roman", serif;
    padding: 10px 0;
}

a {color: #0079c1;}

a:hover {text-decoration: none;}

#wrap-outer {
    background: #fff;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    width: 1024px;
}

#wrap-inner {
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    width: 950px;
}

#top {
    background: url(/_images/bckgrd_top2.jpg) no-repeat;
    height: 147px;
}

#logo {
    float: left;
    padding: 30px 0 0 25px;
    width: 512px;
}

#globals {padding: 10px 0 0 0;}

#globals p {font: normal .7em/.75em arial, verdana, sans-serif;}

#globals a {padding: 0 5px;}

/*-------- Navigation -----------------*/

#nav {
    border-bottom: 1px solid #0079C1;
}

/* ---------------MAIN NAV--------------- */

#nav {
	height: 35px;
	overflow: hidden; 
}

/* links */

#nav a {
	display: block;
	float: left;
	margin: 0;
	height: 35px;
	padding-right: 0;
	text-indent: -9999px;
}

#nav_myth, #nav_myth a {
	width: 80px;
	background: url(../_images/nav.gif) no-repeat 0 0;
}

#nav_find, #nav_find a {
	width: 93px;
	background: url(../_images/nav.gif) no-repeat -80px 0;
}

#nav_involved, #nav_involved a {
	width: 85px;
	background: url(../_images/nav.gif) no-repeat -173px 0;
}

#nav_resources, #nav_resources a {
	width: 91px;
	background: url(../_images/nav.gif) no-repeat -258px 0;
}

#nav_news, #nav_news a {
	width: 66px;
	background: url(../_images/nav.gif) no-repeat -349px 0;
}

#nav_contact, #nav_contact a {
	width: 86px;
	background: url(../_images/nav.gif) no-repeat -415px 0;
}


/* hover state */

a:hover#nav_myth {
	background-position: 0 -37px;
}

a:hover#nav_find {
	background-position: -80px -37px;
}

a:hover#nav_involved {
	background-position: -173px -37px;
}

a:hover#nav_resources {
	background-position: -258px -37px;
}

a:hover#nav_news {
	background-position: -349px -37px;
}

a:hover#nav_contact {
	background-position: -415px -37px;
}

/* here states */

body.myth #nav #nav_myth, body.myth #nav #nav_myth a, body.myth #nav #nav_myth a:hover {
	background-position: 0 -37px;
}

body.find #nav #nav_find, body.find #nav #nav_find a, body.find #nav #nav_find a:hover {
	background-position: -80px -37px;
}

body.involved #nav #nav_involved, body.involved #nav #nav_involved a, body.involved #nav #nav_involved a:hover {
	background-position: -173px -37px;
}

body.resources #nav #nav_resources, body.resources #nav #nav_resources a, body.resources #nav #nav_resources a:hover {
	background-position: -258px -37px;
}

body.news #nav #nav_news, body.news #nav #nav_news a, body.news #nav #nav_news a:hover {
	background-position: -349px -37px;
}

body.contact #nav #nav_contact, body.contact #nav #nav_contact a, body.contact #nav #nav_contact a:hover {
	background-position: -415px -37px;
}

/*-------- Content --------------------*/

#content {
    float: left;
    width: 940px;
}

#contentHome {
    float: left;
    width: 700px;
}

#sponsorLogos {
    border-top: 1px dotted #0572A8;
    
    width: 515px;
}

#connect {
    border-top: 1px dotted #0572A8;
    float: right;
    width: 160px;
}

#connect h3 {padding-bottom: 15px;}

.conBtn {padding: 0 7px 0 0;}

.photoStyle {
    border: 1px solid #539ad3;
    padding: 5px;
}

#tierBottom {
    width: 100%;
}


/*-------- Sidebar --------------------*/

#sidebar {    
    margin: 0 0 0 724px;
}

#didYouKnow h2 {
    background: url(../_images/hdr_diduknow.gif) no-repeat 0 0;
    display: block;
	height: 35px;
	position: relative;
	text-indent: -9999px;
	top: -20px;
}

#didYouKnow li ul li {
    font-size: 1.2em;
    padding: 0 0 0 -10px;
    margin: 0 0 0 -10px;
    line-height: 1.4em;
}

#didYouKnow li {
    list-style: circle;
    font-size: .8em;
    padding: 0;
    margin: 0 0 0 -10px;
}

.newsStory {
    border-top: 1px solid #0079C1;
    padding: 10px 0;
}

h4 {
    font-weight: bold;
    padding: 0 0 10px 0;
}

#news {
    margin: 5px 0 20px 0;
}

#newsHdr {
    border-top: 1px dotted #0572A8;
    border-bottom: 1px dotted #0572A8;
    margin: 10px 0;
    padding: 5px 0;
}

#tbanner {
    border-top: 1px dotted #0572A8;
    float: right;
    height: 130px;
    margin: 0 0 0 20px;
    padding: 10px 0 0 0;
    width: 243px;
}

/*-------- Sidebar --------------------*/

#footer {
    background: #636467;
}

#footer p {
    background: #77787B;
    color: #fff;
    font-size: .8em;
    margin: 0 auto;
    padding: 10px;
    text-align: center;
    width: 950px;
}


/*-------- Misc. --------------------*/

.clear {clear: both;}
