@media screen
{


 body
{
	/*background:#FBfBFF url("../pic/dona-logo.gif")    center;*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 112%;
	margin: 2% 14% 1% 10%;
	background-repeat: no-repeat;
	color: #000000;
}


.banner
{font-size: 200%;  color: #990099;  padding: 2%;  text-align: center}

#navcontainer
{text-align: left}

#navlist ul
{margin-left: 0; padding-left: 0; white-space: nowrap}

#navlist li
{display: inline;   list-style-type: none;  font-size: 100%;  margin: 2px;  padding: 15px;  font-family: Arial, Helvetica, sans-serif}

#navlist
{}

#navlist a
{padding: 3px 10px}

#navlist a:link, #navlist a:visited
{color: #fff; background-color: #036; text-decoration: none}

#navlist a:hover
{color: #fff; background-color: #369; text-decoration: none}


#textcontainer
{	
	position: absolute;
	left: 5%;
	border: 0px;
}





/*#sponlist ul
{margin-left: 0; padding-left: 0; white-space: nowrap}*/

#sponlist li
{display: inline;  list-style-type: none;  font-size: 100%;  margin-left=0 margin: 2px;  padding: 10px;  font-family: Arial, Helvetica, sans-serif}


h1, h2 { font-family: Verdana, Arial, Helvetica, sans-serif; color: #5f3d41;}

h1 {font-size: 200%; font-weight:bold;}
h1 a { }
h1 a:hover{}

h2 {font-size:175%; font-weight:bold;}
h2 a {}  
h2 a:hover {}  

h3 {font-size:125%; font-weight:normal;}
h3 a {color:#0000FF}  
h3 a:hover {color:#6600ff; text-decoration:underline}

h4 {
	font-size:100%;
	font-weight:normal;
	color: #990099;
}
h4 a {color:#990099}  
h4 a:hover {color:#0000cc; text-decoration:underline}






.navigation a{
	display: block;
	color: #990099;
	text-decoration: none;
	margin:0px 0px 0px;
	padding:3px 3px ;
	font-size:100%;
	text-align: center;
	float: center;
}

.navigation a:hover
{
color: #CC99FF;
}
.container {
	margin-left: 2%;
	margin-right: auto;
	width: 75%;
	background-color: #FFFFFF;
	padding: 4px 10px 10px;
	
	}

.item_buttons {
	position: relative;
	margin-top: 43px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	top: 5px;
	text-align: center;
	}
	
.textcontainer {
	background:#FBfBFF url("../pic/dona-logo.gif")    center;
	position: relative;
	background-position: center;
	color: #5f3d41;
	font-size: 20px;
	margin-top: 50px;
	text-align: center;
	
	top: 50px;
	
	}
.introcontainer {
	
float: left;
width: 600px;
margin: 10px;
padding: 10px;
}
	
	}
	.imagecontainer {
	
	background:FBFBFF;
	position: relative;
	background-position: center;
	color: #5f3d41;
	font-size: 20px;
	height: 100%;
	width:100%;
	
	text-align: center;
	
	
	}
.hotspotcontainer {
	
	background:#FBfBFF url("../pic/tranquillitygroup")    center;
	position: relative;
	background-position: center;
	color: #5f3d41;
	font-size: 20px;
	height: 100%;
	width:100%;
	
	text-align: center;
	
	
	
.button {
	position: relative;
	height: 100px;
	margin: 0px;
	padding: 5px;
	}
}
.table1 {
	text-align: center;
}
.closebutton 
{
position: relative;
font-family: arial, helvetica, sans-serif;
background: ("../pic/overbtn.jpg") no-repeat;
white-space: nowrap;
display: block;
width: 211px;
height: 44px;
margin: 0;
padding: 0;
}

.closebutton a
{
display: block;
color: #000000;
font-size: 11px;
width: 211px;
height: 44px;
display: block;
float: left;
color: black;
text-decoration: none;
}

.closebutton img
{
width: 211px;
height: 44px;
border: 0
}

* html a:hover
{
visibility:visible
}

.closebutton a:hover img
{
visibility:hidden
}

.closebutton span
{
position: absolute;
left: 35px;
top: 15px;
margin: 0px;
padding: 0px;
cursor: pointer;
} 

hr {
border: 0;
color: #cc99ff;
background-color: #CC99FF;
height: 3px;
width: 75%;
text-align: center;
}

}
.bannercaps {
	font-size: 175%;
	color: #990099;
	padding: 2%;
	text-align: center;
	font-style: normal;
	font-weight: bold;
	text-transform: capitalize;
}
.introhead {
	font-size: 200%;
	color: #FFFFFF;
	padding: 2%;
	font-family: Arial, Helvetica, sans-serif;
	top: 600px;
	left: 10%;
	
	position: absolute;
}