body {
background-color:#000;
color:#fff;
font-family:times, serif;
}


/* this next DIV is encasing the whole page, as to make it centered.
Everything is nested within this DIV. */

div.main {position:relative;
margin-left:auto; margin-right:auto;
margin-bottom:20px; width:750px; border-style:none;
}


/* core set title image */

div.title {
position:relative; margin-left:auto; margin-right:auto;
 height:86px; width:562px;
background-image:url('gr/title_inside.gif');
border-style:none; color:#fff; margin-bottom:20px;
}
div.title h1 {visibility:hidden;}


/* Pandemic title image */

div.title_pan {
 position:relative; margin-left:auto; margin-right:auto;
 height:122px; width:597px;
 background-image:url('gr/title_pandemic.gif');
 border-style:none; color:#fff; margin-bottom:20px;}
div.title_pan h1 {visibility:hidden;}


div.content {padding:10px; background-color:#d7d2d6; color:#000; text-align:center;
background-image:url('gr/back_cards.gif');
background-position:top left;
background-repeat:no-repeat; z-index:-10;}

p.border {padding:10px; border:1px solid black; background-color:#fff; width:500px;
margin-left:auto; margin-right:auto;}

/* bold red text */

.red {font-weight:bold; color:#990000;}


/* style for card question paragraphs */

p.border2 {padding:10px; border:1px solid black; background-color:#fff; width:600px;
margin-left:auto; margin-right:auto; text-align:left; overflow:hidden;}

p.border2:first-line {text-align:center; font-weight:bold; color:#990000;}

p.center {text-align:center;}


/*floating card images on question page right */
img.right {float:right; margin-left:5px;}

/* styles for "Q" paragraph */
span.q {background-color:#ffcc66; font-weight:bold;}

/* styles for "A" paragraph */
span.a {background-color:#99ff99; font-weight:bold;}


a {font-weight:bold;}
a:hover {color:#993399; text-decoration:none;}

/* different background colors for links */

a.l1 {background-color:#99ff99; font-weight:normal; text-decoration:none;} /* orange */
a.l1:hover {background-color:#fff; color:#000;}

a.l2 {background-color:#ffcc66; font-weight:normal; text-decoration:none;} /* green */
a.l2:hover {background-color:#fff; color:#000;}


/* styles for card information pages */

div.card_content {padding:10px; background-color:#d7d2d6; color:#000; text-align:center;
	width:450px; margin-left:auto; margin-right:auto;
	background-image:url('gr/back_cards.gif');
	background-position:top left;
	background-repeat:no-repeat;}

img.card {float:left; margin-bottom:100px; margin-right:5px;}


/* styles for Doctrine pages */

img.doc_title {
position:absolute; margin-top:0px; top:20px; left:156px; height:32px; width:337px;
border-style:none; color:#fff;
}

div.text {font-size:15px; color:#555; font-family:courier;
text-align:center;
}