body { background:#ffffff; background-repeat:repeat; background-attachment: fixed; color:#c0c0c0; font-size:10pt; font-family:arial; font-style:normal; text-align: left; font-weight:normal; text-transform:normal; margin:0px; padding:0px; } #whole { background:#fff; width:972px; margin:0 auto; margin-top:15px; border:0px; padding:0px; border:0px solid #a09889; } #left { width:188px; float:left; } #sidebar2 { background:#fff; float:right; width:188px; margin:0 auto; margin-top:0px; border:0px; padding:0px; border:0px solid #a09889; } #sidebar2 h1{ background-image:url('/layouts/013/red.png'); color:#000; font-size:10pt; font-family:arial; line-height:20px; font-style:normal; text-align: left; font-weight:bold; text-transform:normal; margin:0px; padding-left:10px; border-bottom:0px solid #000000; border-left:0px solid #aeadad; border-right:0px solid #aeadad; } #sidebar2 h3{ background-image:url('/layouts/013/red.png'); color:#000; font-size:10pt; font-family:arial; line-height:20px; font-style:normal; text-align: left; font-weight:normal; text-transform:normal; margin:0px; padding-left:10px; border-bottom:0px solid #aeadad; border-left:0px solid #aeadad; border-right:0px solid #aeadad; } #container { background:#fff; width:781px; float:left; margin-top:0px; border:0px; padding:0px; border:0px solid #a09889; } #header { background-image:url('/layouts/013/titleline.png'); width:781px; height:33px; float:left; margin:0 auto; text-align:center; margin-top:0px; border:0px; padding:0; border:0px solid #a09889; border-bottom:0px solid #006699; margin-bottom:0px; } #sidebar { background:none; width:188px; float:left; margin:0 auto; margin-top:4px; padding:0px; border:0px solid #fff; } #sidebar h1{ background-image:url('/layouts/013/sidebar.png'); color:#000; font-size:10pt; font-family:arial; line-height:20px; font-style:normal; text-align: left; font-weight:bold; text-transform:normal; margin:0px; padding-left:10px; border-bottom:0px solid #aeadad; border-left:0px solid #aeadad; border-right:0px solid #aeadad; } #sidebar h3{ background-image:url('/layouts/013/sidebar.png'); color:#000; font-size:10pt; font-family:arial; line-height:20px; font-style:normal; text-align: left; font-weight:normal; text-transform:normal; margin:0px; padding-left:10px; border-bottom:0px solid #aeadad; border-left:0px solid #aeadad; border-right:0px solid #aeadad; } #reading { background-image:url('/layouts/013/reading.png'); width:590px; float:right; margin:0 auto; margin-top:4px; padding:0px; border:0px solid #fff; } #footer { float:absolute; background:#1c1c1c; overflow: hidden; width:787px; margin:0 auto; border:0px; margin-left:10px; margin-bottom:0px; border-top:1px solid #404040; } #footer a{ color:#0f77a3; } .example1 li { display:none; list-style:none; padding:0px; margin:0px; margin-bottom:10px; } .example1 li a { background:transparent url(http://i50.tinypic.com/v8cz20.png) no-repeat left; color:#fff; display:block; float:left; height:22px; margin:0px; margin-right:5px; padding:10px 0 10px 10px; } .example1 li a span { background:transparent url(http://i49.tinypic.com/2j0merd.png) no-repeat right; cursor:pointer; display:inline; float:left; margin:0px; height:12px; padding:5px 10px 10px 0; } .example1 li a:hover { background:transparent url(http://i50.tinypic.com/v8cz20.png) no-repeat left; color:#fff; display:block; float:left; height:22px; margin:0px; margin-right:5px; padding:10px 0 10px 10px; } .example1 li a:hover span { background:transparent url(http://i49.tinypic.com/2j0merd.png) no-repeat right; cursor:pointer; display:inline; float:left; margin:0px; height:12px; padding:5px 10px 10px 0; } h1 { background:none; color:#000; font-size:22pt; line-height:23px; font-family:arial; font-style:none; text-align: left; font-weight:bold; text-transform:normal; margin:0px; padding:10px; border:0px solid #000000; } h3 { background-image:url('/layouts/013/reading.png'); color:#000; font-size:10pt; font-family:arial; line-height:20px; font-style:none; text-align:left; font-weight:normal; margin:0px; padding:10px; padding-top:0px; border-bottom:0px solid #aeadad; border-left:0px solid #aeadad; border-right:0px solid #aeadad; } h3 response{ padding:5px; padding-left:0px; padding-top:0px; padding-bottom:0px; border-bottom:1px solid #aeadad; margin:0px; display:block; } h3 location{ padding:5px; padding-left:0px; border-bottom:1px solid #aeadad; margin-bottom:3px; display:block;} h3 purple{ background:#; color:#0f77a3; font-size:15pt; font-family:arial; line-height:20px; font-style:normal; text-align: left; font-weight:normal; text-transform:normal; margin:10px; margin-left:0px; padding:0px; padding-top:10px; padding-bottom:10px; border:0px solid #fff; border-bottom:0px solid #c0c0c0; } h3 purple:hover{ background:#; color:#404040; font-size:15pt; font-family:arial; line-height:20px; font-style:normal; text-align: left; font-weight:normal; text-transform:normal; margin:10px; margin-left:0px; padding:0px; padding-top:10px; padding-bottom:10px; border:0px solid #fff; border-bottom:0px solid #c0c0c0; } h3 everylink { display:block; background:#; color:#404040; font-size:15pt; font-family:arial; line-height:20px; font-style:normal; text-align: left; font-weight:normal; text-transform:normal; margin:0px; padding:10px; padding-left:0px; border-top:1px solid #c0c0c0; } h3 everylink purple{ color:#993366;} h3 everylink purple:hover{ color:#8c124f;} td p{ background:#; color:#c0c0c0; font-size:10pt; font-family:arial; line-height:20px; font-style:normal; text-align: left; font-weight:normal; text-transform:normal; margin:0px; padding:20px; border:0px solid #fff; } td{ color:#404040; font-size:10pt; font-family:arial; } h3 nr{ background:#404040; color:#c0c0c0; font-size:9pt; font-family:arial; line-height:20px; font-style:normal; text-align: left; font-weight:normal; text-transform:normal; margin:4px; margin-left:0px; padding:4px; padding-left:10px; padding-right:4px; border:1px solid #404040; } h3 nr:hover{ background:#404040; color:#0f77a3; font-size:9pt; font-family:arial; line-height:20px; font-style:normal; text-align: left; font-weight:normal; text-transform:normal; margin:4px; margin-left:8px; padding:4px; padding-left:10px; padding-right:4px; border:1px solid #404040; } h3 nr10{ background:#404040; color:#c0c0c0; font-size:9pt; font-family:arial; line-height:20px; font-style:normal; text-align: left; font-weight:normal; text-transform:normal; margin:4px; margin-left:0px; padding:4px; padding-left:3px; padding-right:4px; border:1px solid #404040; } h3 nr10:hover{ background:#404040; color:#0f77a3; font-size:9pt; font-family:arial; line-height:20px; font-style:normal; text-align: left; font-weight:normal; text-transform:normal; margin:4px; margin-left:0px; padding:4px; padding-left:3px; padding-right:4px; border:1px solid #404040; } h3 update{ background:#; color:#993366; font-size:8pt; font-family:arial; line-height:20px; font-style:normal; text-align: left; font-weight:bold; text-transform:normal; letter-spacing:1px; margin:4px; margin-left:8px; padding:2px; padding-left:10px; border-bottom:1px solid #c0c0c0; } h3 borderleft{ align:right; margin:10px; border-right:4px solid #000000; } h3 uos{ display:block; background:#; color:#404040; font-size:15pt; font-family:arial; line-height:20px; font-style:normal; text-align: left; font-weight:bold; text-transform:normal; margin:0px; margin-bottom:2px; padding-top:10px; border:0px solid #c0c0c0; } h3 uos a{ font-size:15pt; } h3 category:hover{ display:block; background:#; color:#404040; font-size:10pt; font-family:arial; line-height:20px; font-style:normal; text-align: left; font-weight:normal; text-transform:normal; margin:0px; margin-bottom:0px; padding:0px; padding-left:3px; border:0px solid #fff;} h3 multinav{ display:block; background:#e3e3e3; color:#404040; font-size:10pt; font-family:arial; line-height:20px; font-style:normal; text-align: left; font-weight:normal; text-transform:normal; margin:0px; margin-bottom:5px; padding:1px; border:0px solid #fff; } h3 multinav:hover{ display:block; background:#e3e3e3; color:#404040; font-size:10pt; font-family:arial; line-height:20px; font-style:normal; text-align: left; font-weight:normal; text-transform:normal; margin:0px; margin-bottom:5px; padding:1px; border:0px solid #fff;} h4 { background:#; color:black; font-size:10pt; font-family:arial; line-height:20px; font-style:normal; text-align: left; font-weight:normal; text-transform:normal; margin:0px; margin-left:0px; padding:0px; padding-top:10px; padding-bottom:10px; border:0px solid #fff; border-top:0px solid #404040; } h5 { background: none; color: black; font-size: 12pt; font-family: georgia; line-height: 20px; font-style: normal; font-weight: normal; text-transform: normal; margin: 0; padding: 10px 0 0 0; border:0 0 0 0; } h6 { background:#fff; color:#404040; font-size:10pt; font-family:arial; line-height:20px; font-style:normal; text-align: left; font-weight:normal; text-transform:normal; margin:0px; margin-bottom:0px; padding:5px; padding-bottom:0px; border-bottom:0px solid #aeadad; border-left:1px solid #aeadad; border-right:1px solid #aeadad; } .special { font-family: arial; font-size: 7pt; color: #000000; font-weight: bold; line-height: 7pt; } a:link, a:visited, a:active { text-decoration:none; font-weight:none; font-style:normal; text-transform:normal; color:#000000; padding:0px; background:none; } a:hover { text-decoration:none; font-weight:bold; font-style:normal; letter-spacing:0px; text-transform:normal; color:#000000; background:#; border-bottom:0px solid black; } a.nav:link, a.nav:visited, a.nav:active { display:block; } a.nav:hover { display:block; } p { color:#404040; } textarea { font-size:10pt; color:#404040; line-height:10px; background:#e8e6e6; margin:0px; padding:10px; font-family:arial; font-size:8pt; border:0px solid #c7d8df; } textarea:hover { font-size:10pt; color:#404040; line-height:10px; background:#dbdada; margin:0px; padding:10px; font-family:arial; font-size:8pt; border:0px solid #c7d8df; } input { font-size:9pt; background:#e8e6e6; color:#404040; margin:0px; padding:10px; font-weight:normal; font-family:arial rounded MT bold; border:0px solid #2e2e2e; margin-right:5px; margin-bottom:0px; margin-left:0px; margin-top:0px padding-left:20px; } input:hover{ font-size:9pt; background:#dbdada; color:#404040; margin:0px; padding:10px; font-weight:normal; font-family:arial rounded MT bold; border:0px solid #2e2e2e; margin-right:5px; margin-bottom:0px; margin-left:0px; margin-top:0px padding-left:20px; } #meny{ width:400px; float:right; } <-- MENU --> .menu{ border:none; border:0px; margin:0px; padding:0px; font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif; font-size:14px; font-weight:bold; } .menu ul{ background:#; height:31px; list-style:none; margin:0; padding:0; } .menu li{ float:left; padding:0px; } .menu li a{ background:# url("images/seperator.gif") bottom right no-repeat; color:#000000; display:block; font-weight:normal; line-height:31px; margin:0px; margin-top:1px; padding:0px 25px; text-align:center; text-decoration:none; } .menu li a:hover, .menu ul li:hover a{ background: # url("images/hover.gif") bottom center no-repeat; color:#000000; text-decoration:none; } .menu li ul{ background-image:url('http://i47.tinypic.com/2rm6xjt.png'); display:none; height:auto; padding:0px; margin:0px; border:0px; position:absolute; width:170px; z-index:200; /*top:1em; /*left:0;*/ } .menu li:hover ul{ display:block; } .menu li li { background:url('images/sub_sep.gif') bottom left no-repeat; display:block; float:none; margin:0px; padding:0px; width:170px; } .menu li:hover li a{ background:none; } .menu li ul a{ background-image:url('http://i47.tinypic.com/2rm6xjt.png'); border-bottom:1px solid #7f7f7f; border-left:1px solid #7f7f7f; border-right:1px solid #7f7f7f; display:block; height:25px; font-size:12px; font-style:normal; margin:0px; padding:5px; padding-left:10px; text-align:left; } .menu li ul a:hover, .menu li ul li:hover a{ background-image:url('http://i47.tinypic.com/2uqy8fr.png'); border-bottom:1px solid #7f7f7f; border-left:1px solid #7f7f7f; border-right:1px solid #7f7f7f; color:#000000; text-decoration:none; } .menu p{ clear:right; } .fade { position: absolute; top: 100px left: 100px } .fade div { position: absolute; top: 0; left: 0; display: none; } // when the DOM is ready: $(document).ready(function () { // find the div.fade elements and hook the hover event $('div.fade').hover(function() { // on hovering over, find the element we want to fade *up* var fade = $('> div', this); // if the element is currently being animated (to a fadeOut)... if (fade.is(':animated')) { // ...take it's current opacity back up to 1 fade.stop().fadeTo(250, 1); } else { // fade in quickly fade.fadeIn(250); } }, function () { // on hovering out, fade the element out var fade = $('> div', this); if (fade.is(':animated')) { fade.stop().fadeTo(3000, 0); } else { // fade away slowly fade.fadeOut(3000); } }); });