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;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}
.container_12,.container_16{margin-left:auto;margin-right:auto;width:960px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16{display:inline;float:left;margin-left:10px;margin-right:10px}.container_12 .grid_3,.container_16 .grid_4{width:220px}.container_12 .grid_6,.container_16 .grid_8{width:460px}.container_12 .grid_9,.container_16 .grid_12{width:700px}.container_12 .grid_12,.container_16 .grid_16{width:940px}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:60px}.container_12 .grid_2{width:140px}.container_12 .grid_4{width:300px}.container_12 .grid_5{width:380px}.container_12 .grid_7{width:540px}.container_12 .grid_8{width:620px}.container_12 .grid_10{width:780px}.container_12 .grid_11{width:860px}.container_16 .grid_1{width:40px}.container_16 .grid_2{width:100px}.container_16 .grid_3{width:160px}.container_16 .grid_5{width:280px}.container_16 .grid_6{width:340px}.container_16 .grid_7{width:400px}.container_16 .grid_9{width:520px}.container_16 .grid_10{width:580px}.container_16 .grid_11{width:640px}.container_16 .grid_13{width:760px}.container_16 .grid_14{width:820px}.container_16 .grid_15{width:880px}.container_12 .prefix_3,.container_16 .prefix_4{padding-left:240px}.container_12 .prefix_6,.container_16 .prefix_8{padding-left:480px}.container_12 .prefix_9,.container_16 .prefix_12{padding-left:720px}.container_12 .prefix_1{padding-left:80px}.container_12 .prefix_2{padding-left:160px}.container_12 .prefix_4{padding-left:320px}.container_12 .prefix_5{padding-left:400px}.container_12 .prefix_7{padding-left:560px}.container_12 .prefix_8{padding-left:640px}.container_12 .prefix_10{padding-left:800px}.container_12 .prefix_11{padding-left:880px}.container_16 .prefix_1{padding-left:60px}.container_16 .prefix_2{padding-left:120px}.container_16 .prefix_3{padding-left:180px}.container_16 .prefix_5{padding-left:300px}.container_16 .prefix_6{padding-left:360px}.container_16 .prefix_7{padding-left:420px}.container_16 .prefix_9{padding-left:540px}.container_16 .prefix_10{padding-left:600px}.container_16 .prefix_11{padding-left:660px}.container_16 .prefix_13{padding-left:780px}.container_16 .prefix_14{padding-left:840px}.container_16 .prefix_15{padding-left:900px}.container_12 .suffix_3,.container_16 .suffix_4{padding-right:240px}.container_12 .suffix_6,.container_16 .suffix_8{padding-right:480px}.container_12 .suffix_9,.container_16 .suffix_12{padding-right:720px}.container_12 .suffix_1{padding-right:80px}.container_12 .suffix_2{padding-right:160px}.container_12 .suffix_4{padding-right:320px}.container_12 .suffix_5{padding-right:400px}.container_12 .suffix_7{padding-right:560px}.container_12 .suffix_8{padding-right:640px}.container_12 .suffix_10{padding-right:800px}.container_12 .suffix_11{padding-right:880px}.container_16 .suffix_1{padding-right:60px}.container_16 .suffix_2{padding-right:120px}.container_16 .suffix_3{padding-right:180px}.container_16 .suffix_5{padding-right:300px}.container_16 .suffix_6{padding-right:360px}.container_16 .suffix_7{padding-right:420px}.container_16 .suffix_9{padding-right:540px}.container_16 .suffix_10{padding-right:600px}.container_16 .suffix_11{padding-right:660px}.container_16 .suffix_13{padding-right:780px}.container_16 .suffix_14{padding-right:840px}.container_16 .suffix_15{padding-right:900px}html body div.clear,html body span.clear{background:none;border:0;clear:both;display:block;float:none;font-size:0;margin:0;padding:0;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after{clear:both;content:'.';display:block;visibility:hidden;height:0}.clearfix{display:inline-block}* html .clearfix{height:1%}.clearfix{display:block}
/*
	Layout ~ CSS
	
	Licensed under GPL and MIT.
*/

/* =General
----------------------------------------------------------------------------*/
body {
    background:rgb(71,184,104);
}

/* =Masthead
----------------------------------------------------------------------------*/
#masthead {
    margin-bottom:20px;
}

