body {
	background-color: #001044;
	color: black;
	font-family:  Calibri, "Trebuchet MS", Arial, Helvetica, Sans-Serif;
	font-size: 11pt;
	min-width: 915px;
	margin: 0px;
	padding: 0px;
	padding-bottom: 50px;
  	background-image: url("../img/bg.body.jpg");
  	background-repeat: repeat-x;
}


h1, h2, h3 {
	line-height: 100%;
	margin-top: 3px;
	margin-bottom: 5px;
}

h1 { 
	font-size: 15pt;
}

h2 { 
	font-size: 13pt;
}

h3 { 
	font-size: 12pt;
	
}

p {
	font-size: 11pt;
	line-height: 110%;
	margin-top: 3px;
	margin-bottom: 10px;
}


hr { 
	border-top: 1px solid #cccccc; 
	border-left: 1px solid #cccccc;
	border-bottom: 1px solid #eeeeee; 
	border-right: 1px solid #eeeeee; 
	padding: 0px;
}

a:link    {color:#112299;}
a:visited {color:#7744DD;}
a:active  {color:#339933;}
a:hover   {color:#0044ee;}


#mainbox {
	position: relative;
	top: 10px;
	width: 900px;
	margin: 0 auto;
	padding: 0px;

	background-color: #ffffff;
	
	background-image: url("../img/bg.body3.jpg");
  	background-repeat: repeat-x;

	text-align: left;
	color: #445566;
}

#content {
	padding: 10px;
	min-height: 300px;
}



td {
	vertical-align: top;
	padding: 5px;
}

button, #submit {
	margin-top:10px;
}

.button {
	padding: 3px;
	width: 100px;
	color: navy;
}

.textbox {
	font-size: 9pt;
	margin: 2px;
	padding: 2px;
}


.mainpara {
	padding-left: 10px;
	padding-right: 25px;
}

#navbar {
	position: relative;
	top: -20px;
	color: black;
	text-align: right;
	/* background-color: #e0e9e5; */
	/* background-image: url("../img/bg.navbar.jpg"); */
	/* background-repeat: repeat-x; */
	padding: 3px;
	padding-right: 20px;
}

#navbar a:link {
	color: #004499;
}

#navbar a:visited {
	color: #6600ee;
}

#navbar a:hover {
	color: #880033;
}

#navbar2 {
	position: relative;
	top: 40px;
	color: black;
	text-align: right;
	/* background-color: #e0e9e5; */
	/* background-image: url("../img/bg.navbar.jpg"); */
	/* background-repeat: repeat-x; */
	padding: 3px;
	padding-right: 20px;
}

#navbar2 a:link {
	color: #004499;
}

#navbar2 a:visited {
	color: #6600ee;
}

#navbar2 a:hover {
	color: #880033;
}



#form {
	position: relative;
	top: 0px;
	left: 0px;
	width: 425px;
	padding: 0px;
	margin: 0px;
	float: right;
}
#survey {
	position: relative;
	top: 0px;
	left: 0px;
	width: 425px;
	padding: 0px;
	margin: 0px;
	float: right;
}

#subcontent {
	position: relative;
	float: left;
	width: 430px;
}

#whocontent {
	position: relative;
	float: left;
	width: 90%px;
}

#question0 {
	position: absolute;
	top: 0px;
	left: 0px;
	padding: 10px;
	visibility: visible;
	width: 400px;
	height: 410px;
	border: 1px solid #c0c9cf;
	background-color: #E5E8ED;
	background-image: url("../img/bg.survey3.jpg");
	padding: 10px;
	color: navy;
	z-index: 99;
}

#question1 {
	position: absolute;
	top: 0px;
	left: 0px;
	padding: 10px;
	visibility: hidden;
	width: 400px;
	height: 335px;
	border: 1px solid #c0c9cf;
	background-color: #E5E8ED;
	background-image: url("../img/bg.survey3.jpg");
	padding: 10px;
	color: navy;
	z-index: 1000;
}
#question2 {
	position: absolute;
	top: 0px;
	left: 0px;
	padding: 10px;
	visibility: hidden;
	width: 400px;
	height: 335px;
	border: 1px solid #c0c9cf;
	background-color: #E5E8ED;
	background-image: url("../img/bg.survey3.jpg");
	padding: 10px;
	color: navy;
	z-index: 1010;
}
#question3 {
	position: absolute;
	top: 0px;
	left: 0px;
	padding: 10px;
	visibility: hidden;
	width: 400px;
	height: 335px;
	border: 1px solid #c0c9cf;
	background-color: #E5E8ED;
	background-image: url("../img/bg.survey3.jpg");
	padding: 10px;
	color: navy;
	z-index: 1020;
}
#question4 {
	position: absolute;
	top: 0px;
	left: 0px;
	padding: 10px;
	visibility: hidden;
	width: 400px;
	height: 335px;
	border: 1px solid #c0c9cf;
	background-color: #E5E8ED;
	background-image: url("../img/bg.survey3.jpg");
	padding: 10px;
	color: navy;
	z-index: 1030;
}
#question5 {
	position: absolute;
	top: 0px;
	left: 0px;
	padding: 10px;
	visibility: hidden;
	width: 400px;
	min-height: 600px;
	border: 1px solid #c0c9cf;
	background-color: #E5E8ED;
	background-image: url("../img/bg.survey3.jpg");
	padding: 10px;
	color: navy;
	z-index: 1040;
}
#taken {
	position: relative;
	top: 0px;
	left: 0px;
	padding: 10px;
	visibility: visible;
	width: 400px;
	height: 335px;
	border: 1px solid #c0c9cf;
	background-color: #E5E8ED;
	background-image: url("../img/bg.survey3.jpg");
	padding: 10px;
	color: navy;
	z-index: 1050;
}
#tip0 {
	color: darkred;
	font-weight: bold;
	visibility: hidden;
	padding-top: 5px;
}
#tip1 {
	color: darkred;
	font-weight: bold;
	visibility: hidden;
	padding-top: 5px;
}
#tip2 {
	color: darkred;
	font-weight: bold;
	visibility: hidden;
	padding-top: 5px;
}
#tip3 {
	color: darkred;
	font-weight: bold;
	visibility: hidden;
	padding-top: 5px;
}
#tip4 {
	color: darkred;
	font-weight: bold;
	visibility: hidden;
	padding-top: 5px;
}
#belowsurvey {
	position: relative;
	top: 265px;
}

#email {
	color: blue;
	text-decoration: underline;
}

.legal {
	clear: both;
	margin: 0 auto;
	margin-top: 15px;
	width: 890px;
	color: #666688;
}

.legal a {
	color: #666699;
}

#logos {
	clear: both;
	text-align: center;
}

.logo {
	margin: 15px;
	margin-top: 20px;
	border: none;
}


.prize {
	position: relative;
	clear: both;
	margin-left: 100px;
	margin-top: 10px;
	
	width: 650px;
}

.prize img {
	margin-right: 25px;
}

.school {
	clear: both;
	border-top: 2px solid #9999bb;
	padding-top: 10px;
	margin-top: 5px;
	color: #880055;
	font-size: 12pt;
}

h1 i {
	color: #778899;
}
h2 i {
	color: #778899;
}
h3 i {
	color: #778899;
}

.red { color: #882255; }

.blue { color: #000088; }
