/* styles for quiz boxes with red background */

/* on red */

td.onred  {
	background:    #BF2F38;
}

h3.onred  {
	color:         #FFFFFF;
	font-size:     1.0em;
	font-weight:   900;
	width:         100%;
	line-height:   normal;
	margin-bottom: 0.25em;
	margin-top:    0.25em;
	font-family:   'Trebuchet MS', Arial, Helvetica, sans-serif;
}

p.onred {
	color:         #FFFFFF;
	font-size:     0.8em;
	font-weight:   400;
	width:         100%;
	line-height:   normal;
	margin-bottom: 0em;
	margin-top:    0em;
    font-family:   Verdana, Arial, Helvetica, sans-serif;
}
p.onred a:link {
	background-color: #bf2f38;
	color: #FFFF00;
	text-decoration: underline;
}
p.onred a:visited {
	background-color: #bf2f38;
	color: #FFFFFF;
	text-decoration: underline;
}
p.onred a:link:hover {
	background-color: #ffff00;
	color: #bf2f38;
	text-decoration: none;
}
p.onred a:visited:hover {
	background-color: #FFFFFF;
	color: #bf2f38;
	text-decoration: none;
}


td.linkonred {
	background:    #BF2F38;
	color:         #FFFFFF;
	font-size:     0.8em;
	font-weight:   900;
	width:         100%;
	line-height:   normal;
	margin-bottom: 0em;
	margin-top:    0em;
	font-family:   'Trebuchet MS', Arial, Helvetica, sans-serif;
}
td.linkonred a:link {
	background-color: #bf2f38;
	color: #FFFF00;
	text-decoration: underline;
}
td.linkonred a:visited {
	background-color: #bf2f38;
	color: #FFFFFF;
	text-decoration: underline;
}
td.linkonred a:link:hover {
	background-color: #ffff00;
	color: #bf2f38;
	text-decoration: none;
}
td.linkonred a:visited:hover {
	background-color: #FFFFFF;
	color: #bf2f38;
	text-decoration: none;
}


/* on green */

td.ongreen  {
	background:    #7DC242;
}

h3.ongreen  {
	color:         #000000;
	font-size:     1.0em;
	font-weight:   900;
	width:         100%;
	line-height:   normal;
	margin-bottom: 0.25em;
	margin-top:    0.25em;
	font-family:   'Trebuchet MS', Arial, Helvetica, sans-serif;
}

p.ongreen {
	color:         #000000;
	font-size:     0.8em;
	font-weight:   400;
	width:         100%;
	line-height:   normal;
	margin-bottom: 0em;
	margin-top:    0em;
    font-family:   Verdana, Arial, Helvetica, sans-serif;
}
p.ongreen a:link {
	background-color: #7DC242;
	color: #0000FF;
	text-decoration: underline;
}
p.ongreen a:visited {
	background-color: #7DC242;
	color: #000000;
	text-decoration: underline;
}
p.ongreen a:link:hover {
	background-color: #0000FF;
	color: #7DC242;
	text-decoration: none;
}
p.ongreen a:visited:hover {
	background-color: #000000;
	color: #7DC242;
	text-decoration: none;
}




td.linkongreen {
	background:    #7DC242;
	color:         #000000;
	font-size:     0.8em;
	font-weight:   900;
	width:         100%;
	line-height:   normal;
	margin-bottom: 0em;
	margin-top:    0em;
	font-family:   'Trebuchet MS', Arial, Helvetica, sans-serif;
}
td.linkongreen a:link {
	background-color: #7DC242;
	color: #0000FF;
	text-decoration: underline;
}
td.linkongreen a:visited {
	background-color: #7DC242;
	color: #000000;
	text-decoration: underline;
}
td.linkongreen a:link:hover {
	background-color: #0000FF;
	color: #7DC242;
	text-decoration: none;
}
td.linkongreen a:visited:hover {
	background-color: #000000;
	color: #7DC242;
	text-decoration: none;
}


