html, body { margin: 0; padding: 0; width: 100%; height: 100%; background: white; overflow: hidden; font: 11px "Trebuchet MS", Trebuchet, sans-serif; }
#header { position: absolute; top: 0; right: 0; width: 1024px; height: 88px; background: url('i/head.jpg') no-repeat; z-index: 10; }
#headfill { position: absolute; top: 0; left: 0; width: 100%; height: 88px; background: url('i/hexp.gif') repeat-x; z-index: 7; }
#logo { position: absolute; left: 10px; top: 10px; width: 184px; height: 69px; background: url('i/logo.gif') no-repeat; z-index: 20; cursor: pointer; cursor: hand; }
#natnetlogo { position: absolute; left: 25px; top: 5px; width: 184px; height: 69px; background: url('i/natnet.gif') no-repeat; z-index: 20; cursor: pointer; cursor: hand; }
#lshadow { position: absolute; left: 12px; top: 12px; width: 94px; height: 69px; background: url('i/lshadow.gif') no-repeat; z-index: 15; }
#rightshadow { position: absolute; left: 0; top: 88px; width: 100%; height: 5px; background: url('i/rightsh.gif') repeat-x; z-index: 10; }
#leftshadow { position: absolute; left: 0; top: 88px; width: 206px; height: 6px; background: url('i/leftsh.gif') no-repeat; z-index: 15; }
#leftbk { position: absolute; left: 0; top: 0; width: 206px; height: 100%; background: url('i/leftbk.gif') repeat-y; z-index: 5; }
#leftribbon { position: absolute; left: 6px; top: 0; width: 23px; height: 100%; background: url('i/ribbon.gif') repeat-y; z-index: 20; }
#rightribbon { position: absolute; left: 173px; top: 0; width: 23px; height: 100%; background: url('i/ribbon.gif') repeat-y; z-index: 20; }
#leftmenu { position: absolute; background: #FBFFEB; left: 0; top: 150px; width: 202px; border-top: 1px solid #8DB651; border-bottom: 1px solid #8DB651; font: 11px "Trebuchet MS", Trebuchet, sans-serif; -moz-box-sizing: border-box; }
#leftmenu ul { list-style-type: none; margin: 0; padding: 5px 0; font-weight: bold; color: #4C7E00; }
#leftmenu ul li { padding: 2px 0 2px 40px; height: 20px; display: block; -moz-box-sizing: border-box; cursor: pointer; cursor: hand; }
#leftmenu ul li:hover, #leftmenu ul li.over { background: url('i/mlevel1.gif') repeat-x; color: White; }
#leftmenu ul ul { background: url('i/mlevel2bk.gif') white repeat-x; padding: 4px 0; _margin-left: -40px; border-top: 1px solid #70A426; border-bottom: 1px solid #70A426; font-size: 10px; display: none; }
#leftmenu ul ul li { margin: 0 20px; padding: 2px 0 2px 20px; height: 18px; }
#leftmenu ul ul li:hover, #leftmenu ul ul li.over { background: url('i/mlevel2.gif') repeat-x; color: White; }
#topmenu ul { margin: 0; list-style: none; padding: 0; position: absolute; right: 10px; top: 65px; z-index: 20; }
#topmenu ul li { float: right; position: relative; }
#topmenu ul li a { font: bold 11px "Trebuchet MS", Trebuchet, sans-serif; color: #4C7E00; vertical-align: middle; line-height: 16px; text-decoration: none; padding: 2px 10px; display: block; }
#topmenu ul li ul li a, #topmenu ul li ul li { float: none; -moz-box-sizing: border-box; }
#topmenu ul li a:hover { background: url('i/mlevel1.gif') repeat-x; color: White; }
#topmenu ul li ul { display: block; visibility: hidden; position: absolute; left: 0px; top: 20px; width: 120px; padding: 3px 0; }
#topmenu ul li:hover ul, #topmenu ul li.over ul { visibility: visible; background: #FBFFEB; border: 1px solid #4C7E00; }
#topmenu ul li ul li a { padding: 2px 5px; width: 100%; }
#topmenu ul li ul li span { padding: 2px 5px; width: 100%; color: #555; font: 11px "Trebuchet MS", Trebuchet, sans-serif; display: block; cursor: default; }
#topmenu ul li ul li { display: inline; }
#topmenu ul li img { border: 1px solid #4C7E00; margin-right: 3px; margin-top: -1px; vertical-align: middle; }
#crt { position: absolute; left: 0px; bottom: 0px; width: 100%; height: 27px; background: url('i/crtback.gif'); z-index: 20; text-align: right; font: 11px "Trebuchet MS", Trebuchet, sans-serif; }
#crt span { padding: 10px; line-height: 27px; }
#crt span a { font: 11px "Trebuchet MS", Trebuchet, sans-serif; }
#natnet_b { position: absolute; left: 34px; top: 360px; z-index: 20; cursor: pointer; cursor: hand; }

#content { position: absolute; right: 0px; bottom: 27px; left: 206px; top: 94px; _left: auto; _top: auto; _width: expression( (document.body.clientWidth - 206)+"px" ); _height: expression( (document.body.clientHeight - 94 - 27)+"px" );
           padding: 20px; font: 12px Verdana, Arial, sans-serif; color: #666; line-height: 18px; overflow: auto; -moz-box-sizing: border-box; }
html>body #content { right: 0px; bottom: 27px; }
#content ul { list-style-image: url('i/list.gif'); line-height: 18px; }
#content ul li { padding: 2px 0; }
#content ul li ul { margin: 5px 30px; }
#content ul li ul li { padding: 1px 0; }
#content u { text-decoration: none; color: #70A426; }
#content table { font: 11px Verdana, Arial, sans-serif; background: #CCCCCC; text-align: center; }
#content table td { background: white; padding: 2px 5px; }
#content table td.left { text-align: left; }

#represent td { font: 12px Verdana, Arial, sans-serif; text-align: left; color: #666; height: 120px; }
#represent td div { padding: 5px; }
#represent td.logos { text-align: right; border-right: 1px dashed #70A426; }
#represent td div a img { border: 1px solid White; }
#represent td div a:hover img { border: 1px dashed #CCCCCC; }

#heading { font: bold 14px Verdana, Arial, sans-serif; color: #70A426; border-bottom: 1px solid #666; }
.address { margin-left: 80px; top: -18px; display: block; position: relative; }

.bgmap { position: relative; background: url("i/bgmap.gif"); height: 506px; width: 750px; }
.star { background: url("i/star.gif") no-repeat; position: absolute; }
.star a { height: 13px; width: 14px; display: block; -moz-box-sizing: border-box; }
.star a:hover { border: none; }
.star a span { display: none; }
.star a:hover span { display: block; background: white; border: 1px solid #70A426; width: 100px; margin: 1px; padding: 2px; position: absolute; top: 10px; left: -3px; -moz-box-sizing: border-box; cursor: text; }
.star a span b { font: 12px "Trebuchet MS", Trebuchet, sans-serif; color: #666; width: 100%; display: block; padding: 2px 5px; -moz-box-sizing: border-box; }
.star a span b.in { color: #407406; }
.star a span b.in:hover, .star a span b.in.over { background: url('i/mlevel1.gif') center repeat-x; color: White; cursor: pointer; cursor: hand; }

a, a:visited, a:active { font: bold 12px Verdana, Arial, sans-serif; color: #226699; text-decoration: none; }
a:hover { color: #5599CC; }