body {
	font: 87.5%/1.2em Helvetica, Arial, sans-serif;
 	background: #000;
	margin: 0;
	padding: 0;
	position: relative;
}
#overwrap {
	background: #000 url("../img/body-bg.jpg") 50% 0 no-repeat;	
}

#thanks #overwrap {
	height: 500px;
}

#wrap {
	margin-left: auto;
	margin-right: auto;
	width: 940px;
	margin-bottom: 0px;
}

#footerwrap {
	background: #000 url('../img/coec_footer_bg.png') top left repeat-x; 
}


.left,
.center,
.right {
	display: inline;
	float: left;
	margin-left: 0px;
	margin-right: 0px;
}

.left-and-center {
	display: inline;
	float: left;
	margin-left: 40px;
	margin-right: 10px;
}

.left { 
	width: 340px; 
	padding-left: 20px;
}
.center { 
	width: 470px; 
	margin-left: 60px;
	margin-right: 20px;
}
.right { 
	width: 100px; 
}
.left-and-center { width: 620px; }


/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

html body div.clear,
html body span.clear {
	background: none;
	border: 0;
	clear: both;
	display: block;
	float: none;
	font-size: 0;
	margin: 0;
	padding: 0;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://www.positioniseverything.net/easyclearing.html */

.clearfix:after {
	clear: both;
	content: '.';
	display: block;
	visibility: hidden;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}

a {
	color: #ff1812;
}
a:visited {
	color: #999999;
}
a:focus {
	outline: 1px dotted invert;
}
a.alwaysred, a.alwaysred:visited {
	color: #ff1812;
}


hr {
	border-color: #999;
	border-style: dotted;
	border-width: 1px 0 0;
	clear: both;
	height: 0;
}

/* `Headings
----------------------------------------------------------------------------------------------------*/

h1 {
	font-weight: normal;
	font-size: 2.14em;
}

h2 {
	font-weight: normal;
	font-size: 2.14em;
	padding: 1.5em 0 .75em 0;
	color: #ff1812;
}
h3 {
	font-size: 1em;
	padding: .75em 0 .5em 0;
	color: #ff1812;
}
h4 {
	font-size: 1.4em;
	font-weight: normal !important;
	padding: .75em 0 .5em 0;
	color: #bbd2ff;
}
p, ol {
	font-size: 0.875em;
	color: #fff;
}

#branding {
	height: 100px;
}

#branding h1 {
	float: left;
	width: 340px;
	height: 160px;
	text-indent: -9999px;
	background: url("../img/coec-logo.gif") 0px 25px no-repeat;
}
#branding h1 a {
	display: block;
	height: 100px;
}




/*
#footer { 
	width: 940px;
	height: 50px; 
	padding: 55px 25px 25px 30px;
	font: 0.71em Geneva, Tahoma, sans-serif;
}

#footer p { 
	padding: 0 0 0 0.25em;
}

#footer a { 
	color: #333;
}

#footer .copyright {
	width: 400px;
	float: left;
}

#footer .powered {
	float: right;
	padding-right: 50px;
}
*/


/*=============================================================================*
	-=footer styles
*=============================================================================*/
div#footer {
	clear: both;
	position: relative;
	width: 960px;
/*	padding: 30px 50px 20px 50px; */
	margin: 0 auto;
	padding: 50px 0px 20px 50px;
	w\idth: 910px;
	height: 180px;
}

dl#footer-partners dt,
dl#footer-funding-partners dt,
dl#footer-social dt {
	color: #ff1812;
	text-transform: uppercase;
	font-size: 0.9em;
	line-height: 1.1em;
	float: left;
	margin-right: 20px;
	padding-top: 15px;
}
dl#footer-funding-partners dt,
dl#footer-social dt {
	padding-top: 22px;
}
dl#footer-funding-partners {
	clear: left;
}

dl#footer-partners dd,
dl#footer-funding-partners dd,
dl#footer-social dd {
	float: left;
	height: 50px;
	margin: 0 20px 20px 0;
	background: url("../img/coec_logos_sprites.png") no-repeat left top;
	text-indent: -99999px;
}
dl#footer-partners dd a,
dl#footer-funding-partners dd a,
dl#footer-social dd a {
	display: block;
	height: 50px;
}

dl#footer-partners dd#p_mco	{background-position: 0 0;		width: 210px}
dl#footer-partners dd#p_tmm {background-position: 0 -50px;	width: 100px;}
dl#footer-partners dd#p_mo	{background-position: 0 -100px;	width: 60px;}
dl#footer-partners dd#p_mtc	{background-position: 0 -150px;	width: 60px;}
dl#footer-partners dd#p_pte	{background-position: 0 -200px;	width: 210px;}
dl#footer-partners dd#p_rwb	{background-position: 0 -250px;	width: 140px; margin-left: 130px;}
dl#footer-partners dd#p_wag	{background-position: 0 -300px;	width: 150px;}
dl#footer-partners dd#p_wso	{background-position: 0 -350px;	width: 250px;}

