/*-------style reset-------*/
html, body, div, span, h1, h2, h3, p, em, font, img, ol, ul, li, form, label, img{ margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit;}
:focus {outline: 0;}
ol, ul {list-style: none;}

body {font: 62.5% arial, helvetica, verdana, sans-serif; text-align: center; margin: 0 auto; background-color: #E6D5B0;}

#container {position: relative; text-align: left; width: 803px; margin: 0 auto; background: #fff url(images/containerTile.gif) repeat top center;}
#content {padding-top: 200px; background: url(images/header.jpg) no-repeat top center;}
#content2 {padding-top: 160px; background: url(images/header2.jpg) no-repeat top center;}
#content3 {padding-top: 160px; background: url(images/header3.jpg) no-repeat top center;}

h1 {font-size: 1.8em; font-weight: bold; color: #2258A7; padding: 18px 0 5px 43px; line-height: 1.1em;}
h1 span {font-size: 1em; font-style: italic;}
h2 {font-size: 1.6em; font-weight: bold; color: #2258A7; padding: 5px 0 5px 43px;}
p {font-size: 1.2em; color: #333; padding: 0 50px 15px 43px;}
p.margin {font-size: 1.2em; color: #333; padding: 0 480px 5px 43px;}
p.margin2 {font-size: 1em; color: #333; padding: 20px 380px 5px 43px;}
p.thankyou {padding: 18px 0 0px 43px; font-size: 2em; font-weight: bold; color: #cc0000;}
a {color: #2258A7;}

ul {margin: 0 50px 12px 53px; list-style: disc inside;}
ul li {font-size: 1.2em; color: #333; padding: 0 0 3px 0;}

ul.disc {margin: 0 50px 12px 58px; list-style: disc outside;}
.join {float: right; margin: 0 0 10px 15px;}

.floatLeft {float: left; margin: 0 20px 10px 43px;}
.floatRight {float: right; margin: 0 40px 20px 43px;}
.imgRight {float: right; padding: 0 40px 20px 43px;}
.toon {float: right; margin: 0 40px 50px 30px;}

.slide {text-align: center;}
#content2 .box {position: relative; background-color: #876947; padding: 15px 0 7px 10px; margin: 0 80px 5px 43px; border: 1px solid #CE9E67;}
#content2 .box p {padding: 0 50px 3px 43px; color: #fff; font-weight: bold;}
#content2 .box ul li {color: #fff; font-weight: bold;}

/*---------homepage---------*/
.events {height: 191px; width: 234px; margin: 10px 0 0 43px; padding: 10px 0 5px 15px; background: #555 url(images/eventsBkgd.gif) no-repeat top center;}
.events h2 {text-transform: uppercase; font-size: 1.4em; font-weight: bold; color: #fff; padding: 0 0 3px 0;}
.events ul {margin: 0 0 0 15px;}
.events ul li {color: #fff; font-size: 1.2em; list-style: disc outside; padding: 0 0 5px 0;}
.events h3 {text-transform: uppercase; font-size: 1.4em; font-weight: bold; color: #fff; padding-top: 10px; margin: 10px 20px 0 0; border-top: 1px solid #a78b6c;}
.events p {float: left; padding: 0 10px 0 0;}
.events a {color: #fff;}

.list {position: absolute; top: 505px; right: 243px; width: 190px;}
.list p {padding: 0 0 5px 0; font-weight: bold; font-size: 1.3em; color: #2258a7;}
.list form input {float: left; border: 1px solid #666666;}
.list form #send {position: relative; top: -5px; left: 3px; background-color: #745337; color: #fff;}
.list form .error {color: #cc0000; font-weight: bold;}
.list form .thanks {color: #000;}

.results {position: absolute; top: 555px; left:43px; width: 163px; height: 32px; overflow: hidden;}
.results a {display: block; color: #0129E0; padding: 40px 0 0 0; height: 38px; background: url(images/btn_RaceResults.gif) no-repeat top center;}
.results a:hover {color: #585858; background: url(images/btn_RaceResults.gif) no-repeat 0 -32px;}

.racephoto {position: absolute; top: 555px; left: 210px; width: 163px; height: 32px; overflow: hidden;}
.racephoto a {display: block; color: #0129E0; padding: 40px 0 0 0; height: 38px; background: url(images/btn_racephotos.gif) no-repeat top center;}
.racephoto a:hover {color: #585858; background: url(images/btn_racephotos.gif) no-repeat 0 -32px;}

.donate {position: absolute; top: 570px; right: 282px; width: 150px; height: 71px; text-align: center; background: url(images/donateBkgd.gif) no-repeat top center;}
.donate h2 {text-transform: uppercase; font-size: 1.5em; font-weight: bold; color: #fff; padding: 4px 0 3px 0;}
.donate h2 span {color: #66CCFF;}

#linkMain {position: absolute; top: 155px; right: 20px; width: 420px; height: 352px; overflow: hidden;}
#linkMain p {padding: 0;}
#linkMain .courage {float: left; text-indent: -9000px; height: 352px; width: 125px; background: url(images/AndiStory.jpg) no-repeat left top;}
#linkMain .courage:hover {background: url(images/AndiStory.jpg) no-repeat left bottom;}
#linkMain .walkrun {float: left; text-indent: -9000px; height: 352px; width: 147px; background: url(images/WalkRun.jpg) no-repeat left top;}
#linkMain .walkrun:hover {background: url(images/WalkRun.jpg) no-repeat left bottom;}
#linkMain .heros {float: left; text-indent: -9000px; height: 352px; width: 146px; background: url(images/Heros.jpg) no-repeat left top;}
#linkMain .heros:hover {background: url(images/Heros.jpg) no-repeat left bottom;}

.linkSec {position: absolute; top: 535px; right: 50px; width: 150px; height: 71px; text-align: center; margin: 0;}
.linkSec li {font-size: 1.2em; font-weight: bold; width: 155px; text-transform: uppercase; list-style: none; padding: 0;}
.linkSec li a {color: #fff; text-decoration: none; display: block; padding: 4px 0 3px 0; margin-bottom: 2px; background: url(images/secLinkbkgd.gif) no-repeat top center;}
.linkSec li a:hover {background: url(images/secLinkbkgd.gif) no-repeat bottom center;}
* html .linkSec li a {margin-bottom: 0;}

/*------------sponsors------------*/
.miracles {width: 481px; margin-left: 43px; background: url(images/miracles_bkgd.gif) repeat-y top center;}
.miracles h2 {font-size: 1.8em; padding: 0 0 14px 10px; background: #fff url(images/miracles_heading.gif) no-repeat bottom center;}
.miracles h2 span {font-size: .6em; padding: 5px 0 0 115px;}
.miracles .sponsorPics {text-align: center; background: url(images/miracles_sponsorsBkgd.gif) no-repeat bottom center;}
.miracles .sponsorPics img {margin: 5px 20px 20px 20px;}
.hope {width: 481px; margin: 15px 0 0 43px; background: url(images/hope_bkgd.gif) repeat-y top center;}
.hope h2 {font-size: 1.8em; color: #6F4C2B; padding: 0 0 14px 10px; background: #fff url(images/hope_heading.gif) no-repeat bottom center;}
.hope h2 span {font-size: .6em; padding: 5px 0 0 170px;}
.hope .sponsorPics {height: 650px; text-align: center; background: url(images/hope_sponsorsBkgd.gif) no-repeat bottom center;}
.hope .sponsorPics img {margin: 7px;}
.grace {width: 481px; margin: 15px 0 0 43px; background: url(images/grace_bkgd.gif) repeat-y top center;}
.grace h2 {font-size: 1.8em; color: #525252; padding: 0 0 14px 10px; background: #fff url(images/grace_heading.gif) no-repeat bottom center;}
.grace h2 span {font-size: .6em; padding: 5px 0 0 170px;}
.grace .sponsorPics {text-align: center; height: 375px; background: url(images/grace_sponsorsBkgd.gif) no-repeat bottom center;}
.grace .sponsorPics p {font-size: 1.6em; font-weight: bold; padding: 10px 0 0 0;}
.inkind {float: right; width: 242px; margin-right: 20px; background: url(images/inkind_bkgd.gif) repeat;}
.inkind h2 {padding: 0 0 0 10px; background-color: #fff;}
.inkind p {padding: 0 10px 25px 10px; background: #fff url(images/inkind_heading.gif) no-repeat bottom center;}
.inkind .sponsorPics {text-align: center; background: url(images/inkind_sponsorsBkgd.gif) no-repeat bottom center;}
.inkind .sponsorPics img {margin-bottom: 8px;}
.inkind .sponsorPics p {font-size: 1.6em; font-weight: bold; background: url(images/inkind_bkgd.gif) repeat; padding: 10px 0 0 0;}
* html .inkind {margin-right: 10px;}

/*------------secNav------------*/
.secNav {position: absolute; top: 170px; right: 10px; padding-right: 20px; color: #765025;}
.secNav a {color: #765025; padding: 0 2px; text-decoration: none; color: #765025; font-weight: bold;}
.secNav a:hover {color: #2258A7;}
#content2 .secNav {position: absolute; top: 110px; right: 10px;}
#content3 .secNav {position: absolute; top: 110px; right: 10px;}

/*------------race page------------*/
a.schedule {display: block; overflow: hidden; width: 164px; height: 28px; background: url(images/btnSchedule.gif) no-repeat top left;}
a.schedule:hover {background: url(images/btnSchedule.gif) no-repeat bottom left;}
a.volunteer {float: left; display: block; overflow: hidden; width: 142px; height: 27px; margin-right: 10px; background: url(images/btnVolunteer.gif) no-repeat top left;}
a.volunteer:hover {background: url(images/btnVolunteer.gif) no-repeat bottom left;}
p.management {position: absolute; top: 670px; right: -35px; padding: 30px 70px 80px ; width: 190px; text-align: center; height: 61px;}

p.management2 {position: absolute; top: 1150px; right: 50px; padding: 30px 70px 80px 0; width: 190px; text-align: right; height: 61px; background: url(images/secondwind-logo.gif) no-repeat top right;}
p.management3 {position: absolute; top: 650px; right: 80px; width: 190px; height: 50px; background: url(images/secondwind-logo.gif) no-repeat top right;}

p.maps span {color: #2258A7; font-weight: bold; font-size: 1.2em;}
p.hotel {position: absolute; top: 387px; right: 40px; border-left: 1px solid #a8a8a8; padding: 10px 0 10px 10px;}
p.hotel span {color: #2258A7; font-weight: bold;}
p.galleries {padding: 0 0 45px 0; margin: 0 0 10px 43px; width: 200px; font-size: 1.5em; color: #2258A7; font-weight: bold; background: url(images/sadlershots-logo.gif) no-repeat 0 22px;}
p.galleries2 {float: right; padding: 0 0 45px 0; margin-right: 350px; font-size: 1.5em; color: #2258A7; font-weight: bold; background: url(images/flickr.gif) no-repeat 0 22px;}
p.galleries3 {float: right; padding: 0 0 45px 0; margin-right: 50px; font-size: 1.5em; color: #2258A7; font-weight: bold; background: url(images/flickr.gif) no-repeat 0 22px;}
* html p.galleries2 {margin-right: 175px;}

p.galleries a:hover, p.galleries2 a:hover, p.galleries3 a:hover {color: #5880BE;}
.fashion {width: 564px; height: 130px; margin: 0 0 20px 43px; background: url(images/fashionTop.gif) no-repeat top center;}
.fashion h2 {padding: 13px 20px 0 20px; color: #fff;}
.fashion p {padding: 0 20px 10px 20px; color: #fff;}
.fashion p a {color: #ffffff;}
.bridgerun {position: absolute; top: 603px; right: 40px; width: 308px; height: 98px;}
.bridgerun p {padding: 15px 0 0 105px;}
.bridgerun img {float: left;}

.results2 {width: 163px; height: 32px; overflow: hidden; padding: 0; margin: 0 0 10px 43px;}
.results2 a {display: block; color: #0129E0; padding: 40px 0 0 0; height: 38px; background: url(images/btn_RaceResults.gif) no-repeat top center;}
.results2 a:hover {color: #585858; background: url(images/btn_RaceResults.gif) no-repeat 0 -32px;}


/*------------heroes page------------*/
.whos {float: right; margin: 0 50px 0 40px;}
.herosRight {float: right; padding: 18px 60px 0 43px;}
.heroespage h3 {font-size: 1.3em; font-weight: bold; color: #000; padding: 10px 0 2px 0; margin: 0 300px 0 43px; border-top: 3px dotted #ccc;}
.heroespage h2.margin {margin-top: 10px;}

/*------------in the news------------*/
.news h3 {font-size: 1.3em; font-weight: bold; color: #000; padding: 10px 0 2px 0; margin: 0 50px 0 43px; border-top: 3px dotted #ccc;}

/*------------scholarships------------*/
#scholarship_photo {position: relative; padding: 5px 0px 15px 43px;}


/*------------footer------------*/
#footer {height: 120px; background: url(images/footerBkgd.jpg) no-repeat top center;}
#footer p {text-align: center; font-size: 1em; position: relative; top: 128px; line-height: 1.5em;}
#footer a {color: #333;}
#footer a:hover {color: #777;}
#footer .donate2 {position: relative; top: -65px; left: 630px; width: 150px; height: 71px; text-align: center; background: url(images/donateBkgd2.gif) no-repeat top center;}
#footer .donate2 h2 {text-transform: uppercase; font-size: 1.5em; font-weight: bold; color: #fff; padding: 4px 0 3px 0;}
#footer .donate2 h2 span {color: #66CCFF;}
* html #footer .donate2 {margin: 0 10px 0 0;;}