/* CSS Document */

body {
	background-color: #cccccc;
	margin:0px;
	font-family:Arial, Helvetica, sans-serif, Tahoma;
	font-size:12px;
	color:#000000;
}

a {
	color:#ffffff;
	text-decoration:none;
}

a:hover {
	color:#005028;
}

.main {
	width:929px;
	background-color:#FFFFFF;
	margin: 0px auto;
	height: 1365px;
	border: 1px solid #939ba2;
}

h1 {
	color:#021763;
	font-size:15px;
}

h2 {
	color:#000000;
	font-weight:bold;
	font-size:15px;
}

h3 {
	color:#000000;
	font-weight:bold;
	font-size:14px;
}

#header {
	padding-top:36px;
	background-color:#939ba2;
}
	
#menu {
	background-color:#FFFFFF;
	padding-top:5px;
	text-align:center;
}	

#breadcrumb {
	background-color:#939ba2;
	padding: 10px;
	color:#FFFFFF;
	font-size:14px;
	height:17px;
}

#left-breadcrumb {
	text-align:left;
	float:left;
	margin-left:6px;
}

#right-breadcrumb {
	text-align:right;
	float:right;
	margin-right:8px;
}

#left-content {
	padding: 0px 15px 15px 15px;
	width: 630px;
	float: left;
}

#left-content a {
	color:#005028;
	text-decoration:underline;
}

#left-content a:hover {
	color:#000000;
}

#welcome {
	float:left; 
	width: 260px;
	margin-top:10px;
	margin-right:35px;
}

#featured {
	background-color:#f1e8c9;
	width:305px;
	float:left;
	padding: 10px;
	vertical-align:top;
	margin-bottom: 60px;
}

#featured a {
	color:#005028;
	text-decoration:none;
}

#featured a:hover {
	color:#000000;
}
	

#right-content {
	float:left;
	width:229px;
	font-size:13px;
	text-align:left;
}

#right-content a {
	color:#005028;
	text-decoration:none;
}

#right-content a:hover {
	color:#000000;
}

#box {
	width:194px;
	margin-top: 15px;
	margin-left: 17px;
}

#top {
	background-color:#939ba2;
	font-size:17px;
	padding: 5px;
	border-top:solid 1px #005028;
	border-left:solid 1px #005028;
	border-right:solid 1px #005028;
}

#mid {
	font-size:14px;
	padding: 5px;
	border-top:solid 1px #005028;
	border-left:solid 1px #005028;
	border-right:solid 1px #005028;
}

#bottom {
	background-image:url(images/our-services-footer.jpg);
	background-repeat:no-repeat;
}

#footer-left {
	float: left;
	width: 660px;
}

#footer-right {
	float: left;
	width: 269px;
}

#horiz-bar-right {
	height: 40px;
	background-color: #939BA2;
}

#vert-bar-bottom {
	float: left;
	width: 40px;
	height: 60px;
	background-color: #939BA2;
}

#footer-links {
	height: 30px;
	padding-top: 10px;
	width: 660px;
	background-color: #939BA2;
	vertical-align: middle;
}

#footer-text {
	clear:both;
	background-color:#FFFFFF;
	font-size:12px;
	text-align:center;
	line-height: 18px;
	padding-bottom: 10px;
	padding-top: 10px;
	height: 40px;
}

#footer-text a {
	color:#005028;
	text-decoration:none;
}

#footer-text a:hover {
	color:#000000;
}

li.list1 {
	list-style: circle outside;
	margin-bottom: 10px;
} 

li.list2 {
	list-style:url(images/triangle.gif);
	margin-bottom: 10px;
}

.image-r{
	margin-left:18px;
	text-align:right;
	border:1px #005028;
}

/* Forms of the universal kind
---------------------------------- */
#universalForm {
	clear: both;
	margin: 1em 0;
	font-size: 1em
}

#universalForm p {
	margin: 0;
	padding-top: 1em;
}

#universalForm fieldset p {
	padding: 0 0 1em;
}

#universalForm fieldset {
	border: 1px solid #ccc;
	padding: 1em;
	margin-bottom: 2em;
}


fieldset span {
	float: left;
	width: 15em;
}

fieldset span.dateline {
	float: none;
	width: auto;
}

fieldset.newsletter {
	background: url(/i/newsletter_icon.gif) 100% 4em no-repeat;
}
#universalForm fieldset fieldset {
	clear: both;
	margin-left: 16em;
	width: auto;
	float: left;
	padding: 0.25em 1em;
	margin-bottom: 0.5em;
}
legend { 
	font-weight: bold;
}
.label {
	float: left;
	border: none;
	margin: -4px 1em 0 0;
	width: 15em;
	text-align: right;
}
.slabel {
	background: #ccc;
	float: left;
	border: none;
	margin: -4px 0 0 0;
	padding: 0;
	width: 10em;
	text-align: right;
}

label { cursor: pointer; margin-right: 1em; padding-left: 1em}
.label label { margin-right: 0 }

#universalForm div {
	clear: left;
	padding-top: 5px;
	padding-bottom: 5px;
}

#universalForm div div { background:none; }

.fText, .fTextArea {
	font-size: 11px;
	padding: 3px;
	background-color: #ccc;
	border: 1px solid #999;
	width: 320px;
}

.sText {
	font-size: 11px;
	padding: 3px;
	background-color: #ccc;
	border: 1px solid  #999;
	width: 100px;
}

.lCheck { 
	float: left;
	width: 480px;
}

.fTextArea {
	width: 320px;
	height: 120px;
}

.required, .optional {
	float: left; width: 100%; vertical-align: middle;
}
.required {
	background: transparent url(/i/required.gif) no-repeat right top;
}

.required em {
	position: absolute;
	left: -3000px;
}

.error {
	background-color: #F9D2D5;
	color: #f00;
	font-weight: bold;
}

#errorMessage { background-color: #F9D2D5; padding: 0 1em;}

.fText:focus, .fText.sffocus, .fTextArea:focus, .fTextArea.sffocus { background: #F4DFAA; }

#ufSubmit {
	cursor: pointer;
}

p.formHint {clear:both; font-size: 0.85em; padding-left: 19.2em !important;}