/***********************************************/
/* site_styles.css                            */
/***********************************************/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

body{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #000000;
	margin: 0px;
	padding: 0px;
/*	background-color: #779447; */
	background-color:#FFFFFF;
	line-height: 1.166;
}

a:link, a:visited, a:hover {
/*	color:  #779447; */
	color: #336600;
	text-decoration: none;
	font-weight: bold;
}

a:hover {
	text-decoration: underline;
}

a:visited {
	color: #779447;
}

h1, h2, h3, h4, h5, h6 {
	font-family: Papyrus, "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	font-weight: bold;
}

h1{
/* font-family: Verdana,Arial,sans-serif;*/
 font-size: 140%;
 color: #779447;
}

h2{
 font-size: 114%;
 color: #006699;
}

h3{
 font-size: 120%;
 color: #779447;
 font-weight: bold;
}

h4{
 font-size: 100%;
 font-weight: normal;
 color: #333333;
}

h5{
 font-size: 100%;
 color: #334d55;
}

ul{
	/*list-style-image:url(images/rock.png);*/
 list-style-type: none;
	font-size:large;
	font-weight:bold;
	font-family: Papyrus, "Trebuchet MS", Arial;
}

ul ul{
 list-style-type: disc;
}

ul ul ul{
 list-style-type: none;
}

label{
 font: bold 100% Arial,sans-serif;
 color: #334d55;
}
				

/***********************************************/
/* Layout Divs                                 */
/***********************************************/


#wrapper {
	background-color: #FFFFFF ;
/*	max-width: 970px;
	width: expression(document.body.clientWidth > 971? "970px": "auto"); */
	width: 970px;
	margin: 10px auto 0px;
	height: auto;
	padding: 0px;
}

#sidebar{
	float: left;
	padding: 0;
	margin: 0 0 0 0;
	background-color: #cacbc4;
	background-image:url(images/brick_walkway_final.jpg);
	background-position:top right;
	width: 230px;
	height: 830px;
}

#sidebar a{
color:#000000;
padding-left:1.4em;
}

#content {
	position: relative;
	max-width: 740px;
	max-height:830px;
	margin: 0;
	margin-left: 230px;
	background-color: #ffffff;
/*	background-image:url(images/leaf.gif);
	background-repeat:no-repeat;
	background-position: center 100px; */
	padding: 0 10px 0 10px;
	font-size: 13px;
}

#header{
	padding: 0px;
	background-image: url(images/topbanner.jpg);
	background-repeat:no-repeat;
/*	background-position: left center; */
	background-position: center;
	height: 235px;
}

/* this style is used on pages where it looks ok for the footer to float (12/19/08) */
#footer{
/*	font-size:.7em;
	position:relative;
	top: -.8em;
	margin-top:0; */
	font-size:.85em;
/*	position: absolute;  *** removed 12/9/08 because user selected larger text settings caused content to layer over footer
	top: 765px;          *** on screen on some pages.  Selected pages use this style "footer"; others use "backfooter"  */
	max-width: 700px; 
}

/* this style is used on back pages where an absolute position works best */
#backfooter{
	font-size:.85em;
	position: absolute;
	top: 780px; 
	max-width: 700px; 
}

/************* #breadCrumb styles *************/

#breadCrumb{
	font-size: 80%;
	padding: 5px 0px 5px 0px;
	color: #333333;
}




/************** #headlines styles **************/

#headlines{
	margin: 0px;
	padding: 10px 0px 20px 10px;
	font-size: 80%;
}

#headlines p{
	padding: 5px 0px 5px 0px;
}

/************* home page services styles *********/
/*  Goal is to have user hover or click on topic heading */
/* and then have services list appear  */


#serviceslist {
}

#serviceslist_1, #serviceslist_2, #serviceslist_3{
	position:absolute;
	left:30px;
	font-size:16px;
	font-family: Papyrus, "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	font-weight: bold;
	color: #779447;
}
#serviceslist_1 {top:245px}
#serviceslist_2 {top:275px}
#serviceslist_3 {top:305px}

#serviceslist_1 span, #serviceslist_2 span, #serviceslist_3 span {
	display:none;
}

#serviceslist_1:hover, #serviceslist_2:hover, #serviceslist_3:hover {
	color:#000000;
	background-color:#FFFFFF;
	text-decoration:none;
}  /* this turns the service type black */
	
#serviceslist_1:hover span, #serviceslist_2:hover span, #serviceslist_3:hover span{  
/*	position: relative;*/
	position: absolute;
	left: 1px;
	display:inline;
	width: 330px;
	padding:5px;
	background-color:#FFFFFF;
	line-height:1.4;
	text-decoration:none;
}
#serviceslist_1:hover span {top: 90px;}
#serviceslist_2:hover span {top: 60px;}
#serviceslist_3:hover span {top: 30px;}

#serviceslist_1:hover span ul, #serviceslist_2:hover span ul, #serviceslist_3:hover span ul {
	list-style-type:disc;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#000000;
	text-decoration:none;
}


}
/***************************************************/

.navlink {
	border: thin none #7f98c0;
	width: 13.5em;
	margin: 1em 0.25em 1em 0.5em;
	padding: 0.25em 0em 0.25em 0.25em;
	font-family: "Trebuchet MS", sans-serif;
	font-size: small;
}
.selectedlink {
	border: thin none #7f98c0;
	width: 13.5em;
	margin: 1em 0.25em 1em 0.5em;
	padding: 0.25em 0em 0.25em 0.25em;
	font-family: "Trebuchet MS", sans-serif;
	font-size: small;
	background-color: #BFCCDF;
}
.hilite {
	background-color:#F2EA2D;
}
hr {
	color: #cacbc4;
	background-color: #cacbc4;
	height: 3px;
}

.bluehilite {
	background-color:#7f98c0;
}.orange_hilite {
	background-color: #FFCC66;
}
.footer {
	position:relative;
	top: -.2em;
	margin-top:0;
}

.padbelowpar {
	padding-bottom:.5em;
}	
.clearh3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
}	
.getquote {
	position:absolute;
	left: 580px;
	padding: 3px;
	border-color:#779447;
	border-width: thin;
	border-style: outset;
/*	background-color: #CCCCCC;*/
}