html,body {
	margin:0;
	padding:0;
	height:100%; /* needed for container min-height */
	background:url(../images/page_bg.gif) center repeat-y #e6e6e6 ;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	font-size: 15px;
}

textarea { background-color:white; color:black; font-family: arial; font-size: 15px }
select { background-color:#eeeeee; font-weight:normal; color:black; font-family: arial;float: right; font-size: 15px }
input { color:black; font-family: arial; style=float: right; font-size: 15px }
#wrap {
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	width:710px;
	/*background:#fff;*/
	text-align:left;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/

	min-height:100%; /* real browsers */
}
#header {
	text-align:center;
	padding:1em 0 3em 0;
}
#content {
	text-align:center;
	padding:1em 1em 5em; /* bottom padding for footer */
}
#content p {
		padding:0 1em;
	}
#weeks { 
	text-align:center;
	width:70%;
	margin:0 0 50% auto;
	}
.week {
	text-align:left;
	display:block;
	padding:0;
	clear:both;
}
h2 {
	color:#666666;
	text-align:center;
}
h5 {
	margin:0;
	padding:0 0 2em 0;
	font-size:1.2em;
	color:#003399;
	text-align:center;
}
h3 {
	border-bottom:#003366 2px solid;

	color:#003366;
	font-size:99%;
	padding:10px 0;
	display:block;
}
h4{
	font-size:99%;
	display:block;
	float:left;

}
ul{
	display:block;
	list-style:none;
	padding:0;
	margin: 0;
}

li {
	font-family: arial;
	color:#46A2D4;
	/*empty-cells: show;
	*/letter-spacing: -1px;
	clear:both;
}
li a { float:left;
	background: url(../images/btn-view-survey.gif)  left no-repeat;
	padding:10px 100px 10px;		
	}
li a.nothing { 
	padding:10px 0px 10px;	
	background: url(../images/spacer.gif)  left no-repeat;
	}
	
#footer {
	position:absolute;
	font-size: 10px; 
	color:#FFFFFF; 
	background:#003366; 
	padding:8px;
	bottom:0; /* stick to bottom */
	left: -8px;
	width:100%;}
	
.left {float:left;}
.right {float:right;}
.clear { clear:both;}
#footer p {
		padding:1em;
		margin:0;
	}
.footer a:link { font-size: 11px; font-weight:bold; text-decoration:underline; font-family:  arial; color:#ffffff}
.footer a:visited { font-size: 11px; font-weight:bold; text-decoration:underline; font-family:  arial; color:#ffffff}
.footer a:active { font-size: 11px;  font-weight:bold; text-decoration:underline; font-family:  arial; color:#ffffff}
.footer a:hover { font-weight:bold; text-decoration:none}

#headercell {  background-color:#d4d4d4  }


ol { font-size: 15px; font-weight:bold; font-family:  arial; color:#303030}
td { font-size: 13px; font-family: arial;  color:#000000}
td.question { font-size: 15px; font-weight:bold; font-family:  arial; color:#303030}
td.subquestion { font-size: 13px; font-family:  arial; color:#303030}
p { font-size: 13px; font-family:  arial; color:#000000}
font { font-size: 15px; font-family: arial;  color:#000000}
.agree { font-size: 11px; font-family: arial;  color:#000000}
.error{ font-size: 13px; font-family: arial;  color:red}
.white {font-size: 14px; font-weight:bold; color:#ffffff }
.italic { font-size: 12px; font-style:italic; font-family: arial; color:#000000}
.medium {font-size: 15px; font-weight:bold; color:#000000 }
.large {font-size: 18px; font-family: arial; font-weight:bold; color:#003366; text-align:left;}
#FOOTER {font-size: 10px; font-family: arial; color:#FFFFFF; background:#003366; text-align:center;}
#slider {font-size: 10px; font-family: arial; color:#000000}


i { font-family: arial;  color:#000000}

b { font-size: 12px; font-weight:bold; font-family:  arial; color:#303030}
b.medium { font-size: 13px; font-weight:bold; font-family:  arial; color:#303030}
b.large { font-size: 16px; font-weight:bold; font-family:  arial; color:#303030}
b.largeBlue { font-size: 16px; font-weight:bold; font-family:  arial; color:#0000FF}
b.italic { font-size: 14px; font-weight:bold; font-style:italic; font-family:  arial; color:#303030}
strong { font-size: 13px; font-weight:bold; font-family:  arial; color:#292929}
a:link { font-size: 13px; font-weight:bold; text-decoration:none; font-family:  arial; color:#14599E}
a:visited { font-size: 13px; font-weight:bold; text-decoration:none; font-family:  arial; color:#14599E}
a:active { font-size: 13px;  font-weight:bold; text-decoration:none; font-family:  arial; color:#14599E}
a:hover {color:#292929; font-weight:bold; text-decoration:underline}

.tooltip a { font-size: 13px;  font-weight:bold; text-decoration:none}
.tooltip a:link { font-size: 13px; font-weight:bold; text-decoration:none; font-family:  arial; color:#000000}
.tooltip a:visited { font-size: 13px; font-weight:bold; text-decoration:none; font-family:  arial; color:#000000}
.tooltip a:active { font-size: 13px;  font-weight:bold; text-decoration:none; font-family:  arial; color:#000000}
.tooltip a:hover { font-size: 13px;  font-weight:bold; text-decoration:none}



#tipBox {position: absolute; 
		width: 250px; 
		z-index: 100;
		border: 1px solid #003366;
		background-color: #F1F1FF;
		font-family: Arial, sans-serif;
		font-size: 12px;
		padding: 1px 2px;
		visibility: hidden}