h1 {
padding:10px;    
text-align:center;
font-family:Georgia, "Times New Roman", Times, serif;
}
#topdiv {
    background-color: goldenrod; 
}

#newsletterblock{
    font-size:10px;
    text-align:right;
}

.mainbodydiv {
clear:both;    
margin-left:200px;
margin-right:100px;
 }

h3 {
background-color:#CCCCCC;
font-family:Georgia, "Times New Roman", Times, serif;
padding:5px;
padding-left:12px;
/*background-color:#009999;
color:#CCCCCC; */
}
.tinytext {
text-align:right;
font-size:9px;
}
/* cute a href stuff */
a.info{
    position:relative; /*this is the key*/
    z-index:24;
   	font-size: 11px;
	font-family: Verdana,Arial,Helvetica,Sans-Serif;
    text-decoration:none;
	margin: 2px;}

a.info:hover{z-index:25; background-color:#fff; color:#000}
a.info span{display: none; margin-left: .5em;}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:0em; left:10em; width:25em;
	font-family:Geneva, Arial, Helvetica, sans-serif;
    background-color:#CCCCCC;
	color:#3333FF;
	font-weight:bold;
	font-size:12px;
    text-align: left;
	padding:4px;
}

.alert {color:red;font-weight:bold;}



li a {
	text-decoration: none;
	font-weight: bold;
}

li a:hover {
	text-decoration: underline;
}

h2, ul {
	font-family: Georgia, "Times New Roman", Times, serif;
}

li {
	list-style-type:square;
}

#previewWin {
	background-color: #FF9;
	width: 150px;
	height: 200px;
	font: .6em arial, helvetica, sans-serif;
	padding: 5px;
	position: absolute;
	visibility: hidden;
	border: 1px #CC0 solid;
	overflow: hidden;
}

#previewWin h1, #previewWin h2 {
	font-size: 1.0em;
}