#logo {
    background:url(../img/logo.png) top left no-repeat;
    height:140px;
    display:block;
    margin-top:70px;
}

/* Slideshow */
.slideshow {
  width:640px;
  height:310px;
  overflow:hidden;
  position:relative;
  cursor:pointer;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}

    .slides {
      position:absolute;
      top:0;
      left:0;
    }

        .slides > div {
          position:absolute;
          top:0;
          width:640px;
          height:280px;
          display:none;
        }
        
        .slides div img {
            -webkit-border-radius: 10px;
            -moz-border-radius: 10px;
        }

.pagination {
    position:absolute;
    bottom:0px;
    left:0;
    list-style:none;
    margin:0;
    padding:0;
}

    .pagination li {
        float:left;
        width:16px;
        height:16px;
        margin-right:5px;
    }

        .pagination li a {
            float:left;
            width:16px;
            height:16px;
            background:rgb(57,77,19);
            -webkit-border-radius: 8px;
            -moz-border-radius: 8px;
        }

        .pagination li a:hover {
            background:rgb(159,201,43);
        }

        .pagination li.active a {
            background:rgb(255,255,255);
        }

/* NEWS */
#news_block {
    background:rgb(255,255,255);
    padding:5px 10px;
    height:18px;
    line-height:12px;
    -webkit-border-radius: 11px;
    -moz-border-radius: 11px;
}

    #news_list div {
        list-style:none;
        padding:0;
        margin:0;
    }

        #news_list div div {
            margin:0;
            padding:0;
            display:none;
        }

/* =Buttons
----------------------------------------------------------------------------*/
.bttn {
    background:rgb(126,170,42);
    padding:5px 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    color:rgb(255,255,255);
    border:none;
}

    .bttn:hover {
        background:rgb(104,140,35);
    }

/* =Nav
----------------------------------------------------------------------------*/
#global_nav {
    margin-bottom:20px;
    padding:0;
    position:relative;
    background:rgb(255,255,255);
    -webkit-border-bottom-left-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-radius-bottomleft: 10px;
    -moz-border-radius-bottomright: 10px;
    zoom:1;
}

    .register_link {
        width:170px;
        position:absolute;
        display:block;
        top:0;
        right:0;
        padding:8px 18px 8px;
        height:18px;
        background:rgb(159,201,43);
        text-align:center;
        line-height:18px;
        -webkit-border-bottom-right-radius: 10px;
        -moz-border-radius-bottomright: 10px;
    }

    #global_nav ul {
        list-style:none;
        margin:0;
        height:34px;
        padding:0;
    }

        #global_nav ul li {
            float:left;
            width:auto;
            height:34px;
            margin:0;
            padding:0;
            position:relative;
        }

        #global_nav ul li.first {
            background:rgb(191,191,191);
            -webkit-border-bottom-left-radius: 10px;
            -moz-border-radius-bottomleft: 10px;
            padding:8px 18px;
            height:18px;
        }
        
            #global_nav ul li ul {
                background:rgb(200,200,200);
                color:rgb(255,255,255);
                position:absolute;
            	top:-999em;
            	width:200px;
            	height:68px;
            	list-style:none;
            	-webkit-border-bottom-left-radius: 10px;
                -webkit-border-bottom-right-radius: 10px;
                -moz-border-radius-bottomleft: 10px;
                -moz-border-radius-bottomright: 10px;
            }
            
            #global_nav ul li span.arrow {
                width:10px;
                height:10px;
                margin:4px 0 0 0px;
                float:left;
                display:block;
                overflow:hidden;
                background:url(../img/arrows.png) -29px 0px no-repeat;
            }
            
            #global_nav li:hover ul, #global_nav li.sfHover ul {
                left:0px;
                top:34px;
                z-index:201;
                background:rgb(230,230,230);
            }
            
                #global_nav ul li:hover span.arrow {
                    background-position:-44px -11px;
                }

                #global_nav ul li ul li, #global_nav ul li ul li a {
                    display:block;
                    float:none;
                    border-right:0;
                    text-align:left;
                    width:auto;
                }
                
                #global_nav ul li ul li a:hover {
                    display:block;
                    float:none;
                    border-right:0;
                    text-align:left;
                    width:auto;
                    background:rgb(200,200,200);
                }
                
                #global_nav ul li ul li a.last:hover {
                    -webkit-border-bottom-left-radius: 10px;
                    -webkit-border-bottom-right-radius: 10px;
                    -moz-border-radius-bottomleft: 10px;
                    -moz-border-radius-bottomright: 10px;
                }

