@charset "utf-8";
/* CSS Document */

body {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #CCC;
	background: #000;
}


/* typography */

a {
	text-decoration: none;
	font-weight: bold;
	color: #c41230;
}
a:hover {
	text-decoration: underline;
	color: #ffa200;
	font-weight: bold;
}

h1 {
	font-size: 26px;
	margin: 0;
	font-weight: bold;
}
h2 {
	font-size: 20px;
	margin: 0;
	font-weight: bold;
	margin-bottom: 15px;
	border-bottom: 1px solid #666;
}
h3 {
	font-size: 18px;
	margin: 0;
	font-weight: normal;
}
h4 {
	font-size: 16px;
	margin: 0;
	font-weight: bold;
}
h5 {
	font-size: 12px;
	margin: 0;
	font-weight: bold;
	margin-bottom: 15px;
	margin-top: 9px;
	border-bottom: 1px solid #666;
}
h6 {
	font-size: 12px;
	margin: 0;
	font-weight: bold;
}

img { border: 0; }

p { margin: 0;
	margin-bottom: 10px;
 }

pre[wrap] {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	white-space: pre-wrap;
}

i {	font-weight: bold; color: #000; }

ul { margin: 0; padding: 0; margin-bottom: 10px; }

ul li {
	padding-left: 2px;
	margin-left: 14px;
}


.float { float: left; margin-right: 10px; }
.floatr { float: right; margin-left: 10px; }
.justify { text-align: justify; }
.clear { clear: both; }
.btop { border-top: 1px solid #CCC; }
.bbot { border-bottom: 1px solid #CCC; }
.bl { border-left: 1px solid #CCC; }
.br { border-right: 1px solid #CCC; }
strong, b { font-weight: bold; }
.red { color: #FF0000; }
A.red { color: #FF0000; }
.orange { color: #FF6600; }
.ltgrey { color: #CCC; }
.dkgrey { color: #666; }
.blue { color: #00C; }
.white { color: #FFF; }
.black { color: #000; }
.xsmall { font-size: 8px; }
.small { font-size: 10px; }
.medium { font-size: 14px; }
.large { font-size: 18px; }
.xlarge { font-size: 25px; }
.bold { font-weight: bold; }
.italic { font-style: italic; }

#container {
	width: 960px;
	margin: 0 auto;
}

#banner {
 	background: url(/img/banner.jpg) no-repeat;
	width: 960px;
	height: 207px;
	margin-top: 20px;
}

#content, #sponsors {
	width: 900px;
	padding: 30px;
	clear: both;
	float: left;
}

#sponsors {
	text-align: center;
}

.column {
	width: 280px;
	padding: 10px;
	float: left;
}

.column p {
	line-height: 18px;
}

.form {
	border: 1px solid #666;
	padding: 10px;
	float: left;
	margin-top: 15px;
}

.form h6 {
	margin-top: -25px;
	background: #000;
	width: 76px;
	padding: 7px;
}

.form label {
	float: left;
	margin: 5px;
	clear: both;
	width: 80px;
	text-align: right;
}
.form input {
	float: left;
	margin: 5px;
	border: 1px solid #666;
	background: #F2F2F2;
	color: #666;
	padding: 3px;
}

.form input.submit {
	float: right;
	color: #c41230;
}
	
	
div.registerContainer {
	border: 10px solid #FFF;
	color: #666;
	background: #F2F2F2;
	float: left;
	clear: both;
	width: 600px;
	padding: 30px;
	margin: 40px;
	margin-left: 120px;
}



div.register {
	margin-bottom: 15px;
	float: left;
	border: 1px solid #CCC;
	margin: 15px;
	padding: 15px;
	width: 540px;

}

div.register h4 {
	float: left;
	margin-top: -35px;
	clear: both;
	background: #F2F2F2;
	font-size: 16px;
	padding: 10px;
	font-weight: normal;
}
	

form#registerForm label {
	text-align: right;
	padding: 10px;
	width: 225px;
	font-size: 12px;
	border-top: 1px solid #CCC;	
	float: left;
	margin-bottom: 5px;
	clear: left;
	background: #FFF;

}

form#registerForm input {
	width: 250px;
	font-size: 14px;
	border: 1px solid #666;
	padding: 5px;
	font-weight: bold;
	float: left;
	margin-left: 20px;
	clear: right;
}

form#registerForm select  {
	width: 250px;
	font-size: 13px;
	border: 1px solid #666;
	padding: 5px;
	float: left;
	margin-left: 20px;
	clear: right;
}

form#registerForm input.small, form#registerForm select.small {
	width: 150px;
	margin-right: 100px;
}

form#registerForm select.vsmall {
	width: 50px;
	margin-right: 15px;
	clear: left;
}

form#registerForm input.radio {
	width: 20px;
	border: 0;
	background: #FFF;
	height: 20px;
}

form#registerForm input.submit {
	background: #F30;
	color: #FFF;
	border: 1px solid #600;
	float: right;
}

label.error {
	color: #ff7353;
	font-weight: bold;
}

input.error {
	border: 1px solid #ff7353;
	background: #ffc6c6;	
}

div.error {
	background: #ffc6c6;
	border: 1px solid #ff7353;
	color: #ff3608;
	float: left;
	margin-top: 10px;
	width: 330px;
	padding: 3px;
}


#errorBox {
	padding: 3px;
	background: url(../img/layout/icon_error.gif) 2px 2px #ffc6c6 no-repeat;
	border: 1px solid #ff7353;
	color: #ff3608;
	margin: 10px;
	padding-left: 20px;
}

table.striped tr.odd td {
	background: #eaeff0;
}

table.striped tr.even td {
	background: #FFF;
}

table.results {
	border: 1px solid #666;
}

table.results td {
	border-bottom: 1px solid #666;
	border-right: 1px solid #666;
	border-collapse: collapse;
	padding: 5px;
}

table.results th {
	color: #F00;
	font-weight: bold;
	border-bottom: 1px solid #666;
	border-collapse: collapse;
}

table.results td.header {
	background: #666;
	font-weight: bold;
	border-bottom: 1px solid #CCC;
}