* { margin: 0; padding: 0; }

body {
	height: 100%; background: #ecf9bc url( ../images/background.gif );
	font: 1em "Myriad Pro", Arial; line-height: 1.5; color: #000;
}
input { font: 1em "Myriad Pro", Arial; line-height: 1.5; color: #000; }

a, a:link { color: #83b140; text-decoration: none; }
a:hover { color: #83b140; text-decoration: underline; }
a:visited { color: #83b140; }

a img { border: 0px; }
div.clear{ clear: both; }

p { margin: 6px 0 3px 0; }

/*
*/


/*
*/

div#background {
	position: absolute; left: 0px; top: 0px; width: 100%; height: 240px;
	background: transparent url( ../images/background_top.gif ) repeat-x;
}

div#container { 
	position: absolute; left: 50%; top: 0px;
	width: 950px; min-height: 100%; margin-left: -475px;
	background-color: #FFF;
}
img#logo { margin: 20px 0 0 40px; }
img#tagline { float: right; margin: 30px 50px 0 0; }

/*
*/
div#content { clear: both; padding: 50px 25px 100px 25px; }

div.column-1 { float: left; width: 290px; margin-right: 15px; }
div.column-2 { float: left; width: 595px; margin-right: 15px; }
div.nomargin { margin: 0; }

div.box { 
	position: relative; padding: 10px 20px; 
	background-color: #b2e46d; background-repeat: no-repeat; color: #FFF; 
}
div.box img.box-bottom { position: absolute; left: 0px; bottom: 0px; }

div.box a.span { 
	float: right; display: block; width: 70px; height: 24px;
	background: #c1f080 url( ../images/bg_top10_span.gif ) no-repeat;
	color: #83b140; font-size: 0.8em; text-align: center; padding-top: 2px; margin-left: 3px;
}
div.box a.span:hover,
div.box a.active { color: #000; }

div.column-1 div.box { background-image: url( ../images/bg_box1_top.gif ); }
div.column-2 div.box { background-image: url( ../images/bg_box2_top.gif ); }

/*
*/

div.challenge { 
	display: block; margin: 15px 0; padding: 10px;
	font-size: 1.2em; text-align: center;
	background-color: #f0f0f0;
}
p.challenge-answer { line-height: 1; }

div.input-text { float: left; width: 206px; padding: 2px; background-color: #e7ffc4; margin: 7px 8px 20px 0; }
div.input-text input {
	border: 2px solid #b2e46d; padding: 5px; width: 192px; height: 18px;
	background: transparent url( ../images/bg_input.gif ) no-repeat; 
}
a.button { 
	float: left; display: block;
	color: #FFF; background-color: #b2e46d; 
	height: 30px; padding: 2px 5px 0 5px; margin: 9px 0;
}

/*
*/
ol.top10 { list-style-position: outside; }
ol.top10 li { padding: 8px 10px; margin-left: 30px; border-bottom: 1px dashed #b2e46d; }
ol.top10 li img { 
	float: left; width: 24px; height: 24px; margin-right: 15px;
	vertical-align: middle; border: 4px solid #b2e46d;
}
ol.top10 li span.top10-name {
	float: left; line-height: 1;
}
ol.top10 li span.top10-name a { font-weight: bold; }
ol.top10 li span.top10-name small { color: #6b6b6b; }
ol.top10 li span.top10-points { float: right; }

/*
*/
div#footer {
	position: absolute; width: 910px; bottom: 0; left: 0px; height: 20px;
	background-color: #f0f0f0; padding: 20px;
}