/* CSS Document */

/* -----------------------------------
    www.achillesstpatricksday5k.ca
	Created by: Deb Larsen
	Created on: 24 August 2009
	Last updated: 18 January 2010
   -----------------------------------*/
  
/*  -----------------------------------   GENERIC  -----------------------------------  */ 
html, body {height:100%;}
html>body {font-size:16px;}
body {background:#fff; margin:0; padding:0; font:16px/1.4 Verdana, Arial, Tahoma, sans-serif; text-align: center; color:#333;}
 /* h1=48px */
h1 {background:#fff; margin:-18px 0 0; font-size:3em; text-transform:uppercase; font-weight:bold; color:#a8cf3e;} 
/* h1 on homepage */
#home h1 {background:#fff; margin:0 0 1em 0; padding-top:.9375em; font-size:1.5em; text-transform:capitalize; color:#a8cf3e;}  
/* h2=24px */
h2 {background:#fff; margin:1em 0; padding-top:.9375em; border-top:.0625em solid #333;  font-size:1.5em; text-transform:capitalize; color:#333;}  
/* h3=18px */ 
h2.first {border:none; margin-top:0;}
h3 {margin:1.3125em 0; font-size:1.125em;}      
/* h4, 5, 6=18px */
h4, h5, h6 {margin:1.125em 0; } 
/*16px */
p, dt, dd, td, ul, ol, table, blockquote{margin:.8em 0; font-size:1em;} 

a, a:link {background:#fff; color:#628010;}
a:visited {background:#fff; color:#333;} 
a:focus, a:hover, a:active {text-decoration:none; background-color:#f95a06; color:#fff;} /*orange*/

ol {list-style:decimal outside; padding-left:2em;}
li {margin-bottom:1.286em;} 
ul {padding-left:2em; list-style:disc outside;}
ul ul, ul ul ul {font-size:100%;}

acronym {cursor:help; border-bottom:1px dotted #a8cf3e;}

img, img a, a img, img.center a {border:0; text-decoration:none;}

abbr, acronym {cursor:help;}

/* ------------- classes ------------ */
.indent{padding-left:2em;}
.clear {clear:both;}
.top, .pdf {margin:1.8em 0; font-size:0.6875em; line-height:1.25em;}
.name {font-style:italic;}
.emphasize {background:#fff; font-weight:bold; color:#f95a06; font-size:120%; }
.bold {font-weight:bold; }
.red {background:yellow; color:red; }  /* ----- TESTING & DEVELOPMENT ONLY ----- */
.questions {padding-top:1.5em;}

p.page-summary {background:#fff; margin:0 0 1em 0; padding:0; font-size:1.25em; font-style:italic; color:#333;}  /* 20px */
p.sponsored-by {padding:1em 0; font-size:1.125em; font-style:italic; font-weight:bold; }
p.form {padding:2em 1em 0 1em; border:2px solid #ccc;}

img.center {margin:0 auto; padding:0 .5em; display:table-cell; vertical-align:middle;}
img.logos {margin:10px; padding: 5px; display:table-cell; vertical-align:middle; text-align:center;}

.sponsor-row {margin: 20px 0;}

/*  -----------------------------------   LAYOUT  -----------------------------------  */
/*  --------------------  header  ------------------------------------------- */
#header {background-color:#a8cf3e; width:100%; min-height:6em; color:#333;}

/*  --------------------  branding styles ------------------------------------*/	
#branding {margin:1.75em 0; padding:0; width:100%;}

/*  --------------------  logo styles -----------------------------------------*/	
#logobox {position:absolute; top:260px;  left:50%; margin-left:-200px; width:400px; min-height:400px; }
#logo {width:400px; height:400px; z-index:10; margin:0 auto; }

/*  --------------------  notice styles ---------------------------------------*/	
#notice {width:60em; height:175px; overflow:auto; margin:0 auto; }
#notice-summary {float:right; width:310px; text-align:right; padding-top:40px; }
p.countdown {margin:0; padding:0; font:2.5em/1 Verdana, Candara, Tahoma, sans-serif; border:none; background-color:transparent; color:#555;}
p.daysleft {margin:0; padding:0; font:2.5em/1 Verdana, Candara, Tahoma, sans-serif; background-color:transparent; color:#555;}
#notice-header {float:left; width:310px; padding-top:40px; text-align:left; }
p.month {background-color:#fff; margin:0; padding:0; font:2.5em/1 Verdana, Candara, Tahoma, sans-serif; background-color:transparent; color:#555;}
p.day{background-color:#fff; margin:0; padding:0; font:2.5em/1 Verdana, Candara, Tahoma, sans-serif;  background-color:transparent; color:#555;}

/*  --------------------  call to action styles -------------------------------*/	
#calltoaction {background:url(../images/cta_bg.gif) 0 0 repeat-x; margin:15px auto; width:100%; height:155px;}
#cta-box {margin:0 auto; width:60em;}

#register {position:relative; float:left; width:240px; min-height:105px; text-align:left;}
#register a {background:url(../images/register-button-mix.gif) top left no-repeat; position:absolute; top:40px; left:0; width:240px; height:65px; text-decoration:none; text-indent:-9999px; outline:0;}
#teamchallenge {position:relative; float:right; width:240px; min-height:105px;}
#teamchallenge a {background:url(../images/team-button-mix.gif) top left no-repeat; position:absolute; top:40px; left:0; width:240px; height:65px; text-decoration: none; text-indent:-9999px; outline:0;}
#register a:focus, #teamchallenge a:focus, #register a:hover, #teamchallenge a:hover {outline:0; background-position:bottom left;}

#calltoaction-sub {background:url(../images/cta-sub-bg.gif) 0 0 repeat-x; margin:0 auto; width:100%; height:7.875em; overflow:hidden; }
#cta-box-sub {width:60em; margin:0 auto; overflow:hidden; padding:0; text-align:left;}

#title {float:left; width: 70%;}
#title p {margin:0; padding:0; font:2.1875em/1em Verdana, Candara, Tahoma, sans-serif; text-align:left; font-weight:bold;}
#title p.achilles {margin:0; padding:15px 0px 0px 0px; font:1.75em/1em Verdana, Candara, Tahoma, sans-serif; text-align:left; font-weight:bold;}

#register-sub {float:right; width:29%; height:100px; position:relative;}
#register-sub a {background: url(../images/register-button-mix.gif) top left no-repeat; position:absolute; top:12px; right:38px; width:240px; height:65px; text-indent:-9999px; outline:0;}
#register-sub a:focus, #title a:focus, #register-sub a:hover, #title a:hover {background-position:bottom left; background-color:transparent;}

/*  --------------------  content styles ------------------------------------ */
#container {width:60em; margin:0 auto; padding-top:0; text-align:left;}

#content{width:60em; margin:4em auto 0; overflow: hidden; padding:0; text-align:left;}
#content-main {float:left; width:59%; margin:0; padding:0;}
#content-sub {float:left; width:59%; margin:0; padding:0 0 1.3125em 0;}
#content-sub p.home {margin:1.125em 0; font-size:1em; line-height:1.125em;} 
#content-sub a img {outline:none; text-decoration:none; background-color:#fff; display:inline; margin:0 auto; padding:0 .5em; vertical-align:middle; color:#fff;}
#content-sub a:focus img, #content-sub a:active {background-color:#f95a06; color:#FFF; outline:2px solid #f95a06;}
#thank-you #content {margin-top:0; margin-bottom:2em;}

#special-sponsors {width:100%; margin:0 auto;}
#special-sponsors img {display:inline; padding:0 .875em;}

#sponsors {width:100%; background-color:#fec804; margin:1.75em auto 0 auto; color:#000;}
#content-sponsors {width:60em;  margin:0 auto 0 auto; padding:10px 0; text-align:left; }
#content-sponsors a img {border:none; text-decoration:none; background-color:#fec804; display:inline; margin:0 auto; padding:0 .5em; vertical-align:middle; color:#fec804;}
#content-sponsors a:focus img, #content-sponsors a:active {background-color:#f95a06; color:#FFF; outline:2px solid #f95a06;}

#form {margin-bottom:1.75em; padding:.875em; border:1px solid #ccc;}

#footer  {width:100%; background-color:#a8cf3e; margin:0 auto 0 auto; border-bottom:10px solid #f95a06; color:#000;}
#content-footer {width:60em; margin:0 auto 0 auto; text-align:left; padding:20px 0; }
#footer p {font-size:.875em;}
#footer a, #footer a:visited {background-color:#a8cf3e; color:#000;}
#footer a:focus, #footer a:hover, #footer a:active {background-color:#f95a06; text-decoration:none; color:#fff;} 

#listwrapper {overflow:hidden;}
.list-left {float:left; width:15em;}
.list-right {float:right; width:15em;}

/*  -----------------------------------   NAVIGATION  -----------------------------------  */
/*  --------------------  skip navigation  -----------------------------------*/
#skip {position:relative; width:60em; min-height:2em; height:2em; margin:0 auto; text-align:right;}
#skip ul {margin:0; padding:0; list-style:none;}
#skip ul li {display:inline; margin:0; padding:0 7px; font-size:.875em;}
#skip a, #skip a:visited {background-color:#a8cf3e; color:#333; text-decoration:none; }
#skip a:focus{background:#f95a06; color:#fff; text-decoration:none; outline:0; outline:2px solid #fff;}
#skip a:hover{background:#f95a06; color:#fff; text-decoration:none; outline:0;}
#skip a:active {background:#f95a06; color:#fff; text-decoration:none; outline:0; outline:2px solid #fff;}

/*  --------------------  main navigation  ----------------------------------*/	
#nav-main {position:relative; overflow:inherit; width:60em; min-height:4em; margin:0 auto; }
#nav-main ul {list-style:none; padding:0;}
#nav-main li {float:left; display:block; margin:0; padding:0; line-height:2.625em;}
#nav-main li a {background-color:transparent; display:block; margin:0; padding:0 .77em; border:none; font-size:1.45em; line-height:2.75em; font-weight:bold; text-decoration:none; text-align:center; text-transform:uppercase; color:#333;}	
#nav-main li a:focus {background-color:#f95a06; outline:2px solid #fff; color:#fff;} 
#nav-main a:hover {background-color:transparent; margin:0; padding-bottom:0; color:#fff; outline:0;}
#nav-main li a:active {background-color:transparent; color:#fff;} 
/*   current selection   */
#home #nav-home, #run #nav-run, #sponsor #nav-sponsor, #volunteer #nav-volunteer, #donate #nav-donate, #get-help #nav-get-help {background:#f95a06 url(../images/nav-up-arrow.gif) center 100% no-repeat; margin:0; color:#fff;}
/*  current selection link   */
#home #nav-home a, #run #nav-run a, #sponsor #nav-sponsor a, #volunteer #nav-volunteer a, #donate #nav-donate a, #get-help #nav-get-help a {background-color:transparent; color:#fff;}
/*  focus state for the current selection link   */
#home #nav-home a:focus, #run #nav-run a:focus, #sponsor #nav-sponsor a:focus, #volunteer #nav-volunteer a:focus, #donate #nav-donate a:focus, #get-help #nav-get-help a:focus{background-color:transparent; outline:2px solid #fff; color:#333;}
/*  hover state for the current selection link   */
#home #nav-home a:hover, #run #nav-run a:hover, #sponsor #nav-sponsor a:hover, #volunteer #nav-volunteer a:hover, #donate #nav-donate a:hover, #get-help #nav-get-help a:hover {background-color:transparent; color:#fff;}
/*  active state for the current selection link   */
#home #nav-home a:active, #run #nav-run a:active, #sponsor #nav-sponsor a:active, #volunteer #nav-volunteer a:active, #donate #nav-donate a:active, #get-help #nav-get-help a:active{background-color:transparent; color:#333;}

/*  --------------------  section navigation --------------------------------*/
#nav-section{background-color:#fff; float:right; width:29%; margin:0; padding:0; color:#333;}
#nav-section ul {margin:0; padding:20px 0 0 0; list-style:none;}
#nav-section li {margin:0; display:block; border-bottom:1px #2D3322 dotted; line-height:1.75em; }
#nav-section li.first {border-top:1px #2D3322 dotted;}
#nav-section li a {background-color:#fff; display:block; padding:5px 3px; border:none; text-decoration:none; color:#464646; font-weight:bold;}
#nav-section li a:focus, #nav-section li a:hover, #nav-section li a:active {background-color:#f95a06; color:#FFF;} 
#home #nav-section {padding:24px 0 0 0;}
#home #nav-section ul {padding:0;}