* {
	font-family: "Trebuchet MS", verdana, arial, sans-serif;
}

html,body  {
	background-color: #F1E6D0; 
	padding: 0;
	margin: 0;
}

#wrap {
	
	width: 1000px;
	margin: 10px auto 10px auto;
	padding: 10px 10px 10px 10px;
	background-color: #fff;
	border: 1px solid #CC9966;
	
}

#header { margin: 0; padding: 0; margin-bottom: 10px; }
#header h1 { margin: 0; padding: 0; font-size: 1.4em; padding-top: 20px; }
#header h1 img { float: left; margin-right: 10px; margin-top: -20px; }
#header h1 .subtitle { font-size: 0.7em; }

.error { color: red; }
.success { color: green; }
.required { color: red; }

a:link { color: #009966; text-decoration: none; }
a:visited { color: #009966; text-decoration: none; }
a:hover { color: #009966; text-decoration: underline; }
a:active { color: #009966; text-decoration: none; }

a img { border: 0; }

#main h2 {
	background-color: #B2CCE5;
	color: #fff;
	margin: 0;
	padding: 3px 10px 3px 10px;
	margin-bottom: 5px;
}

#main h3 {
	color: #CC6600;
}

#main h4 { margin: 0; padding: 0; }

#main hr {
	color: #CC6600;
	background-color: #CC6600;
	height: 1px;
	border: 0;
}

#main p { padding: 0; margin: 0; margin-bottom: 5px; }

#main form { width: 600px; }
#main label { width: 250px; float: left; text-align: right; }
#main input, #main select, #main textarea, #main .input { width: 340px; float: right; margin-bottom: 3px; }
#main .button, #main input[type=button], #main input[type=submit] { width: auto; float: right; text-align: center; }
#main .hidden, #main input[type=hidden] { display: none; }
#main .radio, #main .checkbox { width: auto; float: none; text-align: left; }
#main .input label, #main .input input, #main .input select, #main .input textarea { width: auto; float: none; text-align: left; }
#main br { clear: both; }
#main .inline { float: none !important; width: auto !important; }


.exam .answers { font-size: 0.7em; }

#main table.results { border-collapse: collapse; }
#main table.results th { border: 1px solid #CC9966; padding: 3px 3px 3px 3px; font-weight: bold; text-align: center; }
#main table.results td { border: 1px solid #CC9966; padding: 3px 3px 3px 3px; }
#main table.results th.align-left, #main table.results td.align-left { text-align: left !important; }
#main table.results th.align-right, #main table.results td.align-right { text-align: right !important; }

#main .admin-form {
	display: block;
	width: 700px;
}
#main .admin-form label {
	float: left;
	display: block;
	text-align: right;
	width: 200px;
}
#main .admin-form input, #main .admin-form textarea, #main .admin-form select, #main .admin-form .input {
	float: right;
	display: block;
	width: 490px;
	margin-bottom: 3px;
}
#main .admin-form textarea {
	height: 200px;
}
#main .admin-form select {}

#main .admin-form .input label {
	float: none;
	text-align: left;
	display: inline;
	width: auto;
}
#main .admin-form .input input, #main .admin-form .input textarea, #main .admin-form .input select {
	float: none;
	display: inline;
	width: auto;
}

#main .admin-form br {
	clear: both;
}
#main .admin-form .radio, #main form .checkbox {
	float: none;
	display: inline;
	width: auto;
}

#main .admin-form .button {
	float: right;
	width: auto;
}

#footer {
	margin: 10px 0 0 0;
	padding: 5px 3px 3px 3px;
	font-size: 0.7em;
	border-top: 1px solid #CC9966;
}
#footer p { margin: 0; padding: 0; }


.admin-menu { list-style-type: none; margin: 0; padding: 0; }
.admin-menu li { display: block; width: 100px; float: left; height: 20px; margin: 0 10px 20px 0; padding: 0; }
.admin-menu li a { display: block; width: 90px; height: 25px; margin: 0; padding: 5px; text-align: center; background-color: #B2CCE5; text-decoration: none; color: #fff; border: 1px solid #fff; }
.admin-menu li a:hover { text-decoration: none; background-color: #fff; color: #B2CCE5; border: 1px solid #B2CCE5; }
.clear { clear: both; }

.resource-next-step {
	border: 1px solid #CC9966;
	padding: 3px;
	background-color: #F1E6D0;
}
.resource-next-step p { margin: 0; padding: 0; }
.resource-next-step a {  }