* {
	margin: 0;
	padding: 0;
	border: 0;
}

body {
	background-image: url("images/template/background.jpg");
	text-align: center;
	min-width: 800px;
}

#wholepage {
	text-align: left;
 	width: 800px;
  	margin-left: auto;
  	margin-right: auto;
	overflow: hidden;
}

#header {
	background-image: url("images/template/head.jpg");
	background-repeat: no-repeat;
	height: 77px;
	width: 800px;
}

#buttons {
	background-image: url("images/template/buttons.jpg");
	background-repeat: no-repeat;
	height: 99px;
	width: 800px;
}

#home {
	height: 67px;
	width: 212px;
	float: left;
}

#home a {
	display: block;
	height: 100%;
	background-image: url("images/template/home.jpg"); 
}

#home a:hover {
	background-image:url("images/template/home2.jpg");	
}

#auto {
	height: 67px;
	width: 194px;
	float: left;
}

#auto a {
	display: block;
	height: 100%;
	background-image: url("images/template/auto.jpg"); 
}

#auto a:hover {
	background-image:url("images/template/auto2.jpg");
}

#life {
	height: 67px;
	width: 185px;
	float: left;
}

#life a {
	display: block;
	height: 100%;
}

#health {
	height: 67px;
	width: 209px;
	float: left;
}

#health a {
	display: block;
	height: 100%;
	background-image: url("images/template/health.jpg"); 
}

#health a:hover {
	background-image:url("images/template/health2.jpg");
}

#middle {
	background-image: url("images/template/mainpage.jpg");
	background-repeat: no-repeat;
	height: 433px;
	width: 800px;
}

#left {
	background-image: url("images/template/leftimage.jpg");
	background-repeat: no-repeat;	
	height: 407px;
	width: 265px;
	margin: 25px 20px 0 30px;
	float: left;
	display: inline;
}

#right {
	height: 408px;
	width: 453px;
	margin: 25px 0 0 0;
	float: left;
}

#righttext {
	width: 454px;
	height: 231px;
	background-image: url("images/template/rightimage.jpg");
	background-repeat: no-repeat;
}

#form1 {
	width: 454px;
	height: 128px;
	background-image: url("images/template/form1.jpg");
	background-repeat: no-repeat;
}

#formbottom {
	width: 454px;
	height: 49px;
}

#submit {
	width: 158px;
	height: 49px;
	background-image: url("images/template/arrow.jpg");
	background-repeat: no-repeat;
	float: left;
}

#form2 {
	width: 296px;
	height: 49px;
	background-image: url("images/template/form2.jpg");
	float: left;
}

#footer {
	background-image: url("images/template/footer.jpg");
	background-repeat: no-repeat;
	height: 80px;
	width: 800px;
}	

/* Make sure that div id's match the name on the HTML and that the image names, heights, and widths are updated */

h1, h2, h3, p, ol, ul, li {
	display: none;
}

a {
	text-indent: -9000px;
}	

#formwrapper {
	color: white;
	font-weight: bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 15px;
	text-align: right;
}

#form1 #firstp p {
	padding: 16px 35px 0px 20px;
	display: block;
}
 
/*Hide from IE */
head:first-child+body #form1 #firstp p {
	padding: 15px 35px 5px 20px;
	display: block;
}

#form1 #firstradio {
	display: block;
	padding: 0 35px 0 0;
}

#form1 #firstradion select {
	float: left;
}

#form1 #firstradio #birthmonth {
	width: 100px;
	height: 20px;
	float: left;
	margin-left: 205px;
}

#form1 #firstradio #birthdate {
	width: 50px;
	height: 20px;
	float: left;
	margin-left: 5px;
}

#form1 #firstradio #birthyear {
	width: 50px;
	height: 20px;
	float: left;
	margin-left: 5px;
}

#form1 #secondp p {
	clear: both;
	padding: 5px 35px 0px 20px;
	display: block;
}

head:first-child+body #form1 #secondp p {
	clear: both;
	padding: 8px 35px 0px 20px;
	display: block;
}

#form1 #secondradio {
	display: block;
	padding: 0 35px 0 0;
}

#form1 #secondradio input {
	margin: 0px 0 0 15px;
}

#form1 #secondradio p {
	padding: 6px 0px 0px 0px;
	display: block;
}

#formbottom #submit input {
	background-image: url("images/template/arrow.jpg");  
	width: 158px;
	height: 49px;
}

#formbottom #submit input:hover {
	background-image: url("images/template/arrow2.jpg"); 
	width: 158px;
	height: 49px;
}

#formbottom #form2 input {
	margin: 5px 35px 0px 0;
	width: 90px;
	height: 20px;
}

#formbottom #submit input {
	background-image: url("images/template/arrow.jpg");  
	width: 158px;
	height: 49px;
}

#formbottom #submit input:hover {
	background-image: url("images/template/arrow2.jpg"); 
	width: 158px;
	height: 49px;
}
