#content {
	width: 40em;
	margin: 0 auto;
	padding: 1em;
	background: white;
}

#nav { 
	margin: 0 auto;
	font-size: smaller;
	padding: 2px;
	text-align: right;;
	text-transform: uppercase;
}

#footer { 
	font-size: small;
	text-align: center;
	width: 40em;
        margin: 0 auto;
        padding: 1em;
        background: white;
	text-alight: center;
        border-top: 1px solid #5588CC;
	font-family: helvetica, arial;
}

#nav a {
	font-size: x-small;
	font-family: arial, helvetica;
	color: #0044AA;
	font-weight: bolder;
	text-decoration: none;
}

#nav a:hover { color: orange; }

#header {
        border-bottom: 1px solid #5588CC;
        background: url(../images/background.gif);
        background-position: top left;
        background-repeat: repeat-x;
}

h1 {
	font-family: courier, monospace;
	margin: 0;
	padding: 20px;
	text-align: left;
	font-size: large;
	color: #777;
	/* background: #EEEEFF;
	border-bottom: 2px solid #57a; */
}

.testtitle { width: 30em; display: inline; }

ul { list-style: none; }

h3 {
	margin: 0;
	padding: 0;
	font-weight: bold;
	font-size: medium;
}

.secondtext {
	font-size: smaller;
}

.incomplete {
	padding-left: 60px;
        padding-top: 1em;
        padding-bottom: 1em;
	background: #FFF9BF;
	background-image: url(../images/alert.gif);
        background-position: left center;
        background-repeat: no-repeat;
	border: 1px solid #FFF280;
}

.correct {
	padding-left: 60px;
	padding-top: 1em;
	padding-bottom: 1em;
	color: 008F00;
	background: #BFFFBF;
	background-image: url(../images/correct.gif);
	background-position: left center;
	background-repeat: no-repeat;
	border: 1px solid #24B300;
}

.incorrect {
	padding-left: 60px;
        padding-top: 1em;
        padding-bottom: 1em;
        color: red;
	background: #FFCCBF;
	background-image: url(../images/incorrect.gif);
        background-position: left center;
        background-repeat: no-repeat;
        border: 1px solid #B32400;
}