body { margin: 0; padding: 0; font-family: 'comic sans ms', Arial, Helvetica, sans-serif; font-size: 13px; color:#ffffff; width: 100%; background: url(images/tile2.gif) repeat left top; }
a:link { color: #ffffff; text-decoration:none;}
a:visited { color:#F7C317; text-decoration:none; }
a: hover { color:#0093BA; text-decoration:underline;}

img { border: none; }
a span { display: none; }
.mouseover a:hover { cursor: default !important; }

.clearFloats { clear: both; font-size: 1px; line-height: 1px; height: 1px; }
.clearFloats.left { clear: left; }
.footer { text-align: center; margin: 0 auto; }

#chevron-cars-logo { position: absolute; left: 325px; top: 300px; z-index: 2; width: 400px; text-align: center; display: none; }

#container { width: 1050px; margin: 0 auto; position: relative; }
#container .column { margin: 0 auto; width: 285px; height: 595px; }

#leftColumn { float: left; }
#rightColumn { float: right; margin-right: 40px; width: 285px; }

#pageBg { width: 100%; background: url(images/tile.gif) repeat-x left top; }
#center { position: absolute; left: 325px; top: 30px; width: 430px; text-align: center; }

#quiz { text-align:center; margin:30px auto; }

#quizlist {text-align: center; color:#333333; }
#quizlist h3{font-size: 18px; color:#C1272D}
#quizlist ul {text-align: center; margin: 0 auto; width: 500px; }
#quizlist ul li { margin: 10px 25px; display: inline; list-style-type: none; }
#quizlist ul li a { font-size: 15px; color:#000000; }
#quizfont p{ text-align:left; }


#garage { position: absolute; left: -15px; top: 238px; background: url(images/arch.png) no-repeat left top; width: 430px; height: 400px; }
#garage #flash { position: absolute; left: 69px; top: 52px; width: 400px; }

#hydrant { position: absolute; left: -78px; top: 505px; }
#recycle { position: absolute; left: 470px; top: 470px; }
#pigeon { position: absolute; left: 10px; top: -35px; font-size: 11px; line-height: 12px}

/* bg layouts */
#title { background: url(images/title.png) no-repeat left top; width: 370px; height: 185px; margin: 30px 0px 0px 20px; }
#title span { display: none; }

#locator { position: relative; margin-bottom: 5px; width: 290px; height: 250px; background: url(images/stationfinder.png) no-repeat left top; }
#locator h2 { display: none; }
#locator #searchForm { position: absolute; left: 60px; top: 160px; z-index: 2; }
#locator #searchForm .submit { vertical-align: middle; }
#locator p { margin: 0; padding: 0; }
#locator p.mouseover { display: block; margin: 0; padding: 0; position: absolute; left: 0; top: 0; }
#locator .mouseover a { display: block; width: 290px; height: 250px; }

#store { position: relative; top: -15px; width: 283px; height: 290px; background: url(images/takehome.png) no-repeat 0px 0px; }
#store h2,#store p { display: none; }
#store p#buy { display: block; margin: 0; padding: 0; position: absolute; left: 54px; top: 209px; z-index: 2; }
#buy a { display: block; width: 160px; height: 40px; background: url(images/btn_buy.png) no-repeat 0px 0px; }
#buy a:hover {background-position: 0px -40px; }
#store p.mouseover { display: block; margin: 0; padding: 0; position: absolute; left: 0; top: 0; }
#store .mouseover a { display: block; width: 283px; height: 290px; }

#safety { margin-top: 30px; position: relative; width: 280px; height: 228px; background: url(images/firesafety.png) no-repeat 0px 0px; }
#safety h2, #safety p { display: none; }
#safety p#quiz { display: block; margin: 0; padding: 0; position: absolute; left: 100px; top: 163px; z-index: 2; }
#quiz a { display: block; width: 160px; height: 40px; background: url(images/btn_safety.png) no-repeat 0px 0px; }
#quiz a:hover { background-position: 0px -40px; }
#safety p.mouseover { display: block; margin: 0; padding: 0; position: absolute; left: 0; top: 0; }
#safety .mouseover a { display: block; width: 280px; height: 228px; }

#sklogo {text-align:center; position: relative; font-size:14px; }


#game { position: relative; width: 285px; height: 252px; background: url(images/game.png) no-repeat 0px 0px; }
#game h2, #game p { display: none; }
#game p#playGame { display: block; margin: 0; padding: 0; position: absolute; left: 44px; top: 190px; z-index: 2; }
#playGame a { display: block; width: 98px; height: 40px; background: url(images/btn_game.png) no-repeat 0px 0px; }
#playGame a:hover { background-position: 0px -40px; }
#game p.mouseover { display: block; margin: 0; padding: 0; position: absolute; left: 0; top: 0; }
#game .mouseover a { display: block; width: 285px; height: 252px; }


#toolbelt { padding: 35px 0 0 0; margin: 0 auto; position: relative; width: 1015px; }
#toolbelt ul { margin: 0; padding: 0 5px 0 10px; width: 1000px; height: 160px; background: url(images/btmnav.png) no-repeat left top; }
#toolbelt ul li { margin: 0; padding: 0; width: 250px; list-style-type: none; float: left; }
#toolbelt ul li p { margin: 0px; padding: 0; }
#toolbelt ul li p a { display: block; margin: 0px; padding-top: 20px; text-decoration: none; width: 250px; height: 120px; background-repeat: no-repeat; background-position: 10px 35px; }
#toolbelt ul li p a strong { display: block; text-transform: uppercase; font-size: 14px; }
#toolbelt ul li p a span { display: block; margin-left: 127px; padding-top: 16px; font-size: 13px; color: #0093BA; }
#toolbelt ul li p a:hover span { text-decoration: underline; }

#download a { background-image: url(images/download.gif); }
#download2 a { background-image: url(images/download2.gif); }
#tellafriend a { background-image: url(images/tellfriend.gif); }
#learn a { background-image: url(images/learnmore.gif); }