/* INTERFACE */
body {text-align: center; margin-top: 8px; padding-top: 0;background-image: url('assets-hwork/bg.gif'); background-repeat: repeat;}
div#hwork {text-align: left; width: 755px; background-image: url('assets-hwork/bg.gif'); background-repeat: repeat; margin-right: auto; margin-left: auto;}
td#q-top {background-image: url('assets-hwork/top.gif'); background-repeat: repeat;}
td#q-left {background-color: white; background-image: url('assets-hwork/left.gif'); background-repeat: repeat-y; width: 90px;}
td#q-right {background-image: url('assets-hwork/right.gif'); background-repeat: repeat;}
td#q-bottom {background-image: url('assets-hwork/bottom.gif'); background-repeat: repeat;}
td#q-topleft {background-image: url('assets-hwork/logo.gif'); background-repeat: no-repeat; height: 188px; position:absolute top right;}


#content {background-color: white; border: 0px dotted red; height: 280px; text-align: center;}
#content h1 {font-size: 22px; margin: 10px;}
#content h2 {font-size: 18px; margin: 10px;}


/*NAVIGATION BOX*/
div#nav {display: block; position: relative; top: -10px;left: -75px;}
.navtd {background-image: url('assets-hwork/nav-bg.gif');}
.navtd a:link {color: white;text-decoration: none; }
.navtd a:visited {color: white;text-decoration: none}
.navtd a:active {color: white;text-decoration: none}
.navtd a:hover {color: green; background-color: #fff;}

//.current { padding-top:15px;}
.listing {font-size: 16px; margin: 10px;}


div#subnav {padding-left: 14px }
div.subsubnav {padding-left: 10px;}
div.subsubnav div.subsubnav {padding-left: 20px;}
div.subsubnav div.subsubnav div.subsubnav {padding-left: 30px;}
div.subsubnav a:link {color: #ffc602;}
div.subsubnav a:visited {color: #ffc602;}
div.subsubnav a:hover {color: black;}

/* FONT */
body, table, td {font-family: arial, helvetica, sans-serif; font-size: 12px;}