body {
	margin:0;
	padding:0;
	border:0;			/* This removes the border around the viewport in old versions of IE */
	width:100%;
	background:#ffffff;
	min-width:750px;		/* Minimum width of layout - remove line if not required */
					/* The min-width property does not work in old versions of Internet Explorer */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .6em;
	text-align:center;
}
#fixed {
   margin:0 auto;
   width:950px;   /* you can use px, em or % */
   text-align:left;
}
#fixed-pu {
   margin:0 auto;
   width:750px;   /* you can use px, em or % */
   text-align:left;
	background:#bcc0bf;
}

a:hover {
	color:#fff;
	text-decoration:none;
}
h1 {
	margin:.8em 0 .2em 0;
	padding:0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #56004e;
	font-size: 14pt;
}
h2 {
	margin:.8em 0 .2em 0;
	padding:0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #56004e;
	font-size: 12pt;
}
h3 {
	margin:.8em 0 .2em 0;
	padding:0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #56004e;
	font-size: 10pt;
}
p {
	margin:.4em 0 .8em 0;
	padding:0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
img {
	margin:0;
}

strong { 
	color: #56004e;
}
.newstag {
	color: #56004e;
}
.survey_heading {
	padding: 0.5em;
	margin-right: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	background: #464541;
	font-weight: 600;
	width: 450px;
}
.survey_question { 
	padding-top: 12px; 
	width: 245px;
	display: block;
	position:50px;
	float: left;
	font-size: 120%;
	}
.survey_question_bold { 
	padding-top: 12px; 
	width: 245px;
	display: block;
	position:50px;
	float: left;
	font-size: 120%;
	font-weight: bold;
	}
.survey_left {
	width: 55px;
	padding-top: 12px; 
	display: block;
	float: left;
	font-size: 120%;
}
.survey_answer {
	width: 300px;
	padding-top: 12px; 
	display: inline;
	float: left;

}
.indent { 
	text-indent: -20px;
	padding-left; 70px;
	}

	/* Header styles */
    #header {
        clear:both;
        float:left;
        width:100%;
		height: 185px;
		background:#bcc0bf;
    }
    .topcell {
    	background-repeat: repeat-x;
		background-image:url('../images/header_top_bg.gif'); 
	}
	#header ul {
	    clear:left;
	    float:right;
	    width:100%;
	    list-style:none;
	    margin: 0;
	    padding: 0;
	}
	#header ul li {
	    display:inline;
	    list-style:none;
	    margin:0;
	    padding:0;
	}
	#header ul li a {
	    display:block;
	    float:left;
	    position:relative;
	    left:0px;
	    margin-right: 3px;
	    height: 44px;
		width: 68px;
	}
	#header ul li a:hover {
	}
	#header ul li a.active,
	#header ul li a.active:hover {
	}
	#header ul li a span {
	    display:block;
	}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
#header li {float:left; position:relative;}

/* second level background */
#header ul ul a.drop, #header ul ul a.drop:visited {background:#d4d8bd;}
/* style the second level hover */
#header ul ul a.drop:hover{background:#c9ba65; }
#header ul ul :hover > a.drop {background:#c9ba65; }

/* hide the sub levels and give them a positon absolute so that they take up no room */
#header ul ul {visibility:hidden;position:absolute;height:0;top:44px;left:0; width:78px;}
/* another hack for IE5.5 */
* html #header ul ul {top:43px;t\op:44px;}

/* style the second level links */
#header ul ul a, #header ul ul a:visited {background:#d4d8bd; color:#000; height:auto; line-height:1em; padding:5px 10px; width:128px;border-width:0 ; font-weight: 300;}
/* yet another hack for IE5.5 */
* html #header ul ul a, * html #header ul ul a:visited {width:123px;w\idth:128px;}

/* style the top level hover */
#header a:hover, #header ul ul a:hover{color:#ffffff; background:#bcc0bf;}
#header :hover > a, #header ul ul :hover > a {}

/* make the second level visible when hover on first level list link */
#header ul li:hover ul,
#header ul a:hover ul{visibility:visible; }

	/* Footer styles */
	#footer {
        clear:both;
        float:left;
        width:100%;
	background:#bcc0bf;
    }
    #footer p {
        padding:5px;
        padding-left:15px;
        margin:0;
		background: #56004e;
		color: #fff;
		font-size: 80%;
    }
    
    #footer a {
	color:#fff;
}

#content {
	width: 550px;
}

#data_collection {
	width: 600px;
	padding: 0px;
	vertical-align: top;
	margin-top: 20px;
	margin-bottom: 20px;
}

#data_collection td {
	vertical-align: top;
	}
#data_collection table {
	vertical-align: top;
	width:100%;
	}



#data_collection input, select, textarea {
	font-size: 90%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

input.button {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
    -webkit-border-radius: 6px;
    -webkit-box-shadow: 3px 3px 3px #999999;
    padding-bottom: 3px;
    background-color: #56004e;
	border-top: 2px #fff solid;
	border-left: 2px #fff solid;
	border-bottom: 2px #aaa solid;
	border-right: 2px #aaa solid;
	color: #ffffff;
	font-weight: 500;
	width: 100px;
}


input.buttonhov {
	border-top: 2px #aaa solid;
	border-left: 2px #aaa solid;
	border-bottom: 2px #fff solid;
	border-right: 2px #fff solid;
}


#lw {
	background:#eeeeee;
	text-align:left;
}
#lw h2 {
	padding-bottom: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #56004e;
}

#lw p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.5em;

}
#lw li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.3em;
}