body {
	position:absolute;
	left: 50%;
	top: 50%;
	width: 800px;
	height: 600px;
	margin-top: -300px;
	margin-left: -400px;
	background-color: #EEDDF0;
	background-image: url(image/floral_background_08.jpg);
	background-repeat: repeat;


}
#content {
	width : 800px;
	border : 1px solid #cccccc;
	background-color : #ffffff;
	text-align : left;
	height: 600px;
	vertical-align: top;

}
.altbutton {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #333333;
	background-color: #F9DFE1;
	border: 1px dotted #000000;
}
A:link  {
	text-decoration: none;
	color: #333333;


}
A:visited  {
	color: #000000;
	text-decoration: none;
}
A:hover   {
	color: #7c231d;
	text-decoration: underline;

}
A:active  {color: #000000; text-decoration: none}

.mainbody {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	text-align: left;
	vertical-align: top;
}
.mainheading {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #333333;
}
.white {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	background-color: #333333;
	text-align: right;
	vertical-align: middle;
	padding: 3px;

}

A.menu:link  {
	text-decoration: none;
	color: #FFFFFF;
}
A.menu:visited  {color: #FFFFFF; text-decoration: none}
A.menu:hover   {
	color: #ffffff;
	background-color: #666666;
	text-decoration: none;
	padding: 3px 0px;

}
A.menu:active  {color: #FFFFFF; text-decoration: none}
.mainbodysm {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	text-align: left;
	vertical-align: top;
}
.textbox {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #7c231d;
}
.infoBar
{
	position : relative;
	left : 0px;
	top : 0px;
	width : 330px;
	height : 235px;
	overflow : auto;
	background-color: #EEDDF0;
	border: 1px solid #333333;
	padding: 2px;



}
.whiteright {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	background-color: #333333;
	text-align: left;
	vertical-align: middle;
	padding: 3px;
}
a.info{
    position:relative; /*this is the key*/
    z-index:24; background-color:#ccc;
    color:#000;
    text-decoration:none}

a.info:hover{z-index:25; background-color:#cccccc}

a.info span{display: none}


a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    padding: 10px;
	text-decoration: none;
    position:absolute;
    top:-15em; left:0em; width:62em;
    border:1px solid #333333;
    background-color:#EEDDF0; color:#000;
    text-align: left}.formfield {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	text-decoration: none;
	background-color: #F9DFE1;
	border: 1px solid #BDBDBD;
	margin: 5px 0px 3px;
}