html, body {
	margin:0;
	padding:0;
	border:0;
	background-color:#00333f;
	font-family:Tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-size:13px;
}

.main {
	width:800px;
	height:724px;
	background-image:url(images/main.jpg);
	background-repeat:no-repeat;
	margin:auto;
}

.top {
	height:568px;
	width:800px;
}

.nav {
	width:165px;
	padding-top:200px;
	color:#FFF;
	float:left;
}

.nav a {
	text-decoration:none;
	color:#FFF;
}

.nav ul {
	list-style-image:url(images/li.gif);
	margin:0 0 0 20px;
	padding:0 0 0 10px;
}
.nav li {
	padding:5px 0;
	margin:0;
}
.nav ul ul {
	margin:0 0 0 5px;
	list-style-image:url(images/lipdf.jpg);
}
.nav li li {
	padding:5px 0;
	margin:0;
}

.content {
	padding-top:184px;
	padding-right:10px;
	width:560px;
	height:363px;
	float:right;
}

.scroll {
	overflow-y:scroll;
	width:560px;
	height:363px;
}

.bottom {
	height:156px;
	width:800px;
}

.b_left {
	width:504px;
	height:156px;
	float:left;
}

.b_right {
	width:296px;
	height:156px;
	float:right;
}

h1 {
	font-size:24px;
	margin:0;
	padding:0 0 15px 0;
	color:#0f7143;
}
h2 {
	font-size:16px;
	margin:0;
	padding:15px 0 0 0;
	color:#0f7143;
}
p {
	margin:0;
	padding:0 0 8px 0;
	color:#00333f;
}
/* Form definition list styles - to be pasted into main stylesheet, or used standalone, as desired. Some tweaking to colours and sizes may be required to suit individual site */
dl {
	padding: 4px 0;
	margin: 0px;
	cursor:default;
	color:#666666;
	width:100%;
	clear:both;
}

dt {
	float: left;	
	width: 40%;
	text-align: left;
	display: block;
	margin: 0px;
}

dd {
	margin-left: 41%;
	vertical-align: top;
	margin: 0px;
}
/* Hover Effects */

dl:hover dt label {
	color: #333333;
}

dl:hover dt label {
	color: #000000;
}

/* Input hover and focus styles */
input, textarea {
	border:1px solid #999999;
}

input:hover, textarea:hover {
	border: 1px solid #65A7EF;
}

input:focus, textarea:focus {
	border: 1px solid #1362B9;
	color: #000000;
}
.inputwidth {
	width:150px;
}