/*	Road Runners Club of America
	Author:Brad Graham (bgraham@matrixgroup.net)
	Created:11/2009
----------------------------------------------------*/
/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; border:0; font-size:100%; vertical-align:baseline; /*background:transparent;*/ }
ol, ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:'';content:none;}
/* remember to highlight inserts somehow! */
ins {text-decoration:none;}
del {text-decoration:line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse:collapse;border-spacing:0;}
cite {font-style:normal;}

/*	=Generics
------------------------------------ */
body { 
	font-size:100%;		/*16 pixel text*/
	font-family:Arial, "Helvetica Neue", Helvetica, sans-serif;
	line-height:1.125em;	/*18 pixel line-height*/
	background-color:#ebf3d2;
	margin-bottom:2em; }

#skiplinks { position:absolute; width:100%; z-index:101; }
#skiplinks a { position:absolute; top:-9999px; left:-9999px; }
abbr {border:none;}
.clear {clear:both;}
.importance, strong {font-weight:bold;}
.emphasis, em {font-style:italic;}
.hide, .for-print {display:none;}
.left { float:left; margin-right:7px; }
.right { float:right; margin-left:7px; }
.upper {text-transform:uppercase;}
.structural { position:absolute; left:-9999px; }
sup { vertical-align:0.5em; font-size:0.9em; }
sub { vertical-align:-0.5em; font-size:0.9em; }