/* on dark blue */

td.ondarkblue  {
	background:    #004B85;
}

h3.ondarkblue  {
	color:         #FFFFFF;
	font-size:     1.0em;
	font-weight:   900;
	width:         100%;
	line-height:   normal;
	margin-bottom: 0.25em;
	margin-top:    0.25em;
	font-family:   'Trebuchet MS', Arial, Helvetica, sans-serif;
}

p.ondarkblue {
	color:         #FFFFFF;
	font-size:     0.8em;
	font-weight:   400;
	width:         100%;
	line-height:   normal;
	margin-bottom: 0em;
	margin-top:    0em;
    font-family:   Verdana, Arial, Helvetica, sans-serif;
}
p.ondarkblue a:link {
	background-color: #004B85;
	color: #FFFF00;
	text-decoration: underline;
}
p.ondarkblue a:visited {
	background-color: #004B85;
	color: #FFFFFF;
	text-decoration: underline;
}
p.ondarkblue a:link:hover {
	background-color: #ffff00;
	color: #004B85;
	text-decoration: none;
}
p.ondarkblue a:visited:hover {
	background-color: #FFFFFF;
	color: #004B85;
	text-decoration: none;
}


td.linkondarkblue {
	background:    #004B85;
	color:         #FFFFFF;
	font-size:     0.8em;
	font-weight:   900;
	width:         100%;
	line-height:   normal;
	margin-bottom: 0em;
	margin-top:    0em;
	font-family:   'Trebuchet MS', Arial, Helvetica, sans-serif;
}
td.linkondarkblue a:link {
	background-color: #004B85;
	color: #FFFF00;
	text-decoration: underline;
}
td.linkondarkblue a:visited {
	background-color: #004B85;
	color: #FFFFFF;
	text-decoration: underline;
}
td.linkondarkblue a:link:hover {
	background-color: #ffff00;
	color: #004B85;
	text-decoration: none;
}
td.linkondarkblue a:visited:hover {
	background-color: #FFFFFF;
	color: #004B85;
	text-decoration: none;
}

/* on light blue */

td.onlightblue  {
	background:    #6699CC;
}

h3.onlightblue  {
	color:         #000000;
	font-size:     1.0em;
	font-weight:   900;
	width:         100%;
	line-height:   normal;
	margin-bottom: 0.25em;
	margin-top:    0.25em;
	font-family:   'Trebuchet MS', Arial, Helvetica, sans-serif;
}

p.onlightblue {
	color:         #000000;
	font-size:     0.8em;
	font-weight:   400;
	width:         100%;
	line-height:   normal;
	margin-bottom: 0em;
	margin-top:    0em;
    font-family:   Verdana, Arial, Helvetica, sans-serif;
}
p.onlightblue a:link {
	background-color: #6699CC;
	color: #0000FF;
	text-decoration: underline;
}
p.onlightblue a:visited {
	background-color: #6699CC;
	color: #000000;
	text-decoration: underline;
}
p.onlightblue a:link:hover {
	background-color: #0000FF;
	color: #6699CC;
	text-decoration: none;
}
p.onlightblue a:visited:hover {
	background-color: #000000;
	color: #6699CC;
	text-decoration: none;
}


td.linkonlightblue {
	background:    #6699CC;
	color:         #000000;
	font-size:     0.8em;
	font-weight:   900;
	width:         100%;
	line-height:   normal;
	margin-bottom: 0em;
	margin-top:    0em;
	font-family:   'Trebuchet MS', Arial, Helvetica, sans-serif;
}
td.linkonlightblue a:link {
	background-color: #6699CC;
	color: #0000FF;
	text-decoration: underline;
}
td.linkonlightblue a:visited {
	background-color: #6699CC;
	color: #000000;
	text-decoration: underline;
}
td.linkonlightblue a:link:hover {
	background-color: #0000FF;
	color: #6699CC;
	text-decoration: none;
}
td.linkonlightblue a:visited:hover {
	background-color: #000000;
	color: #6699CC;
	text-decoration: none;
}


