
/* baseline formatting settings for all projects, shouldn't need to change. overrides/customization in Layout header and other CSS stylesheets or overrides */

body {
padding: 0px;
margin: 0px;
font-size:80%;
width:100%;
background: #fff;
color: #655248;
font-family: arial, sans;
}

a {
color:#84B3A5;
text-decoration: none;
font-weight:bold; 
outline: none;
border: none;
}

a:hover {
text-decoration: underline;
}

a.arrow {padding-left:10px; background: url(images/icon_arrow.gif) no-repeat center left}
a.arrow2 {padding-left:10px; background: url(images/icon_arrow2.gif) no-repeat center left}
a.copyright {font-size:80%}
a.teal_arrow {padding-left:10px; background: url(images/icon_tealarrow.gif) no-repeat center left}
a.plain {color: #655248; font-weight:normal;}
a.plain b {font-weight:bold;}
.tealtype {display:block;color:#655248; font-size:85%; line-height:120%;}
.tealtype2 {display:block;color:#6A8F84; line-height:120%; font-weight:bold}


h1, h2, h3, h4, h5, h6, ul ,li, table, tr, td {
padding: 0px;
margin: 0px;
}

h1 {color: #AFAD5B; font-size:180%; margin: 0 0 10px 0; font-weight:normal;}
h2 {color: #AFAD5B; font-size:140%; margin: 0; padding:0;}
h3 {color: #AFAD5B; font-size:120%; margin: 0; padding:0;}
h4 {color: #AFAD5B; font-size:110%; margin: 0 0 5px 0; padding:0;}

/*h1#logo {
position:absolute; 
top:28px;
width: 208px;
height:64px;
background:url(images/h2_logo.gif) no-repeat top left;
text-indent: -5000px;
}
*/

h1#logo {
position:absolute; 
top:18px;
width: 274px;
height:85px;
background:url(images/h2_logo.jpg) no-repeat top left;
text-indent: -9000px;
}




h3#h3_services {
position:absolute;
right:40px;
bottom: 10px;
width:178px;
height:23px;
background:url(images/h3_services.gif) no-repeat top left;
text-indent: -5000px;
}



h3#h3_resources {
position:absolute;
right:40px;
bottom: 10px;
width:178px;
height:23px;
background:url(images/h3_resources.gif) no-repeat top left;
text-indent: -5000px;
}



h3#h3_about {
position:absolute;
right:40px;
bottom: 10px;
width:178px;
height:23px;
background:url(images/h3_about.gif) no-repeat top left;
text-indent: -5000px;
}

h3#h3_contact {
position:absolute;
right:40px;
bottom: 10px;
width:178px;
height:23px;
background:url(images/h3_contact.gif) no-repeat top left;
text-indent: -5000px;
}

h3#h3_faq {
position:absolute;
right:40px;
bottom: 10px;
width:178px;
height:23px;
background:url(images/h3_faq.gif) no-repeat top left;
text-indent: -5000px;
}

hr {height: 1px; color:transparent; border:none; border-top: 1px solid #D7D6D4; margin: 5px 0 10px 0;  _margin: 5px 0 5px 0}

img.bordered {
border: 1px solid #D7D6D4;
padding:5px;
margin: 5px 10px 0 0;
float:left;
}

table, tr, td, img {
border: 0px;
padding: 0px;
margin: 0px;
vertical-align:top;
}

.small {font-size:80%}
.tm {position:relative; font-size: 55%; top: -5px;}
.teal {position:relative; background: #D7E0D8 url(images/bg_teal.gif) no-repeat top left; font-size:85%; line-height:140%;}
.teal p {position:relative; margin:0; padding: 10px; background: transparent url(images/bg_teal2.gif) no-repeat bottom left;}
.teal span {display:block; background: transparent url(images/icon_tealarrow.gif) no-repeat center left; padding: 0 0 0 15px; margin: 0 0 0 30px;}
.teal p.quote { padding-left: 70px;}
.teal p.list { padding-left: 30px;}
.teal .icon_question {position:absolute; display:block; height:35px; width:36px; left:-20px; _left:-90px; top:8px; background: url(images/icon_tealquestion.gif) no-repeat bottom left;}








.teal2 {position:relative; font-size:13px; line-height:22px;}
.teal2 p {position:relative; margin:0; padding:0px; background: transparent url(images/icon_arrow.gif) no-repeat bottom left;}
.teal2 span {display:block; background: transparent url(images/icon_arrow.gif) no-repeat center left; padding: 0 0 0 15px; margin: 0 0 0 0px;}


.teal2 a{color:#5d4c33; font-weight:normal; text-decoration:none;}
.teal2 a:hover,
.teal2 a:focus{text-decoration:underline;}







.doc-icon {position:relative; font-size:13px; line-height:22px;}
.doc-icon p {position:relative; margin:0; padding:0px; background: transparent url(images/icon_doc.gif) no-repeat bottom left;}
.doc-icon span {display:block; background: transparent url(images/icon_doc.gif) no-repeat center left; padding: 0 0 0 15px; margin: 0 0 0 0px;}


/*.doc-icon a{color:#5d4c33; font-weight:normal; text-decoration:none;}
.doc-icon a:hover,
.doc-icon a:focus{text-decoration:underline;}*/




.back-to-list {position:relative; font-size:13px; line-height:22px;}
.back-icon p {position:relative; margin:0; padding:0px; background: transparent url(images/icon_arrow2.gif) no-repeat bottom left;}
.back-icon span {display:block; background: transparent url(images/icon_arrow2.gif) no-repeat center left; padding: 0 0 0 15px; margin: 0 0 0 0px;}


.back-icon a{font-weight:normal;}
.back-icon a:hover,
.back-icon a:focus{}























ul#categories {
list-style-type:none;
margin:0;padding:0;
}

ul#categories {line-height:200%;margin-left:-20px;}
ul#categories li ul {list-style-type:none; padding:0; margin:0; line-height:100%;}
ul#categories li ul li {margin:0px; padding: 0 0 0 -5px;}
ul#categories li ul li a {font-size:90%; margin: 0 0 0 15px; line-height:150%; font-weight:normal}
ul#categories li ul li a:hover {font-weight:bold; text-decoration:none;}
ul#categories li ul li a.on {font-weight:bold}

ul#categories a.sub_nav {
background: url(images/icon_plus.gif) no-repeat top left; 
background-position: 0 2px;
margin:0;
padding: 0 0 0 15px;
color: #655248; font-weight:normal;
}

ul#categories a.sub_nav:hover {color:#84B3A5;}


#content ul li {margin: 0 0 0 20px;}

#main {position:relative; width:100%;  margin: 0; padding:0;}
#header {position: relative; top: 0px; padding: 0; margin: auto; width:690px;}
#masthead {position: relative; display:block; top: 112px; width:100%; height:156px; background: #C2BC94 url(images/bg_masthead.gif) no-repeat bottom center; padding:0; margin:0;}
#masthead_index {position: relative; display:block; top: 112px; width:100%; height:287px; background: #C2BC94 url(images/bg_masthead_index.gif) repeat-x bottom center; padding:0; margin:0;}
#masthead_center {position: relative; top: 0px; padding: 0; margin: 0 auto; width:690px; }
#masthead_center_index {position: relative; top: 0px; padding: 0; margin: 0 auto; width:669px; height:287px; background: url(images/masthead_index.jpg) no-repeat bottom center;}
#content {position: relative; top: 150px; padding: 0; margin: auto; width:690px; font-size: 100%; line-height:160%;}
#footer {position:relative; display:block; width: 640px; margin: 10px 0 0 20px; font-size:80%; border-top: 1px solid #D7D6D4;}
#footer_links {float:right;}
#footer img {position:absolute; top:-38px; right:0px;}

#masthead img {position:relative; margin: 0 0 0 13px; _margin: 0 0 0 14px}

#masthead_center_index a#auto {display:block;position:absolute; bottom:0px; left:0px; width:440px;height:124px; background: url(images/masthead_index_autoover.jpg) no-repeat top left; background-position: -440px 0; text-indent: -5000px; padding:0; margin:0;}
#masthead_center_index a#auto:hover {background-position: 0 0; _background-position: 0 1px; }

#masthead_center_index a#comm {display:block;position:absolute; bottom:0px; right:0px; width:229px;height:124px; background: url(images/masthead_index_commover.jpg) no-repeat top left; background-position: -229px 0; text-indent: -5000px; padding:0; margin:0;}
#masthead_center_index a#comm:hover {background-position: 0 0; _background-position: 1px 1px;}

#masthead_center_index a#group {display:block;position:absolute; top:0px; left:0px; width:423px;height:157px; background: url(images/masthead_index_groupover.jpg) no-repeat top left; background-position: -423px 0; text-indent: -5000px; padding:0; margin:0;}
#masthead_center_index a#group:hover {background-position: 0 0}

#masthead_center_index a#residential {display:block;position:absolute; top:0px; right:0px; width:246px; height:92px; background: url(images/masthead_index_resover.jpg) no-repeat top left; background-position: -246px 0; text-indent: -5000px; padding:0; margin:0;}
#masthead_center_index a#residential:hover {background-position: 0 0}

#content table#columns tr td#left {width:420px; margin: 0; padding: 0 20px 0 18px; border-right: 1px solid #D7D6D4}
#content table#columns tr td#right {padding: 0 0 0 15px; margin: 0; }
#content table#columns tr td#left ul li {list-style-type:none; background: url(images/icon_arrow.gif) no-repeat top left; padding-left: 15px; margin:0; background-position: 0 5px;}


/* minimum menu requirements for functionality */

#navigation { position:absolute; /*top:50px;*/ top:58px; /*right:0px;*/ right:11px; height: 20px;}

.topmenu{
	list-style-type:none;
	margin:0 px;
	padding:0;
}

.topmenuli{
	list-style-type:none;
	float:left;
}

.topmenutitle{
	display:block;
	height:20px;
	margin: 0;
	text-indent:3px;
	text-decoration: none;
	padding: 0px 0px 0px 0px;
	color:#fff;
	font-weight:normal;
    text-decoration:none;
	text-indent:-5000px;
	font-size:2px;
}



/*.topmenutitle#home:hover, .topmenutitle#about:hover, .topmenutitle#services:hover, .topmenutitle#contact:hover, .topmenutitle#faq:hover {background-position: 0 -20px;}*/


.topmenutitle#home {width:52px; background: url(images/nav.jpg) no-repeat top left;background-position: 0px 0px;}
.topmenutitle#home:hover, .topmenutitle#home_on {width:52px; background: url(images/nav.jpg) no-repeat top left;background-position: 0px -20px;}
.topmenutitle#services {width:100px; background: url(images/nav.jpg) no-repeat top left; background-position: -52px 0px;}
.topmenutitle#services:hover, .topmenutitle#services_on {width:100px; background: url(images/nav.jpg) no-repeat top left; background-position: -52px -20px;}
.topmenutitle#about {width:86px; background: url(images/nav.jpg) no-repeat top left;background-position: -152px 0px;}
.topmenutitle#about:hover, .topmenutitle#about_on {width:86px; background: url(images/nav.jpg) no-repeat top left;background-position: -152px -20px;}
.topmenutitle#contact {width:71px; background: url(images/nav.jpg) no-repeat top left;background-position: -238px 0px;}
.topmenutitle#contact:hover, .topmenutitle#contact_on {width:71px; background: url(images/nav.jpg) no-repeat top left;background-position: -238px -20px;}
/*.topmenutitle#faq {width:23px; background: url(images/menu_faq.gif) no-repeat top left;}
.topmenutitle#faq_on {width:23px; background: url(images/menu_faq.gif) no-repeat top left;background-position: 0 -20px;}*/
.topmenutitle#resources {width:64px; background: url(images/nav.jpg) no-repeat top left; background-position: -309px 0px;}
.topmenutitle#resources:hover, .topmenutitle#resources_on {width:64px; background: url(images/nav.jpg) no-repeat top left;background-position: -309px -20px;}

li:hover ul , li.over ul{ /* lists nested under hovered list items */
	display: block;
}


.iibi_with_text a{
	color:#655248;
	font-weight:normal;
	text-decoration:none;
	
}

.iibi_with_text2 a{
	position:relative;
	top:33px;
}

.iibi_with_text a:link {color:#655248;}
.iibi_with_text a:visited {color:#655248;}
.iibi_with_text a:focus {color:#655248;}
.iibi_with_text a:active {color:#655248;}
.iibi_with_text a:hover {color:#84B3A5;}

.iibi_with_text img{
	margin: 10px 0 20px 0;
}

.iibi_with_text span{
	line-height:53px;
	padding: 0 0 0 10px;
}



td.links img{
	margin:0 0 20px 0;
	border-bottom:1px solid #d7d6d4;
}

/*td.links img{
	margin:0 0 20px 0;
	border:1px solid #d7d6d4;
}*/

td.links img.first{
	margin:0 0 20px 0;
	border-top:1px solid #d7d6d4;
	border-bottom:1px solid #d7d6d4;
}

.hide_me{
	display:none;
}

.quote_button{
	display:block;
	width:199px;
	height:195px;
	margin:0 0 20px 0;
	background:url(images/quote_button.jpg) 0 0 no-repeat;
}
.quote_button:hover{
	background:url(images/quote_button.jpg) 0 -195px no-repeat;
}


.no_pads{
	padding:0px;
	margin:0px;
}
