@charset "utf-8";
/* CSS Document */

h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-style: oblique;
	font-weight: bold;
	color: #663333;
}

h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	color:#330033;
}

.foot{
	font-size:8pt;
	color:#999999;	
}

.infobox{	
	background-color:#660000;
	color:#FFFFCC;
	border: 1px #FF8D8A dotted;
	opacity: .65;
	padding:7px;
	margin:15px;	
	text-align:justify;
}

.formbutton{
cursor:pointer;
border:outset 1px #ccc;
background:#999;
color:#666;
font-weight:bold;
background:url(img/formbg.gif) repeat-x left top;
}

#modernbricksmenu{
padding: 0;
width: 100%;
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

#modernbricksmenu ul{
font: bold 11px Arial;
margin:0;
margin-left: 40px;
padding: 0;
list-style: none;
}

#modernbricksmenu li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}

#modernbricksmenu a{
float: left;
display: block;
color: white;
margin: 0 1px 0 0;
width: 87px;
padding: 5px 10px;
text-align:center;
text-decoration: none;
letter-spacing: 1px;
background-color: #000033;
border-bottom: 1px solid white;
}

#modernbricksmenu a:hover{
background-color: gray;
}

#modernbricksmenu #current a{
background-color: #990000;
border-color: #990000;
}

#modernbricksmenuline{
clear: both;
padding: 0;
width: 100%;
height: 5px;
line-height: 5px;
background: #990000; 
}

a.tt{
    position:relative; 
    z-index:24;
    color:#000;
    text-decoration:none}

a.tt:hover{z-index:25; background-color:#ff0}

a.tt span{display: none}

a.tt:hover span{
    display:block;
    position:absolute;
    top:2em; left:2em; width:30em;
	padding:2px;
    border:1px solid #000;
    background-color:#99CC33; color:#000;
}

.blur{
	background-color: #ccc;
	color: inherit;
	margin-left: 4px;
	margin-top: 4px;
}

.shadow,
.content{
	position: relative;
	bottom: 2px;
	right: 2px;
}