/* CSS Document */

#main{
width:800px;
margin-left:auto;
margin-right:auto;
}
#top{
margin-left:;auto;
margin-right:auto;
width:800px;
height:100px;
background-image:url(../images/toph.png);
background-repeat:no-repeat;
background-color:#FF9C00;
}

#footer{
margin-left:;auto;
margin-right:auto;
width:800px;
height:100px;
background-image:url(../images/bot.png); /* need to chage this image to foot image */
background-repeat:no-repeat;
background-color:#FF9C00;
}
#middle{
background-color:#FFFFFF;
width:800px;
height:auto;
margin-left:;auto;
margin-right:auto;
}
body {
background-color:#FF9C00;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:12px;
color:#999999;
text-align:center;
}
a {
text-decoration:none;
font-weight:bold;
color:#999999;
}
hr {
border:dashed 2px #999999;
}
#Layer1 {
	position:absolute;
	width:200px;
	height:115px;
	z-index:1;
	left: 720px;
	top: 21px;
}

ol {
text-align:left;
}
input {
color:#999999;
}
textarea
{
color:#999999;
font-size:10px;
width:500px;
height:50px;

}
#Layer2 {
	position:absolute;
	width:200px;
	height:115px;
	z-index:2;
	left: 162px;
	top: 56px;
}
#Layer2 a {
text-decoration:none;
color:#FFFFFF;
}