* { padding: 0em; margin: 0em; }

html {margin: 0; padding: 0; background: #63625e; height: 100%;}
body {margin: 0; padding: 0; text-align: center; color: #E7EBF0; height: 100%;}

#page {width: 760px; background: #ffffff; position: absolute; left: 50%; margin: 0px 0px 0px -380px; border-left: 1px solid rgb(25%,25%,25%); border-right: 1px solid rgb(25%,25%,25%);}
#topbar {width: 760px; background: #000000; float: left; }
#navbar {float: left; width: 180px; background: #2b2b2b; text-align: left; background-image: url('i/navbar.gif')}
#menu {float: left; background: #2b2b2b; text-align: left;}

div.content {width: 760px; background: #ffffff; float: left; }

#menu-1{position:absolute; left:20px; top:256px}
#menu-1 li{width:160px; height:26px; list-style-type:none; position:relative; left:0; top:0; float:left}
#menu-1 li a{display:block; width:160px; height:26px}

#menu-2{position:absolute; left:20px; top:290px}
#menu-2 li{width:160px; height:26px; list-style-type:none; position:relative; left:0; top:0; float:left}
#menu-2 li a{display:block; width:160px; height:26px}

#menu-3{position:absolute; left:20px; top:315px}
#menu-3 li{width:160px; height:26px; overflow:hidden; list-style-type:none; position:relative; left:0; top:0; float:left}
#menu-3 li a{display:block; width:160px; height:26px}
#menu-4{position:absolute; left:20px; top:340px}
#menu-4 li{width:160px; height:26px; overflow:hidden; list-style-type:none; position:relative; left:0; top:0; float:left}
#menu-4 li a{display:block; width:160px; height:26px}
#menu-5{position:absolute; left:20px; top:374px}
#menu-5 li{width:160px; height:26px; overflow:hidden; list-style-type:none; position:relative; left:0; top:0; float:left}
#menu-5 li a{display:block; width:160px; height:26px}
#menu-6{position:absolute; left:20px; top:399px}
#menu-6 li{width:160px; height:26px; overflow:hidden; list-style-type:none; position:relative; left:0; top:0; float:left}
#menu-6 li a{display:block; width:160px; height:26px}
#menu-7{position:absolute; left:20px; top:433px}
#menu-7 li{width:160px; height:26px; overflow:hidden; list-style-type:none; position:relative; left:0; top:0; float:left}
#menu-7 li a{display:block; width:160px; height:26px}
#menu-8{position:absolute; left:20px; top:458px}
#menu-8 li{width:160px; height:26px; overflow:hidden; list-style-type:none; position:relative; left:0; top:0; float:left}
#menu-8 li a{display:block; width:160px; height:26px}

.m-1-hom a {background:url("i/m-1-home.gif") no-repeat center bottom}
.m-1-hom a:hover {background:url("i/m-1-home.gif") no-repeat center top}
.m-2-job a {background:url("i/m-2-job.gif") no-repeat center bottom}
.m-2-job a:hover {background:url("i/m-2-job.gif") no-repeat center top}

.m-3-pri a {background:url("i/m-3-pri.gif") no-repeat center bottom}
.m-3-pri a:hover {background:url("i/m-3-pri.gif") no-repeat center top}
.m-4-shi a {background:url("i/m-4-shi.gif") no-repeat center bottom}
.m-4-shi a:hover {background:url("i/m-4-shi.gif") no-repeat center top}
.m-5-bmi a {background:url("i/m-5-bmi.gif") no-repeat center bottom}
.m-5-bmi a:hover {background:url("i/m-5-bmi.gif") no-repeat center top}
.m-6-sma a {background:url("i/m-6-sma.gif") no-repeat center bottom}
.m-6-sma a:hover {background:url("i/m-6-sma.gif") no-repeat center top}
.m-7-con a {background:url("i/m-7-con.gif") no-repeat center bottom}
.m-7-con a:hover {background:url("i/m-7-con.gif") no-repeat center top}
.m-8-ind a {background:url("i/m-8-ind.gif") no-repeat center bottom}
.m-8-ind a:hover {background:url("i/m-8-ind.gif") no-repeat center top}

div.sm-samples-button a { border-left: 40px; height: 26px; display: block; background-image: url('i/_view-sm-samples.jpg'); background-repeat: no-repeat; text-decoration: none; }
div.sm-samples-button a:hover { display: block; background-image: url('i/_view-sm-samples-p.jpg')}

div.main-page {width: 518px; font: 10pt Verdana, Arial, Helvetica, sans-serif; color: #000; float: left; background: efefef; text-align: left; padding-right: 25px; float:right}
div.main-page td {font: 10pt Verdana, Arial, Helvetica, sans-serif; color: #000;background: efefef; text-align: left}
div.main-page h1 {font-weight: bold; font: 15pt Verdana, Arial, Helvetica, sans-serif; color: #142B53; padding-top: 25px; padding-bottom: 15px}
div.main-page h2 {font-weight: bold; font: 13pt Verdana, Arial, Helvetica, sans-serif; color: #142B53; padding-top: 25px; padding-bottom: 15px}
div.main-page h3 {font-weight: bold; font: 11pt Verdana, Arial, Helvetica, sans-serif; color: #142B53; padding-bottom:15px}
div.main-page ol {padding-left: 25px}
div.main-page a {color: #0000CC; text-decoration: none; }
div.main-page a:visited {color: #142365; text-decoration: none; }
div.main-page a:hover {text-decoration: underline; }

div.address {position:absolute; left:0; top:515px; padding-left: 23px; font: 10px Verdana, Arial, Helvetica, sans-serif; font-weight: normal; color: #444444; text-align: left;}
div.address a {text-decoration: none; color: #0000CC; } 
div.address a:visited {text-decoration: none; color: #142365; } 
div.address a:hover {text-decoration: underline; } 

div.img-samples {font: 11px Verdana, Arial, Helvetica, sans-serif; font-weight: normal; color: #444444; text-align: right;}
div.img-samples a {color: #0000CC; text-decoration: none; }
div.img-samples a:hover {text-decoration: underline; }
div.img-samples a:visited {color: #142365; text-decoration: none; }

div.footer {float: left; display: block; width: 760px; height: 19px; background: #142B53; text-align: right; font: 9px Verdana, Arial, Helvetica, sans-serif; color: #666666; padding-top: 6px; padding-right: 0px;}
div.footer a {text-decoration: none; color: #666666; }
div.footer a:hover {text-decoration: underline; color: #666666; }

.note {font: 10px Verdana, Arial, Helvetica, sans-serif; font-weight: normal; color: #444444;}
#ftp-table-td {font: 10pt Verdana, Arial, Helvetica, sans-serif;color: #000;vertical-align: top;text-align: left;}

