body  { font-size: 13px; font-family: Arial }
.Literature  { background-image: url("images/Literature43.gif") }
.Library   { background-image: url("images/Library43.gif") }
.Software    { background-image: url("images/Software43.gif") }
.Arrow  { background-image: url("images/arrow43.gif") }
.Forms    { background-image: url("images/Forms43.gif") }
.Discussion-Board  { background-image: url("images/Discussion-Board43.gif") }
.Conference  { background-image: url("images/Conference43.gif") }
.Calendar  { background-image: url("images/Calendar43.gif") }
.New   { background-image: url("images/newfolder43.gif") }
.New-red  { background-image: url("images/new43.gif") }
.Info   { background-image: url("images/info43.gif") }
.Feedback  { background-image: url("images/feedback43.gif") }
#container   { margin-top: 0; margin-left: 0; position: relative; width: 677px; height: 400px }
#header    { position: absolute; top: 0; left: 80px; height: 80px }
#menu      { background-color: #9999ff; text-align: center; position: absolute; top: 80px; left: 0; width: 80px; height: 319px }
#menu ul   { list-style: none; margin: 0; padding: 9px 0 0; border: none }
#menu li   { background-repeat: no-repeat; background-position: center 9px }
#menu li a  { color: black; font-size: 15px; line-height: 20px; text-decoration: none; display: block; padding-top: 53px }
#menu li a:hover { text-decoration: underline }
#contents    { position: absolute; top: 80px; left: 109px; width: 567px; height: 319px }
#corner     { background-image: url("images/SG80.gif"); background-repeat: no-repeat; background-position: center; position: absolute; top: 0; left: 0; width: 80px; height: 80px }
#contents ul { list-style: none; margin: 0; padding: 0; border: none }
#contents li  { background-repeat: no-repeat; background-position: left center; margin: 17px 0; min-height: 43px }
#contents li a  { color: black; text-decoration: none; display: block; padding: 0 0 0 59px; width: 100% }
html>body #contents li a { width: auto }
#contents li a:hover  { text-decoration: underline }
#contents li b   { font-size: 23px; font-family: "Arial Narrow", Arial; font-weight: bold }
#contents ul ul  { padding-left: 28px; position: relative; width: 50%; float: right }

#nav     { font: 15px Arial, sans-serif; background-color: white; list-style: none; margin: 0; padding-top: 2px; padding-left: 80px }
#nav li  { background: black url("images/topleft.gif") no-repeat left top; display: inline; padding: 1px 0 2px 7px }
#home li.home, #textf li.textf, #scriptf li.scriptf, #displayf li.displayf, #purchasef li.purchasef, #faq li.faq, #blog li.blog { background: #36c url("images/topleftb.gif") no-repeat left top }
#nav a  { color: white; text-decoration: none; background: black url("images/topright.gif") no-repeat right top; list-style: none; padding: 1px 7px 2px 0 }
#home a.home, #textf a.textf, #scriptf a.scriptf, #displayf a.displayf, #purchasef a.purchasef, #faq a.faq, #blog a.blog { background: #36c url("images/toprightb.gif") no-repeat right top }
#nav a:hover { text-decoration: underline }

#nav2     { color: black; font: 11px Arial, sans-serif; background-color: #36c; text-indent: 7px; margin: 0; position: relative; left: 0; width: 447px; height: 60px }
#nav2 a { color: black; text-decoration: none }
#nav2 a:hover { color: white; text-decoration: underline }
#container2   { margin-top: 0; margin-left: 0; position: relative;}