/**********************************************************************************

BASIC CSS

***********************************************************************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}

html {
	background-color:#fff;
	overflow-y:scroll;
	/*background-image: url("racepattern.png");*/
	height:100%;}
	
body {
	font-family: arial, helvetica, verdana, sans-serif;
	height:100%;}	
/**********************************************************************************

LAYOUT

***********************************************************************************/
#container {
	clear:both;
	width:960px;
	background-color:#ffffff;
	margin:0 auto;
	padding-top:20px;
	margin-top:0px;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;}
#header-container {
	height:100px;
	overflow:hidden;
	padding-top:0px;
	padding-bottom:0px;
	width:100%;
	background-image: url("background-header.png");}
#header-content {
	width:960px;
	margin:0 auto;}
#nav-top-background {
	border-top:1px solid #720000;
	clear:both;
	background-image: url("background-navigation.png");
	background-repeat:repeat-x;
	background-color:#c30000;
	width:100%;}
#nav-top-front {
	overflow:hidden;
	width:960px;
	margin:0 auto;}
#nav-bottom-background {
	background-color:#720000;
		border-bottom:1px solid #121212;
	width:100%;}
#nav-bottom-front {
	background-color:#720000;
	height:20px;
	width:960px;
	margin:0 auto;}
#footer {
	clear:both;
	overflow:hidden;
	border-top:1px solid #999;
	background-color:#e9e9e9;
	padding-top:10px;
	padding-bottom:10px;
	width:960px;
	margin:0 auto;}
#outerfooter {
	width:960px;
	margin:0 auto;}
.footerbox {
	float:left;
	width:220px;
	margin-left:10px;
	margin-right:10px;
	border-right:0px solid white;}
.footerbox-end {
	float:left;
	width:220px;
	margin-left:10px;
	margin-right:10px;}
#content-left {
	margin:10px;
	width:460px;
	float:left;}
#content-right {
	margin:10px;
	width:460px;
	float:right;}
#content-feedback-right {
	margin:1px;
	width:780px;
	float:right;}	
#topright {
	border:0px solid white;
	width:400px;
	height:100px;
	position:relative;
	float:right;}
#topleft {
	float:left;
	border:0px solid yellow;}
#topright p {
	position:absolute;
	top:20%;
	color:#ffffff;}


/**********************************************************************************

FOOTER NAVIGATION

***********************************************************************************/
#footer ul {
	margin-top:10px;
	line-height:150%;
	list-style-type:none;
	font-size:12px;}
#footer ul li {
	padding-left:0px;}
#footer a {
	color:#4c4c4c;
	text-decoration:none;
	font-weight:bold;}
#footer a:hover {
	color:#121212;}
/**********************************************************************************

TOPP NAVIGATION

***********************************************************************************/
#nav-top-front ul {
	list-style-type:none;
	font-size:16px;}
#nav-top-front ul li {
	text-align:center;
	float:left;}
#nav-top-front a {
	color:#ccc;
	text-decoration:none;
	font-weight:normal;
	display:block;
	line-height:120%;
	padding:10px;}
#nav-top-front a:hover {
	color:#f1f1f1;
	border:0;}
#nav-top-front a.navactive {
	color:#ffffff;
	background-color:#720000;}
/**********************************************************************************

TYPOGRAPHY

***********************************************************************************/
p {
	letter-spacing:0.01em;
	line-height:120%;
	padding-top:10px;
	padding-bottom:10px;
	font-size:14px;
	color:#333333;}
h1 {
	padding-top:10px;
	padding-bottom:10px;
	font-size:20px;
	color:#c10000;}
h2 {
	padding-top:10px;
	padding-bottom:4px;
	font-size:16px;
	color:#333333;}
.footerbox-end ul li {
	padding:0;
	color:#4c4c4c;}
#outerfooter p {
	font-size:11px;
	color:#666;
	padding:0;
	padding:4px;}
#footer h3 {
	font-size:14px;
	color:#666;}
a {
	text-decoration:none;
	color:#c60000;}
p a:hover {
	border-bottom:1px dotted;}
#outerfooter p a {
	color:#666;
	}
/**********************************************************************************

IMAGES

***********************************************************************************/
img.illustration {
	padding:10px;
	border:1px solid #999;}