div.embanner { background-color: white; height: 250px; }

div.quizsponsors { text-align: center!important;  }
div.quizsponsors img { margin: 0 10px; }
div.quizsponsors a, div.quizsponsors a img { border: none; }

img.quizhint { position: relative; left: 10px; top: 45px; }
p.question img.quizhint { top: 25px; }

ul.quiznav { display: none; margin: 0; padding: 0;}
body.earthmonth div.sidebar ul.quiznav li { margin: 0; padding: 0;}

body#em-alwaysgreener ul.quiznav, body#em-intheloop ul.quiznav,
body#em-greenergood ul.quiznav, body#em-renewal ul.quiznav,
body#em-consumption ul.quiznav { display: block; margin-top: .25em; margin-bottom: .5em; }

body#em-index div#sweepspromo { display:none;}


/* sprites for the individual quiz banners */

ul.quizbanners { margin: 0!important; padding: 0!important; list-style-type:none; }
ul.quizbanners li { margin: 0!important; padding: 4px 0!important; }

h2.quizhead, .quizbanners a { display: block; width: 460px; height: 70px; background: url(images/quiz-categories.jpg) 0 0 no-repeat; border-bottom: none!important; }

a#banner-alwaysgreener { background-position: 0 0; }
a#banner-intheloop { background-position: 0 -70px; }
a#banner-greenergood { background-position: 0 -140px; }
a#banner-renewal { background-position: 0 -210px; }
a#banner-consumption { background-position: 0 -280px; }

a#banner-alwaysgreener:hover { background-position: -460px 0px; }
a#banner-intheloop:hover { background-position: -460px -70px; }
a#banner-greenergood:hover { background-position: -460px -140px; }
a#banner-renewal:hover { background-position: -460px -210px; }
a#banner-consumption:hover { background-position: -460px -280px; }

h2#quizhead-alwaysgreener { background-position: -460px 0; }
h2#quizhead-intheloop { background-position: -460px -70px; }
h2#quizhead-greenergood { background-position: -460px -140px; }
h2#quizhead-renewal { background-position: -460px -210px; }
h2#quizhead-consumption { background-position: -460px -280px; }

h2.quizhead span { position: relative; left: -9999em; } 


/* form to make the quiz work and display answers */

form#quiz ol li { font-weight: bold; margin-top: 0px;  }
form#quiz ol li p {  margin: 1em 0 .5em; }
form#quiz ol li ul li { list-style-type:none; margin-top: 1px; font-weight: normal; }
form#quiz ul li { margin: 2px 0 4px 2px; padding: 0; border: none!important; }
form#quiz ul li input { margin-right: 4px; position: relative; top: 2px; }
p.scorebuttons { padding:10px 0; }
div#scoreset { display:none; font-size: small; }
div#scoreset input, div#scoreset textarea { border: none;  font-family: Georgia; }
div#scoreset input {  background-color: #ffc; color: #000; width: 4em; padding: 4px 0; text-align: center; font-weight: bold; font-size: large;}
div#scoreset textarea { display: none; }
div#scoreset ol li p.answer { color: #930; margin: .5em 0 0; }
div#scoreset ol li p.answerdetail { font-weight: normal!important; margin: .5em 0 2em; }


div.quizsponsors { border-top: 3px solid #5fa5a7;
				   border-bottom: 3px solid #5fa5a7;
				   padding-bottom: 9px; 
				   margin:9px 0; 
				}
				
div.quizsponsors h3 { text-align: left;
					  color: #87ac3f;
					  font-size: 1em;
					  font-style: italic;
					}
					
body#em-prizes div.main div.quizsponsors { 
					border: none;				   
				}