body
{
background:rgb(81,227,90) url('GreenBackgroundVertical.jpg') repeat-x scroll top left; 
margin:0px;
padding:30px;
text-align:center;
}


#main
{
background:#000000 url('GreenBackgroundVertical.jpg') repeat-x scroll bottom left; 
border:4px solid #ffffff;
text-align:left;
width:800px;
margin:auto;
padding:0;
}


#photo
{
float:left;
text-align:center;
width:261px;
padding:0 20px 0 0;
}


#the_photo
{
float:right;
height:241px;
width:241px;
}


#remark
{
position:relative;
left:10px;
visibility:hidden;
}


#remark_1, #remark_2, #remark_3
{
color:#ffffff;
font:9px verdana;
text-align:center;
}


#header
{
margin:20px 0 0 0;
text-align:left;
font:normal small-caps 800 12px verdana;
color:#ffffff;
}


#steps
{
float:right;
width:480px;
margin:60px 10px 10px 10px;
text-align:center;
color:#ffffff;
}


#steps p, ul
{
margin-top:0px;
margin-bottom:0px;
font:14px verdana;
color:#ffffff;
text-align:left;
}


.step_text
{
display:inline;
margin-top:0px;
margin-bottom:0px;
font:14px verdana;
color:#ffffff;
text-align:left;
}


.btn
{
cursor:pointer;
height:20px;
width:20px;
margin:10px 0px 5px 0px;
}


h1
{
text-align:center;
margin-bottom:12px;
margin-top:0px;
font:bold 14px verdana;
color:#ffffff;
}


li {margin-bottom:12px;}


a
{
color:rgb(81,227,90);
text-decoration:underline;
cursor:pointer;
}


#resume
{
visibility:hidden;
clear:left;
width:800px;
height:1px;
overflow:hidden;
border-top:4px solid rgb(81,227,90);
padding:20px 0px 0px 0px;
}


#resume div
{
text-align:center;
}


p
{
margin-top:0;
margin-bottom:0px;
font:italic small-caps 900 13px verdana;
color:white;
}