/* css */

*{margin:0;padding:0;border:0px none;}

body {
	background: #f1f1f0 url('../images/bg.jpg') repeat-x top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666; padding-left:10px; padding-right:10px; padding-top:22px; padding-bottom:0px
}

p {
	margin: 10px 15px;
	text-align: justify;
	font-size: 11px;
}

h1, h2, h3, h4, h5 {
	margin: 10px 11px;
}

h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 20px;
	letter-spacing: -2px;
	font-weight: normal;
	color: #000000;
}

h2, h3, h4, h5 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: -1px;
	font-size: 16px;
	color: #666666;
}
h3 {
	font-size: 12px;
	color: #666666;
	margin: 20px 11px 0px 11px;
}

a {
	text-decoration: underline;
	color: #999;
}

a:hover {
	text-decoration: none;
	color: #999;
}


#wrapper {
	width: 842px;
	min-height: 556px;
	position: relative;
}

#header {
	background: url('../images/header.jpg') no-repeat top left;
	width: 842px;
	height: 63px;
	position: relative;
	text-align: left
}
.header-links {
	position: absolute;
	right: 17px;
	top: 14px;
}
.header-links a {
	color: #72b767;
	text-decoration: none;
	margin-right: 14px;
}

#header #logo {
	position: absolute;
}
#menu {
	width: 842px;
	height: 27px;
	background: url('../images/menu-bg.jpg') no-repeat top left;
	position: relative
}

#menu ul {
	display: inline;
	position: absolute;
	width: 834px;
	left: 4px;
	top: 0px;
	background: url('../images/menu-bg2.jpg') repeat-x top; 
}

#menu li {
	display: inline;
}
#menu li.first a {
	margin-left: 84px;
	background: none;
}
#menu li a {
	display: block;
	float: left;
	font-size: 10px;
	color: #333333;
	text-decoration: none;
	background: url('../images/menu-bg2-divider.jpg') no-repeat top left;; padding-left:5px; padding-right:5px; padding-top:3px; padding-bottom:12px 
}
#menu li a:hover {
	color: #fff;
	background: url('../images/menu-bg3.jpg') repeat-x top;
}
#flash-holder  {
	width: 842px;
	height: 145px;
	background: url('../images/flash-bg.jpg') repeat-x top;
	position: relative
}
#flash-holder .flash-movie {
	padding: 0 4px 0 4px;
	width: 834px;
	height: 145px;
}
#body {
	width: 834px;
	min-height: 322px;
	overflow: auto;
	background: url('../images/body-bg.gif') repeat-y;
	text-align: left;
	padding-left:4px; padding-right:4px; padding-top:0px; padding-bottom:0px
}

#body p {
	margin: 10px 11px;
	line-height: 18px;
}

#body ol, #body ul {
	margin: 10px 15px;
	text-align: left;
	font-size: 11px;
	line-height: 18px;
	padding: 5px 60px 5px 25px;
}

#body .col1 {
	width: 63px;
	min-height: 322px;
	float: left;
}
#body .col2 {
	width: 603px;
	min-height: 322px;
	float: left;
}

#body .col3 {
	width: 168px;
	min-height: 322px;
	float: left;
}

#footer {
	width: 842px;
	height: 110px;
	background: url('../images/footer-bg.jpg') no-repeat top;
	position: relative
}
#footer .copyright {
	width: 842px;
	top: 69px;
	font-size: 10px;
	position: relative;
	text-align: center;
	color: #999;
}

#footer .copyright span {
/*
	float: left;
	*/
}

#footer .menu {
	top: 67px;
	position: relative;
	color: #999;
}

#footer .menu a {
	font-size: 10px;
	color: #999;
	text-decoration: none;
}

#footer .menu a:hover {
	font-size: 10px;
	color: #999;
	text-decoration: underline;
}

