/* Make the content reach the edges of the browser window, set the margin and padding of the body and html elements to zero.  Also specify colours for text and background. */
body, html {
	margin: 0;
	padding: 0;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 100%;
}

/* Prevent browser problems. */
body {
	background: #fff url(../images/body-shadow.jpg) center top repeat-y;
}

.black-background {
	width: 100%;
	height: 100%;
	background-color: #000;
	position: fixed;
	opacity: .75;
	filter: alpha(opacity -75);
	z-index: 999999;
	display: none;
}

#blue-band {
	width: 100%;
	height: 268px;
	position: absolute;
	top: 112px;
	background-color: #142142;
	z-index: 0;
	left: 0;
	display: none;
}

/* Remove border from image links. */
.image_link {
	border: none;
}

.clearfix {
	clear: both;
}

/* Set wrapper div width, background and margins. */

a {
	color: #4f8c0d;
}

a.details {
	cursor: pointer;
}

#wrap {
	background: url(../images/square-pattern.png) center top no-repeat;
	margin: 0 auto;
	width: auto;
	height: 100%;

}

#content-container {
	background-color: #fff;
	width: 846px;
	margin: 0 auto;
	z-index: 999;
}

/* Set the background color.*/
#header {
	position: relative;
	background: #ffffff;
	padding: 10px 10px 18px 10px;
	height: 80px;
	border-bottom: 4px solid #bbd2a6;
}

#fb-badge {
	position: absolute;
	width: 35px;
	height: 35px;
	top: 30px;
	right: 56px;
}

#fb-badge a {
	text-decoration: none;
}

#fb-badge img {
	border: none;
}

/* Footer */
#footer {
	width: inherit;
	clear: both;
	/*	height:190px;*/
	background: url(../images/footer-background.jpg) top right no-repeat;
	margin-bottom: 0;
}

/* Footer green line */
#green_line {
	border-bottom: #4F8C0D 3px solid;
}

/* Footer blue line */
#blue_line {
	position: relative;
	background: #142142;
	min-height: 25px;
	height: auto !important; /* Hack for IE 6 */
	height: 25px; /* Hack for IE 6 */
	width: inherit;
}

#blue_line img {
	vertical-align: middle;
	border: none;
}

/* Footer */
#white_line {
}

/* Copyright text */
#copyright {
	color: #999999;
	font-size: 11px;
	padding-left: 25px;
	padding-top: 5px;
	float: left;
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
}

/* Set the background color. */
#blue_box {
	background: #142142;
	clear: both;
	min-height: 268px;
	height: auto !important; /* Hack for IE 6 */
	height: 268px; /* Hack for IE 6 */
}

/* Set the background color. */
#main_body {
	background-color: #fff;
	height: auto;
	padding-bottom: 150px;
}

/* Set the background color. */
#sidebar_body {
	background: #ffffff;
	float: right;
	width: 387px;
}

/* Top logo image. */
#logo {
	float: left;
	padding-left: 15px;
	padding-top: 18px;
}

/* Top grid image. */
#grid {
	float: left;
	padding-left: 30px;
}

/* Bottom grid image. */
#grid_bottom {
	float: left;
	position: relative;
	padding-bottom: 10px;
	padding-left: 90px;
}

/* Naviation */
#nav {
	float: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	/*border: 1px solid #000000;*/
	position: relative;
	top: 75px;
	right: 36px;
}

/* Set the padding, margins to zero and set the list-style to none. */
#nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

/* Transform the first-level list into a horizontal menu bar. */
#nav li {
	float: left;
	position: relative;
	/*width: 80px;  or make these individual for each li*/
	color: #142142;
}

#nav li a {
	display: block;
}

/* Spacing for main navigation. */
#about {
	width: 95px;
}

#directory {
	width: 85px;
}

#news {
	width: 65px;
}

#locate {
	width: 80px;
}

a.nav:link, a.nav:visited {
	color: #142142;
	text-decoration: none;
}

li a.nav:hover, li a.nav:focus {
	padding-bottom: 4px;
	border-bottom: 4px solid #396c29;
	text-decoration: none;
}

/* Blue box content */
#welcome {
	color: #ffffff;
	font-family: "Times New Roman";
	font-size: 36px;
}

