﻿body {
	background: white url('images/bgrnd.jpg') repeat-x scroll 50% top;
	margin: 28px 0 10px 0;
}
#container {
	width: 820px;
	margin: 0 auto;
}
#top {
	position: relative;
	text-align: right;
	vertical-align: top;
	font-family: Verdana, Arial;
	font-size: 12px;
	color: #ffffff; /*old #009E6B */
	height: 98px;
}
#top a {
	color: #ffffff;
	text-decoration: none;
}
#top a:hover {
	color: #ffffff;
	text-decoration: underline;
}
img.logo {
	float: left;
	border-width: 0px;
	margin-left: 25px;
}
#topnav {
	padding-top: 3px;
	width: 500px;
	height: 20px;
	position: absolute;
	bottom: 0px;
	right: 45px;
	background-color: #187142;
	text-align: center;
	
}
#mainNav {
	border: 1px #9C9E9C solid;
	clear: both;
	background: white url('images/reflect00.jpg') no-repeat;
}
/*body#main */
#insideBox {
	border: 1px #9C9E9C solid;
	margin: 1px;
	height:172px;
	clear: both;
}
/*body#sub #insideBox
{
	display:none;
}*/
#green {
	background-color: #187142;
	height: 15px;
	margin: 1px 2px 1px 2px;
}
/* Drop Down menus begin */
#nav ul {
	/* all lists */
	padding: 0;
	margin: 7px 0 0 0;
	list-style: none;
	float: right;
}
#nav {
	/* all lists */
	padding: 0;
	margin: 7px 0 0 0;
	list-style: none;
	float: right;
}
#nav a:active {
	display: block;
	height: 26px;
	font-family: Verdana;
	font-size: 11px;
	color: #009E6B;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	text-align: center;
	line-height: 24px;
}
#nav a:visited {
	display: block;
	height: 26px;
	font-family: Verdana;
	font-size: 11px;
	color: #009E6B;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	text-align: center;
	line-height: 24px;
}
#nav a:link {
	display: block;
	height: 26px;
	font-family: Verdana;
	font-size: 11px;
	color: #009E6B;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	text-align: center;
	line-height: 24px;
}
#nav li:hover a {
	color: white;
}
#nav li a:hover {
	color: white;
}
#nav li:hover {
	background: url('images/button.jpg') no-repeat;
}
#nav li {
	/* all list items */
	float: left;
	width: 164px; /* width needed or else Opera goes nuts */;
	margin-right: 10px;
	background: url('images/button-O.jpg') no-repeat;
}
#nav li ul {
	/* second-level lists */
	list-style-type: none;
	position: absolute;
	background: #D6E3DE;
	width: 162px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */;
	border: 1px #7B8273 solid;
	margin: 0;
	padding: 0;
	z-index: 1000;
}
#nav li ul a:active {
	background-image: none;
	color: #101410;
	text-transform: none;
	text-align: left;
	display: block;
	height: auto;
	line-height: 15px;
	font-weight: normal;
	padding: 3px;
	z-index: 1000;
}
#nav li ul a:visited {
	background-image: none;
	color: #101410;
	text-transform: none;
	text-align: left;
	display: block;
	height: auto;
	line-height: 15px;
	font-weight: normal;
	padding: 3px;
	z-index: 1000;
}
#nav li ul a:link {
	background-image: none;
	color: #101410;
	text-transform: none;
	text-align: left;
	display: block;
	height: auto;
	line-height: 15px;
	font-weight: normal;
	padding: 3px;
	z-index: 1000;
}
#nav li ul a:hover {
	color: #101410;
	text-align: left;
	z-index: 1000;
}
#nav ul li {
	background: none;
}
#nav ul li:hover {
	background: white;
	width: 162px;
}
#nav li ul ul {
	/* third-and-above-level lists */
	/*margin: -1em 0 0 10em;*/
	margin: -24px 0 0 160px;
	z-index: 1000;
}
#nav ul.hangLeft {
	margin: -24px 0 0 -162px;
