html {
	width: 100%;
	height: 100%;			/* Gecko and Opera both need this, in html AND body */
	margin: 0px auto;
	padding: 0px;
	font-family: Arial; /* This will have influence on all texts. */
}
body {
	height: 100%;
	width: 100%;		/* MSIE has a stupidly large default value */
	margin-top: 0px;
	margin-left:0px;
	padding: 0px;
	text-align: center;
	color: white;	
	
}
.main {
	float: center;
	top: 0px;
	width: 1000px;
	height:auto !important; /* moderne Browser */
	margin: 0px auto;
	z-index: 1;
}

.top {
	float: center; 
	width: 100%;
	height: 60px;
	z-index: 1;
}

/* ----- Layout Index Default ----- */

.indextopleft {
	float: left;
}

.indextopleft1 {
	float: left;
	width: 400px;
}

.indextopright {
	float: left;
	width: 500px;
	height: 98px;
}

.indextopright1 {
	float: right;
	width: 400px;
}

.signin {
	text-align: left;
	display: block;
	margin: 0 0 6px 2px;
}

.indexmiddleleft {
	float: left;
	width: 875px;
}

/* ----- End Layout Index Default ----- */


/* ----- Layout Default ----- */

.smallsignin {
	float: right;
	width: 250px;
}
.smallsignin1 {
	float: right;
	width: 250px;
}



/* ----- End Layout Default ----- */


.left {
	float: left; 
	width: 192px;
	padding-bottom: 15px;
	z-index: 1;
}
.leftindex {
	float: left; 
	width: 1000px;
	padding-bottom: 0px;
	padding-top: 15px;
	z-index: 1;
}
.leftindex1 {
	float: left; 
	width: 1000px;
	z-index: 1;
}
.centertitle {
	clear:both;
	font-weight:bold;
	width: 100%;
	height: auto;
	text-align: center;
}
.centerleft {
	float: left;
	width: auto;
}
.centerright {
	float: right;
	width: auto;
}
.default_center {
	float: left; 
	padding-top: 0px;
	padding-bottom: 0px;
	text-align: center;
	width: 600px;
	z-index: 1;
	min-height: 500px;
}

.default_center table{
	padding:0px;	
}
.right {
	float: right;
	width: 200px;
	z-index: 10;
}
.rightnav {
	position: relative;
	overflow: visible;
}
.nav1 {
	/* sets max-height for IE: height: expression( this.scrollHeight > 299 ? "300px" : "auto" ) */
	 /* sets max-height value for all standards-compliant browsers: max-height: auto; */
	margin-top: 5px;
	text-align: left;
}
.nav2 {
	margin-top: 10px;
	height: expression( this.scrollHeight > 199 ? "200px" : "auto" ); /* sets max-height for IE */
	max-height: auto; /* sets max-height value for all standards-compliant browsers */
	text-align: left;
}
.bottom {
	clear: both; 
	width: 100%;
	height: 50px;
	z-index: 1;
}
.clear { 
	clear: both;
}
.border {
	border-bottom: 1px solid #ffffff;
}



		.backgroundtop { 
			float: right;
			text-align: right;
			width: auto;
			height: auto;
			margin-top: 10px;
			margin-right: 20px;
			margin-bottom: 5px;
		}

.background1 {
	background-color: #440000;
}

.background1a {
	background-color: #040406;
}

.background2 {
	background-color: #993333;
/*	background-color: #550000;
*/
}

.background3 {
	background-color: #660000;
}

.background3a {
	background-color: #040406;
}

.background4 {
	background-color: #770000;
}

.background4a {
	background-color: #040406;
}

/*
.background5 {
	background-color: #002140;
}cc6666
*/

.background5 {
	background-color: #993333;
}

.background5a {
	background-color: #040406;
}

.background6 {
	background-color: #CC6666;
}

.background_for_cycle {
	background-color: #CC3333;
}

.background_easy_fill{
	background-color: #ffff00;

}

/* CAUTION remove all "a" styles when time. */
a, a:link, a:active, a:focus {
	color: white;
}
a, a:hover {
	color: grey;
}
a:visited {
	color: #FFFFFF;
}
a.textnav, a.textnav:link, a.textnav:visited, a.textnav:active, a.textnav:focus {
	display: block;
	font-weight: bold;
	text-align: left;
	max-width: 200px;
	padding-top: 4px;
	color: white;
}
a.textnav:hover {
	display: block;
	font-weight: bold;
	text-align: left;
	max-width: 200px;
	padding-top: 4px;
	color: grey;
}
a.black:hover, a.black:link, a.black:active, a.black:visited {
	color: #ffffff;
}



.textcolor1 {
	color: white;
}
.textcolor2 {
	color: black;
}
.textcolor3 {
	color: red;
}
.textcolor4 {
	color:#FF9999;
}
.textcolor5 {
	color: #111111;
}
.textorangedark {
	color:#cc6600;
}
.textorangebright {
	color:#ff9900;
}
.textborder {
	border-top:1px solid white;
	margin-top: 5px;
}
.text05 {
	font-size: 10px;
}
.text07 {
	font-size: 12px;
}
.text10 {
	font-size: 14px;
}
.text15 {
	font-size: 44px;
}
.text20 {
	font-size: 16px;
}
.text18 {
	font-size: 18px;
}	
.text25 {
	font-size: 20px;
}
.text24 {
	font-size: 24px;
}
.text30 {
	font-size: 30px;
}
.text40 {
	font-size: 40px;
}
.textbold {
	font-weight: bold;
}
.textitalic {
	font-style:italic;
}
.textunderline {
	text-decoration:underline;
}
.textpaddinga {
	padding-left:14px;
}
.textpaddingb {
	padding-left: 15px;
	padding-right: 10px;
}
.textpaddingc {
	padding-left:5px;
}
.textpaddingd {
	padding-left: 10px;
	padding-right: 0px;
}
.textpaddinge {
	padding-left: 20px;
	padding-right: 20px;
}
.textpaddingf {
	padding-bottom:5px;
}
	.textpaddingh { 
	padding-top:50px;
}
.textpaddingi {
	padding-top:10px;
}
.textpaddingj {
	padding-bottom:5px;
	padding-top:5px;
}
.textpaddingk {
	padding-bottom:3px;
	padding-top:3px;
}
.textpaddingl {
	padding: 20px 10px 20px 60px;
}
.textpaddingm {
	padding: 20px 60px 20px 60px;
}
.textpaddingn {
	padding-right: 40px;
	padding-bottom: 10px;
}
.textpaddingo {
	padding-top: 20px;
	padding-bottom:20px;
}
.textpaddingp {
	padding: 5px 10px 5px 60px;
}
.textpaddingq {
	padding: 5px 40px 5px 60px;
}
.textpaddingr {
	padding-right: 20px;
	padding-bottom: 10px;
}
.textpaddings {
	padding-top: 25px;
}
.textpaddingnav {
	padding-left: 5px;
	padding-bottom: 10px;
	border-bottom: 1px solid #ffffff;
}

.textpaddingnavr {
	padding-left: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	border-bottom: 1px solid #ffffff;
}

.textright {
	text-align: right;
}
.textleft {
	text-align: left;
}
.textcenter {
	text-align: center;
}
.textjustify {
	text-align: justify;
}
.textmiddle {
	text-valign: middle;
}
.centertext {
	width: 100%;
}
.verticalmiddle {
	vertical-align: 50%;
}
.verticalbottom {
	vertical-align: bottom;
}

bottomright {
	float: right;
	width: auto;
}

#top_bar .messages_bar{
	width:50%;
    float:left;
    position:relative;
    left:35;
}