body { font-size: 76%; margin: 0; padding:0; background-color: #E8E8E8; color: #444; font-family: arial, helvetica, sans-serif; text-align: center; }

img { border: none; }
img.left { float: left; margin: 0 15px 15px 0; }
div.clear { clear: both; font-size: 1px; height: 1px; line-height: 1px; }

p { margin-top: .7em; margin-bottom: 2em; }
h1 { font-size: 20px; margin: 4px 0 0 0; padding: 0; }
h2 { font-size: 15px; }
a { color: #09f; text-decoration: none; }
a:hover { text-decoration: underline; }

blockquote { margin: 0 auto; padding: 0px 10px; width: 400px; background-color: #e5e8e9; border: 0px solid #2e2e2e; }
blockquote p { margin-bottom: 0; padding-bottom: 0; }
blockquote p strong { font-size: 13px; }
blockquote ul { margin-top: 0; padding-top: 0; margin-left: 0; padding-left: 132px; }

.center { margin: auto; text-align: center; }

#skipNav { display: none; }
#siteTag { margin: 14px auto 0 auto; padding: 0; background: url(/img/mainlogo.png) no-repeat 10px 0px; width: 805px; height: 27px; text-align: left; color: #2990DF; }
#siteTag a { display: block; margin-left: 10px; width: 275px; height: 27px; }
#siteTag span { display: none; }

#container { margin: 0 auto; padding: 0 15px; width: 801px; text-align: left; background: url(/img/body_main.png) repeat-y left top; position: relative; }
body.sidebar #container {background-image: url(/img/body_main2.png) }

#primaryNav { background: url(/img/body_top_sub.png) no-repeat left top; margin: 0 -15px; height: 150px; }
#primaryNav ul { margin: 0; padding: 0; background: url(/img/subpage/nav_main_sub.png) repeat-x left top; float: right; position: relative; left: -14px; top: 32px; }
#primaryNav ul li { margin: 0; padding: 8px 0; list-style-type: none; float: left; }
#primaryNav ul li.first { background: url(/img/subpage/nav_end_sub.png) no-repeat left top; }
#primaryNav ul li a { padding: 0 40px; display: block; height: 14px; background-repeat: no-repeat; background-position: 40px -14px; }
#primaryNav ul li a:hover,#primaryNav li a.on { background-position: 40px 0px; }
#primaryNav ul li a span { display: none; }
#primaryNav li a.on span.arrow  { display: block; height: 11px; background: url(/img/nav/nav_triangle.png) no-repeat center bottom; position: relative; top: 17px; left: 0;  }

#primaryHome { width: 39px; background-image:url(/img/nav/switch_home.gif) }
#primaryMeet { width: 124px; background-image:url(/img/nav/switch_mtn.gif) }
#primaryField { width: 73px; background-image:url(/img/nav/switch_ft.gif) }
#primaryContact { width: 76px; background-image:url(/img/nav/switch_cntct.gif) }

#secondaryNav { margin:0; padding: 0 0 5px 0; background: url(/img/subpage/subnav_bluefade.png) repeat-y left top; }
#secondaryNav li { margin: 0; padding: 0; list-style-type: none; font-size: 16px; line-height: 16px;}
#secondaryNav li a { margin-left: -5px; padding: 9px 15px 6px 15px; display: block; width: 188px; text-decoration: none; color: #00567C; font-weight: bold;}
#secondaryNav li a:hover { background: url(/img/subpage/subnav_select2.png) no-repeat 0px 0px; }
#secondaryNav li a.on { background: url(/img/subpage/subnav_select.png) no-repeat 0px 0px; }
#secondaryNav li ul { margin: 0; padding: 0; }
#secondaryNav li ul li { font-size: 12px; }
#secondaryNav li ul li a { padding: 3px 15px 3px 30px; width: 173px; font-weight: normal; text-decoration: underline; }
#secondaryNav li ul li a:hover { background: url(/img/subpage/subnav_select2.png) no-repeat 0px 0px; }
#secondaryNav li ul li a.on { background: url(/img/subpage/subnav_select_sm.png) no-repeat 0px 0px;}

#flashHeader { margin: 10px 0; padding: 0; background-color: transparent; border: none; }
#home #flashHeader { margin: 0; }
#flashHeader p { color: #999; }
#flashHeader p span { display: none; }

#resources { float: left; width: 214px; padding-right: 20px; }

#resources h1 { margin: 10px 0 5px 0; padding: 0; background-repeat: no-repeat; background-position: left top; width: 214px; }
#resources h1 a { width: 214px; height: 31px; display: block; }
#resources h1 span { display: none; }
#resources .quiz { margin: 10px 0; padding: 2px 0; }
#resources h2 { margin: 0; padding: 10px 0; color: #006DA8; font-size: 15px; }
#resources .quiz h2 { margin: 0 15px; }
#resources .quiz p { margin-left: 17px; margin-right: 15px; }
#resources .quiz p.more { text-align: right; }
#resources .quiz p.more a { color: #015476; }
#resources .quiz ul { margin: 0 7px; padding: 0; text-align: center; clear: left; }
#resources .quiz ul li { margin: 0; padding: 0; list-style-type: none; display: inline; }
#resources .quiz dl { margin: 0 15px 15px 15px; padding: 0; }
#resources .quiz dt { margin : 0px auto; color: #CE5909; font-size: 44px; text-align: center; }
#resources .quiz dd { padding-top: 5px; margin-left: 0px; margin-right: 0px; }

#byNumbers { background: #FFDE73 url(/img/fade_yellow.png) repeat-x left top; }
#byNumbers dd em { display: block; margin-top: 1em; }
#byNumbers_nav li { float: left; }
#byNumbers_nav li a { display: block; height: 26px; }
#byNumbers_nav li a.back { width: 68px; background: url(/img/button_back.png) no-repeat left top; }
#byNumbers_nav li a.all { width: 70px; background: url(/img/button_seeall2.png) no-repeat center top; }
#home #byNumbers_nav li a.all { width: 118px; background: url(/img/button_seeall.png) no-repeat center top; }
#byNumbers_nav li a.next { width: 62px; background: url(/img/button_next.png) no-repeat right top; }
#byNumbers_nav li a span { display: none; }

#primaryContent { padding-bottom: 20px; float: left;  width: 550px; }
#primaryContent strong { color: #2e2e2e; }
#primaryContent h1 { color: #026CA6; }
#primaryContent h2 { color: #026CA6; }
#primaryContent p.success { margin: 20px auto; text-align: center; }
#primaryContent p.error { color: #026CA6; margin: 20px auto; text-align: center; }
#primaryContent p.error strong { color: #026CA6; }
#primaryContent form p strong.error,
#primaryContent form label.error,
#primaryContent form input.error { color: #026CA6; }
#primaryContent input.error,
#primaryContent textarea.error { border: 1px solid #c00; }

#primaryContent dl.byNumbers dt { margin: 0; padding: 0; font-weight: bold; color: #2e2e2e; }
#primaryContent dl.byNumbers dd { margin: 0 0 20px 0; padding: 0; }
#primaryContent dl.byNumbers dd em { display: block; margin-top: .4em; }

#footer { margin: 0 auto; padding: 20px 0; clear: both; width: 831px; text-align: right; background: url(/img/body_bottom.png) no-repeat left top; }
#footer p { float: left; width: 607px; }
#footer img { display: inline; margin-right: 10px; }


/* Homepage */
#home #primaryNav { background-image: url(/img/body_top_home.jpg); height: 67px; }
#home #primaryNav ul { background-image: url(/img/nav/nav_main.png); }
#home #primaryNav ul li.first { background-image: url(/img/nav/nav_end.png); }

#home #resources { float: right; padding-bottom: 0; padding-right: 0; background-color: #fff; width: 260px; position: relative; z-index: 99; }
#home #flashHeader { clear: left; margin: 0; padding: 0;  }
#home #flashHeader p { display: none; }
#home p.homecontent { padding-left: 20px; padding-right: 20px; font-family: arial, helvetica, sans-serif; color: #444444; font-size: 13px; }
#home p.homecontent strong { color: #2e2e2e; }

#home #primaryContent { padding-bottom: 0; float: none; width: auto; }
#home #resources .quiz { margin: 6px 0 6px 6px; }

#otherInfo { margin-top: 15px; clear: left; background: url(/img/fade_blue.png) repeat-x left top; }
#otherInfo h2 { margin: 0; padding: 10px 0; color: #006DA8; font-size: 15px; }
#otherInfo p { margin: 0; padding: 0 0 10px 0; }
#otherInfo p.more { text-align: right; }

#test { margin-top: 0 !important; background: #C0D72D url(/img/fade_green.png) repeat-x left top; }
#test p.more { padding-top: 10px; }

#factoids { margin: 10px 0 -9px 0; padding-bottom: 86px; float: left; width: 510px; }
#factoids .factoid { clear: left; }
#factoids .factoid p { padding-left: 150px; }
#factoids .factoid img { margin: 14px 25px 14px 25px; }
#newEnergy { background: url(/img/dottedline.png) no-repeat right top; padding-top: 10px; margin: 10px 0 10px 0; }

#dashboard { margin: 0 0 0 7px; padding: 0; clear: left; }
#dashboard .app { margin: 0 13px; padding: 0; list-style-type: none; float: left; text-align: center; vertical-align: bottom; width: 170px; }
#dashboard .app a { text-decoration: none; }
#dashboard .app img { margin: 5px auto; vertical-align: middle; }
#dashboard .app a:hover span { text-decoration: underline; }

#home #resources .quiz ul { margin: 40px 0 0 0; width: 254px; padding: 0 3px; }
#home #byNumbers_nav li a.all { width: 118px; }
#home #footer { position: relative; top: -92px; background-color: #E8E8E8; }

/* Contact Us */
#primaryContent.contact_us { background: transparent url(/img/fade_blue.png) repeat-x scroll left top; width: 801px; margin-left: 1px; }
#primaryContent.contact_us h2 { margin: 20px auto; text-align: center; font-size: 17px; }

#contact_form { margin: 0 0 -25px 0; padding: 0 225px; }
#contact_form p { text-align: right; }
#contact_form p.text input { width: 200px; }
#contact_form p#name input { width: 96px; }
#contact_form p.subject { text-align: left; }
#contact_form p.subject input { width: 345px; }
#contact_form p.textarea { text-align: left; }
#contact_form textarea { width: 345px; height: 100px; }
#contact_form p.submit { margin: 0 auto; padding-bottom: 25px; text-align: center; }



/* sidebar */
body.sidebar #primaryContent { width: 410px; }
#sidebar { position: absolute; left: 691px; top: 144px; width: 110px; }
#sidebar h3,
#sidebar h3 a { text-decoration: none; text-align: center; color: #2e2e2e; font-size: 12px;}
#sidebar h3.ev { margin-bottom: 0px; padding-bottom: 0px}
#sidebar strong { color: #2e2e2e; font-size: 11px; }
#sidebar p { font-size: 10px;}
#sidebar p.ev { text-align: center; margin-top: 0px; padding-top: 0px}

/* shadows */
body#bubble #shadow { background: url(/img/bubbleboy_sm.png) no-repeat 0px bottom; height: 86px; }
body#kite #shadow  { background: url(/img/subpage/kyteboy.gif) no-repeat 10px bottom; height: 220px; }
body#skate #shadow { background: url(/img/subpage/skateboarder.gif) no-repeat 78px bottom; height: 122px; }
body#frisbee #shadow { background: url(/img/subpage/frisbee-dog.gif) no-repeat 24px bottom; height: 156px; }
body#bike #shadow { background: url(/img/subpage/biker.gif) no-repeat 84px bottom; height: 132px; }
body#home #bubble { background: url(/img/bubbleboy.png) no-repeat 25px bottom; height: 86px; position: relative; top: -86px; }
* html #shadow { position: relative; z-index: -1; }

body#bubble #primaryContent { margin-bottom: -86px; }
body#kite #primaryContent { margin-bottom: -220px; }
body#skate #primaryContent { margin-bottom: -122px; }
body#frisbee #primaryContent { margin-bottom: -156px; }
body#bike #primaryContent { margin-bottom: -132px; }
body#home #primaryContent { margin-bottom: 0; }

/* testChart */
#testChart { padding-top: 20px; clear: left; }
#testChart ul.legend { margin: 0; padding: 0; width: 530px; height: 27px; background: url(/img/testchart/key.gif) no-repeat left top; }
#testChart ul.legend li { display: none; }
#testChart div { margin: 20px 0; padding-left: 38px; width: 525px; }
#testChart div#group1 { background: url(/img/testchart/group1.gif) no-repeat left top; }
#testChart div#group2 { background: url(/img/testchart/group2.gif) no-repeat left top; }
#testChart div#group3 { background: url(/img/testchart/group3.gif) no-repeat left top; }
#testChart div#group4 { background: url(/img/testchart/group4.gif) no-repeat left top; padding-left: 142px; width: 422px;}
#testChart table { margin: 0; padding: 0; border-width: 0; border-collapse: collapse; width: 525px; height: 216px; }
#testChart div#group4 table { margin: 0; padding: 0; border-width: 0; border-collapse: collapse; width: 422px; height: 88px; }
#testChart div#group4 .colhead1 { width: 117px; }
#testChart div#group4 .colhead2 { width: 117px; padding-top: 8px; display: block; color: #ffffff;}
#testChart th { font-size: 11px; border-width: 0; padding: 5px 0 0 1px; text-align: center; color: #3D6E87; height: 20px; position: relative; }
#testChart th a { color: #026CA6; background: url(/img/testchart/bus-bg.gif) repeat-x 0px -20px; display: block; width: 60px; height: 15px; margin-left: 5px; padding-top: 1px; border-bottom: 3px solid #E8E8E8; }
#testChart th a:hover { color: #ffffff; background-position: 0px 0px;}
#testChart th a.thoughtBubble { margin: -92px 0 0 20px; padding: 5px 10px; display: none; background: url(/img/testchart/bubble.png) no-repeat left top; width: 101px; height: 62px; position: absolute; z-index: 99; left: auto; top: auto; text-align: left; text-decoration: none; border-bottom-width: 0; }
#testChart th a.thoughtBubble:hover { color: #026CA6; }
#testChart td { width: 74px; }
#testChart td a { margin: -5px; display: block; width: 60px; height: 50px; }
#testChart td a:hover { text-decoration: none; }
#testChart h2, #testChart h3, #testChart table td span { display: none; }
#testChart th.col1 span { display: none; }
#testChart td.col1 a { width: 71px; margin-left: 10px; }
#testChart td.col1 span { display: block; color: #fff; }
#testChart .col1 { width: 81px; }
#testChart td.X { background: url(/img/testchart/star.png) no-repeat center center; }
#testChart td.C1 { background: url(/img/testchart/test-complete-sm.png) no-repeat 7px 2px;  }
#testChart td.C2 { background: url(/img/testchart/test-complete-sm.png) no-repeat 6px 2px;  }
#testChart td.C3 { background: url(/img/testchart/test-complete-sm.png) no-repeat 5px 2px;  }
#testChart td.C4 { background: url(/img/testchart/test-complete-sm.png) no-repeat 3px 2px;  }
#testChart .completed { width: 168px; }
.chartkey {float:left; margin-right: 10px;}

#testChart .finished-tests { float: left; width: 300px; margin: 0; padding: 0; position: absolute; }
#testChart .finished-tests .finished-bus { float: left; position: relative; top: 35px; width: 46px; height: 169px;}
#testChart .finished-tests .bus1 { left: 109px; }
#testChart .finished-tests .bus2 { left: 135px; }
#testChart .finished-tests .bus3 { left: 160px; }
#testChart .finished-tests .bus4 { left: 185px; }
#testChart .finished-tests .bus5 { left: 211px; }
#testChart .finished-tests .bus6 { left: 236px; }

div.movie {margin-top: 10px; padding: 10px; width: 100%; background: #EFEFEF no-repeat left top;}

/* IE6 */
* html #primaryNav li a.on span.arrow { margin: 0 auto; background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/nav/nav_triangle.png', sizingMethod='image'); }
* html #testChart th { padding: 0; }
* html #testChart td { width: 54px; }
* html #testChart td.col1 a { width: 60px; }
* html #testChart td.X { background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/testchart/star_ie6.png', sizingMethod='image'); }
* html #testChart td.X a { position: relative; z-index: 999; }
* html #testChart th a { height: 19px; padding-top: 4px; margin-top: 2px; margin-left: -1px; border-bottom-width: 0; }
* html #testChart th a.thoughtBubble { margin: -95px 0 0 -17px; background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/testchart/bubble.png', sizingMethod='image'); }
*+ html #testChart table { width: 512px; }
*+ html #testChart td.col1 a { width: 72px; }
*+ html #testChart th a { height: 16px; padding-top: 1px; margin-left: -4px; }
*+ html #testChart th a.thoughtBubble { margin: -90px 0 0 -15px; }
* html #byNumbers h2 { position: relative; z-index: 99; }
* html #byNumbers dl { position: relative; z-index: 99; }
* html #sidebar h3 { margin: 0; padding: 20px 0 0 0; }
* html #home #dashboard p { padding: 0; }
* html #home #test { width: 260px; }
* html #home #dashboard .app { margin: 0 3px; }
* html #testChart th a { background: url(/img/testchart/bus-bg.gif) repeat-x 0px -20px; display: block; width: 60px; height: 16px; padding-top: 0px;}
* html .chartkey { float:left; margin-right: 10px; margin-top:7px; }
* html #testChart div#group4 table { width: 420px; }
* html #testChart div#group4 .colhead2 { width: 160px; }
* html #testChart div#group4 .colhead2 { width: 160px; padding-top: 0px; }
* html #testChart .completed { width: 0px; }
* html #testChart .finished-tests .finished-bus { behavior: url(/iepngfix1.htc); }