@import url("reset.css");
*, div, span, p, td, em, h1, h2, h3, li {font-family: Arial, Helvetica, sans-serif; padding: 0; margin: 0; line-height: 100%}
strong {font-weight: bold}
body {color: #fff; background-color: #000; background-position: 50% 0; background-repeat: no-repeat; background-attachment:fixed}
div#head {display: block; width: 780px; height: 124px; overflow: hidden; position: absolute; /* off position: fixed; */ z-index: 3;}
h1 {display: block; width: 780px; height: 164px; text-indent: -5000px; overflow: hidden; background: transparent url(wit_logo.png) top left no-repeat; z-index: 1}
ul#menu {position: absolute; left: 0; bottom: 10px; z-index: 2; width: 780px; border: 0px dotted #ccc; font-weight: normal !important}
ul#menu li {display: inline-block; float: left}
ul#menu li a {display: inline-block; color: #87FF00; text-decoration: none; padding: 0 10px 0 10px; font-size: 14px}
ul#menu li a:hover, ul#menu li.active a {color: #fff}

#content {border: 0px dotted #fff; width: 780px; margin: 0 auto 0 auto}
#content p {margin: 0 0 15px 0; line-height: 140%}

#innercontent {padding: 160px 0 0 0; position: relative; font-size: 13px; font-weight: normal;}
#innercontent h2 {font-size: 13px; font-weight: normal; padding: 0 0 0 0; color: #87FF00}

#innercontent h2 span a, #innercontent a {color: #87FF00; text-decoration: none}
#innercontent h2 span a:hover {color: #000; text-decoration: none}

#innercontent p {font-size: 12px; font-style: italic}
#innercontent div.mediaLinkDescription {float: left; width: 100%; clear:both; clear: both; margin: 0 0 10px 0; padding: 3px 0 0 0}
#innercontent div.mediaLinkDescription span {background: #000 !important; padding: 2px}

a.img {position: relative; float: left; display: block; clear: both}
div.row {float: left; width: 100%; clear: both; padding: 0 0 20px 0}

#sidebar {width: 230px; position: absolute; right: 0; top: 159px}
#sidebar a {text-decoration: underline; color: #87FF00}
#sidebar p {padding: 0 0 0 0; font-size: 13px; color: #fff; line-height: 160%}
#sidebar h2 {font-size: 13px; font-weight: bold; margin: 0 0 5px 0}

#sidebar_note {margin: 0 0 40px 0}
.infoblocksidebar {margin: 0 0 5px 0; padding: 2px 2px 2px 0}
.marker {color: #87FF00}


a:link.headline , a:visited.headline  {
	font-size:18px;
	background-color:#000000;
	padding:0 10px 1px 10px;
}
a:hover.headline , a:active.headline  {
background-color:#87FF00;
color:#000000;
}

.msg_list {
margin: 0 0 10px 0;
padding-top: 10px;
width: 380px;
}

.msg_head {
background: transparent; 
padding: 0;
cursor: pointer;
position: relative;
}

.msg_head span {
padding: 5px 10px 5px 5px; background: #000
}


.msg_body {
padding: 5px; background: #000
}

.info_head {
padding: 5px 10px;
cursor: pointer;
position: relative;
background-color:#000000;
}
.info_body {
padding: 5px;
background:#000;
}

.audioplayerwrapper {width: 95%; float: left; clear: both; padding: 0; margin: 25px 0 25px 10px}

#footer {width: 100%; float: left; clear: both; height: 50px}

/* Nice Titles */
div.nicetitle {
position: absolute; padding: 4px; top: 0px; left: 0px; color: white; font-size: 13px; font-family: Arial, Helvetica, sans-serif; width: 15em; font-weight: bold; background: url(ntbg.png);
/* Mozilla proprietary */
-moz-border-radius: 3px;
}
div.nicetitle p {margin: 0; padding: 0 3px}
div.nicetitle p.destination {font-size: 9px; text-align: left; padding-top: 3px}

/* NIcetitle alternative */
span.showmemore, span.showmeless {display: block; color: #fff; position: absolute; left: 10px; top: 10px; display: none; font-size: 12px} 
span.showmemore {width: auto; background: transparent url(showmemore.png) right center no-repeat; padding: 2px 10px 3px 5px}
span.showmeless {width: 100px; background: transparent url(showmeless.png) left center no-repeat; padding: 2px 2px 3px 15px}