/* =Content
----------------------------------------------------------------------------*/
#content {
    margin-top:20px;
    position:relative;
}

#page_content {
    width:900px;
    min-height:1000px;
}

#content_block {
    background:rgb(255,255,255);
    min-height: 1000px;
    height:auto !important;
    padding:20px 260px 20px 20px;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
}

    #home .col1 {
        width:400px;
        float:left;
    }

    #home .col2 {
        width:200px;
        margin-left:20px;
        float:left;
    }

    #content_block .sponsorList {
        list-style:none;
        padding:0;
        margin:0 0 20px;
    }
    
        #content_block .sponsorList li {
            width:150px;
            height:149px;
            float:left;
            margin:0 15px 15px 0;
            padding:0;
        }

            #content_block .sponsorList li img {
                padding:0;
            }

.imageRight {
    width:auto;
    float:right;
    margin-left:10px;
}

.imageLeft {
    width:auto;
    margin-right:10px;
    float:left;
}

.sponsorList li {
    position:relative;
}

    a.special_offers {
        position:absolute;
        bottom:0;
        left:0;
        right:0;
        height:18px;
        line-height:18px;
        font-size:12px;
        text-align:center;
        background:rgb(221,248,105);
        color:rgb(104,140,35);
    }
    
    a.special_offers:hover {
        background:rgb(104,140,35);
        color:rgb(221,248,105);
    }

#content_block ul.offer_list {
    list-style:none;
    padding:0;
    margin:0;
}

    .offer_list li {
        background:rgb(236,236,236);
        padding:20px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;  
        margin-bottom:20px;    
    }

        .offer_list .icon_block {
            float:left;
            margin:0 10px;
            width:150px;
            padding:5px;
            text-align:center;
            background:rgb(255,255,255);
        }
    
        .offer_list .sponsor_description {
            float:left;
            margin:0 10px;
            width:380px;
        }
        
hr {
    border-color: #ccc;
    border-style: dotted;
    border-width: 1px 0 0;
    clear: both;
    margin: 0 0 20px;
    height: 0;
}

/* =Aside
----------------------------------------------------------------------------*/
#aside {
    width:280px;
    position:absolute;
    right:0;
    top:-80px;
}

    #aside_block {
        background:rgb(240,240,240);
        border:2px solid rgb(240,240,240);
        background-image: -webkit-gradient(
            linear,
            left bottom,
            left top,
            color-stop(0.04, rgb(214,214,214)),
            color-stop(0.52, rgb(240,240,240))
        );
        background-image: -moz-linear-gradient(
            center bottom,
            rgb(214,214,214) 4%,
            rgb(240,240,240) 52%
        );
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        -moz-box-shadow: -5px 5px 5px #888;
        -webkit-box-shadow: -5px 5px 5px #888;
        box-shadow: -5px 5px 5px #888;
    }
    
    #aside ul {
        list-style:none;
    }
    
    .aside_nav li {
        position:relative;
    }
    
    .aside_nav li a, .aside_nav span.trigger {
        padding:5px 20px;
        border-bottom:1px solid rgb(200,200,200);
        display:block;
        background:rgb(255,255,255);
    }
    
    .aside_nav span.trigger {
        cursor:pointer;
    }
        
        .aside_nav span.trigger span.arrow {
            width:5px;
            height:10px;
            margin:6px 0 0 -12px;
            float:left;
            display:block;
            overflow:hidden;
            background:url(../img/arrows.png) 0px 0px no-repeat;
        }
    
        .aside_nav li a:hover, .aside_nav span.trigger:hover {
            background:rgb(230,230,230);
        }
        
            .aside_nav span.trigger:hover span.arrow {
                background-position:-17px -11px;
            }
    
        .aside_nav span.first {
            -webkit-border-top-left-radius: 10px;
            -webkit-border-top-right-radius: 10px;
            -moz-border-radius-topleft: 10px;
            -moz-border-radius-topright: 10px;
        }
    
        .aside_nav li a:hover, .aside_nav span.trigger:hover {
            padding:5px 20px;
            border-bottom:1px solid rgb(200,200,200);
            display:block;
        }
    
    .aside_nav ul {
        position:absolute;
        z-index:1000;
        display:none;
        background:rgb(230,230,230);
        -webkit-border-top-left-radius: 5px;
        -moz-border-radius-topleft: 5px;
        -webkit-border-bottom-left-radius: 5px;
        -moz-border-radius-bottomleft: 5px;
        -moz-box-shadow: -5px 5px 5px #888;
        -webkit-box-shadow: -5px 5px 5px #888;
        box-shadow: -5px 5px 5px #888;
        width:180px;
    }
    
    .aside_nav ul.first {
        -webkit-border-top-right-radius: 5px;
        -moz-border-radius-topright: 5px;
    }
    
    .aside_nav li ul a {
        background:rgb(230,230,230);
    }
    
        .aside_nav li ul a:hover {
            background:rgb(210,210,210);
        }
    
    .aside_nav ul a.first {
        -webkit-border-top-right-radius: 5px;
        -webkit-border-top-left-radius: 5px;
        -moz-border-radius-topright: 5px;
        -moz-border-radius-topleft: 5px;
    }
    
    .aside_nav ul a.last {
        -webkit-border-bottom-left-radius: 5px;
        -moz-border-radius-bottomleft: 5px;
    }
    
    .aside_nav li:hover ul, .aside_nav li.sfHover ul {
        left:-180px;
        top:0;
    }

    .social_icons {
        margin-top:20px;
        padding:0 20px;
    }
    
    #your_story, .emailSignup {
        padding:0 20px;
    }

    .crowdrise {
        width:200px;
    }
    
