body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	background-image: url(../images/bgjpeg.jpg);
	background-repeat: repeat-x;
	margin: 0px;
	padding: 0px;

}

#main {

	background-image: url(../images/bgpng.png);

	background-repeat: repeat-y;

	padding: 0px;

	width: 809px;

	margin-right: auto;

	margin-left: auto;

}

#header {

	margin: 0px;

	padding: 0px;

	float: left;

	height: auto;

	width: 78px;

}

#headertwo {

	background-image: url(../images/head.png);

	background-repeat: no-repeat;

	float: right;

	/*remove below comment after development has completed*/

	/*width: 716px;*/

	/* this changes the width of the right hand side part of the header and aligns it with the rest of the page. For development purposes this has been made 1 pixel too small below due to display issues in DreamWeaver*/

	width: 715px;

	margin-top: 0px;

	height: 22px;

	text-align: left;

	padding-top: 117px;

	padding-right: 15px;

	padding-bottom: 0px;

	padding-left: 0px;

}

#picbox {

	text-align: left;

	height: 230px;

	padding-left: 1px;

	width: 100%;

}

#menu {

	float: left;

	height: auto;

	width: 205px;

	padding-top: 0px;

	padding-right: 5px;

	padding-bottom: 0px;

	padding-left: 5px;

}

#textarea {

	float: right;

	height: auto;

	width: 570px;

	padding-top: 0px;

	padding-right: 10px;

	padding-bottom: 0px;

	padding-left: 5px;

}

#textarea p { margin:0; padding:0;}

#footer {

	background-image: url(../images/footerbgjpeg.jpg);

	background-repeat: no-repeat;

	height: 160px;

	width: 800px;

	margin-top: 0px;

	margin-right: auto;

	margin-left: auto;

	text-align: center;

	padding-right: 9px;

	padding-top: 10px;

	line-height: 20px;

}

#subnav {

	text-align: center;

	height: 20px;

	width: auto;

	padding-top: 0px;

	margin: 0px;

}

#radtextleft {

	float: left;

	height: auto;

	width: auto;

	color: #003399;

	font-weight: bold;

	padding-left: 5px;

	padding-top: 17px;

}

#radtextright {

	float: right;

	height: auto;

	width: auto;

	color: #003399;

	font-weight: bold;

	padding-right: 5px;

	padding-top: 17px;

}



#buttonoff {

	background-image: url(../images/buttonoff.png);

	background-repeat: no-repeat;

	width: 217px;

	height: 24px;

	padding-top: 9px;

	padding left: 10px;

	text-indent: 13px;

}

#buttonoff:hover {

	background-image: url(../images/buttonon.png);

	background-repeat: no-repeat;

	width: 217px;

	height: 24px;

	padding-top: 9px;

	padding left: 10px;

	text-indent: 13px;

}

#buttonon {

	background-image: url(../images/buttonon.png);

	background-repeat: no-repeat;

	width: 217px;

	height: 24px;

	padding-top: 9px;

	padding left: 10px;

	text-indent: 13px;

	color: #333333;

}

h1, h2, h3, h4, h5, h6 { margin:0; padding:0 0 15px 0; font-size:100%; font-weight:bold;}
.clear { clear:both;}