dl#footer-funding-partners dd#fp_dw {background-position: 0 -400px;	width: 130px;}
dl#footer-funding-partners dd#fp_mh {background-position: 0 -450px;	width: 110px;}
dl#footer-funding-partners dd#fp_tm {background-position: 0 -500px;	width: 70px;}

dl#footer-social dd#s_tw {background-position: 0 -550px;	width: 80px;}
dl#footer-social dd#s_fb {background-position: 0 -600px;	width: 60px;}






/* ----------------------------------------------------------------------------------------------------*/

p {
	overflow: hidden;
	padding: 0 0 .75em 0;
	font-size: 1em;
}

p.notex {
	padding: 0 !important;
	margin: 0 0 0 25px !important;
	font-size: 1em !important;
	font-style: italic;
	text-indent: 0 !important;
}
p.tyou {
	padding-top: 7.5em;
}
p.tyou strong {
	font-weight: normal;
	color: #dd7632;
	font-size: 1.75em;
}

#form-intro p {
	font-size: .91em;
	color: #ccc;
}

#form-intro img {
	float: right;
	margin: 10px 0 10px 10px;
}

#form-intro p.note {
	font-size: 0.785em;
	color: #666;
}

#form-intro p.note strong {
	font-size: 1.27em;
	color: #000;
}

.index .left img {
	padding: 5em 0 12em 0;
}
.thanks .left img {
	padding: 5em 0 12em 0;
}

.left p {
	padding: 1em 0 0 2em;
	line-height: 1.2em;
	font-size: 0.715em;
	font: Tahoma, sans-serif;
	color: #999;
}
.left a {
	color: #666;
}



table.questions {
	width: 420px;
}

table.questions td {
	padding: .25em .5em .25em 0;
/*	border-bottom: 1px solid #ccc; */
	font-size: .875em;
}
table.questions td.input {
	width: 270px;
}
table.questions td.f1 {
	width: 140px;
}
table.questions td.inputx {
	padding-bottom: 15px;
}
table.questions tr.noborder td {
	padding-top: .75em;
	border-bottom: 0;
}

table.questions td p {
	font-size: 1.17em;
	padding: 0 0 0 1.2em;
	text-indent: -1.2em;
}

table.questions td p strong {
	color: #cc0000;
}

table.questions tr.solution td{
	border-bottom: 0;
}

table.questions tr.odd td{
	background: #f0f0f0;
}

table.questions tr.solution td p {
	font-size: 1em;
	padding: 0 0 0 .7em;
	text-indent: 0;
}
td.notmandatory p {
	text-indent: 0em !important;
	padding-left: 0.5em !important;
}
table.questions p.descr {
	font-size: 0.785em;
	padding: 0 0 0 2em;
	line-height: 1.2em;
	color: #666;
}

table.questions tr td p.notes {
	font-size: 0.785em;
	color: #333;
}

table.questions td input.textfield {
	width: 240px;
}

table.questions tr.last td {
/*	border-top: 1px solid #ccc; */
	border-bottom: 0;
	padding-top: 1em;
}

table.questions tr.last td p strong {
	font-size: 1.5em;
}

td.privacynote {
	background-color: #fef9ef;
	color: #000;
	padding: 1.5em !important;
}

#error {
	border: 1px solid #cc3333;
	background-color: #990000;
	color: #000;
	padding: 1.5em 20px 0.75em 20px;
	margin: 3em 0 1em 0;
	width: 378px;
}
tr.error td p {
	background-color: #ffff00;
	color: #000;
}
tr.error td input {
	background-color: #ffff00;
}


span.smallnote {
	font-style: italic;
	font-size: .875em;
	color: #999;
}



#hints {
	border: 1px solid #dd7632;
	background-color: #ffe1ce;
	color: #000;
	font-size: 1em;
	padding: 1.5em 20px 0.75em 20px;
	margin: 1em 0;
}
#hints ul {
	padding-left: 0;
	margin-left: 0;
}
#hints ul li {
	padding-left: 0;
	margin-left: 1em;
}


#report {
	border: 1px solid #ccc;
	background-color: #fffff0;
	padding: 1.5em 20px 0 20px;
	margin: 1em 0 2em 0;
	width: 378px;

}

#report h3 {
	font-weight: normal;
	font-size: 1.29em;
	color: #660000;
}

#report dt, #report dd {
	font-size: .875em;
}

#report dt {
	font-weight: bold;
	padding-top: 1em;
	color: #333;
}
#report dd {
	padding-left: .5em;
	color: #443333;
}
#report dd p {
	padding: .5em 0 0 0;
}
#report dd p.descr {
	padding: 0;
	font-size: 10px;
	line-height: 1.2em;
	/*font-style: italic;
	*/color: #666;
}


ol {
	list-style: lower-alpha;
}

ul {
	list-style: square;
}

li {
	margin-left: 30px;
}

dl,
hr,
ol,
ul,
pre,
table,
address,
fieldset {
	margin-bottom: 10px;
}

label {
	color: #fff;
}