html, body {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	line-height: 1.5em;
	color: #DADADA;
	background-color: #0C192B;
	background-image: url(../img/static/back.gif);
	background-repeat: repeat;
	background-position: center top;
	margin: 0px;
	padding: 0px;
}

ul {
	list-style: disc inside;
	margin-left: 0px;
	padding: 0px;
}

ul li {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#step1 {
	line-height: 15px;
}

#step5 {
	line-height: 15px;
	border-bottom: 1px solid;
}

div#cyan, div#blue, div#red, div#yellow, div#green {
	width: 929px;
	margin: 0px auto 0px auto;
	padding: 0px;
}

div#navi-left {
	position: absolute;
	top: 0px;
	margin-left: 0px;
	margin-right: 335px;
	padding: 0px;
	width: 929px;
	color: White;
	z-index: 10;
}

div#navi-right {
	position: absolute;
	top: -1px;
	margin-left: 640px;
	width: 289px;
	color: White;
	z-index: 11;
}

div#navi-left ul, div#navi-right ul {
	list-style: none outside;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

div#navi-left ul li, div#navi-right ul li {
	font-size: 10px;
	line-height: 16px;
	text-transform: uppercase;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 15px;
	display: block;
}

div#navi-right form {
	display: inline;
}

div#navi-left a:link, div#navi-left a:visited, div#navi-left a:active, div#navi-right a:link, div#navi-right a:visited, div#navi-right a:active {
	color: #FFFFFF;
	text-decoration: none;
}

div#logo {
	position: absolute;
	top: 91px;
	margin-left: 0px;
	width: 353px;
	height: 126px;
	background-color: transparent;
	background-repeat: no-repeat;
	z-index: 1;
}

div#logo img {
	width: 353px;
	height: 126px;
	border: none;
}


div#navi-right input {
	width: 154px;
	height: 14px;
	margin-bottom: 1px;
	padding: 0px 0px 0px 0px;
	border: none;
	background-color: transparent;
	font-family: 'Courier New', Courier, monospace;
	font-size: 12px;
	color: #EEEEEE;
}

#searchfield {
	width: 154px;
	height: 12px;
	margin-bottom: 2px;
	padding: 0px 3px 0px 3px;
	border: none;
	background-color: transparent;
	font-family: 'Courier New', Courier, monospace;
	font-size: 12px;
	color: #EEEEEE;
}

div#content-left {
	position: absolute;
	top: 230px;
	margin-left: 0px;
	width: 579px;
	padding: 15px 15px 30px 15px;
}

div#content-left :first-child {
	margin-top: 0px;
}

div#content-right {
	position: absolute;
	top: 230px;
	margin-left: 640px;
	padding: 0px 15px 30px 15px;
	width: 259px;
}

div#content-left, div#content-right {
	background-color: #102138;
	border-top: 1px solid;
}

div#content-left a, div#content-right a {
	color: #8CC8FF;
	text-decoration: none;
}

div#content-left a:hover, div#content-right a:hover {
	text-decoration: underline;
}

div#content-left h1, div#content-left h2 {
	font-size: 1.1em;
	margin-left: 0px;
	margin-right: 15px;
	margin-bottom: 0.7em;
}

div#content-left h1 {
	margin-top: 15px;
}

div#content-left h2 {
	margin-top: 1.6em;
}

div#content-left p {
	margin-left: 0px;
	margin-right: 15px;
	margin-bottom: 0.7em;
}

div#content-right img, div#content-right embed, div#content-right object {
	margin: 15px 0px 0px 0px;
	padding: 0px;
}

/* begin definitions for cyan pages */
#cyan #step5, #cyan div#content-left, #cyan div#content-right {
	border-color: #00A58B;
}

#cyan #step1 {
	background-color: #00B397;
}

#cyan #step2 {
	background-color: #009680;
}

#cyan #step3 {
	background-color: #007A6A;
}

#cyan #step4 {
	background-color: #005C52;
}

#cyan #step5 {
	background-color: #004039;
}

#cyan div#logo {
	background-image: url(../img/static/logo-cyan.gif);
}
/* end definitions for cyan pages */

/* begin definitions for blue pages */
#blue #step5, #blue div#content-left, #blue div#content-right {
	border-color: #007CC6;
}

#blue #step1 {
	background-color: #0088E1;
}

#blue #step2 {
	background-color: #0073C2;
}

#blue #step3 {
	background-color: #005EA2;
}

#blue #step4 {
	background-color: #004982;
}

#blue #step5 {
	background-color: #003562;
}

#blue div#logo {
	background-image: url(../img/static/logo-blue.gif);
}
/* end definitions for blue pages */

/* begin definitions for red pages */
#red #step5, #red div#content-left, #red div#content-right {
	border-color: #C20E00;
}

#red #step1 {
	background-color: #E10E00;
}

#red #step2 {
	background-color: #C20E00;
}

#red #step3 {
	background-color: #A20E00;
}

#red #step4 {
	background-color: #820E00;
}

#red #step5 {
	background-color: #620C00;
}

#red div#logo {
	background-image: url(../img/static/logo-red.gif);
}
/* end definitions for red pages */

/* begin definitions for yellow pages */
#yellow div#navi-left, #yellow div#navi-right {
	color: #0C192B;
}

#yellow div#navi-left a, #yellow div#navi-right a {
	color: #0C192B;
}

#yellow #step5, #yellow div#content-left, #yellow div#content-right {
	border-color: #FFD800;
}

#yellow #step1 {
	background-color: #FFD800;
}

#yellow #step2 {
	background-color: #FFC600;
}

#yellow #step3 {
	background-color: #FFAB00;
}

#yellow #step4 {
	background-color: #FF8F00;
}

#yellow #step5 {
	background-color: #F77A00;
}

#yellow div#logo {
	background-image: url(../img/static/logo-yellow.gif);
}
/* end definitions for yellow pages */

/* begin definitions for green pages */
#green #step5, #green div#content-left, #green div#content-right {
	border-color: #6AC200;
}

#green #step1 {
	background-color: #58A900;
}

#green #step2 {
	background-color: #478D00;
}

#green #step3 {
	background-color: #367100;
}

#green #step4 {
	background-color: #265500;
}

#green #step5 {
	background-color: #173900;
}

#green div#logo {
	background-image: url(../img/static/logo-green.gif);
}
/* end definitions for green pages */

/* begin definitions of hover-colors */
#cyan #step1 a:hover, #blue #step1 a:hover, #red #step1 a:hover, #yellow #step1 a:hover, #green #step1 a:hover {
	color: #0EFFEC;
}

#cyan #step2 a:hover, #blue #step2 a:hover, #red #step2 a:hover, #yellow #step2 a:hover, #green #step2 a:hover {
	color: #99D0FF;
}

#cyan #step3 a:hover, #blue #step3 a:hover, #red #step3 a:hover, #yellow #step3 a:hover, #green #step3 a:hover {
	color: #F80F00;
}

#cyan #step4 a:hover, #blue #step4 a:hover, #red #step4 a:hover, #yellow #step4 a:hover, #green #step4 a:hover {
	color: #FFD800;
}

#cyan #step5 a:hover, #blue #step5 a:hover, #red #step5 a:hover, #yellow #step5 a:hover, #green #step5 a:hover {
	color: #6AC200;
}
/* end definitions of hover-colors */

/* For csc-bullshit */
dl, dt, dd {
	margin: 0px auto 0px auto;
	padding: 0px;
	text-align: center;
}