﻿/* layout */

* {
	font-size: 100%;
	margin: 5;
	padding: 0;
	line-height: 1.4em;
}

body {
	position: relative;
	background: url(images/bg_body.gif) top left repeat-x #9BC3D5;
	color: #4B5D67;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 72%;
}

#page {display: block; width: 750px; background: url(images/bg_main.gif) top repeat-y; text-align: left; margin: 0 auto;}

#header {position: relative; float: left; display: block; width: 750px; background: url(images/bg_header.gif) top no-repeat; min-height: 326px; padding: 0;}

* html #header {height: 326px;}

#content {float: left; display: block; width: 543px; margin: 0 0 0 7px; overflow: hidden;}

.promo {float: left; width: 175px; height: 115pt; margin: 0 0 0 2px; background: #ffffff; border: #E2EBF8 solid 1px; overflow: hidden;}

.servicespromo {display: block; width: 520px; margin: 0 auto 10px auto; background: #ffffff; border: #E2EBF8 solid 1px; overflow: hidden;}
/*.servicespromo {float: left; width: 520px; margin: 0 0 10px 2px; background: #ffffff; border: #E2EBF8 solid 1px; overflow: hidden;}*/

.sub {display: block; width: 500px; margin: 0 auto 10px auto; background: #E2EBF8; border: #E2EBF8 solid 1px; overflow: hidden;}

.form1 {display: block; width: 520px; margin: 0 auto 10px auto; background: #ffffff; border: #E2EBF8 solid 1px; overflow: hidden;}

.form1 .title {float: left; display: block; width: 520px; background: url(images/bg_h2.gif) bottom repeat-x #E2EBF8; margin: 0;}

.form1 .title h2 {font: 0.95em Arial, Helvetica, sans-serif; font-weight: bold; text-transform: none; padding: 0 0 6px 4px; margin: 8px 0 6px 0;}

#location {display: block; width: 250px; margin: 0 auto 10px auto; border: none;}

.up {margin: 0 2px 0 0;}

.promo span {float: left; padding: 8px 0 0 2px; font-weight: bold;}

.servicespromo span {float: right; padding: 8px 0 0 2px; font-weight: bold;}

.servicespromo .rightAction {text-align: right; padding: 0 10px 10px 0; font-weight: bold;}

.promo p {padding-left: 2px;}

.servicespromo p {
	padding-left: 10px;
}

.promo .title {float: left; display: block; width: 175px; background: url(images/bg_h2.gif) bottom repeat-x #E2EBF8; margin: 0 0 10px 0;}

.servicespromo .title {float: left; display: block; width: 520px; background: url(images/bg_h2.gif) bottom repeat-x #E2EBF8; margin: 0 0 7px 0;}

.promo .title h2 {font: 1.00em Arial, Helvetica, sans-serif; font-weight: bold; text-transform: none; padding: 0 0 6px 4px; margin: 8px 0 6px 0;}

.servicespromo .title h2 {font: 1.10em Arial, Helvetica, sans-serif; font-weight: bold; text-transform: none; padding: 0 0 6px 4px; margin: 8px 0 6px 0;}

#spacer {padding: 2px 0;}

* html #content, * html #sidebar {
	position: relative;
	left: -7px;
}

.post {float: left; display: block; width: 525px; margin: 0 0 0 10px;}

.page {float: left; display: block; width: 507px; margin: 0 0 0 18px;}

#sidebar {float: left; display: block; width: 193px; margin: 0; overflow: hidden;}

#sidebar .post {display: block; width: 157px; margin: 10px 0 10px 0;}

#sidebar .post strong {display: block; margin-bottom: 20px; padding-left: 15pt; float: inherit; vertical-align: bottom;
}

#sidebar .title {float: left; display: block; width: 193px; background: url(images/bg_h3.gif) bottom left repeat-x #CADFED;}

#sidebar .title h2 {font: 1.05em Arial, Helvetica, sans-serif; text-transform: uppercase; padding: 4px 0 6px 20px; margin: 8px 0 6px 0; background: none; color: #32474B;}

#sidebar ul li {margin: 0 0 0 25px;}

.title {float: left; display: block; width: 543px; background: url(images/bg_h2.gif) bottom repeat-x #E2EBF8; margin: 0;}


/* typography */

h1 {font: 2.2em Tahoma, Verdana, Arial, sans-serif; color: #ffffff; letter-spacing: -1px; padding: 45px 37px 0 37px; margin: 0 0 -5px 0;}

h1 a, h1 a:visited {color: #ffffff; text-decoration: none;}

.title h2 {font: 1.5em Arial, Helvetica, sans-serif; text-transform: uppercase; padding: 9px 24px 0 24px;}

#content .welcome .title {background: #ffffff;}

#content .welcome .title h2 {font: bold 2em Arial, Helvetica, sans-serif; text-transform: none; margin: 30px 0 0 0; padding: 5px 14px 0 14px;}

.title small {float: left; margin: 0; padding: 14px 24px -20px 0; color: #67939B;}

h2 a, h2 a:visited {}

h3 {font: bold 1.3em Verdana, Arial, Helvetica, sans-serif; margin: 0 0 0.5em 0;}

p {
	margin: 15px 5px 15px 2px;
	padding: 0;
	padding-left: 10px;
	padding-right: 10px;
	text-align: justify;
}

.padded {padding-top: 10px; padding-bottom: 10px;}

.indent {padding: 0 0 0 50px;}

/*.entry p {padding-right: 24px;}*/

/*.postinfo p {padding: 0 6px;}*/

/*.req {padding-left: 3px; color: #CC0000;}*/

blockquote {padding: 0 0 0 12px; border-left: 3px solid #cccccc;}


/* lists */

ul {
	margin: 0 0 24px 9px;
}

ol {
	margin: 0 0 24px 24px;
}

ul li {margin: 0 24px 0 14px;}

small ul li {margin: 0 0 0 20px;}

.extraLine {padding: 0 0 10px 0;}

.servicespromo ul li {
	margin: 0 24px 0 24px;
}

ol li {margin: 0 24px 0 14px;}

.buttons {float: left; display: block; width: 100%; list-style: none; margin-left: 0; margin-bottom: 21px;}

*:first-child+html .buttons {float: none;}

.buttons li {float: left; margin: 0 18px 3px 0; padding: 0;}

.buttons ul {margin: 3px 0 0 0; list-style: none; padding-bottom: -5px;}

.buttons ul a, .buttons ul a:visited {padding: 3px 6px 4px 6px; font-weight: normal;}

* html .buttons li {margin: 0;}

.buttons a, .buttons a:visited {display: block; width: 145px; padding: 6px; text-align: center; background: url(images/menu.gif) bottom left no-repeat; border-top: 1px solid #D1E0F0; font-weight: bold;}

#sidebar .buttons a {text-align: left;}

.buttons a:hover {background-position: bottom right;}

p .pages {font-weight: bold;}

p .pages a {display: block; padding: 3px; width: auto; background: url(images/menu.gif) bottom left no-repeat; border-top: 1px solid #D1E0F0; border-right: 1px solid #D1E0F0;}

.catlist {float: left; list-style: none; margin: 0 0 18px 0;}

*:first-child+html .catlist {border-bottom: 18px solid #ffffff;}

.catlist li {float: left; margin: 0 18px 0 0; border-bottom: 1px solid #CAD6E1;}

* html .onecol li {margin: 0;}

.catlist ul {display: none;}

.catlist li:first-child, .catlist li:first-child+li, .catlist li:first-child+li+li {border-top: 1px solid #CAD6E1;}

.onecol li:first-child+li, .onecol li:first-child+li+li {border-top: none;}

*:first-child+html .onecol {border-bottom: 0;}

.catlist a, .catlist a:visited {display: block; width: 145px; padding: 1px 6px 2px 6px; margin: 1px 0;}

.catlist a:hover {background: #F2F2F2;}

#sidelist {list-style: none;}

#sidelist li {margin: 0;}

#sidelist li li {margin: 0 24px 0 18px;}

#sidelist ul {list-style-type: disc; }


/* links */

a, a:visited {
	color: #7f1d1d;
	text-decoration: none;
	float: inherit;
	padding-right: 5px;
}

p a:hover, ul a:hover {background-color: #BFD3E0;}

#content p a:hover, #content ul a:hover {background-color: #E2EBF8;}


/* main image */

#mainpic {position: absolute; bottom: 0; float: left; background: url(images/mainpic01.jpg) no-repeat; display: block; width: 736px; height: 326px; margin: 0 7px; border-top: 3px solid #67939B; border-bottom: 3px solid #67939B;}

.contentRight {float: right; clear: right; padding: 0 0 10px 10px;}
.contentLeft {float: left; clear: left; padding: 10px 15px 10px 10px;}
.contentCenter {display: block; margin: 10px auto 10px auto; padding-top: 10px;}
.servicesPromoLeft {float: left; clear: left; padding: 2px 10px 4px 10px;}



/* forms */

form {margin: 0 0 18px 0;}

#searchsubmit {position: absolute;}

#s {width: 130px; padding: 2px; border: 1px solid #B9C3D1; background: #CAD6E1; color: #32474B; margin-right: 2px;}

select, .field {width: 157px; margin: 0 0 4px 0; color: #32474B;}

.field {padding: 2px; width: 153px;}

textarea {padding: 2px; width: 308px; font: 1em Verdana, Arial, Helvetica, sans-serif;}

select option {padding: 1px;}

.submitButton {width: 50px; margin: 0 0 20px 118px;}

fieldset {float: left; clear: left; width: 500px; margin: 10px auto 0 auto; padding: 0 0 0 28px; border: none;}
fieldset ol {padding: 10px 0 0 0; list-style: none;}
fieldset li {padding: 0 0 5px 0;}
/*fieldset .submit {display: block; width: auto; margin: -5px 0 10px 0; padding: 0; border: 0 none #ffffff;}*/
label {float: left; width: 90px; margin-right: 5px;}


/* page tabs */

#pagetabs {position: absolute; bottom: 3px; left: 1px; display: block; float: left; padding: 0; margin: 0 0 0 25px; list-style: none;}

#pagetabs ul {display: none;}

#pagetabs li {float: left; border-bottom: 1px solid #414e53; margin: 0 5px 0 0; padding: 0;}

#pagetabs li:hover {border-bottom: 1px solid #486065;}

#pagetabs a {float: left; display: block; padding: 5px 5px 3px 5px; background: #526a74; color: #ffffff; font-weight: bold; border-bottom: 2px solid #4a5e65;}

#pagetabs a:hover {background: #5c7d86; border-bottom: 2px solid #527077; color: #ffffff;}

.pagetabstitle {border-bottom: none !important; color: #ffffff; font-weight: bold; position: relative; top: 4px;}


/* footer */

#footer {clear: both; display: block; width: 750px; background: url(images/bg_footer.gif) bottom no-repeat; border-bottom: 20px solid #9BC3D5;}

#footer-top {display: block; width: 750px; height: 15px; background: url(images/bg_footer-top.gif) top no-repeat;}

#footer p {color: #798892; margin: 5px 0 5px 0; padding: 0 37px 20px 37px; text-align: center;}

#footer a, #footer a:visited {color: #B05255;}

.com {text-align: right; margin-right: 1em;}

.navigation {display: block; text-align: center; margin-top: 10px; margin-bottom: 60px; margin: 5px 24px;}

.alignright {float: right;}

.alignleft {float: left;}
