/* CSS Document */

body { background: url(../images/bluebgtile.gif) repeat-x top #003662; }

#blackholder { width: 970px; margin: 0 auto; background: url(../images/blacksidetile.gif) repeat-x top black; z-index: 1; padding: 0 15px; }
#topbandleft { width: 960px; height: 11px; background: url(../images/topband_tileleft.gif) repeat-x; position: absolute; left: 0; top: 0; z-index: 2; }
#topbandright { width: 960px; height: 11px; background: url(../images/topband_tileright.gif) repeat-x; position: absolute; right: 0; top: 0; z-index: 2; }
#topband { position: absolute; width: 988px; height: 11px; top: 0; z-index: 3; background: url(../images/topband.gif) no-repeat center top; }

#mast { width: 970px; margin: 0 auto; padding-top: 11px; }
#mastlogo { float: left; width: 296px; height: 304px; }
#mastpicholder { float: right; width: 674px; height: 304px; }

#contentwrapper { background: url(../images/contentbg_tile.jpg) repeat-y left 342px; width: 970px; }
#content { background: url(../images/contentbg_top.jpg) no-repeat top; width: 970px; }
#home_content { background: url(../images/contentbg_top_noheader.jpg) no-repeat top; width: 970px; }
#home_text { margin-bottom: 15px; padding-top: 15px; font: 16px Tahoma, Arial, Helvetica, sans-serif; color: white; line-height: 20px; }
#rightsidebg { background: url(../images/rightsidetile.gif) right repeat-y; }
#news { width: 600px; float: left; margin-bottom: 50px; }
#welcometext { width: 600px; float: left; margin: 10px 27px 90px 25px; }
#welcometext h1 { line-height: 30px; }
#updates { background: #c3edff; text-align: left; color: #4c4c4c; font: 11px Arial, Helvetica, sans-serif; line-height: 12px; border-top: solid 1px white; border-bottom: solid 1px #677f88; width: 276px; float: right; padding: 21px; }
#updates h1 { color: black; font: 24px Arial, Helvetica, sans-serif; line-height: 25px; }
#updates a { color: #4c4c4c; }
#sponsor, #signup { text-align: left; color: black; font: 12px Arial, Helvetica, sans-serif; line-height: 12px; border-bottom: solid 3px #c2c2c2; width: 276px; float: right; padding: 21px; }
#month { text-align: center; color: black; font: 12px Arial, Helvetica, sans-serif; line-height: 12px; border-bottom: solid 3px #c2c2c2; width: 276px; float: right; padding: 21px; }
#sponsor h1, #signup h1 { color: #ffed80; font: 24px Arial, Helvetica, sans-serif; line-height: 25px; }
#signup a { color: black; text-decoration: none; }
#sponsor a { color: black; }
#sponsornote { color: #ffed80; }
#sponsornote a { color: #ffed80; text-decoration: underline; }
#sponsorimage { float: left; padding: 0 12px 6px 0; }
#welcometext a { color: #c3edff; text-decoration: underline; }
#welcometext li:hover { background-color: none; }
#buttons { width: 318px; float: right; text-align: center; padding: 5px 0; border-top: solid 3px #c2c2c2; border-bottom: solid 3px #c2c2c2; }
#rssnote { display: none; font: 12px Arial, Helvetica, sans-serif; line-height: 12px; color: #ffed80; text-align: justify; width: 288px; padding: 0 15px 9px 14px; }
#rssnote a { color: #ffed80; }


#footer { text-align: center; font: 11px Tahoma, Arial, Helvetica, sans-serif; line-height: 14px; color: white; }
#footer a { color: #ffd749; text-decoration: none; }
#footer a:hover { text-decoration: underline; }

#nav { width: 238px; font: 12px Tahoma, Arial, Helvetica, sans-serif; line-height: 22px; padding: 16px; float: left; margin-bottom: 50px; }
#navtop { width: 238px; height: 29px; background: url(../images/nav_top.gif) no-repeat; }
#navholder { width: 238px; background: url(../images/nav_bordertile.gif) repeat-y; }
#navholderertop { width: 238px; background: url(../images/nav_bordertop.gif) no-repeat top; }
#navbot { width: 238px; height: 29px; background: url(../images/nav_bot.gif) no-repeat; }
#navmain { width: 209px; background: url(../images/nav_bgtile.gif); height: 484px; margin: 0 14px 0 15px }
#navmain a { display: block; width: 100%; height: 100%; color: #003058; text-decoration: none; }
.item { height: 22px; background: url(../images/nav_selectable.gif) no-repeat left; padding-left: 26px; }
.item:hover { height: 22px; background: url(../images/nav_selectable_hl.gif) no-repeat left; padding-left: 26px; cursor: pointer; }
.catagory { height: 22px; background: url(../images/nav_catagory.gif) no-repeat left; padding-left: 26px; }
.itemindent { height: 22px; background: url(../images/nav_selectable_inset.gif) no-repeat left; padding-left: 42px; }
.itemindent:hover { height: 22px; background: url(../images/nav_selectable_insethl.gif) no-repeat left; cursor: pointer; }

#text { color: white; font: 14px normal Arial, Helvetica, sans-serif; padding: 49px 25px 40px 275px; line-height: 18px; }
#text2 { color: white; font: 14px normal Arial, Helvetica, sans-serif; padding: 49px 0 0 0; line-height: 18px; text-align: center; width: 600px; margin: 0 auto; }
h1 { font: normal 30px Tahoma, Arial, Helvetica, sans-serif; color: #ffed80; padding-bottom: 15px; }
h2 { font: bold 14px Tahoma, Arial, Helvetica, sans-serif; color: #ffed80; }
#text a, .article a { color: #c3edff; }
ul { list-style: circle; padding-left: 15px; }
li:hover { background-color: #307292; }
.pdficon { float: left; margin: 5px; position: relative; bottom: 11px; }
#pdfdiv { width: 500px; margin: 0 auto; }
#bikelaws { list-style-type: decimal; padding-left: 25px; }
#applicationlink { margin: 0 auto; padding: 10px; width: 292px; background-color: white; border: 5px solid black; }
#contacts tr { border: 1px solid #307292; }
#contacts tr:hover { background-color: #307292; }
#contacts td { vertical-align: top; padding: 3px;  }
.required { color: red; }
.custominput1, .custominput2, .custominput3, .custominput4 { background-color: #307292; padding: 2px 4px; font: 12px Tahoma, Arial, Helvetica, sans-serif; color: white; border:1px white solid; }
.custominput1:focus, .custominput2:focus, .custominput3:focus, .custominput4:focus { background-color: #EEEEEE; color: black; }
.custominput1 { width: 300px; }
.custominput4 { width: 310px; }
.custominput2, .custominput3 { width: 98%; }
#addresstable { width: 100%; vertical-align: top; font: 11px Tahoma, Arial, Helvetica, sans-serif; }
#addresstable td { padding: 1px 0 2px 0; }
#addresstable tr:hover { background-color: #307292; }
.sponsor { background-color: #000066; }

#homesquares { font: 14px Tahoma, Arial, Helvetica, sans-serif; text-align: right; }
#homesquares a { color: #003059; text-decoration: none; font-weight: bold; }
#homesquares a:hover { text-decoration: underline; }
#squares_events { margin-left: 1px; float: left; width: 300px; height: 152px; background: url(../images/homebox_events.gif) no-repeat; padding-right: 16px; }
#squares_advocacy { margin: 0 0 9px 327px; width: 300px; height: 152px; background: url(../images/homebox_advocacy.gif) no-repeat; padding-right: 26px; }
#squares_financial { margin-right: 1px; float: right; width: 300px; height: 152px; background: url(../images/homebox_financial.gif) no-repeat; padding-right: 16px; }
#squares_organization { margin-left: 1px; float: left; width: 300px; height: 152px; background: url(../images/homebox_org.gif) no-repeat; padding-right: 16px; }
#squares_membership { margin: 0 0 50px 327px; width: 300px; height: 152px; background: url(../images/homebox_membership.gif) no-repeat; padding-right: 26px; }
#squares_resources { margin-right: 1px; float: right; width: 300px; height: 152px; background: url(../images/homebox_res.gif) no-repeat; padding-right: 16px; }

.article { display: none; margin-bottom: 50px; }
#badges { margin: 0 0 0 auto; width: 275px; font-size: 11px; }
#badges img { border: 2px solid black; }

#donateimg { float: right; margin-left: 5px; position: relative; left: 10px; }