/*position:relative;
	left:-300px;*/	z-index: 1000;
}
#nav li.sfhover ul ul ul {
	left: -999em;
	display: block;
	z-index: 1000;
}
#nav li.sfhover ul ul {
	left: -999em;
	display: block;
	z-index: 1000;
}
#nav li:hover ul ul ul {
	left: -999em;
	display: block;
	z-index: 1000;
}
#nav li:hover ul ul {
	left: -999em;
	display: block;
	z-index: 1000;
}
#nav li li li.sfhover ul {
	/* lists nested under hovered list items */
	left: auto;
	display: block;
	z-index: 1000;
}
#nav li li.sfhover ul {
	/* lists nested under hovered list items */
	left: auto;
	display: block;
	z-index: 1000;
}
#nav li.sfhover ul {
	/* lists nested under hovered list items */
	left: auto;
	display: block;
	z-index: 1000;
}
#nav li li li:hover ul {
	/* lists nested under hovered list items */
	left: auto;
	display: block;
	z-index: 1000;
}
#nav li li:hover ul {
	/* lists nested under hovered list items */
	left: auto;
	display: block;
	z-index: 1000;
}
#nav li:hover ul {
	/* lists nested under hovered list items */
	left: auto;
	display: block;
	z-index: 1000;
}
.arrow {
	float: right;
	border-width: 0;
	position: relative;
	left: 2px;
	top: 2px;
}
/* Drop Down menus end */
/* content area */
#content {
	border: 0px #9C9E9C solid;
	padding: 10px;
	background-color: white;
	font-family: Verdana, Arial;
	font-size: 11px;
	color: #4b4b4b;
}
#content p {
	font-family: Verdana, Arial;
	font-size: 11px;
	color: #4b4b4b; /* #7B757B; */;
	line-height: 18px;
}
#content li {
	font-family: Verdana, Arial;
	font-size: 11px;
	color: #7B757B;
	line-height: 18px;
}
#content h1 {
	margin: 0;
	color: #187142;
	font-family: "Times New Roman", Times, serif;
	font-size: 22px;
	border-bottom: 1px #9C9E9C solid;
}
#content h2 {
	margin: 0;
	font-family: "Times New Roman", Times, serif;
	font-size: 15px;
	color: #187142;
}
#content ul {
	margin-top: 0;
}
#content a {
	color: #187142;
}
.small {
	font-size: 9px;
}
/* Shade Boxes - left & right floating boxes */
/*body#main */
/*body#sub #leftBox
{
	display:none;
}*/
#content table.homepage td {
	border: 0px #000 solid;
	padding-right: 7px;
	background-repeat: repeat-y;
	/*background: url('images/bg_left_col.jpg');
	padding: 12px 0 0 0;
	*padding: 6px 0 0 0;
	margin: 0;*/
}
#shadeBox {
	/*background: white url('images/bg_left_col.jpg') no-repeat;*/
	width: 190px;
	/*margin-top: 13px;*/
	padding: 0px 3px 3px 3px;
	font-family: Verdana, Arial;
	font-size: 11px;
	color: #636163;
}
#content table.homepage td hr {
	color: #111111;
	height: 1px;
	width: 190px;
	text-align: left;
}
.dlbuttontable {
	width: 195px;
	padding-bottom: 7px
}
#shadeBox2 {
	/*width: 200px;
	/*margin-top: 13px;*/
	padding: 0px 3px 3px 0px;
	font-family: Verdana, Arial;
	font-size: 11px;
	color: #636163;
	float: left;
	/*background: url('images/shadeBox.jpg') no-repeat;
	background-position: center top;
	width: 200px;
	height: 200px;
	/*margin-top: 13px;*/
	/*padding: 12px 0 0 24px; 
	font-family: Verdana, Arial;
	font-size: 11px;
	color: #636163;*/
}
#content table.homepage td h1 { /*home page left and right column header*/
	color: #187142;
	font-size: 13px;
	font-weight: bold;
	border-bottom: 1px #111111 solid;
	font-family: Verdana, Arial;
	margin-bottom: 5px;
}
#content table.homepage td h2 { /*home page middle column header*/
	color: #187142;
	font-size: 13px;
	font-weight: bold;
	font-family: Verdana, Arial;
	margin-bottom: 2px;
}
#content table.homepage td h3, #content table.homepage td h3 a, #content table.homepage td h3 a:hover {
	color: #187142;
	font-size: 12px;
	font-weight: normal;
	font-family: Verdana, Arial;
	margin-bottom: 2px;
	margin-top:5px;
}
#content table.homepage td h4, #content table.homepage td h4 a, #content table.homepage td h4 a:hover  {
	color: #187142;
	font-size: 15px;
	font-weight: bold;
	font-family: Verdana, Arial;
	margin-bottom: 2px;
}
#content table.homepage td p {
	margin-top: 1px;
	margin-bottom: 8px;
}
#content table.homepage td a {
	/*padding-left: 20px;*/
	color: #636163;
	text-decoration: none;
}
#content table.homepage td a:hover {
	/*padding-left: 20px;*/
	color: #636163;
	text-decoration: underline;
}
#content table.homepage td.leftcol {
	vertical-align: top; 
	width: 200px; 
	background-image:url('images/bg_left_col.jpg');
	background-position:right;
	border-bottom: 2px #F5F5F5 solid;
}
#content table.homepage td.rightcol {
	vertical-align: top; 
	width: 185px; 
	background-image:url('images/bg_right_col.jpg'); 
	padding-left: 15px; 
	padding-right: 0px;
	border-bottom: 2px #F5F5F5 solid;
}
#btmshadow {
	vertical-align:bottom;
	width:100%;
	height:10px;
	background-image: url('images/bg_btm_shadow.jpg');
	background-repeat:repeat-x;
}
#shadeBox ul, #shadeBox2 ul {
	margin: 0;
	padding: 10px 0 0 5px;
	list-style-type: none;
}
#shadeBox ul li, #shadeBox2 ul li {
	line-height: 18px;
	color: #636163;
}
#shadeBox ul li a, #shadeBox2 ul li a {
	color: #187142;
	text-decoration: none;
}
#shadeBox ul li a:hover, #shadeBox2 ul li a:hover{
	color: #187142;
	text-decoration: none;
	border-bottom: 1px #636163 dotted;
}
ul.quickLinks {
	margin: 0;
	padding: 10px 0 0 5px;
	list-style-type: none;
}
ul.quickLinks li {
	line-height: 18px;
}
ul.quickLinks a {
	color: #636163;
	text-decoration: none;
}
ul.quickLinks a:hover {
	color: #636163;
	text-decoration: none;
	border-bottom: 1px #636163 dotted;
}
/*body#main */
#rightBox {
	float: left;
	width: 234px;
	padding-left: 10px;
}
/*body#sub #rightBox
{
	display:none;
}*/
/* Direct Login */
#DL {
	font-family: Verdana, Arial;
	font-size: 10px;
	color: #187142;
	/*padding-left: 20px;*/
	line-height: 20px;
}
#DL a {
	/*padding-left: 20px;*/
	font-size: 12px;
	color: #636163;
	text-decoration: none;
}
#DL a:hover {
	/*padding-left: 20px;*/
	font-size: 12px;
	color: #636163;
	text-decoration: underline;
}
#DL table.dlkj {
	margin: 0;
	padding: 0;
}