/*	=Links
------------------------------------ */
a {color:#4f8f31;}
a:link, a:visited {text-decoration:underline;}
a:hover, a:active, a:focus {text-decoration:none;}
#skiplinks a:active, #skiplinks a:focus { left:3px; top:3px; background-color:#fdd139; color:#030a40; font-size:0.625em; padding:0 5px; border:1px solid #030a40; z-index:100; }

/*	=Header
------------------------------------ */
#mast-head { margin:0 auto; width:960px; padding:0 16px 0 10px; background:url(/images/template/universal/mast-head-bg.png) 0 0 no-repeat; position:relative; height:158px; z-index:10; }
#mast-head #util-nav { width:auto; float:right; margin-top:9px; }
#mast-head #util-nav li {float:left;}
#mast-head #util-nav a { display:block; float:left; color:#fff; font-size:0.6875em;/* 11/16 */ padding-right:15px; padding-bottom:0; }
#logo a { display:block; width:465px; height:101px; background:url(/images/template/universal/rrca-logo.png) 0 0 no-repeat; margin-left:23px; text-indent:-9999px; clear:right; overflow:hidden; }
#logo a br {display:none;}
/* =Search */
#site-search, #cse-search-box { position:absolute; top:4.25em;/* 68/16 */ right:30px; }
#site-search li, #cse-search-box li {display:inline;}

/*	=Main Nav
------------------------------------ */
#main-nav-wrap { margin:-33px auto 0; width:960px; padding:0 16px 0 10px; overflow:hidden; position:relative; z-index:20; }
#main-nav { float:right; padding-right:40px; }
#main-nav li {float:left;}
#main-nav a { display:block; float:left; background:url(/images/template/universal/nav.png) 0 0 no-repeat; height:36px; text-indent:-9999px; outline:none; }
#main-nav #about-nav a {width:103px;}
#main-nav #services-nav a { width:81px; background-position:-103px 0; }
#main-nav #programs-nav a { width:88px; background-position:-184px 0; }
#main-nav #ed-nav a { width:164px; background-position:-272px 0; }
#main-nav #membership-nav a { width:105px; background-position:-436px 0; }
#main-nav #pubs-nav a { width:103px; background-position:-541px 0; }
/* hover */
#main-nav #about-nav a:hover, #main-nav #about-nav a:active, #main-nav #about-nav a:focus, #about #main-nav #about-nav a { background-position:0 -39px; }
#main-nav #services-nav a:hover, #main-nav #services-nav a:active, #main-nav #services-nav a:focus, #services #main-nav #services-nav a { background-position:-103px -39px; }
#main-nav #programs-nav a:hover, #main-nav #programs-nav a:active, #main-nav #programs-nav a:focus, #programs #main-nav #programs-nav a { background-position:-184px -39px; }
#main-nav #ed-nav a:hover, #main-nav #ed-nav a:active, #main-nav #ed-nav a:focus, #education-advocacy #main-nav #ed-nav a { background-position:-272px -39px; }
#main-nav #membership-nav a:hover, #main-nav #membership-nav a:active, #main-nav #membership-nav a:focus, #membership #main-nav #membership-nav a { background-position:-436px -39px; }
#main-nav #pubs-nav a:hover, #main-nav #pubs-nav a:active, #main-nav #pubs-nav a:focus, #publications #main-nav #pubs-nav a { background-position:-541px -39px; }

/*	=Homepage
------------------------------------ */
/* =Main */
#home #main {width:566px;}
#home #main ul { list-style-type:none; margin-left:0; }
#home #main h2 { background-color:#030a40; color:#fff; padding:0.5em 8px 0.25em; margin-bottom:0.5em; }
/* hero -- The image control styles are in hero.css b/c they contain EE tags and must be parsed  */
#home #hero-wrap { width:100%; overflow:hidden; }
#home #hero { border:1px solid #bcd86b; background-color:#030a40; }
#home #hero div { display:none; background-position:0 0; background-repeat:no-repeat; width:564px; height:306px; text-indent:-9999px; font-size:1.5em;/* 18/12 */ color:#fff; font-family:Helvetica, "Helvetica Neue", Arial, sans-serif; overflow:hidden; font-style:italic; }
#home #hero div.current {display:block;}
#home #hero h2 { color:#fff; padding:0; line-height:1em; margin:0; background-color:transparent; }
#home #hero p { line-height:1.667em; padding-bottom:0; }
#home #hero .more a { text-decoration:none; color:#fff; width:564px; height:306px; position:absolute; top:0; left:0; }
#home #hero .more a:before {content:'\00bb\2009';}
#home #hero-nav { width:100%; overflow:hidden; margin:0.333em 0 1.5em; }
#home #hero-nav li { float:left; margin-right:4px; }
#home #hero-nav li#panel4 {margin:0;}
#home #hero-nav li a { display:block; float:left; width:136px; height:73px; border:1px solid #bcd86b; background-position:0 0; background-repeat:no-repeat; text-indent:-9999px; overflow:hidden; }
#home #hero-wrap #hero-nav li a.current {background-image:url(/images/template/homepage/footprint.jpg);}
/* spotlight */
#home #spotlight { width:auto; overflow:hidden; padding-bottom:1.5em; }
#home #spotlight h3 { font-weight:bold; font-size:1.167em;/* 14/12 */ padding:0 0 0.286em 0; }
#home #spotlight h3, #home #spotlight p {padding-left:175px;}
#home #spotlight img { border:1px solid #bcd86b; float:left; }
/* poll */
#home #main #poll, #home #main #champ-races { width:265px; float:left; }
#home #main #poll {margin-right:36px;}
#home #main #poll .pollAnswerBlock { margin:1.5em 0; }
#home #main #poll .pollAnswerBlock input {margin-left:0;}
/* championship races */
#home #champ-races h3 {font-size:1em;}
#home #champ-races p {text-align:right;}
#home #champ-races .dtstart {padding-right:15px;}
#home #champ-races ul {padding:0;}
#home #champ-races li {padding-bottom:1.5em;}
#home #champ-races li p { padding:0; display:inline; text-align:left; }
/* =Sub */
#home #sub { width:331px; padding:0 0 0 27px; }
/* In the News */
#home #in-news-nav { width:100%; overflow:hidden; }
#home #in-news-nav li {float:left;}
#home #in-news-nav li a { display:block; float:left; height:42px; background:url(/images/template/homepage/in-news-nav.png) 0 0 no-repeat; text-indent:-9999px; }
#home #in-news-nav #nav-rrca a {width:77px;}
#home #in-news-nav #nav-industry a { width:92px; background-position:-77px 0; }
#home #in-news-nav #nav-running a { width:146px; background-position:-169px 0; }
/* hover */
#home #in-news-nav #nav-rrca a:hover, #home #in-news-nav #nav-rrca a:active, #home #in-news-nav #nav-rrca a:focus, #home #in-news-nav #nav-rrca.current a { background-position:0 -42px; }
#home #in-news-nav #nav-industry a:hover, #home #in-news-nav #nav-industry a:active, #home #in-news-nav #nav-industry a:focus, #home #in-news-nav #nav-industry.current a { background-position:-77px -42px; }
#home #in-news-nav #nav-running a:hover, #home #in-news-nav #nav-running a:active, #home #in-news-nav #nav-running a:focus, #home #in-news-nav #nav-running.current a { background-position:-169px -42px; }
#home #in-news .copy div {margin:0;}
#home #in-news .copy div .date {color:#bcd86b;}
#home #in-news .rss { margin:0; float:right; }
#home #in-news .rss a { background:url(/images/template/icons/rss.png) 0 50% no-repeat; padding:1px 0 1px 20px; }
#home #in-news .archive {margin:0;}

/*	=Content
------------------------------------ */
#wrap { margin:-9px auto 0; width:986px; overflow:hidden; background:url(/images/template/universal/main-bg.png) 0 0 repeat-y; }
#content { width:924px; overflow:hidden; padding:30px 34px 1.5em 28px; background:url(/images/template/universal/main-bg-top.gif) 0 0 no-repeat; }
/* =Sub */
#sub { font-size:0.9375em;/* 15/16 */ width:281px; float:left; padding-right:27px; }
#sub .section, #sub-nav { margin-bottom:2.67em;/* 40/15 */ }
#sub-nav a { display:block; color:#030a40; background-color:#fdd139; font-size:1em; border-bottom:1px solid #feedb0; text-decoration:none; padding:0.4em 17px;/* 6/15 */ }
#sub-nav a:hover, #sub-nav a:active, #sub-nav a:focus, #sub-nav .current > a { color:#fff; background-color:#030a40; }
#sub-nav ul a { margin-left:10px; padding:0.2em 10px; }
#sub .section h2 { font:italic bold 1.467em/1em Helvetica, "Helvetica Neue", Arial, sans-serif;/* 22/15 */ color:#030a40; padding:8px 0 5px 8px; margin-bottom:0.273em;/* 6/22 */ letter-spacing:-0.5px; }
#sub .section .copy { background-color:#4f8f31; color:#fff; font-size:0.8em;/* 12/15 */ padding:1.167em 10px;/* 14/12 */ }
#sub .section .copy a { color:#fff; font-weight:bold; }
#sub .section .copy p {margin-bottom:1.5em;}
/* resources */
#sub #resources-for h2 { background-color:#030a40; color:#fff; }
#resources-for ul { width:100%; overflow:hidden; }
#resources-for li {float:left;}
#resources-for a { float:left; display:block; border:1px solid #bcd86b; width:136px; height:73px; text-indent:-9999px; background-position:0 0; background-repeat:no-repeat; margin:0 4px 4px 0; overflow:hidden; }
#resources-for #club-directors a {background-image:url(/images/resources-for/club-directors.jpg);}
#resources-for #coaches a { background-image:url(/images/resources-for/coaches.jpg); margin-right:0; }
#home #resources-for #coaches a {margin-right:4px;}
#resources-for #event-directors a {background-image:url(/images/resources-for/event-directors.jpg);}
#resources-for #runners a { background-image:url(/images/resources-for/runners.jpg); margin-right:0; }
/* join */
#sub #join .copy { background-image:url(/images/template/universal/join-bottom.gif); background-position:0 100%; background-repeat:no-repeat; }
#sub #join .copy .lead { font-weight:bold; font-size:1.167em;/* 14/12 */ color:#fff; }
#sub #join .copy p {color:#bcd86b;}
/* email updates */
#sub #email-updates .copy {position:relative;}
#sub #email-updates #envelope { position:absolute; top:-8px; right:-6px; }
#sub #email-updates p { color:#fee89c; font-weight:bold; padding-right:75px; }
#sub #email-updates .help { color:#bcd86b; display:block; padding-top:1em; font-size:0.917em; }
#sub #email-updates form li {display:inline;}
/* support */
#sub #support .copy { background-image:url(/images/template/universal/support-bg.jpg); background-position:100% 0; background-repeat:no-repeat; padding-right:110px; }
#sub #support .copy .lead { font-weight:bold; font-size:1.167em;/* 14/12 */ color:#ffdd69; }
/* =Main */
#main { font-size:0.75em;/* 12/16 */width:616px; float:left; }
#main h1 { color:#fff; font:italic bold 1.833em/1em Helvetica, "Helvetica Neue", Arial, sans-serif;/* 22/12 */ background-color:#030a40; padding:0.364em 9px 0.227em; }
#main .lead { border:1px solid #bcd86b; width:614px; overflow:hidden; background-color:#ebf3d2; margin-bottom:1.5em; }
#main .lead img {float:left;}
#main .lead p { margin:1.429em 21px 1.429em 328px; color:#4f8f31; font-size:1.167em;/* 14/12 */ line-height:1.429em; padding-bottom:0; }
#main h1 + p, #main h1 + ul, #main h1 + ol {padding-top:1.5em;}
#main h2 { color:#030a40; font-size:1.667em;/* 20/16 */ font-weight:bold; font-style:italic; padding:0.9em 0 0.8em; }
#main h3 { color:#4f8f31; font-size:1.333em; font-weight:normal; }
#main h4 { color:#030a40; font-size:1.167em;/* 14/12 */ font-weight:bold; }
#main h5 { color:#4f8f31; font-weight:bold; }
#main p, #main ul, #main ol, #main dl {padding-bottom:1.5em;}
#main ul { list-style:disc; margin-left:15px; }
#main ul ul, #main ol ol, #main ul ol, #main ol ul {padding-bottom:0;}
#main ol { list-style:decimal; margin-left:15px; }
#main .disclaimer { font-size:0.833em;/* 10/12 */ }
#main ul.faq { list-style:none; margin-left:0; }
#main .vcard { list-style:none; margin-left:0; };
/* Sponsors & Partners List */
#main ul.sponsors-list.images li {padding-bottom:1.5em;}
#main ul.sponsors-list.images li p {padding-bottom:0;}
#main ul.sponsors-list.images { list-style:none; margin-left:0; }
#main ul.sponsors-list.images img { border:1px solid #ccc; }
/* Championship Series */
#main.event-detail h2 {padding-bottom:0;}
#main.event-detail h2 +p {padding-bottom:0;}
/* Maps */
.flash-replaced .alt { position:absolute; top:-9999px; left:-9999px; }

/*	=Extras
------------------------------------ */
#extras { width:960px; margin:0 16px 0 10px; overflow:hidden; color:#fff; font-size:0.75em;/* 12/16 */ background:url(/images/template/universal/extras-bg.gif) 0 0 repeat-y #030a40; border-top:15px solid #030a40; border-bottom:15px solid #030a40; }
#extras h2 { font-size:1.167em;/* 14/12 */ color:#fbcf3b; margin-bottom:0.286em;/* 4/14 */ }
#extras .section { float:left; padding:0 19px; }
#extras .section a { color:#fff; overflow:hidden; }
#extras .section p {margin-top:1.5em;}
/* flickr */
#extras #flickr { width:265px; margin-right:1px; }
#extras #flickr ul { width:auto; overflow:hidden; }
#extras #flickr li {float:left;}
#extras #flickr li a { border:1px solid #bcd86b; display:block; height:75px; width:75px; float:left; margin-right:4px; }
#extras #flickr p {clear:both;}
/* sponsors */
#extras #sponsors { width:268px; margin-right:1px; }
#extras #sponsors #sponsors-ad { width:auto; overflow:hidden; margin-top:0; }
#extras #sponsors #sponsors-ad li { overflow:hidden; width:auto; }
#extras #sponsors #sponsors-ad a { display:block; float:left; border:1px solid #bcd86b; }
#extras #sponsors #sponsors-ad img 
/* follow */
#extras #follow {width:311px;}
#extras #follow #sn { width:auto; overflow:hidden; margin-bottom:1.5em; }
#extras #follow #sn li {float:left;}
#extras #follow #sn li a { display:block; float:left; width:32px; height:32px; background-position:0 0; background-repeat:no-repeat; text-indent:-9999px; margin-right:5px; }
#sn-twitter a {background-image:url(/images/template/icons/twitter.png);}
#sn-youtube a {background-image:url(/images/template/icons/youtube.png);}
#sn-facebook a {background-image:url(/images/template/icons/facebook.png);}
#extras #follow p {margin-top:0;}

/*	=Info
------------------------------------ */
#info { font-size:0.6875em;/* 11/16 */ width:924px; padding:15px 35px 42px 29px; background:url(/images/template/universal/main-bg-bottom.gif) 0 100% no-repeat; }
#info #copyright {float:left;}
#info #legal-nav {float:left;}
#info #legal-nav li { float:left; padding-left:12px; }
#info #footer-util-nav {float:right;}
#info #footer-util-nav li { float:left; padding-left:12px; }
#info #matrix { clear:both; padding-top:1.636em; }

/*	=Forms
------------------------------------ */
#main .style {margin-top:1.5em;}
#main .style br {display:none;}
#main .style ul { margin-left:0; list-style:none; }
#main .style li {padding-bottom:1.5em;}
#main .style li:last-child {padding-bottom:0;}
#main .style br {display:block;}
#main .style .hidden-fields {position:absolute;}
#main .style .warning { background-color:#fcc; border:1px solid #f00; padding:3px 2px; }
#main .style .info { position:absolute; top:-9999px; left:-9999px; }
/* =Events entry form */
form #events-entry-form br {display:none;}
form #events-entry-form { list-style:none; margin:0; }
form #events-entry-form li {padding-bottom:1em;}
form #events-entry-form .help { color:#666; font-size:0.917em; }
form #events-entry-form .alert {color:#600;}
form #events-entry-form label, form #events-entry-form input {display:block;}
form #events-entry-form input {width:250px;}
form #events-entry-form textarea {width:100%;}
form #events-entry-form .submit-button input {width:auto;}
/* event selectors */
#main #event-selectors { list-style:none; margin-left:0; width:auto; overflow:hidden; }
#main #event-selectors br {display:none;}
#main #event-selectors li { float:left; margin-right:25px; }
#main #event-selectors li label {display:block;}
/* =Contat Us from */
#contact_form label, #contact_form input {display:block;}
#contact_form input {width:250px;}
#contact_form textarea { width:100%; height:250px; }
#contact_form .submit-button input {width:auto;}
#main #contact_form {margin-top:0;}

/*	=Tables
------------------------------------ */
table.style { width:100%; text-align:left; margin-bottom:1.5em; }
table.style th, table.style td {text-align:left;}
table.style thead tr th { border-bottom:1px solid #bcd86b; color:#4f8f31; font-weight:bold; }
table.style tbody tr {line-height:25px;}
table.style tbody tr.alt {background-color:#fdf7d7;}

/*	=Maxx Styles
------------------------------------ */
.alert, .required, .required_field, .requiredfield, .attention, .error { color:#cc0033; font-weight:bold; }
.fieldlabel, .label, .field_label { font-weight:bold; color:#4f8f31; }
.help, .helptext, .help_text { font-size:0.9em; color:#030a40; }
.headline1 { color:#fff; font:italic bold 1.833em/1em Helvetica, "Helvetica Neue", Arial, sans-serif;/* 22/12 */ background-color:#030a40; padding:0.364em 9px 0.227em; }
.headline2 { color:#030a40; font-size:1.667em;/* 20/16 */ font-weight:bold; font-style:italic; padding:0.9em 0 0.8em; }
.headline3 { color:#4f8f31; font-size:1.333em; font-weight:normal; }
.headline4 { color:#030a40; font-size:1.167em;/* 14/12 */ font-weight:bold; }
.headline5 { color:#4f8f31; font-weight:bold; }

/*	=Search Results
------------------------------------ */
#cse-search-results iframe {width:616px;}
/* =Events Search Results */
#events-search-results {margin-top:1.5em;}