body {
	margin: 0;
	padding:0;
	text-align: center;
	font: Verdana, sans-serif;
	color: #4d5f6b;
	background: #555;
}

#wrap {
	margin: 0 auto;
	width: 60em;
	text-align: left;
	background: #e9ebbb;
	border: 0.5em solid black;
	border-top:none;
	font-size: 79%;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	}


#header {
	position: relative;
	width: 60em;
	height: 6em;
	margin: 0;
	background: #000;
	border-bottom:1.5em solid #8a902e;
	vertical-align:top;
}

#header #logo {
	padding-top: 1em; 
	padding-left: 1em; 
	text-align:left;
}

#header h1 {
	text-decoration: none;
	border: none;
	font-family:Georgia,Garamond,Times, Times New Roman, serif;
	text-transform: uppercase;
	font-weight:normal;
	letter-spacing:.3em;
}

#header h1 a {
	color: #4d5f6b;
	border: 0;
}

#header h2 {
	color: #8a902e;
	padding-top:.3em;
	text-decoration: none;
	font-size:1.5em;
	text-transform:lowercase;
	font-weight:normal;
}

* html #header h2 {
	padding-top:1em;
}

#header ul {
	position: absolute;
	right: 1em;
	top:  0;
	list-style: none;
	font-variant: small-caps;	
	font-size: 1.3em;
	line-height: 1.4em;
	text-align: right;
}

#header a {
	color: #8a902e;
	text-decoration: none;
	border-bottom-color: #8a902e;
}

#header a:hover {
	color: #64691e;
	border-bottom-color: #64691e;
	
}

#main {
	width: 41em;
	float: left;
	padding-right: 2em;
	padding-left: 2em;
	padding-bottom: 2em;
	padding-top:  1em;
	background: white;
	min-height: 40em;
}


#sidebar {
	width: 14em;
	float: right;
	padding-top: 0.5em;
	background-color: #e9ebbb;
}

#footer {
	clear: both;
/*	border-top: 0.1em solid #000;*/
	text-align: center;
	background: #8a902e; 
	color: #abb157;
	margin: 0;
}

#footer #copyright {
	font-size: 0.8em;
}

a {
	color: #e59009;
	text-decoration: none;
	border-bottom: 1px dotted #e59009;
}

 a:hover {
	color: #64691e;
	border-bottom-color: #64691e;
}

#sidebar img {
	width: 12.8em;
	border: 0.1em solid #000;
	margin: 1em 1em 1em 0;
}

#sidebar ul li img {
	width: 11em;
	border: 0.1em solid #000;
	margin: 1em 1em 1em -1.1em;
}

#sidebar a {
	font-family:Georgia, Garamond, Times, "Times New Roman", sans-serif;
	text-decoration:none;
	border:none;
}

#sidebar h3 {
	font-weight:bold;
	font-size:1em;
	font-family:Georgia, Garamond, Times, "Times New Roman", sans-serif;
	color: #64691e;
	margin: 1em 0 0.5em 0;
	text-transform:uppercase;
	letter-spacing:.2em;
}

#sidebar ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
 		
#sidebar ul li {
	padding: 0 0.5em 0 1.5em;
	margin-bottom: 0.2em;
	font-size:1.1em;
}

#sidebar input {
	border: 1px solid #64691e;
	background: #fff;
	padding:3px;
	margin: 0;
}

#sidebar .search_text {
	width: 10em;
}

#sidebar .search_submit {
	background: #e59009;
	padding: 2px;
	margin: 0;
}

#challenge {
	font: normal 1.1em/1.5em Verdana, sans-serif;
	margin-bottom: 1em;
}

#challenge h3, caption {
	font: normal 1.3em Georgia, Garamond, Times, "Times New Roman", serif;
	font-weight:bold;
	padding: 1em 0 0.1em 0;
/*	display:block;*/
	text-transform:uppercase;
}

#challenge h3 {
	display:  block;
}

