body {position: relative; color:#000; background: #f4f4f4; margin:0; padding:0;}

div#navi {position:absolute; top:121px; left:10px; width:166px; font:1em arial, verdana, sans-serif; z-index:99; border:1px solid #d1dbe6; text-shadow:1px 1px 2px #ccc;}
div#navi a {display:block; text-align:left; font:1em arial, verdana, sans-serif; padding:5px 10px; margin:0px 0px; border:0px; text-decoration:none; color:#006; background:#fff;}
div#navi a:hover {color:#006; background:#cdd9ec; text-shadow:1px 1px 2px #999;}
div#navi a span {display:none;}
div#navi a:hover span {display:block; position:absolute; top:-96px; left:0px; width:144px; padding:10px; margin: 0px; z-index:100; color:#000; background:#fff; border:2px dotted #d1dbe6; font:0.8em verdana, sans-serif; text-align:left; line-height:1.25em; text-shadow:none;}
div#navi .two {padding:2px 10px 2px 25px; font-size:.9em; font-weight:normal;}
div#navi .active {color:#006; background:#fff; text-shadow:1px 1px 2px #ccc; font-weight:bold;}

div#content {position:absolute; top:26px; left:191px; right:2%; color:#000; background:#fff; font:1em verdana, sans-serif; padding:10px; border:solid 3px #d1dbe6; text-align:left; line-height:1.5em; max-width:49em;}

div#header {margin:-9px -9px 0.5em; padding:10px 0px 10px 0px; text-align:center; background:#cdd9ec; color:#006; letter-spacing:0.5em; text-transform:lowercase; font:bold 25px sans-serif; height:28px; vertical-align:middle; white-space:nowrap; text-shadow:1px 1px 2px #999;}

div#content p, address {margin:0 2% 1em 4%; max-width:45em;}
div#content h1, h2, h3, h4, h5, h6 {margin:1em 0 0 4%; font-family:"Trebuchet MS", "Lucida Grande", Arial, sans-serif; color:#006; background:#fff; text-align:left; line-height:1.5em; text-shadow:1px 1px 2px #ccc;}
div#content h1 {font-size:1.65em;}
div#content h2 {font-size:1.5em;}
div#content h3 {font-size:1.15em;}
div#content h4 {font-size:1em;}
div#content h5 {font-size:.9em;}
div#content h6 {font-size:.8em;}

div#content a:link {color:#339; background:#fff;}
div#content a:visited {color:#936; background:#fff;}
div#content a:visited:hover {color:#779; background:#fff;}
div#content a:link:hover {color:#779; background:#fff;}

div#content a[href^="http"]:after {content: url(./../pics/icons/web-ext.png); margin-left:0.1em;}
div#content a.image[href^="http"]:after {display:none;}

div#content abbr {cursor:help; border-bottom:1px dotted #808080;}

div#content ul, ol {margin:0; padding:0;} /* fucking IE */
div#content ul, ol {margin:0 3% 1em 4%; line-height:1.5em;}
div#content ul li {margin:0px 0px 0px 2em; padding:0; list-style-type:disc; list-style-position:outside;}
div#content ol li {margin:0px 0px 0px 2em; padding:0; list-style-type:decimal; list-style-position: outside;}

img {border-style:none;}
/* image links without borders */
div#content a.image:link, div#content a.image:visited {border-bottom-style:none;}
div#content a.image:focus {color:#000; background-color:#fff;}
div#content a.image:hover, div#content a.image:active {color:#000; background-color:#fff;}

dt {font-weight:bold;}
dd {margin-bottom:0.66em;}
address {color:#336; background-color:#fff;}
cite {color:#666; background-color:#fff;}
cite:first-child {margin-left:1.5em;}

div#breadcrumb {margin:0 2% -.5em 4%; padding:0; font-size:smaller;}

div#sitemap {margin:0 0 1em 4%; padding:0; line-height:1.75em;}
div#sitemap dd {margin: 0; padding: 0;}
div#sitemap dd dl {margin-top:0em; padding:0;}
div#sitemap dd.one {margin:0 0 0 2em;}
div#sitemap dd.two {margin:0 0 0 4em;}
div#sitemap dt.one {margin-top:1em; font-size:1.1em;}
div#sitemap dt.two {margin:0 0 0 2em; font-size:1em;}

.news {margin:0 1em; padding:0; float:right; width:76px; height:44px;}
.taone {text-align:right;}
.tatwo {text-align:center;}
.tatwo span {padding:.5em 1em; border:1px dotted red; display:inline-block; text-shadow:1px 1px 2px #ccc;}
.tatwo span:hover {font-weight:bold;letter-spacing:0.25em;}