/************** Layout **************/

#top {
	margin: 0px;
	padding: 5px;
	height: 65px; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	height: 70px;
	}
html>body #top {
	height: 70px; /* ie5win fudge ends */
	}
#left {
	position: absolute;
	top: 65px;
	left: 0px;
	margin: 0px;
	padding: 5px;
	width: 200px; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 170px;/* =width-30px */
	}
html>body #left {
	width: 170px; /* ie5win fudge ends =width-30px */
	}
#middle {
	margin: -30px 170px 0px 180px;
	padding: 0px 10px 10px 10px;
	}
#middleright {
	margin: -30px 0px 0px 180px;
	padding: 0px 10px 10px 10px;
	}
#right {
	position: absolute;
	top: 50px;
	right: 0px; /* Opera5.02 will show a space 
	at right when there is no scroll bar */
	margin: 0px;
	padding: 5px;
	width: 190px; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 160px;
	}
html>body #right {
	width: 160px; /* ie5win fudge ends */
	}


/************** Styles **************/

body {
	margin: 0;
	padding: 0;
	background: #fff;
	background-image:url(images/misc/background.png);
	background-repeat:repeat-x;
	background-position:top;
}

#top {
	padding: 0.3em 0;
}
#footer{
	text-align: center;
	font-size: 0.7em;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

#left {
	/*background: #fff;*/
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 0.8em;
}
#left a, .header a, #middle a, #middleright a, #right a, #footer a{
	color: #660000;
}
#left a:hover, .header a:hover, #middle a:hover, #middleright a:hover, #right a:hover,#footer a:hover{
	text-decoration: none;
}

#middle, #middleright{
	/*background: #fff;*/
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 0.8em;
}

#middle h1, #middleright h1{
	border-bottom: 1px solid #cccccc;
}

#middle h2, #middleright h2{
	font-size: 1.2em;
	padding-bottom: 0px;
	border-bottom: 0px;
	margin: 20px 0px 0px 0px;
}
#middle h3, #middleright h3{
	color: #666666;
	font-size: 0.8em;
	margin-top: 0px;
}

#right{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 0.8em;
}
.newsEditButtons{
	float:right; 
	margin-top: 20px;
}
.newsEditButtons a:hover{
	background: #ff0000;
	color: white;
	text-decoration: none;
}
.header{
	margin: 10px 10px 10px 200px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.formtexts {
	text-decoration: none;
	background-color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #333333;
	font-weight: normal;
	border: 1px #666666 solid;
}
.error{
	color: #FF0000;
}
a.tooltip{
    position:relative; /*this is the key*/
    z-index:24;}

a.tooltip:hover{z-index:25; background-color:#CCCCCC}

a.tooltip span{display: none}

a.tooltip:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; right:1em;
	width: 200px;
	margin-left: 2px;
	margin-right: 2px;
    border:1px solid #000;
    background-color:#CCCCCC; color:#000;
    text-align: center;
	text-decoration: none;
}