table.dlkj td {
	border: 1px #000 solid;
}
#field {
	background: url('images/loginField.gif') no-repeat;
	width: 136px;
	height: 23px;
	padding: 4px 4px 0 0;
	text-align: right;
	float: left;
}
#field input {
	border-width: 0;
	width: 130px;
	font-family: Verdana, Arial;
	font-size: 11px;
	color: #636163;
}
/*body#main */
#grayButtons {
	width: 167px;
	margin: 20px 0 0 30px;
	float: left;
}
#grayButtons a {
	color: #187142;
	text-decoration: none;
}
#grayButtons a:hover {
	color: #187142;
	text-decoration: underline;
}

/*body#sub #grayButtons
{
	display:none;
}*/
#grayButtons img {
	margin-bottom: 7px;
}
/*body#main */
#promo {
	float: right;
	margin-left: 80px;
	width: 510px;
	color: #187142;
}

#promo h1 {
	margin:0;
	color:#187142;
	font-family:"Times New Roman", Times, serif;
	font-size:22px;
	border-bottom:1px #9C9E9C solid;
}

/*body#sub #promo
{
	display:none;
}*/
/* footer */
#footer {
	margin-top: 10px;
	font-family: Verdana, Arial;
	font-size: 10px;
	color: #4b4b4b;
	text-align: center;
	line-height: 15px;
}
#footer a {
	color: #4b4b4b;
	text-decoration: none;
}
#footer a:hover {
	color: #4b4b4b;
	text-decoration: none;
	border-bottom: 1px #4b4b4b dotted;
}
.grayText {
	color: #656565;
}
/* --------------------- */
#clearAll {
	clear: both;
}
/* styles for rates table */
table.styledTable {
}
table.styledTable th {
	background-color: #187142;
	color: white;
	padding: 5px;
	line-height: 18px;
}
table.styledTable td {
	padding: 5px;
	border-bottom: 1px #9C9E9C solid;
	line-height: 18px;
}
table.styledTable tr:hover {
	padding: 5px;
	border-bottom: 1px #9C9E9C solid;
	background-color: #E6E6E6;
}
img.Office {
	float: right;
	border: 1px #9C9E9C solid;
}
/* anylink menu for top Offices link */
.anylinkcss {
	position: absolute;
	visibility: hidden;
	border: 1px solid #9C9E9C;
	font: normal 10px Tahoma;
	line-height: 16px;
	z-index: 100;
	background-color: #E8E6E7;
	width: 200px;
	margin: 0 0 0 -50px;
	/*Add a magin here to control the dropdowns postion if it is for a vertical navigation*/
}
.anylinkcss a {
	width: 100%;
	display: block;
	text-indent: 3px;
	border-bottom: 1px solid #E8E6E7;
	padding: 1px 0;
	text-decoration: none;
	font-weight: normal;
	text-indent: 5px;
	color: #187142;
}
.anylinkcss a:hover {
	/*hover background color*/
	background-color: white;
	color: #187142;
	border-bottom: 1px #E8E6E7 dotted;
}
/* pre load style for images needing to be preloaded */
#preLoad {
	display: none;
}
