/* CSS Document */

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

h1 {background-color:#333; color:#fff;} 
#home h1{ background-color:#333; color:#fedc5f;}
h2 {background-color:#333; border-top-color:#ccc;  color:#fedc5f; } 
h2 a:link, h2 a:visited{background-color:transparent; color:#fedc5f;}
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:#fedc5f;}
a:visited {background-color:transparent; color:#fff;} 
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 #fedc5f; }

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

/*  -----------------------------------   LAYOUT  -----------------------------------  */
/*  --------------------  header  ------------------------------------------- */
#header {background-color:#205530; color:#fff;}

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

/*  --------------------  call to action styles -------------------------------*/	
#calltoaction { background:url(../images/cta_bg-dark.gif) 0 0 repeat-x; z-index:1;}
#calltoaction-sub {background:url(../images/cta-sub-bg-dark.gif) 0 0 repeat-x;}
#title p {color:#fedc5f;}
#register a:focus, #teamchallenge a:focus, #register a:hover, #teamchallenge a:hover, #register a:active, #teamchallenge a:active {border:0; outline:0;}

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

#sponsors {background-color:#333; color:#fff;}
#content-sponsors a img {background-color:#333; color:#333;}

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

#footer  {background-color:#205530; border-bottom:5px solid #f95a06; color:#fff; }
#content-footer {background:transparent; color:#fff;}
#content-footer a{background:transparent; color:#fedc5f;}
#content-footer a:visited{background:transparent; color:#fff;}		
#footer a:focus{background-color:#f95a06; text-decoration:none; 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:#205530; color:#fedc5f; text-decoration:none;}
#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:#fff;}	
#nav-main a:focus {background-color:transparent; outline:2px solid #fff; color:#f95a06;} 
#nav-main a:hover {background-color:transparent;color:#f95a06;}
#home #nav-home, #run #nav-run, #sponsor #nav-sponsor, #volunteer #nav-volunteer, #donate #nav-donate, #get-help #nav-get-help {background:#333 url(../images/nav-up-arrow-dark.gif) center 100% no-repeat; 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; color:#f95a06; outline:2px solid #fff;}
#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:#f95a06;}
 #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:#f95a06; outline: 2px solid #fff;}

/*  --------------------  section navigation --------------------------------*/
#nav-section{background:transparent; color:#fff;}
#nav-section li {border-bottom:1px #fff dotted;}
#nav-section li.first {border-top:1px #fff dotted;}
#nav-section li a {background:transparent; color:#fff;}
#nav-section li a:focus {outline:2px solid #f95a06; background-color:#f95a06; color:#fff;} 
#nav-section li a:hover {background-color:#f95a06; color: #fff;}
#nav-section li a:active {outline:2px solid #f95a06; background-color:#f95a06; 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 #f95a06; color:#f95a06;}

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;}