/* on yellow */

td.onyellow  {
	background:    #FFD520;
}

h3.onyellow  {
	color:         #000000;
	font-size:     1.0em;
	font-weight:   900;
	width:         100%;
	line-height:   normal;
	margin-bottom: 0.25em;
	margin-top:    0.25em;
	font-family:   'Trebuchet MS', Arial, Helvetica, sans-serif;
}

p.onyellow {
	color:         #000000;
	font-size:     0.8em;
	font-weight:   400;
	width:         100%;
	line-height:   normal;
	margin-bottom: 0em;
	margin-top:    0em;
    font-family:   Verdana, Arial, Helvetica, sans-serif;
}
p.onyellow a:link {
	background-color: #FFD520;
	color: #0000FF;
	text-decoration: underline;
}
p.onyellow a:visited {
	background-color: #FFD520;
	color: #000000;
	text-decoration: underline;
}
p.onyellow a:link:hover {
	background-color: #0000FF;
	color: #FFD520;
	text-decoration: none;
}
p.onyellow a:visited:hover {
	background-color: #000000;
	color: #FFD520;
	text-decoration: none;
}



td.linkonyellow {
	background:    #FFD520;
	color:         #000000;
	font-size:     0.8em;
	font-weight:   900;
	width:         100%;
	line-height:   normal;
	margin-bottom: 0em;
	margin-top:    0em;
	font-family:   'Trebuchet MS', Arial, Helvetica, sans-serif;
}
td.linkonyellow a:link {
	background-color: #FFD520;
	color: #0000FF;
	text-decoration: underline;
}
td.linkonyellow a:visited {
	background-color: #FFD520;
	color: #000000;
	text-decoration: underline;
}
td.linkonyellow a:link:hover {
	background-color: #0000FF;
	color: #FFD520;
	text-decoration: none;
}
td.linkonyellow a:visited:hover {
	background-color: #000000;
	color: #FFD520;
	text-decoration: none;
}









/* styles for the heading text next to the icon in qzmnpg_*.html */

td.waterheading {
	font-size:     1.5em;
	color:         #FFFFFF;
	font-weight:   900;
    font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
}
td.waterheading a:link {
	background-color: #004B85;
	color: #FFFF00;
	text-decoration: underline;
}
td.waterheading a:visited {
	background-color: #004B85;
	color: #FFFFFF;
	text-decoration: underline;
}
td.waterheading a:link:hover {
	background-color: #ffff00;
	color: #004B85;
	text-decoration: none;
}
td.waterheading a:visited:hover {
	background-color: #FFFFFF;
	color: #004B85;
	text-decoration: none;
}

td.earthheading {
	font-size:     1.5em;
	color:         #000000;
	font-weight:   900;
    font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
}
td.earthheading a:link {
	background-color: #7DC242;
	color: #0000FF;
	text-decoration: underline;
}
td.earthheading a:visited {
	background-color: #7DC242;
	color: #000000;
	text-decoration: underline;
}
td.earthheading a:link:hover {
	background-color: #0000FF;
	color: #7DC242;
	text-decoration: none;
}
td.earthheading a:visited:hover {
	background-color: #000000;
	color: #7DC242;
	text-decoration: none;
}


td.fireheading {
	font-size:     1.5em;
	color:         #FFFFFF;
	font-weight:   900;
    font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
}
td.fireheading a:link {
	background-color: #bf2f38;
	color: #FFFF00;
	text-decoration: underline;
}
td.fireheading a:visited {
	background-color: #bf2f38;
	color: #FFFFFF;
	text-decoration: underline;
}
td.fireheading a:link:hover {
	background-color: #ffff00;
	color: #bf2f38;
	text-decoration: none;
}
td.fireheading a:visited:hover {
	background-color: #FFFFFF;
	color: #bf2f38;
	text-decoration: none;
}