/* =Footer
----------------------------------------------------------------------------*/
#footer_block {
    background:rgb(221,248,105);
    width:900px;
    padding:20px 0 1px;
    -webkit-border-bottom-left-radius: 100px;
    -webkit-border-bottom-right-radius: 100px;
    -moz-border-radius-bottomleft: 100px;
    -moz-border-radius-bottomright: 100px;
    margin-bottom:40px;
}

    .featured_sponsor_list, .footer_nav {
        list-style:none;
        padding:0;
        width:100%;
        text-align:center;
        margin:0;
    }

    .footer_nav ul {
        margin-bottom:0;
    }

        .featured_sponsor_list li, .footer_nav li {
            display:inline;
            margin:0 10px;
        }

/* =Tables
----------------------------------------------------------------------------*/

/* =Tabs
----------------------------------------------------------------------------*/
/*
	Typography ~ Blender CSS.
	Typography style sheet
	Dave Merwin: dave@davemerwin.com
	
	Thanks to Mark Boulton for the ratios to correctly indicate font size hierarchy.
	
	Given a 12px font as body copy and the baseline for the sites the sites Typography will work as follows:
	50%(6px), 66%(8px), 75%(9px), 83%(10px), 91%(11px), 116%(14px), 150%(20px), 200%(24px), 250%(30px), 300%(36px), 400%(48px), 500%(60px), 600%(72px)
	
	or...
	
	You can set the base to be 10px and use EMs to set your font size. So that would be:
	
	body {font-size:62.5%} This gives you a font base of roughly 10px.
	
	This now make everything divisable by 10. so:
	.6em(6px), .8em(8px), .9em(9px), 1.1em(11px), 1.2em(12px), 1.4em(14px), 1.8em(20px), 2.4em(px), 3em(30px), 3.6em(36px), 4.8em(48px), 6em(60px), 7.2em(72px)
		
	Feel free to change based on your ultimate goals.
	
	Or... you can just use pixels, which is what I've done here ;-)
	
*/

/* =Baseline Grid
----------------------------------------------------------------------------*/
body {
	font-size:14px;
	font-family:"Lucida Grande", Helvetica, Arial, sans-serif;
}

h1 {
	font-size:30px;
	line-height:1.5em;
}
h2 {
	font-size:24px;
	line-height:1.5em;
}
h3 {
	font-size:18px;
	line-height:1.5em;
}
h4 {
	font-size:14px;
	line-height:1.5em;
}
h5 {
	font-size:inherit;
	line-height:1.5em;
}

h1, h2, h3, h4, h5 {
    font-weight:normal;
}

