/* CSS Document */

/* -----------------------------------
    www.stpatricksday5k.ca
	Created by: Deb Larsen
	Created on: 24 August 2009
	Last updated: 18 January 2010
   -----------------------------------*/
   
/*  ----------------------------------------   GENERIC  ----------------------------------------  */ 
body {background:#fff;  color:#333;}

h1 {background-color:#fff; color:#a8cf3e;} 
#home h1{ background-color:#fff; color:#333;}
h2 {background-color:#fff; border-top-color:#ccc;  color:#333; } 
h2 a:link, h2 a:visited{background-color:transparent; color:#a8cf3e;}
h2 a:focus {text-decoration:none; background-color:#f95a06; outline:2px solid #fff;} 
h2 a:hover, a:active {background-color:#f95a06; color:#fff;}


a:link {background-color:transparent; color:#628010;}
a:visited {background-color:transparent; color:#333;} 
a:focus {text-decoration:none; background-color:#f95a06; outline:2px solid #fff;} 
a:hover, a:active {background-color:#f95a06; color:#fff;}

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

/* ------------- classes ------------ */
p.page-summary {background-color:#fff; color:#333;} 
.emphasize {background-color:#fff; color:#f95a06;}
p.form {border:2px solid #ccc;}

/*  -----------------------------------   LAYOUT  -----------------------------------  */
/*  --------------------  header  ------------------------------------------- */
#header {background-color:#a8cf3e; color:#333;}

/*  --------------------  notice styles ---------------------------------------*/	
#notice {background-color:#fff; color:#333; }
p.countdown, p.daysleft, p.month, p.day {background-color:transparent; color:#555;}

/*  --------------------  call to action styles -------------------------------*/	
#calltoaction { background:url(../images/cta_bg.gif) 0 0 repeat-x;}
#calltoaction-sub {background:url(../images/cta-sub-bg.gif) 0 0 repeat-x;}
#title p {color:#333;}

/*  --------------------  content styles ------------------------------------ */
#content-main img {border:1px solid #ccc;}
#content-sub a img {background-color:#fff; color:#fff;}

#sponsors {background-color:#fec804; color:#000;}
#content-sponsors a img {background-color:#fec804; color:#fec804;}

#form {border:1px solid #ccc;}

#footer  {background-color:#a8cf3e; border-bottom: 5px solid #f95a06; color:#000; }
#content-footer {background:transparent; color:#000;}
#content-footer a{background:#a8cf3e; color:#000;}
#content-footer a:visited{background:#a8cf3e; color:#000;}		
#footer a:focus{background-color:#f95a06; outline:2px solid #fff; color:#fff;} 
#footer a:hover, #footer a:active {background-color:#f95a06; color:#fff;} 

/*  -----------------------------------   NAVIGATION  -----------------------------------  */
/*  --------------------  skip navigation  -----------------------------------*/
#skip a, #skip a:visited {background-color:#a8cf3e; color:#333;}
#skip a:focus, #skip a:hover, #skip a:active {outline:2px solid #fff; background-color:#f95a06; color:#fff;}
/*  --------------------  main navigation  ----------------------------------*/	
#nav-main li a {background-color:transparent; color:#333;}	
#nav-main li a:focus {background-color:#f95a06; outline:2px solid #fff; color:#fff;} 
#nav-main a:hover {background-color:transparent; color:#fff;}
#nav-main li a:active {background-color:transparent; color:#fff;} 
#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;}
#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;}
#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;}
#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;}
#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; outline:2px solid #fff; color:#333;}

/*  --------------------  section navigation --------------------------------*/
#nav-section{background:#fff; color:#333;}
#nav-section li {border-bottom:1px #2d3322 dotted;}
#nav-section li.first {border-top:1px #2d3322 dotted;}
#nav-section li a {background:#fff; color:#464646;}
#nav-section li a:focus {outline:2px solid #fff; background-color:#f95a06; color:#fff;} 
#nav-section li a:hover {background-color:#f95a06; color:#fff;}
#nav-section li a:active {outline:2px solid #fff; background-color:#f95a06; color:#fff;} 

img.right {float:right; border:0; margin-top:-30px; padding-left: 10px;}
img.left {float:left; border:0; margin-top:-10px;  padding-right:20px;  }
#content-main a img.right, #content-main a img.left, img.right, img.left {border:0;}