/* created by: Scott Marlow: 206-784-5454, muse@marketingbymarlow.com */

body        {font-family: Verdana, Geneva, Arial, sans-serif; background-color: #808000; }

/* -------------------------------------------------------------- */
/* SUMMER BIKE LEAGUE                       */
/* delete once whole site transitions to new color scheme?    */
/* -------------------------------------------------------------- */
body#sbl      {background-color: #99b8bd;} /* body style above changes to this color eventually */
#sbl table.main  {width: 960px; margin-right: auto; margin-left: auto; border: 1px solid #069;}
#sbl #nav2     {width: 220px; padding: 10px 0px 0px 20px; background-color: #f60}
#sbl #nav2 a    {color: white}
#sbl #nav2 a:hover {color: #069}
#sbl #content   {width: 740px; background-color: white; padding: 20px 20px 20px 50px}
#sbl #content h1  {color: #069}
#sbl #content h2  {color: #069}
#sbl #content a[href $='.pdf'] {color: #fc7217; padding-right: 20px; background-color: transparent; background-image: url(http://cbcef.org/img/icon_pdf.gif); background-position: right center; background-repeat: no-repeat}
#sbl #content a[href ^='mailto:'] {color: #fc7217; padding-left: 20px; background-color: transparent; background-image: url(http://cbcef.org/img/icon_email.gif); background-position: left center; background-repeat: no-repeat}
#sbl #content a  {color: #fc7217;}
#sbl #nav1     {padding-top: 53px}
#sbl #header    {background:url(http://cbcef.org/img/header_sbl_960x100_2.gif) no-repeat; background-position: left top; background-color: #069; padding-top: 50px}
#sbl #header img {display: none} /* hides universal header text-image until nav is updated */

/* BTWB SKIN ADDED FEBRUARY 5, 2010 BY SCOTT MARLOW */
/* BTWB SKIN UPDATED JANUARY 28, 2011 BY ERICA */
/* BTWB SKIN UPDATED JANUARY 23, 2012 BY LEAH */
/* BTWB SKIN UPDATED MARCH 23, 2012 BY LEAH */

#btwb #header {background:url(http://cbcef.org/img/header_btw_960x100.gif) no-repeat; background-position: left top; background-color: #00AEEF; padding-top: 50px}
#btwb #header img {display: none}
#btwb .main {border: 1px solid #0099cc}
body#btwb      {background-color: #fff;}
#btwb #content img {border: none}
#btwb #header #nav1 a {color: #000000}
#btwb #header #nav1 a:hover, #btwb #header #nav1 a.select {background-color: #FEC10D; color: #0099cc}
#btwb #nav2     {background-color: #006699}
#btwb #nav2 a    {color: #fff}
#btwb #nav2 a:hover, #btw #nav2 a.select, #btw #nav2 .navtitle, #btw #nav2 .navsubhead {color: #000000}
#btwb #content a {color: #0099cc; text-decoration: underline}
#btwb #content a:hover {color: #0099cc; text-decoration: none}
#btwb #footer {background-color: #0099cc}
#btwb #footer a {color: #fff}

#btw #nav2 a:hover, #btw #nav2 a.select, #btw #nav2 .navtitle, #btw #nav2 .navsubhead {color: #553228}
#btw #content img[src $='btwd-sm.gif']
#btw #content img[src $='ghcc-sm.gif']  {display: none }
#btw #content img {border: none}

/* BTS SKIN UPDATED MARCH 7, 2013 BY M.J. */

#bts #header {background:url(http://cbcef.org/img/header_bts_960x100.gif) no-repeat; background-position: left top; background-color: #666699; padding-top: 50px}
#bts #header img {display: none}
#bts .main {border: 1px solid #333366}
body#bts      {background-color: #FFFFFF;}
#bts #content img {border: none}
#bts #header #nav1 a {color: #000000}
#bts #header #nav1 a:hover, #bts #header #nav1 a.select {background-color: #CC3333; color: #333366}
#bts #nav2     {background-color: #333366}
#bts #nav2 a    {color: #FFFFFF}
#bts #nav2 a:hover, #bts #nav2 a.select, #bts #nav2 .navtitle, #bts #nav2 .navsubhead {color: #FFFFFF}
#bts #content a {color: #666699; text-decoration: underline}
#bts #content a:hover {color: #CC3333; text-decoration: none}
#bts #footer {background-color: #333366}
#bts #footer a {color: #FFFFFF}

/* BTS SKIN UPDATED MARCH 7, 2013 BY M.J. */

#btw #nav2 a:hover, #btw #nav2 a.select, #btw #nav2 .navtitle, #btw #nav2 .navsubhead {color: #CC3333}
#btw #content img[src $='btwd-sm.gif']
#btw #content img[src $='ghcc-sm.gif']  {display: none }
#btw #content img {border: none}

/* BTW SKIN TEMPORARILY REMOVED FEBRUARY 5, 2010 BY SCOTT MARLOW UNTIL 2010 SKIN IS READY */  
/* BTW SKIN UPDATED MARCH 30, 2010 BY ERICA MEURK*/
/* BTW SKIN UPDATED MARCH 23, 2011 BY ERICA MEURK*/

/* BIKE MONTH, COMMUTE CHALLENGE */     

body#btw      {background-color: #FEC10D}
#btw #header {background:url(http://cbcef.org/img/header_btw_960x100.gif) no-repeat; background-position: left top; background-color: #00AEEF; padding-top: 50px}
#btw #header img {display: none}
#btw #header #nav1 a  { color: #000 }
#btw #header #nav1 a:hover, #btw #header #nav1 a.select {background-color: #FEC10D; color: #000000}
#btw #nav2     {background-color: #006699}
#btw #nav2 a    {color: #FFFFFF}
#btw #nav2 a:hover, #btw #nav2 a.select, #btw #nav2 .navtitle, #btw #nav2 .navsubhead  { color: #000 }
#btw #content {background-color: #FFFFFF}
#btw #content h1, #btw #content h2, #btw #content .subtitle, #btw #content h3   { color: #CC3333 }
#btw #content strong, #btw #content b {color: #848484}
#btw #content a  { color: #09c; text-decoration: underline }
#btw #content a:hover  { color: #FEC10D }
#btw #content th {background-color: #00306E; color: #E8E8E8; text-align:center}
#btw #footer {background-color: #00AEEF}
#btw #footer a {color: #00306E}
#btw #footer a:hover {color: #E8E8E8}
#btw .prizes tr:hover {background-color: #E8E8E8}
#btw .prizes td {border-bottom: 1px solid #E8E8E8; padding: 5px 5px 0 5px; vertical-align: top}
/*ADDED BY ERICA TO HIDE 2010 BTW GRAPHICS */  
#btw #content img[src $='10-bikemonth-woman.gif'] {display: none }
#btw #content img[src $='ghcc-sm.gif']  {display: none }
#btw #content img[src $='btwd-sm.gif']  {display: none }

#btw #footer {height: 2em; text-align: center; border-top: 1px solid #00AEEF}

/* BIKE TO SCHOOL, COMMUTE CHALLENGE */ 
/* BTS SKIN ADDED APRIL 12, 2010 BY SEAN SMITH */  
/*body#bts      {background-color: #FFE896}
#bts #header {background:url(http://cbcef.org/img/header_btw_960x100.gif) no-repeat; background-position: left top; background-color: #F58220; padding-top: 50px}
#bts #header img {display: none}
#bts #header #nav1 a {color: #553228}
#bts #header #nav1 a:hover, #btw #header #nav1 a.select {background-color: #FFF1DA; color: #553228}
#bts #nav2     {background-color: #D42027}
#bts #nav2 a    {color: #FFF1DA}
#bts #nav2 a:hover, #btw #nav2 a.select, #btw #nav2 .navtitle, #btw #nav2 .navsubhead {color: #553228}
#bts #content {background-color: #FFF1DA}
#bts #content h1, #btw #content h2, #btw #content .subtitle, #btw #content h3  {color: #F58220}
#bts #content strong, #btw #content b {color: #D42027}
#bts #content a {color: #553228; text-decoration: underline}
#bts #content a:hover {color: #F58220}
#bts #content th {background-color: #553228; color: #FFF1DA; text-align:center}
#bts #footer {background-color: #F58220}
#bts #footer a {color: #663333}
#bts #footer a:hover {color: #FFF1DA}
#bts .prizes tr:hover {background-color: #FFE896}
#bts .prizes td {border-bottom: 1px solid #FFE896; padding: 5px 5px 0 5px; vertical-align: top}*/    

#bts #nav2 a:hover, #bts #nav2 a.select, #bts #nav2 .navtitle, #bts #nav2 .navsubhead {color: #ffffff}
#bts #content img[src $='btwd-sm.gif']
#bts #content img[src $='ghcc-sm.gif']  {display: none }
#bts #content img {border: none} 

#sponsors {position:relative; background: #FFF1DA;  width:100%; padding-right: 10px; padding-bottom: 20px}

#btw #nav2 h2 a   { color: #000 }

/* -------------------------------------------------------------- */
/* LINKS                             */
/* -------------------------------------------------------------- */
a         {color: #069; font-weight: bold; text-decoration: none }
a:hover      {color: #808000; text-decoration: underline }
a.nav       {color: #069; font-weight: normal; text-decoration: none }
a.nav:hover    {color: #036; text-decoration: underline }


/* -------------------------------------------------------------- */
/* TEXT FORMATTING                        */
/* -------------------------------------------------------------- */
p         {font-size: 11px}

.subnav      {font-size: 10px; text-decoration: none }
.smalltext     {color: #000; font-size: 8px; }
.medtext      {color: #000; font-size: 10px}
.medtextwhite   {color: #fff; font-size: 10px}
.lrgtext      {font-size: 12px}
.formlabel     {color: #003366; font-size: 11px; text-decoration: none }

h1,h2,h3      {font-family: Arial, Verdana, Geneva, sans-serif}
h1         {color: #666; font-size:16px}
h2         {color: #333; font-size: 14px}
h3         {color: #333; font-size: 12px}

ul         {font-size: 11px}

.pgtitle      {color: #666; font-weight: bold; font-size: 16px; font-family: Verdana, Geneva, Arial, sans-serif}
.subtitle     {color: #333; font-weight: bold; font-size: 13px; font-family: Verdana, Geneva, Arial, sans-serif}
.blue_subtitle   {color: #0000cd; font-weight: bold; font-size: 13px; font-family: Arial, Verdana, Geneva, sans-serif}
.alert       {color: red}

/* -------------------------------------------------------------- */
/* MAIN SITE CONTAINER                      */
/* -------------------------------------------------------------- */

/* Tracker uses a div layout, no table */
.main {background: #D42127 url(http://cbcef.org/btw/img/bg_btw2009.jpg) no-repeat;	background-position: right top; }

table.main     {width: 960px; margin-right: auto; margin-left: auto;}


/* -------------------------------------------------------------- */
/* HEADER CONTAINER                        */
/* -------------------------------------------------------------- */
#header      {width: 960px; background:url(http://cbcef.org/img/header-commute.jpg) no-repeat; background-position: left top; background-color: black}
#about #header   {background:url(http://cbcef.org/img/header-commute.jpg) no-repeat; background-position: left top; background-color: black}
/*#btw #header    {background:url(http://cbcef.org/img/header-rides.jpg) no-repeat; background-position: left top; background-color: black}*/
#rides #header   {background:url(http://cbcef.org/img/header-rides.jpg) no-repeat; background-position: left top; background-color: black}
#material #header {background:url(http://cbcef.org/img/header-materials.jpg) no-repeat; background-position: left top; background-color: black}
#classes #header  {background:url(http://cbcef.org/img/header-class.jpg) no-repeat; background-position: left top; background-color: black}
#helmets #header  {background:url(http://cbcef.org/img/header-helmet.jpg) no-repeat; background-position: left top; background-color: black}
#youth #header   {background:url(http://cbcef.org/img/header-youth.jpg) no-repeat; background-position: left top; background-color: black}
#commute #header  {background:url(http://cbcef.org/img/header-commute.jpg) no-repeat; background-position: left top; background-color: black}
#safety #header  {background:url(http://cbcef.org/img/header-safety.jpg) no-repeat; background-position: left top; background-color: black}
img.header     {position: relative; top: 40px; left: 570px;}


/* -------------------------------------------------------------- */
/* PRIMARY NAV CONTAINER                     */
/* -------------------------------------------------------------- */
#nav1       {padding-top: 53px}
#nav1 ul      {list-style-type: none; width: 100%; padding: 0 0 5px 50px; margin: 0; vertical-align: bottom;}
#nav1 li      {display: inline; font-size: 11px; text-transform: uppercase; margin-right: .2em; }
#nav1 a      {color: #ff9; padding: .2em 1em}
#nav1 a:hover   {background-color: #ff9; color: black; text-decoration: none}
#nav1 a.select   {background-color: #ff9; color: black;}


/* -------------------------------------------------------------- */
/* LEFT NAV CONTAINER                       */
/* -------------------------------------------------------------- */
#nav2       {width: 220px; padding: 10px 0 0 20px; background-color: #ffc}
/*#nav2       {width: 220px; padding: 20px 5px 10px 20px; background-color:#f60}*/
#nav2 ul      {list-style-type: none; padding: 0; margin: 0}
#nav2 ul ul			{}
#nav2 li      {font-size: 11px; line-height: 1.8em}
#nav2 a      {color: #069; font-weight: bold; text-decoration: none}
#nav2 a:hover   {color: #993; text-decoration: underline}
#nav2 a.select   {color: #993; text-decoration: underline}
#nav2 ul ul a.select   {color: #993; text-decoration: underline; padding-left: 15px; background: transparent url(http://cbcef.org/img/nav-menu-arrow.gif) no-repeat center left}
#nav2 h2 a     {color: white; font-size: 24px; font-weight: 900; text-transform: lowercase;color: #993}
#nav2 h2 a:hover  {color: #069; text-decoration: none}
#nav2 img     {padding: 10px} /* width around sidebar image */
#nav2 li li    {margin-left: 15px;}
#nav2 p      {font-size: 12px; padding: 0 0 3px 0; margin: 0;}
#nav2 p.navsubhead {font-size: 11px; padding: 8px 0 3px 0; margin: 0;}


/* -------------------------------------------------------------- */
/* MAIN CONTENT CONTAINER                     */
/* -------------------------------------------------------------- */
#content      {width: 740px; background-color: white; padding: 20px 140px 20px 50px}
#content h1    {margin-bottom: -5px}
#content h2    {margin-bottom: -10px; padding-bottom: 0}
#content p, #content dt, #content dd  {font-size: 12px; line-height: 1.5em}
#content td			{font-size: 11px}
#content img    {margin: 6px; border: 1px solid black}
#content ul    {margin: .5em 3em 1em 2em; padding: 0}
#content li    {font-size: 12px; line-height: 1.5em; padding: 0; margin: 0}
#content a[href $='.pdf'] {padding-right: 20px; background-color: transparent; background-image: url(http://cbcef.org/img/icon_pdf.gif); background-position: right center; background-repeat: no-repeat}
#content a[href ^="mailto:"] {padding-left: 20px; background-color: transparent; background-image: url(http://cbcef.org/img/icon_email.gif); background-position: left center; background-repeat: no-repeat}
#content iframe  {border: 1px solid black;margin-top: 5px;}
#content p.medtext {font-size: 10px}

#home #content td {vertical-align: top}
#home #content h2 {border-bottom: 1px solid #808000}

/* -------------------------------------------------------------- */
/* PAGE FOOTER CONTAINER                     */
/* -------------------------------------------------------------- */
#footer      {height: 2em; text-align: center; background-color: #ffc; border-top: 1px solid #808000}
#footer p     {font-size: 10px;}