#challenge h3 a {
	color: #e59009;
	text-decoration: none;
	border: none;
}

#challenge h3 a:hover {
	color: #64691e;
}

#challenge ul {
	background: #e9ebbb;
	padding: 0.1em;
	margin: 1em 0;
	border: 2px solid #abb157;
	list-style: none;
}

#challenge h4 {
	background: #e9ebbb;
	padding: 0.1em;
	margin: 1em 0;
	border: 2px solid #abb157;
}

#main h4 a {
	color: #e59009;
	text-decoration: none;
	border: none;
}

#main h4 a:hover {
	color: #64691e;
}

#main h5 {
	font: normal 100%/1em Georgia, Garamond, Times, "Times New Roman", serif;
	font-weight:bold;
	padding: 1em 0 0.1em 0;
	display:block;
	text-transform:uppercase;
}

#main h6 {
	font: normal 90%/0.9em Georgia, Garamond, Times, "Times New Roman", serif;
	padding: 0.2em 0 0.1em 0;
	display:block;
}


ul.admin_options {
	font: normal 90%/0.9em Georgia, Garamond, Times, "Times New Roman", serif;
	padding: 0.2em 0 0.1em 0;
	list-style: none;
}

ul.admin_options li {
	display: inline;
	padding-right: 0.5em;
}

ul.pagination {
	margin: 1em 0;
	padding: 0;
	list-style: none;
}

ul.pagination li {
	display: inline;
	margin: 0;
	padding: 0;
	padding-right: 1em;
}


label {
	margin-left: 3em;
}

.submit_button {
	background: #e59009;
	padding: 0;
}

.flash_notice {
	background: #f9ebbb;
	padding: 0.1em;
	margin: 1em 0;
	border: 2px solid #abb157;
}

#sudoku {
	margin-left:  6em;
	margin-bottom: 2em;
	height: 600px;
}

table {
	margin: 0em;
	margin-bottom: 1em;
	font-size:  large;
}

/*caption {
	margin-top: 1em;
	margin-bottom: 1em;
}*/

td {
	width: 2em;
	height: 2em;
	border: 1px solid black;
	text-align: center;
}

.hint {
	font-weight: bolder;
}

.input {
	color: #4d5f6b;
}

.button {
	width: 8.5em;
	margin-right:  0em;
	margin-left:  0.1em;
}
	
.top {
	border-top: 2px solid black;
}
.right {
	border-right: 2px solid black;
}
.left {
	border-left: 2px solid black;
}
.bottom {
	border-bottom: 2px solid black;
}

.er1 {
	background: #ffaaaa;
} 
.er2 {
	background: #ff4444;
} 
.er3 {
	background: #f00;
}
.emp {
	background-color: #e9ebbb;
}

.challenge_form {
	margin: 2em 0 2em 0;
}

.challenge_form p{
width: 20em;
clear: left;
margin: 0;
margin-top: 0.5em;
padding: 0.5em;
padding-bottom: 0;
padding-left: 12.5em; /*width of left column containing the label elements*/
border-top: 1px dashed gray;
height: 1%;
}

.challenge_form label{
font-weight: bold;
float: left;
margin-left: -12.5em; /*width of left column*/
width: 12.5em; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.challenge_form input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 19.2em;
}

.challenge_form textarea{
width: 19.5em;
height: 10em;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}

.timer {
	background: #e9ebbb;
	padding: 0.1em 1em 0.1em 1em;
	margin: 1em 0 0 0;
	border: 2px solid #abb157;
	font-size: 1.2em;
	font-weight: bold;	
	line-height: 1.3em;
}

#clock {
	color: red;
}

#user_info {
	color: #8a902e;
	font-weight: normal;
}

td input {
	font-size: 1.5em;
	width: 1.5em;
	text-align: center;
}

td input {
	font-size: 1em;
	width: 2em;
	height: 1.5em;
	padding-top: 0.3em;
	border: 0;
	text-align: center;# /*ugly safari hack - Safari won't understand this*/
}