.col-box {
	width: 161px;
	min-height: 128px;
	margin-top: 40px;
}
.col-box-head {
	width: 161px;
	height: 14px;
	background: url('../images/col-box-head.gif') no-repeat bottom;
	position: relative
}
.col-box-body {
	width: 161px;
	min-height: 100px;
	background: url('../images/col-box-body.gif') repeat-y;
	position: relative;
	overflow: auto;
	font-size: 10px
}
.col-box-foot {
	width: 161px;
	height: 14px;
	background: url('../images/col-box-foot.gif') no-repeat top;
	position: relative
}
.col-box a {
	text-decoration: none;
}

.col-box a:hover {
	text-decoration: underline;
}
#body .col-box-body ol, #body .col-box-body ul {
	margin: 10px 5px;
	text-align: left;
	font-size: 10px;
	line-height: 18px;
	list-style-image: url('../images/green-bullet.gif');padding-left:20px; padding-right:10px; padding-top:5px; padding-bottom:5px
}
#body .col-box-body ol li, #body .col-box-body ul li {
	margin-bottom: 10px;
	color: #999999;
}
a.grey-btn {
	width: 173px;
	height: 20px;
	background: url('../images/grey-btn.png') no-repeat top left;
	display: block;
	font-size: 12px;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: bold;
	color: #497a97;
	letter-spacing: 2px; padding-left:0; padding-right:0; padding-top:14px; padding-bottom:14px
}
a:hover.grey-btn {
	color: #003399;
}
#footer .buttons {
	position: absolute;
	left: 72px;
	top: 4px;
}
#footer a.grey-btn {
	float: left;
}

/* Default form style */
input.text, select{
	border:1px inset #ccc;
	height:18px;
	padding:1px 3px;
}
input.file {
	border:1px inset #ccc;
	height:22px;
	padding:1px 3px;
}
textarea {
	border:1px inset #ccc;
	padding:1px 3px;
	height: 100%;
}
.textarea, .textarea div.input {
	height: 47px;
}
select {
	height:20px;
}
option {
	padding:2px;
}

/* Error Styles */
#errordiv {
	border: solid 1px #990000;
	padding: 8px;
	margin: 8px;
	background-color: #FFCCCC;
	color: #990000;
}
#errordiv .errors li {
	color: #990000;
	font-size: 12px;
}
#errordiv span {
	font-size: 12px;
	font-weight: bold;
}

/* Form Styles*/
#default h1 {
	text-align: center;
}
.contactForm {
	padding: 10px;
	margin: 0px;
	font-size: 12px;
}
.contactForm .field {
	padding: 3px;
}
.contactForm .label {
	width: 270px;
	float: left;
	text-align: right;
	padding: 3px 15px 3px 3px;
}
.contactForm .input {
	height: 22px;
}
.contactForm #submitButton {
	text-align: center;
}
.contactForm .button {
	margin: 10px;
	padding: 2px;
	border: solid 1px #666666;
	width: 100px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.registerForm {
	padding: 10px;
	margin: 0px;
	font-size: 12px;
}
.registerForm .field {
	padding: 3px;
}
.registerForm .label {
	width: 300px;
	float: left;
	text-align: right;
	padding: 3px 15px 3px 3px;
}
.registerForm .input {
	height: 22px;
}
.registerForm #submitButton {
	text-align: center;
}
.registerForm .button {
	margin: 10px;
	padding: 2px;
	border: solid 1px #666666;
	width: 100px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

/* creates a little calendar icon
 * instead of a text link for "Choose date"
 */
a.dp-choose-date {
	width: 16px;
	height: 16px;
	padding: 0;
	display: block;
	text-indent: -2000px;
	overflow: hidden;
	background: url('../images/calendar.png') no-repeat;; margin-left:3px; margin-right:3px; margin-top:5px; margin-bottom:0 
}
a.dp-choose-date.dp-disabled {
	background-position: 0 -20px;
	cursor: default;
}
/* makes the input field shorter once the date picker code
 * has run (to allow space for the calendar icon
 */
input.dp-applied {
	float: left;
}