/* Horizontal and Vertical Align of Design Code */
	* 
	html {
		height:100%;
		}
	
	body {
		background-color: #000000;
		background-image: url(background.jpg);
		background-repeat: no-repeat;
		background-attachment: fixed;
  		background-position: 50% 50%;
		}

	#distance { 
		width:1px;
		height:50%;
		background-color:#000000;
		margin-bottom:-200px; /* half of container's height */
		float:left;
		}

	#container {
		margin:0 auto;
		position:relative; /* puts container in front of distance */
		text-align:left;
		height:400px;
		width:990px;
		clear:left;
		}
/* End Horizontal and Vertical Align of Design Code */

a:link {
	text-decoration: none;
	color: #0066AA;
}
a:visited {
	text-decoration: none;
	color: #0066AA;
}
a:hover {
	text-decoration: none;
	color: #0066AA;
}
a:active {
	text-decoration: none;
	color: #0066AA;
}
.blue1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	color: #0066AA;
}
.blue2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #0066AA;

}
.blue3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	color: #0066AA;
	
}	
.red1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	color: #990033;
}
.red2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #990033;
}
.red3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	color: #990033;
}
.grey1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	color: #999999;
}
.grey2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #999999;
}
.grey3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	color: #999999;
}
.white1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	color: #FFFFFF;
}
.white2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #FFFFFF;
}
.white3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	color: #FFFFFF;
}
.black1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	color: #000000;
}
.black2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #000000;
}
.black3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	color: #000000;
}
.green1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	color: #00A0AA;
}
.green2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #00A0AA;
}
.green3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	color: #00A0AA;
}
.hidden {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0 px;
	color: #FFFFFF;
}

#mycustomscroll {
width: 328px;
height: 358px;
overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
position: relative;
background-color: #FFFFFF;
margin: 0.3em auto;
padding: 16px;
}


/* general page style ends here */