/* Set margins for the text. */
#blue_box_text {
	padding-top: 15px;
	padding-left: 20px;
}

/* Blue box text formatting. */
#welcome_text {
	padding-top: 10px;
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 18px;
}

/* Sub Naviation */
#sub_nav {
	float: left;
	font-family: Helvetica;
	font-size: 12px;
	font-weight: bold;
	/*border: 1px solid #000000;*/
	position: relative;
	bottom: 110px;
	left: 455px;
}

/* Set the padding, margins to zero and set the list-style to none. */
#sub_nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

/* Transform the first-level list into a horizontal menu bar. */
#sub_nav li {
	float: left;
	position: relative;
	/*width: 80px;  or make these individual for each li*/
	color: #142142;
}

ul.top-nav li {
	margin-left: 30px;
}

/* Spacing for sub navigation. */
#partners {
	width: 70px;
}

#management {
	width: 95px;
}

#history {
	width: 85px;
}

a.sub_nav:link, a.sub_nav:visited {
	color: #ffffff;
	text-decoration: none;
}

a.sub_nav:hover {
	color: #4F8C0D;
	text-decoration: none;
}

/* Latest News Formatting */
#new_news {
	background: #4F8C0D;
	width: 388px;
	height: 58px;
}

#new_news_prop {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	padding-left: 20px;
	padding-bottom: 20px;
	padding-top: 20px;
}

#new_news_date {
	font-family: 'Times New Roman';
	font-size: 15px;
	font-weight: bold;
}

#new_news_link {
	font-size: 10px;
	font-weight: bold;
}

.bold {
	font-weight: bold;
}

.italic {
	font-style: italic;
}

/* Announcments blurb */
#blurb {
	width: 388px;
}

#blurb_text_line {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #142142;
	font-weight: bold;
	border-bottom: #4F8C0D 1px solid;
	padding-top: 10px;
	margin-left: 20px;
	width: 348px;
}

#blurb_content {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #142142;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 20px;
	padding-right: 20px;
}

/* Testimonial text styling and positioning */
#testimonial_text {
	font-style: italic;
	font-size: 18px;
	color: #4F8C0D;
	font-family: "Times New Roman";
	position: relative;
	left: 45px;
	top: 8px;
}

/* Align main title image for all pages */
#main_image {
	float: right;
}

/* Align the bio image to the right top */
.bio_image_left {
	float: left;
	padding-right: 20px;
	padding-bottom: 5px;
}

/* Align the bio image to the right top */
.bio_image {
	float: right;
	padding-left: 20px;
	padding-bottom: 5px;
}

/* Text padding indent for main content */
#body_padding {
	padding-right: 20px;
	padding-left: 20px;
}

/* Main style for body text content */
.body_text {
	color: #142142;
	line-height: 20px;
	font-size: 14px;
}

/* Rigid Link */
#rigid {
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	position: relative;
	color: #CCCCCC;
	padding-left: 25px;
	top: 5px;
}

a.rigid:link, a.rigid:visited, a.rigid:hover {
	color: #FFFFFF;
	text-decoration: none;
}

/* Link for news on home page */
a.no_link:link, a.no_link:visited, a.no_link:hover {
	color: #FFFFFF;
	text-decoration: none;
}

/* Link for news on home page */
a.announce:link, a.announce:visited {
	color: #4F8C0D;
	font-weight: bold;
	text-decoration: none;
}

a.announce:hover {
	color: #4F8C0D;
	font-weight: bold;
	text-decoration: underline;
}

/* Titles for text content */
.page_title {
	font-size: 24px;
	font-family: Arial, Helvetica, sans-serif;
	color: #142142;
}

/* Titles for emplyee descriptions managment and partners */
.position_title {
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	color: #4F8C0D;
}

/* Locate Us headings */
.locate {
	color: #4F8C0D;
	font-weight: bold;
}

/* ----------------------- UPDATE STYLES -------------------------- */

/*#top-content-wrapper{*/
/*z-index:999999;*/
/*position:relative;*/
/*}*/
#top-content-wrapper {
	background: none repeat scroll 0 0 #142142;
	height: 281px;
	position: relative;
	z-index: 999999;
}

#main_body p {
	font-size: 12px;
	line-height: 16px;
	padding-bottom: 16px;
}

