/* CSS Document */

/* --------------------------------------------
   Whole Health Challenge
   copyright (c) Whole Health Challenge (www.wholehealthchallenge.com)
   Design by Vespir Design (www.vespir.com)
   Last Update August 30, 2006
----------------------------------------------- */


/* GLOBAL ELEMENTS
----------------------------------------------- */
* { margin: 0; padding: 0; }
a { color: #0099FF; text-decoration: none; }
a:hover { color: #0099FF; text-decoration: underline; }
a img { border: none; }

body { background-color: #EAEBE5; font-family: Arial, Helvetica, sans-serif; width: 760px; margin: 0 auto; }


/* HEADER / NAVIGATION
----------------------------------------------- */
div#logo { float: left; margin-top: 60px; }
div#nav_main { float: right; margin-top: 88px; }
div#nav_main ul li { display: block; float: left; font-size: 10px; font-weight: bold; }
div#nav_main a { line-height: 12px;	padding: 4px 8px; display: block; color: #000; text-decoration: none; }
div#nav_main a:hover { background: #8CC63F; color: #FFF; }
div#nav_main ul li#active a { background: #8CC63F; color: #FFF; text-decoration: none; }


/* MAIN CONTENT
----------------------------------------------- */
div#main_content { width: 744px; height: 440px; background-color: #FFF; border: #DBDDD2 solid 8px; }
div#image_left { float: left; padding: 12px; }
div#content_right { float: left; padding: 12px; width: 376px; height: auto; }
div#content_right p#footnote { font-size: 10px; }
div#sub_nav { margin-top: 10px; margin-bottomn: 10px; }
div#sub_nav ul li { display: block; float: left; font-size: 10px; font-weight: bold; margin-right: 10px; }
div#sub_nav ul li a { color: #8CC63F; }
div#sub_nav ul li a:hover { color: #0066FF; text-decoration: none; }
div#sub_nav ul li#active a { color: #0066FF; }

div#content_right ul#prizes, ul#education, ul#contact_us, ul#directions { list-style: none; font-size: 12px; color: #898989; margin-bottom: 10px; }
div#content_right ul#schedule { list-style: none; font-size: 12px; color: #898989; margin-bottom: 10px; line-height: 2em; }

a.image_link img { float: left; width: 100px; margin-bottom: 6px; border: 1px solid rgb(160,160,160); text-decoration: none; }
a.image_link:hover img { border: 1px solid rgb(0,0,0); }

img#get_adobe { float: right; margin-top: 40px; margin-right: 90px; }


/* FOOTER
----------------------------------------------- */
div#footer { width: 728px; height: 12px; padding: 6px; background-color: #8CC63F; margin-left: 10px; }
div#footer p { font-size: 10px; color: #FFF; }
div#footer p a { color: #FFF; font-weight: bold; }

div#swirl { background-image: url(../images/swirl_bottom.gif); float: right; width: 278px; height: 153px; }


/* BLOCK FORMATTING
----------------------------------------------- */
h1 { font-size: 16px; font-weight: bold; color: #898989; margin-bottom: 10px; }
p { font-size: 12px; color: #898989; margin-bottom: 10px; }


/* CLASSES
----------------------------------------------- */
.clear { clear: both; }