BODY {
	FONT-FAMILY: arial; TEXT-ALIGN: center; background-image: url(images/grad-strip.jpg);  margin-top: 18px;

}



h1{Font-size: 16px; text-align: center; margin-top: 6px;}

h2{Font-size: 16px; text-align: center; margin-top: 6px;margin-bottom: 2px;}

div#wrapper{ border: 0px solid #000000; width: 980px; height: 600px; margin-left: auto; margin-right: auto; 
background-color:#ffffff; position: relative;
}

div#banner{width: 980px; height: 176px; float: left; background-image: url(images/copy-1.gif); margin-bottom: 4px;

}

.box-1{ border: 0px solid #d7e9f7; width: 200px; height: 474px; float: left;margin-top:4px; margin-right: 4px;

}

.box-2{ border: 1px solid #d7e9f7; width: 200px; height: 154px; float: left; margin-top:4px;margin-right: 4px;

}

.box-al{ border: 1px solid #d7e9f7; width: 200px; height: 154px; float: left; margin-top:4px;margin-right: 4px; background-image: url(images/arrow-left.jpg); background-repeat: no-repeat; background-position: 156px -2px;text-align: left;font-size: 13px; color: #5d798f;}

.box-dl{ border: 1px solid #d7e9f7; width: 200px; height: 154px; float: left; margin-top:4px;margin-right: 4px; background-image: url(images/arrow-down.jpg); background-repeat: no-repeat; background-position: 156px 0px;text-align: left;font-size: 13px; color: #5d798f;}


.box-3{ border: 1px solid #d7e9f7; width: 361px; min-height: 474px; float: right; margin-top:4px; background-image: url(images/arrow-right.jpg); background-repeat: no-repeat; text-align: left;font-size: 13px; margin-bottom: 8px; color: #5d798f;

}


.box-pass{ border: 1px solid #d7e9f7; width: 361px; height: 474px; float: right; margin-top:4px; text-align: left;font-size: 13px; margin-bottom: 8px; color: #5d798f;

}


.text{margin-left: 5px; margin-right: 5px;}

div#me-1{border: 0px solid #000000; width: 176px; height: 15px; float: left; background-image: url(images/top-m.jpg); background-repeat: no-repeat; margin-left: 14px;

}

div#me-2{border: 0px solid #000000;width: 176px; float: left; background: #a8d1f1; margin-left: 14px;}

div#me-3{border: 0px solid #000000;width: 176px; height: 15px; float: left; background-image: url(images/bottom-m.jpg); background-repeat: no-repeat;margin-left: 14px;}




div#footer{border: 0px solid #000000; width: 980px; height: 44px; background-image: url(images/footer.jpg); clear: both; background-position: 4px 0px; background-repeat: no-repeat;

}

.foot-text{margin-top: 10px; margin-left: 350px; font-size: 11px; color: #ffffff; border: 0px solid #000000; float: left;}

.demo  {color:#5d798f; background-color:#ffffff; 
        position:absolute; top:185px; left:618px; width:361px; height:474px;
         visibility:hidden;}

.rollover a { margin-top: 0px;
display:block; 
width: 150px;
padding:3px 0px 15px 5px;text-align: center;
font: bold 11px sans-serif;;
color:#ffffff;
background: url(images/tabs.jpg) 3px -31px no-repeat;
text-decoration: none;
}
.rollover a:hover { 
background-position: 0 1px;
color: #9fa3a7; 
}
.rollover a:active {
background-position: 0 -31px;
color:#fff;
}

.bd {border: none;}

a.one:link {color: #000000;text-decoration: none;}
a.one:visited {color: #000000;text-decoration: none;}
a.one:hover {color: #5d798f;text-decoration: none;}

a.two:link {color: #5d798f;text-decoration: none;}
a.two:visited {color: #5d798f;text-decoration: none;}
a.two:hover {color: #000000;text-decoration: none;}


a.three:link {color: #ffffff;text-decoration: none;}
a.three:visited {color: #ffffff;text-decoration: none;}
a.three:hover {color: #000000;text-decoration: none;}


div#details{
float:left;
width: 200px;
height: 150px;
border: 0px solid #000000;
margin-left: 40px;
margin-top: 10px;
margin-bottom: 0px;
padding-left: 0px;
padding-top: 0px;
background-image: url(images/details.);
background-repeat: no-repeat;
background-position: 0px -3px;
position: relative;

}

.det{border: 0px solid #000000;
position: absolute;
}

.dent{text-indent: -6px;}