.top-left {
	float: left;
	width: 344px;
	padding: 56px 40px;
	color: #fff;
}

.top-left h3 {
	font-size: 24px;
	margin-top: 0;
	margin-bottom: 16px;
}

.top-left p {
	font-size: 16px;
	line-height: 23px;
}

.top-right {
	float: left;
	height: 298px;
	/*background:url(../images/top-photo-shadow.jpg) left bottom no-repeat;*/
}

.main-header {
	width: 100%;
	border-bottom: 4px solid #bbd2a6;
	clear: both;
}

.main-left {
	float: left;
	width: 362px;
	padding: 15px 20px 30px 40px;

}

.main-right {
	float: left;
	width: 362px;
	padding: 15px 45px 30px 16px;
}

.main-header h3 {
	padding-left: 40px;
	margin-top: 0px;
	/*	color:#142142; for the blue  */
	color: #386d29;
	font-size: 22px;
	padding-bottom: 15px;
}

.back-to-top {
	height: 26px;
	padding-top: 54px;
	border-bottom: 4px solid #142142;
}

.back-to-top h4 {
	display: block;
	margin: 0;
	float: right;
	padding-right: 54px;
}

.back-to-top a, .back-to-top a:link, .back-to-top a:visited {
	text-decoration: none;
	color: #535353;
}

.back-to-top a:hover, .back-to-top a:focus {
	color: #396c29;
}

/* Footer Naviation */
#footer_nav {
	width: 530px;
	font-size: 12px;
	color: #535353;
	position: relative;
	padding: 24px 4px 0px 40px;
	margin: 0px;
}

#footer_nav ul {
	list-style-type: none;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}

#footer_nav li {
	float: left;
	margin-right: 10px;
	/*padding-right: 10px;*/
	border-right: 1px solid #4f8c0d;
}

#footer_nav li.last {
	border: none;
}

#footer_nav li a {
	text-decoration: none;
	font-weight: bold;
	color: #535353;
}

#footer_nav li a:hover, #footer_nav li a:focus, #footer_nav li a.selected {
	color: #396c29;
}

#blue_line p {
	margin: 0px;
	color: #fff;
	font-size: 12px;
	padding: 12px 0px 12px 30px;
	float: left;
}

#facebook-holder {
	position: absolute;
	width: 35px;
	height: 35px;
	top: 8px;
	right: -140px;
}

span.copyright {
	display: block;
	padding: 10px 0px;
	clear: both;
}

.green {
	/* set the DOT Finacial green */
	color: #4f8c0d;
}

.grey {
	color: #666666;
}

.blue {
	color: #142142;
}

.black {
	color: #000000;
}

.bold {
	font-weight: bold;
}

.caps {
	text-transform: uppercase;
}

ul.green {
	font-size: 12px;
}

/* --- TABLE --*/

table, th, td {
	border-collapse: collapse;
	padding: 12px;
	width: 344px;
}

table {
	border: 2px solid #4f8c0d;
}

th {
	background-color: #4f8c0d;
	color: #fff;
	font-size: 13px;
}

td {
	font-size: 12px;
	padding-left: 28px;
	background: #fff url(../images/table-check.jpg) 4px center no-repeat;
}

tr.alt td {
	background: #eef4ec url(../images/table-check-alt.jpg) 4px center no-repeat;
}

td.empty, tr.alt td.empty {
	background-image: none;
}

/* --- partners --- */

ul.partner-nav {
	list-style-type: none;
	font-size: 12px;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

ul.partner-nav li {
	display: block;
	float: left;
	padding-right: 20px;
}

.partner-nav li a, .partners-nav li a:link {
	color: #000;
	text-decoration: none;
	cursor: pointer;
}

.partner-nav li a:hover, .partners-nav li a:focus, .partners-nav li a.selected {
	color: #386d29;
	text-decoration: underline;
	cursor: pointer;
}

#home_page #pg_home, #services_page #pg_services, #principals_page #pg_principals, #management_page #pg_management, #contact_page #pg_contact, #directory_page #pg_directory {
	padding-bottom: 4px;
	border-bottom: 4px solid #396c29;
	text-decoration: none;
}

div.single-col {
	/* for single column layout in main content */
	padding: 0px 40px;
}

