@charset "UTF-8";
/* CSS Document */
@import url(Reset.css);

/*MAIN ELEMENTS*/
img, div, a, input, image {behavior: url(iepngfix.htc);}
body {background: url(../images/bg.gif) repeat-x; font-family: Verdana, Geneva, sans-serif; font-size: 12px; color: #494949; line-height: 19px;}
a {color: #526821;}
div#wrapper {width: 940px;}
h2 {font-size: 14px; font-weight: bold; margin-bottom: -14px;}
h3 {font-size: 20px; font-style: italic; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; text-align: center;}

/* HEADER */
div#header-home {height: 394px;}
div#header {height: 235px;}
div#header div.logo, div#header-home div.logo {width: 211px; height: 149px; background: url(../images/logo.gif); float: left; margin-top: 8px; margin-left: 21px;}
div#header div.div-line, div#header-home div.div-line {height: 31px; width: 1px; background: #000; float: left; margin: 63px 20px 0 20px;}
div#header div.title {height: 26px; float: left; margin-left: 25px; margin-top: 25px;}
div#header-home div.phrase {background: url(../images/quote.gif) no-repeat; float: left; height: 141px; left: -231px; margin-top: -142px; position: relative; top: 292px; width: 482px;}
div#header-home div.puzzle {width: 444px; height: 365px; position: relative; z-index: -1; background: url(../images/puzzle.png) no-repeat; float: right; top: -64px; margin-bottom: -55px;}
div#header div.contact-tab, div#header-home div.contact-tab {background: url(../images/contact_tab.gif) no-repeat; width: 106px; height: 32px; text-align: center; position: relative; left: 835px; margin-bottom: -42px; padding-top: 5px;}
div#header div.contact-tab a, div#header-home div.contact-tab a {text-decoration: underline; color: #494949;}
div#header div.dose, div#header div.athletic, div#header div.story, div#header div.seminars, div#header div.corporate, div#header div.resources, div#header div.contact {float: right; z-index: -1; position: relative; margin-bottom: -115px; margin-right: 66px;}
div#header div.dose, div#header div.resources, div#header div.contact {background:url(../images/hero_girl.gif) no-repeat; width: 178px; height: 157px; top: -74px;}
div#header div.story {background: url(../images/hero_girls.gif) no-repeat; width: 265px; height: 165px; top: -82px;}
div#header div.seminars, div#header div.corporate {background: url(../images/hero_corporate.gif) no-repeat; width: 226px; height: 155px; top: -72px;}
div#header div.athletic {background: url(../images/hero_baseball.gif) no-repeat; width: 164px; height: 161px; top: -78px;}

/* NAVIGATION */
div#nav {width: 646px; height: 28px; float: left; background: url(../images/nav_bg.png) repeat-x; margin-top: 65px;}
div#nav div.divider {width: 10px; height: 28px; float: left;}
div#nav a.story, div#nav a.seminars, div#nav a.corporate, div#nav a.athletic, div#nav a.resources {display: block; float: left; height: 28px;}
div#nav a.story {background: url(../images/nav_story.gif) 0 0 no-repeat; width: 78px;}
div#nav a.seminars {background: url(../images/nav_seminars.gif) 0 0 no-repeat; width: 120px;}
div#nav a.corporate {background: url(../images/nav_corporate.gif) 0 0 no-repeat; width: 147px;}
div#nav a.athletic {background: url(../images/nav_athletic.gif) 0 0 no-repeat; width: 159px;}
div#nav a.resources {background: url(../images/nav_resources.gif) 0 0 no-repeat; width: 82px;}
div#nav a.selected {background-position: 0 -28px;}
div#nav a.story:hover, div#nav a.seminars:hover, div#nav a.corporate:hover, div#nav a.athletic:hover, div#nav a.resources:hover {background-position: 0 -28px;}

/* CONTENT AREA */
div.content-area-top {width: 940px; height: 9px; background: url(../images/main-content-top.gif) no-repeat;}
div#content-area {width: 940px; height: 100%; background: #e8e6e5;}

/* LEFT COLUMN */
div.left-column {width: 547px; float: left; margin-left: 19px; margin-top: 17px;}
div.left-column div.dark-grey-box {background: #D6D6D6; width: 521px; padding: 13px;}
div.left-column div.dark-grey-box hr {border: none; 100%; height: 1px; color: #666; background-color: #666;}
div.left-column div.light-grey-box {padding: 19px; width: 484px; background: #E8E6E5;}
div.left-column div.gray-box {width: 517px; background: #d6d6d6; padding: 15px;}
div.left-column div.gray-box a {color: #da791a}
div.left-column div.orange-box {background: #DFC59A; padding: 19px; width: 444px;}
div.left-column div.orange-box p {width: 296px;}
div.left-column div.dark-orange-box {background: #C8B18A; padding: 19px; width: 444px;}
div.left-column div.dark-orange-box a, div.left-column div.dark-orange-box-meredith a, div.left-column div.dark-green-box a {color: #526821; text-decoration: underline;}
div.left-column div.orange-box div.meredith {width: 197px; height: 182px; position: relative; background: url(../images/small_meredith.gif); left: 266px; margin-bottom: -76px; margin-top: -109px;}
div.left-column div.orange-box-meredith {width: 521px; padding: 13px; background: #DFC59A}
div.left-column div.orange-box-meredith div.meredith {width: 218px; height: 267px; background: url(../images/large_meredith.gif); float: right;}
div.left-column div.dark-orange-box-meredith {width: 521px; padding: 13px; background: #C8B18A}
div.left-column div.green-box {width: 521px; padding: 13px; background: #BFDF79}
div.left-column div.green-box div.post {padding: 15px 0;}
div.left-column div.green-box hr {color: #acc86d; background-color: #acc86d; border: none; width: 100%; height: 1px;}
div.left-column div.green-box p.date {float: right; font-size: 11px; font-style: italic; padding-top: 5px;}
div.left-column div.light-green-box {background: #D2E9A1; padding: 19px; width: 484px;}
div.left-column div.dark-green-box {width: 521px; padding: 13px; background: #ACC86D}
div.left-column div.green-box div.sign-up {width: 276px; background: #738649; padding: 18px; float: left; font-style: italic; color: #FFF;}
div.left-column div.green-box div.social {background: #D2E9A1; float: right; width: 157px; padding: 18px; font-style: italic;}
div.left-column div.green-box div.social div.social-btns {width: 168px; float: right; margin-right: -5px;}
div.left-column div.green-box div.social a.twitter, div.left-column div.green-box div.social a.facebook {width: 168px; height: 65px; display: block;}
div.left-column div.green-box div.social a.twitter {background: url(../images/twitter_btn.gif); margin-bottom: 15px;}
div.left-column div.green-box div.social a.facebook {background: url(../images/facebook_btn.gif);}
div.left-column ul.checkmarks {list-style-image: url(../images/checkmark.gif); margin: 20px 45px;}
div.left-column ul.checkmarks li {margin: 8px 0;}

/* BUCKETS */
div.right-column {width: 340px; float: right; margin-right: 21px; margin-top: 17px;}
div.right-column div.testimonial, div.right-column div.athletic  {width: 317px; background: #DFC59A; padding: 13px; margin-bottom: 16px;}
div.right-column div.athletic div.athletic-image {background: url(../images/athletic-image.gif); width: 111px; height: 133px; float: right;}
div.right-column div.corporate {width: 317px; background: #79D7DF; padding: 13px; margin-bottom: 16px;}
div.right-column div.corporate div.corporate-image {background: url(../images/corporate-image.gif); width: 126px; height: 117px; float: right;}
div.right-column div.testimonial p {margin: 10px; margin: 0 40px;}
div.right-column div.testimonial div.testimonial-image {background: url(../images/testimonial-image.gif); width: 141px; height: 193px; float: right;}
div.right-column div.testimonial blockquote {display: list-item; list-style-image:url(../images/quotes-open.gif); background: url(../images/quotes-close.gif) no-repeat right 98%;}
div.right-column div.daily-dose {width: 317px; background: #BFDF79; padding: 13px; margin-bottom: 16px;}
div.right-column div.daily-dose p {color: #4e4e4e;}
div.right-column div.daily-dose a {color: #B8842B; text-decoration: underline;}
div.right-column div.daily-dose div.social-icons {float: left;}
div.right-column div.daily-dose div.social-icons a.facebook {display: block; width: 39px; height: 39px; background: url(../images/dose_facebook_btn.gif); float: left;}
div.right-column div.daily-dose div.social-icons a.twitter {display: block; width: 39px; height: 39px; background: url(../images/dose_twitter_btn.gif); float: left; margin-left: 7px;}
div.right-column div.daily-dose div.links {float: right; margin-top: 10px;}
div.right-column div.upcoming {}

div#contact {width: 310px; background: #878787; color: white; font-style: italic; padding: 15px;}
p.form-label {display: block; text-align: right; width: 60px; float: left; height: 33px; margin-bottom: 10px;}
p.contact-label {display: block; text-align: right; width: 60px; float: left; height: 33px; margin-bottom: 10px;}
input[type="text"] {border: none; background: white; width: 205px; height: 33px; margin-bottom: 10px; float: right;}
textarea {border: none; background: white; float: right;}

/* FOOTER */
div.footer-wrapper {width: 940px; height: 82px; background: #E8E6E5; padding-top: 20px;}
div#footer {width: 940px; height: 82px; background: url(../images/footer_bg.jpg) no-repeat; color: #808080; font-size: 10px; text-align: right;}
div#footer p {margin-top: 39px; margin-right: 25px; float: right;}
div#footer a {color: #808080; text-decoration: none;}