body {color: #000000; font-family: Arial, Sans-serif; font-size: 10pt; text-align: center; ;
  background: url(images/background-dark.jpg);
   }
a:link {background-color: transparent; color: #008000; font-family: Arial, Sans-serif; font-size:9pt; font-weight:bold;}
a:visited {background-color: transparent; color: #008000; font-family: Arial, sans-serif; font-size:9pt}
h1 {background-color: transparent; color: #008000; font-family: Arial, Sans-serif; font-size:16pt; font-weight:bold; text-align:center}
h2 {background-color: transparent; color: #008000; font-family: Arial, Sans-serif; font-size:14pt; font-weight:bold; text-align:center}
h3 {background-color: transparent; color: #008000; font-family: Arial, Sans-serif; font-size:12pt; font-weight:bold; text-align:center }
h4 {background-color: transparent; color: #008000; font-family: Arial, Sans-serif; font-size:10pt; font-weight:bold;}


#container {
  margin:auto; 
	width: 900px
}
#headercontainer  {
   float: left; 
width: 900px;
  background:  url(images/gradientsummary.jpg);
}

#headerleft {
  float: left; 
  width: 240px;
  }
#headermiddle {
  float: left; 
  width: 395px;
}
#headerright {
  float: right; 
  width: 255px;
}
#summary {
  float: left; 
  width: 900px;
  background:  url(images/gradientsummary.jpg);
color: #000000; font-family: Arial, Sans-serif; font-size:10pt;
}
	#left {
		float:left;
		width:200px;
		background: url(images/gradientleft.jpg);
		color: #000000; font-family: Arial, Sans-serif; font-size:10pt; text-align: left; 
		}
	#middle {
		float:left;
		width:550px;
		background: #F0FFF0;
		color: #000000; font-family: Arial, Sans-serif; font-size:10pt;
		}
	#right {
		float: right;
		width:150px;
		background:url(images/gradientright.jpg);
		color: #000000; font-family: Arial, Sans-serif; font-size:10pt;
		}

	#form-container {
		float:left; margin-right: auto;
		width:900px;
		background:#F0FFF0; 
		color: #000000; font-family: Arial, Sans-serif; font-size:10pt; text-align: left; 
		}

#form {
 		background: #F0FFF0;
		margin-left: auto; margin-right: auto;
		color: #000000; font-family: Arial, Sans-serif; font-size:9pt;

}
#table1 {
		background: #F0FFF0;
		margin-left: auto; margin-right: auto;
		color: #000000; font-family: Arial, Sans-serif; font-size:9pt;

}
.data {
	background: #F0FFF0;
	text-align: center; vertical-align :top;
	border-right-style: solid; border-color: green; border-width: 2px;
		color: #000000; font-family: Arial, Sans-serif; font-size:9pt;

}

#footer { 
  clear:both;
	width:900px;
  background:#DDDDDD;
		color: #000000; font-family: Arial, Sans-serif; font-size:10pt;
}
#tablemenu {
		background: #F0FFF0;
		margin-left: auto; margin-right: auto;
		color: #000000; font-family: Arial, Sans-serif; font-size:9pt;
		align="center";
		 border="0"; cellpadding="0"; cellspacing="0";
}
.tablecells {
		border-style:ridge; border-width:5px; 
		padding-left: 4px; padding-right: 4px; padding-top: 1px; padding-bottom: 1px; 
		bordercolorlight="#FFFFFF"; bordercolordark="#FFFFFF";
}
#survey {
		float:left;
		width:890px;
		background: #F0FFF0;
		color: #000000; font-family: Arial, Sans-serif; font-size:10pt;
		}


/* curve height, background image */
.myClassName .t, .myClassName .b, .myClassName .b b, .myClassName .t b {
height:10px;
background-image:url(images/roundedcorners.png);
}
/* inner color, border color, border width */
.myClassName .c{
background:transparent;
border-color:#445566;
border-left-width:4px;
border-right-width:4px;
}

/* surrounding margins (optional) */
.round{
margin-bottom:3px;
}
.round .c{
/* inner content padding */
padding:0 1px 0 1px;
border-top:0;
border-bottom:0;
border-style:solid;
}
.round .t, .round .b, .round .t b, .round .b b{
display:block;
overflow:hidden;
}
.round .t b, .round .b b{
float:right;
width:50%;
}
.round .t .r{
background-position:top right;
}
.round .b .r{
background-position:bottom right;
}
.round .b{
background-position:bottom left;
}
.round .br{
clear:both;
display:block;
overflow:hidden;
height:0px;
}