div.partner {
	clear: both;
	padding: 30px 0 25px 0;
	border-bottom: 2px dotted #CCC;
}

div.partner p {
	float: right;
	width: 570px;
	margin-top: 0px;
	padding-top: 0px;
	padding-right: 35px;
}

div.partner img {
	float: left;
	border: none;
	padding: 0 20px 20px 0;
}

/* --- DIRECTORY --- */

a.directory-alpha, a.directory-alpha:link {
	text-transform: uppercase;
	color: #000;
	font-weight: bold;
	font-size: 13px;
}

a.directory-alpha:hover, a.directory-alpha:focus {
	color: #4f8c0d;
}

a.directory-alpha.deactivate {
	color: #000;
	cursor: text;
	text-decoration: none;
}

div.directory-card {
	padding-top: 5px;
}

div.letter {
	font-size: 20px;
	text-align: center;
	line-height: 1.7em;
	color: #fff;
	width: 34px;
	height: 34px;
	background: url(../images/directory-dot.jpg) left top no-repeat;
	float: left;
}

div.empty-letter {
	line-height: .95em;
	background-color: #fff;
	width: 34px;
	height: 34px;
	float: left;
}

div.letter span {
	color: #fff;
	text-transform: uppercase;
	padding-left: 1px;

}

div.directory-info {
	float: left;
	padding: 0px 0px 0px 22px;
}

.view-details {
	display: inline-block;
	width: 18px;
	height: 18px;
	background: url(../images/view-max.jpg) left -2px no-repeat;
	text-decoration: none;
	cursor: pointer;
	margin-left: 5px;

}

.hide-details {
	background: url(../images/view-min.jpg) left top no-repeat;
}

.details {
	padding-bottom: 15px;
	display: none;
	line-height: 16px;
}

div.dir-search {
	float: right;
	width: 232px;
	height: 238px;
	padding: 20px;
	background: #fff url(../images/directory-search-bg.jpg) left top no-repeat;

}

.dir-label {
	display: block;
	font-size: 13px;
	font-weight: bold;
	color: #fff;
	background-color: #4f8c0d;
	width: inherit;
	padding: 8px 0px 10px 10px;
	margin-bottom: 10px;
}

.dir-input {
	width: 211px;
	height: 24px;
	color: #787878;
	font-size: 13px;
	font-weight: normal;
	padding: 0px 10px;
	border: 1px solid #787878;
	margin-bottom: 10px;
	vertical-align: middle;
}

.dir-submit {
	background-color: #787878;
	border: none;
	color: #fff;
	font-size: 12px;
	font-weight: normal;
	height: 26px;
	cursor: pointer;
}

#name {
	width: 182px;
	float: left;
}

#go {
	width: 28px;
	height: 26px;
	float: left;
	cursor: pointer;
	text-transform: uppercase;
}

#floating-btt {
	position: fixed;
	bottom: 2px;
	right: 32%;
}

.hidden-contact-form {
	margin: 0 auto;
	position: fixed;
	top: 15%;
	left: 40%;
	z-index: 9999999;
	padding: 26px;
	display: none;
}

#hidden-form-wrap {
	width: 362px;
	background-color: #fff;
	padding: 20px;
}

#close-button {
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 9999999;
	width: 30px;
	height: 30px;
}

#hidden-form-wrap #emailForm .formFields {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #787878;
}

/* --- CONTACT --- */

.contact-para {
	line-height: 1.75em;
}

.formFields {
	width: 342px;
	height: 28px;
	margin-bottom: 8px;
	float: left;
	border: 1px solid #CCC;
	color: #142142;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 0 10px;
}

#contact-form textarea, #hidden-contact-form textarea {
	width: 342px;
	padding: 10px;
	height: 112px;
	margin-bottom: 8px;
	float: left;
	border: 1px solid #CCC;
	color: #142142;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}

input.form-button {
	float: left;
	width: 90px;
	height: 32px;
	color: #fff;
	background-color: #142142;
	border: none;
	margin-left: 14px;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	cursor: pointer;
}

.code, .form-buttons {
	float: left;
}

.code img {
	border: none;
	padding-left: 0px;
	padding-right: 0px;
	margin-left: 0px;
	margin-right: 0px;
}

.extraPadding {
	padding-bottom: 300px;
}
