body {
	background-color: #000000;
	margin-top: 0;
	margin-left: auto;
	margin-right: auto;
	border: 0;
	padding: 0;
	}
	
#container {
	width: 700px;   /* this matches the size of the original table */
	height: 500px;
	padding-top: 9px;   /* this kicks everything down (the original used spacer.gif's to do the same thing) */
	margin-left: auto;
	margin-right: auto;
	}

#top {
	width: 700px;
	height: 145px;
	background-image: url(/img/login_01.jpg);
	background-repeat: no-repeat;
	background-position: 264px 0px; /* for some reason "top center" didn't seem to work (off by one pixel).  This declaration takes the width of the image (172) and divides it in half (86) then takes the div width divided by 2 (250) and subtracts the 86 resulting in 164.  This declaration positions the image 164px from the left of the div and opx from the top of the div */
	}
	
#top2 {
	width: 700px;
	height: 142px;
	background-image: url(/img/login_02.jpg);
	background-repeat: no-repeat;
	background-position: 136px 0px; /* for some reason "top center" didn't seem to work (off by one pixel).  This declaration takes the width of the image (172) and divides it in half (86) then takes the div width (500) and subtracts the 86 resulting in 164.  This declaration positions the image 164px from the left of the div and opx from the top of the div */
	}

h1 {
	padding-top: 20px;
	font: 12px verdana, arial, helvetica, sans-serif;
	text-align: center;
	color: #ffffff;
	}
	
a {
	color: rgb(190,159,209);
	}
	
a:visited {
	color: rgb(190,159,209);
	}
	
#logo	{
	width: 562px;
	position: absolute;
	top: 393px;
	padding-left: 69px;
	}