@media screen { a:link, a:visited, a:active { color: #000000; font-weight: bold; text-decoration: none; } a:hover { color: #000000; text-decoration: none; font-weight: bold; } body { background-image: url(Images/Background.gif); background-color: #9B9FA2; background-position: center top; background-repeat: repeat-y; font-family: tahoma, verdana; font-size: 11px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } tr,td { font-family: tahoma, verdana; font-size: 11px; } div#container { left: 50%; margin: 32px 0px 0px -412px; position: absolute; width: 800px; } div#content { float: left; margin: 0px 0px 0px 6px; } div#content h1, h2, h3, h4 { font-size: 18px; margin: 5px 0px 0px 5px; } div#content img { margin: 3px; } div#content p { margin: 5px 5px 0px 5px; } div#footer { background-color: #FDE101; float: left; height: 30px; margin: 10px 0px 0px 0px; width: 800px; } div#side { background-color: #DCDCDC; float: left; margin: 0px; } div#side img { float: right; margin: 0px 0px 0px 0px; } div#side img.img { float: none; margin: 0px 0px 0px 0px; } div#side p { margin: 0px 5px 0px 5px; } div#side p a:link, a:active { color: #000000; font-weight: bold; text-decoration: none; } div#side p a:hover, a:visited { color: #000000; text-decoration: none; font-weight: bold; } div#side p img { margin: 0px 0px 2px 2px; } div#side img { margin: 0px 0px 0px 0px; } div#nav { float: left; margin: 0px 0px 0px 6px; width: 170px; background-color: #FDE101; } div#nav a:link, a:visited, a:active { color: #000000; font-weight: bold; text-decoration: none; } div#nav a:hover { color: #000000; text-decoration: none; font-weight: bold; } div#nav img { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } div#nav p { background-color: #FDE101; float: left; margin: 0px 0px 0px 0px; padding: 2px 2px 0px 14px; width: 154px; } div#left { left: 50%; margin-left: -560px; position: absolute; top: 225px; width: 150px; } div#left img { } img#header { left: 50%; margin: 0px 0px 0px -412px; position: absolute; z-index: 0; } img { border-style: none; } img#logo { left: 50%; margin: 0px 0px 0px -412px; position: absolute; } .topnav { background-color: #FDE101; } ul#topnav { background-color: #FDE101; height: 25px; left: 50%; margin: 79px 0px 0px -98px; padding: 0px 0px 0px 0px; position: absolute; text-align: right; width: 485px; } ul#topnav li { cursor: pointer; display: inline; margin: 0px 0px 0px -1px; } ul#topnav li img { border-style: none; margin-left: 1px; } #test { background-color:#FF0000; width:900px; } #topnav, #topnav * {text-align: left;margin:0;padding:0;list-style:none;z-index:1;} #topnav ul {position:absolute;top:-999em;width:127px;} #topnav li {float:left;position:relative;z-index:99;font-size:12px;} #topnav li.item { padding-left: 10px;background-image: url(Images/Soft/TopmenuBackground.png);background-position: 1px;background-repeat: repeat-y;float:left;position:relative;z-index:99;font-size:12px;} #topnav li.itemhard { padding-left: 10px;background-image: url(Images/Hard/TopmenuBackground.png);background-position: 1px;background-repeat: repeat-y;float:left;position:relative;z-index:99;font-size:12px;} #topnav li.rounded {padding-left: 0px;background: none; margin-bottom: -2px;} #topnav li span.sf-sub-indicator {display: none;} #topnav li ul li span.sf-sub-indicator {display: inline;} #topnav a {display:block;} #topnav ul li{margin-left:15px;width: 128px;} #topnav li:hover ul, ul#topnav li.sfHover ul {left:-1px;top:28px;} #topnav li:hover li ul, #topnav li.sfHover li ul {top:-999em;} #topnav li li:hover ul, ul#topnav li li.sfHover ul {left:110px;top:0px;} #topnav li:hover ul, #topnav li li:hover ul {top: -999em;} }