p {
	line-height:1.5em;
}

li {
	margin:0;
	padding:0;
	line-height:1.5em;
}

p,
dl,
hr,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
ul,
pre,
table,
address,
fieldset {
	margin:0 0 20px 0;
}

a:focus {
	outline: 1px dotted invert;
}

ul {
    list-style:disc;
}

ol {
    list-style:decimal;
}

/* =General
----------------------------------------------------------------------------*/

/* =Content
----------------------------------------------------------------------------*/
.news_title {
    height:18px;
    line-height:16px;
}

.news_item {
    width:580px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow: ellipsis;
    height:18px;
    line-height:16px;
}

#content_block ul, #content_block ol {
    padding-left:20px;
}

#content_block ul.offer_list h1, #content_block ul.offer_list h2, #content_block ul.offer_list h3, #content_block ul.offer_list h4 {
    margin:0;
}

/* =Aside
----------------------------------------------------------------------------*/
.social_icons {
    font-size:12px;
    vertical-align:center;
}

    .social_icons li {
        margin-bottom:5px;
    }

        .social_icons li img {
            margin:0 5px -4px 0;
        }

#aside h3 {
    margin-bottom:20;
}

.register_button {
    text-align:center;
    margin-bottom:20px;
}

    .register_button .bttn {
        background:rgb(221,248,105);
        color:rgb(104,140,35);
    }
    
        #aside .register_button a.bttn:hover {
            background:rgb(104,140,35);
            color:rgb(221,248,105);
        }

/* =Nav
----------------------------------------------------------------------------*/
#global_nav {
    font-size:18px;
}

#global_nav ul a, #global_nav ul .trigger {
    color:rgb(126,170,42);
    width:100%;
    float:left;
    height:18px;
    padding:8px 10px 8px;
    line-height:18px;
    border-right:1px solid rgb(200,200,200);
    text-align:center;
    display:block;
}

#global_nav ul .trigger {
    border-right:none;
}

#global_nav ul a.home {
    width:73px;
}

#global_nav ul a.marathon {
    width:104px;
}

#global_nav ul a.half_marathon {
    width:145px;
}

#global_nav ul a.five_k {
    width:43px;
}

#global_nav ul a.kids_marathon {
    width:154px;
}

#global_nav ul .trigger {
    width:65px;
}

#global_nav a:visited, #global_nav a:active {
    color:rgb(126,170,42);
}

#global_nav a:hover, #global_nav .trigger:hover {
    background:rgb(230,230,230);
    color:rgb(104,140,35);
}

#global_nav a.first:hover {
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomleft: 10px;
}

#global_nav a.register_link, a.register_link:visited, a.register_link:active {
    color:rgb(255,255,255);
}

#global_nav a.register_link:hover {
    background:rgb(101,128,27);
}

/* =Footer
----------------------------------------------------------------------------*/
p.production {
    margin-bottom:20px;
    text-align:center;
}
/* =Links
----------------------------------------------------------------------------*/
a {
    text-decoration:none;
    color:rgb(126,170,42);
}

a:visited, a:active {
    color:rgb(76,102,26);
}

a:hover {
    color:rgb(104,140,35);
}

a.bttn, a.bttn:visited, a.bttn:active, a.bttn:hover {
    color:rgb(255,255,255);
}

#aside a, #aside .trigger {
    color:rgb(126,170,42);
}

#aside a:hover, #aside .trigger:hover {
    color:rgb(104,140,35);
}

/* =Image Replacement
----------------------------------------------------------------------------*/
.mir {
	letter-spacing : -1000em;
}
/* Just for Opera, but hide from MacIE */
/*\*/html>body .mir {
	letter-spacing : normal;
	text-indent : -999em;
	overflow : hidden;
}
/* End of hack */

p.mir {
	line-height:0;
}
/*
	Forms ~ Blender CSS.
	Forms style sheet
*/

/* =General
----------------------------------------------------------------------------*/
.emailSignup {
    margin:20px 0;
    color:#156438;
}

.emailSignup p {
    margin:0 0 5px;
    font-size:12px;
}

.emailSignup input[type="text"] {
    border:1px solid rgb(169,169,169);
    padding:4px;
    width:215px;
    display:block;
    margin:0 0 5px;
}

#home .emailSignup input[type="text"] {
    width:190px;
}