td.airheading {
	font-size:     1.5em;
	color:         #000000;
	font-weight:   900;
    font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
}
td.airheading a:link {
	background-color: #ffd520;
	color: #0000FF;
	text-decoration: underline;
}
td.airheading a:visited {
	background-color: #ffd520;
	color: #000000;
	text-decoration: underline;
}
td.airheading a:link:hover {
	background-color: #0000FF;
	color: #ffd520;
	text-decoration: none;
}
td.airheading a:visited:hover {
	background-color: #000000;
	color: #ffd520;
	text-decoration: none;
}


/* styles for the quiz description texts in qzmnpg_*.html */

td.waterdesc {
	font-size:     1.0em;
	color:         #FFFFFF;
	font-weight:   400;
	font-family:   Verdana, Arial, Helvetica, sans-serif;
}
td.waterdesc a:link {
	background-color: #004B85;
	color: #FFFF00;
	text-decoration: underline;
}
td.waterdesc a:visited {
	background-color: #004B85;
	color: #FFFFFF;
	text-decoration: underline;
}
td.waterdesc a:link:hover {
	background-color: #ffff00;
	color: #004B85;
	text-decoration: none;
}
td.waterdesc a:visited:hover {
	background-color: #FFFFFF;
	color: #004B85;
	text-decoration: none;
}


td.earthdesc {
	font-size:     1.0em;
	color:         #000000;
	font-weight:   400;
	font-family:   Verdana, Arial, Helvetica, sans-serif;
}
td.earthdesc a:link {
	background-color: #7DC242;
	color: #0000FF;
	text-decoration: underline;
}
td.earthdesc a:visited {
	background-color: #7DC242;
	color: #000000;
	text-decoration: underline;
}
td.earthdesc a:link:hover {
	background-color: #0000FF;
	color: #7DC242;
	text-decoration: none;
}
td.earthdesc a:visited:hover {
	background-color: #000000;
	color: #7DC242;
	text-decoration: none;
}


td.firedesc {
	font-size:     1.0em;
	color:         #FFFFFF;
	font-weight:   400;
	font-family:   Verdana, Arial, Helvetica, sans-serif;
}
td.firedesc a:link {
	background-color: #bf2f38;
	color: #FFFF00;
	text-decoration: underline;
}
td.firedesc a:visited {
	background-color: #bf2f38;
	color: #FFFFFF;
	text-decoration: underline;
}
td.firedesc a:link:hover {
	background-color: #ffff00;
	color: #bf2f38;
	text-decoration: none;
}
td.firedesc a:visited:hover {
	background-color: #FFFFFF;
	color: #bf2f38;
	text-decoration: none;
}


td.airdesc {
	font-size:     1.0em;
	color:         #000000;
	font-weight:   400;
	font-family:   Verdana, Arial, Helvetica, sans-serif;
}
td.airdesc a:link {
	background-color: #ffd520;
	color: #0000FF;
	text-decoration: underline;
}
td.airdesc a:visited {
	background-color: #ffd520;
	color: #000000;
	text-decoration: underline;
}
td.airdesc a:link:hover {
	background-color: #0000FF;
	color: #ffd520;
	text-decoration: none;
}
td.airdesc a:visited:hover {
	background-color: #000000;
	color: #ffd520;
	text-decoration: none;
}



/* links for navigation to previous and next quizzes */
td.navLinks
{
    font-size: 0.8em;
	font-weight: 800;
	line-height: normal;
	color: #ffffff;
    text-decoration: none;
    font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
}
td.navLinks a:link {
	background-color: #000000;
	color: #ffffff;
	text-decoration: underline;
}
td.navLinks a:visited {
	background-color: #000000;
	color: #ffffff;
	text-decoration: underline;
}
td.navLinks a:link:hover {
	background-color: #ffffff;
	color: #333333;
	text-decoration: none;
}
td.navLinks a:visited:hover {
	background-color: #ffffff;
	color: #333333;
	text-decoration: none;
}