/* CSS Document */

 html,body,p,div,img,li,ul,dl,dd,dt,form,table,td,tr,form{
/*** Let's go commando ***/
  margin:0;
  padding:0;
  border:0;
  border-spacing:0;
}
input,select{
  margin:0;
  padding:0;}

/* BODY --------------------------------------------------*/

body{
 margin: 0;
 padding:0;
 color: #333333;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 80%;
 background-color: #FFFFFF}

/* Header Image and Logo --------------------------------------------------*/
 
#banner{ margin: 0;
 padding:0;}
 
#head{
height:93px;
text-align:right;
background-image: url(/images/faces.jpg);
background-repeat: no-repeat;
background-position: top right;
background-color: #FFFFFF;
margin: 0px;
padding: 0px;
}

#logo a{
float: left;
text-align:left;
padding:0px;
margin: 5px 0px 0px 5px;
background-color: white;
}

.invisible{position: absolute; left: -9000px}

/* Top Navigation--------------------------------------------------*/

#navcontainer ul
{
padding-left: 0;
margin-left: 0;
background-color: #7FBE1B;
color: White;
float: left;
width: 100%;
font-family: arial, helvetica, sans-serif;
}

#navcontainer ul li { display: inline; }

#navcontainer ul li a
{
padding: 0.2em 1em;
background-color: #57A8C3;
color: White;
text-decoration: none;
float: left;
border-right: 1px solid #fff;
}

#navcontainer ul li a.green
{
padding: 0.2em 2.5em;
background-color: #7FBE1B;
color: White;
text-decoration: none;
float: left;
border-right: 1px solid #fff;
}


#navcontainer ul li a:hover {background-color: #369; color: #fff;}
#navcontainer ul li a:active {background-color: #369; color: #fff;}
#navcontainer ul li a:focus {background-color: #369; color: #fff;}

/* Search Bar --------------------------------------------------*/

#searchbar{background-color: #00587B;
           color: #fff;
		   padding: 3px 0px 3px 12px;
		   border-top: 1px solid #fff;}

#searchbar a:link { color: #FFFFFF; text-decoration: underline; } 
#searchbar a:visited { color: #FFFFFF; text-decoration: underline; } 
#searchbar a:hover {color: #00587B; text-decoration: underline; background-color: #FFFFCC} 
#searchbar a:active {color: #00587B; text-decoration: underline; background-color: #FFFFCC} 
#searchbar a:focus {color: #00587B; text-decoration: underline; background-color: #FFFFCC} 

.advanced {margin-left: 35px;}



/* History Trail --------------------------------------------------*/
#historytrail {margin: 7px 0px 0px 15px }

/* Main Content Homepage --------------------------------------------------*/

/* homepage */
/* homepage */
div.contenthome { margin-left: 1em;  }
div.contenthome div.homeleft { float: left;  width: 78%; margin-right: 0.5em; }
div.contenthome div.homeright { float: right; width: 17%; margin-right: 1em; margin-top: 2em }
div.contenthome div.homeright2 { float: right; width: 17%; margin-right: 1em; margin-top: 0 }
div.contenthome div.homeright1 { background-color:#FFFFFF; float: right; width: 17%; margin-right: 1em;  margin-top: 1em; }
div.contenthome div.intro { border-top: 0.2em solid #7FBE1B; background-color:#FFFFFF; padding-top: 5px; }
div.contenthome div.intro p { padding-bottom: 0.2em; margin-bottom: 0; } 
div.intro2 { border-top: 0.2em solid #7FBE1B; background-color:#FFFFFF; padding-top: 5px; margin: 0px 15px 0px 15px }
div.intro2 p { padding-bottom: 0.2em; margin-bottom: 0; } 

div.categories div { float: left; margin: 0px 5px 0px 0px; padding: 0; margin-top: 0.75em; width: 32%; background-image: url(/images/stripe2.gif); background-repeat: no-repeat; }
div.categories div h2 { font-size: 1.2em; font-weight: bold; margin: 0; padding: 0; margin-left: 0px; margin-left: 10px;}

p.categoryitems { margin-top: 0.25em; margin-bottom: 0.5em; margin-left: 10px; margin-right: 0.5em; }

.clear {  clear: both; }


/* Placeholders --------------------------------------------------*/

#where {background-color: #F1ECDB; margin: 0px 0px 10px 0px;}
#where div {background-color: #FF7A00; margin: 0px 0px 7px 0px;}
#where div h2 {color: #FFFFFF; font-weight: normal; font-size: 1.2em; margin: 5px 0px 5px 3px;}			 
#where p {margin: 0px 0px 0px 3px; padding-bottom: 5px;}

div.place {background-color: #E8F6DC; margin: 0px 0px 10px 0px;}
div.place div {background-color: #7FBE1B; margin: 0px 0px 7px 0px;}
div.place p {margin: 0px 0px 0px 3px; padding-bottom: 5px;}
#sub div.place p {margin: 0px 0px 0px 3px; padding-bottom: 5px;}
div.place div h2 {color: #FFFFFF; font-weight: normal; font-size: 1.2em; margin: 5px 0px 5px 3px; }
div.place ul    {list-style: none; margin: 0 0 0 0.3em; padding: 0 0 0.5em 0;}
div.place ul li {background: url(/images/bullet2.gif) no-repeat 0em 0.6em; display: block; padding: 0.1em 0 0.1em 9px;}



div.place2 {background-color: #E8F6DC; margin: 0px 0px 10px 0px; padding: 5px 5px 5px 3px}


div.place3 {background-color: #E8F6DC; margin: 30px 0px 10px 0px;}
div.place3 div {background-color: #7FBE1B; margin: 0px 0px 7px 0px;}
div.place3 p {margin: 0px 0px 0px 3px; padding-bottom: 5px;}
#sub div.place3 p {margin: 0px 0px 0px 3px; padding-bottom: 5px;}
div.place3 div h2 {color: #FFFFFF; font-weight: normal; font-size: 1.2em; margin: 5px 0px 5px 3px;}

#sub div.place div h2 {background-color: #7FBE1B; color: #FFFFFF; font-weight: normal; font-size: 1.2em; margin: 5px 0px 5px 3px;}
#sub div.place3 div h2 {background-color: #7FBE1B; color: #FFFFFF; font-weight: normal; font-size: 1.2em; margin: 5px 0px 5px 3px;}


/* Headers and Lists and text --------------------------------------------------*/
#home h1 {font-size: 1.3em; color: #00587B; margin: 0.6em 0 0 0;}
#sub h1 {font-size: 1.3em; color: #00587B; margin: 0.6em 0 10px 15px;}
#sub h2 {font-size: 1.2em; color: #00577B; background: #DCE5EA;  padding: 3px 0px 3px 3px; margin: 5px 0px 0px 0px}
#sub h3 {font-size: 1.1em; color: #333333;  margin: 5px 0px 10px 0px}
#sub p {margin: 10px 0px 10px 0px}

#sub div.homeleft ul    {list-style: none; margin: 0 0 0 0.3em; padding: 0 0 0.5em 0;}
#sub div.homeleft ul li {background: url(/images/bullet2.gif) no-repeat 0em 0.6em; display: block; padding: 0.1em 0 0.1em 9px;}

hr { color: #7FBE1B; background-color: #7FBE1B; height: 3px;}

/* Links --------------------------------------------------*/
a:link { color: #065B96; text-decoration: underline; }
a:visited { color: #065B96; text-decoration: underline; }
a:hover {color: #0000CC; text-decoration: underline; background-color: #FFFFCC}
a:focus {color: #0000CC; text-decoration: underline; background-color: #FFFFCC}
a:active {color: #0000CC; text-decoration: underline; background-color: #FFFFCC}

/* Images --------------------------------------------------*/

/* Absolote Middle position for Images---*/
.middle    {vertical-align: middle;}
.push {margin-top: 20px}
.push2 {margin-top: 10px}
input.spaceout {margin: 3px 0px 3px 0px}

/* Footer --------------------------------------------------*/
#footer {
         margin: 0px;
		 padding: 4px 0px 5px 0px;
		 clear: both;
		 background-image: url(/images/foot.gif);
         background-repeat: no-repeat; }
		
#footer p{padding: 15px 0px 5px 10px}

/* Tabs --------------------------------------------------*/
#tabarea {margin: 0px 27px 10px 15px;}

#tablist            {padding: 3px 0; margin-left: 0; border-bottom: 1px solid #57A8C3; font-weight: bold; margin-bottom: 0px}
#tablist li         {list-style: none; margin: 0; display: inline;}
#tablist li a       {padding: 3px 0.5em; margin-left: 3px; border: 1px solid #57A8C3; border-bottom: none; background: #DCE5EA; text-decoration: none;}
#tablist li a:link  { color: #808080; background: #DCE5EA }
#tablist li a:hover {color: #333333; background: #CCDDE7; border-color: #57A8C3;}
#tablist li a#current2 {background: #ECF3F7; border-bottom: 1px solid #ECF3F7; color: #333333;}

#tabbase{background: #ECF3F7; margin: 0px;  padding: 5px 0px 7px 7px; height: 30px}
#tabbase2{background: #ECF3F7; margin: 0px;  padding: 5px 0px 7px 7px;  border: 1px solid #57A8C3; border-top: none;}

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

#icons {float: right; margin-right: 10px; }

/* Contact Information --------------------------------------------------*/
.address {background: url(/images/icon_address.gif) no-repeat 0em 0.2em;  padding: 0px 0px 0px 15px}
.phone {background: url(/images/icon_phone.gif) no-repeat 0em 0.2em;  padding: 0px 0px 0px 15px}
.email {background: url(/images/icon_email.gif) no-repeat 0em 0.2em;  padding: 0px 0px 0px 15px}
.web {background: url(/images/icon_web.gif) no-repeat 0em 0.2em;  padding: 0px 0px 0px 15px}

/* Boxs --------------------------------------------------*/
.extra {background:#ECF3F7; padding: 7px 0px 7px 15px}
.stripe {background: url(/images/stripe.gif); padding: 7px 0px 7px 3px; margin: 10px 0px 10px 0px; height: 30px}
.floatright {float: right; margin-right: 10px; }
.floatleft {float: left; margin-right: 10px; }

/* Back to Top --------------------------------------------------*/
#back {margin: 10px 0px 0px 0px}

#back2 {margin: 10px 0px 0px 15px}


/* What's New  --------------------------------------------------*/

#wrap {margin: 0px 15px 0px 15px;
	  padding: 0px;}
		
#content {padding: 0px;
		  margin-left: 190px;
		  margin-right: 0px;
		  background-color: #EAF2F4;
		  padding: 15px 10px 10px 15px;}
		  		  
#sidebar-a {float: left;
			width: 190px;
			background-color: #ffffff;
			margin: 0px 0px 0px 0px;
			padding: 0}
			

/*Subnav*/
#subnavcontainer { margin-left: 0px; margin-top: 0px; margin-bottom: 0px; }
		
#subnavcontainer ul{
			margin: 0;
			padding: 0;
			list-style-type: none;
			font-family: verdana, arial, Helvetica, sans-serif;}
		
#subnavcontainer li { margin: 0 0 1px 0; }
		
#subnavcontainer a
		{display: block;
			padding: 10px 5px 10px 5px;
			color: #FFFFFF;
			width: 180px;
			background-color: #00587B;
			text-decoration: none;
			font-weight:normal;
			margin: 0;}
		
#subnavcontainer a:hover, a:link#scurrent, a:visited#scurrent
		{color: #00587B;
		font-weight:bold;
			background-color: #EAF2F4;
			text-decoration: none;}
			
#subnavcontainer a:active{color: #00587B; font-weight:bold; background-color: #57A8C3; text-decoration: none;}			
#subnavcontainer a:active{color: #00587B; font-weight:bold; background-color: #57A8C3; text-decoration: none;}
			
/*RSS DIV*/
#feed {margin: 20px 0px 0px 0px}

/*Buttons*/

.button100x27 {
  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-size: 90%;
  font-weight: bold;
  width: 100px;
  height: 27px;
  background-image: url(/images/btn_apply.gif);
  background-color: transparent;
  border-style: none;
  color: #FF7A00;
}
.button100x27over {
  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-size: 90%;
  font-weight: bold;
  width: 100px;
  height: 27px;
  background-image: url(/images/btn_apply_over.gif);
  background-color: transparent;
  border-style: none;
  color: #7FBE1B;
}	

.button180x27 {
  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-size: 90%;
  font-weight: bold;
  width: 180px;
  height: 27px;
  background-image: url(/images/btn_apply_180.gif);
  background-color: transparent;
  border-style: none;
  color: #FF7A00;
}

.button180x27over {
  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-size: 90%;
  font-weight: bold;
  width: 180px;
  height: 27px;
  background-image: url(/images/btn_apply_180_over.gif);
  background-color: transparent;
  border-style: none;
  color: #7FBE1B;
}	

.button200x27 {
  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-size: 90%;
  font-weight: bold;
  width: 200px;
  height: 27px;
  background-image: url(/images/btn_apply_200.gif);
  background-color: transparent;
  border-style: none;
  color: #FF7A00;
}
.button200x27over {
  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-size: 90%;
  font-weight: bold;
  width: 200px;
  height: 27px;
  background-image: url(/images/btn_apply_200_over.gif);
  background-color: transparent;
  border-style: none;
  color: #7FBE1B;
}	

.buttonbig {
  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-size: 100%;
  width: 239px;
  height: 30px;
  background-image: url(/images/btn_big.gif);
  background-color: transparent;
  border-style: none;
  color: #4A6A04;
  margin-bottom: 7px;
}
.buttonbigover {
  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-size: 100%;
  width: 239px;
  height: 30px;
  background-image: url(/images/btn_big_over.gif);
  background-color: transparent;
  border-style: none;
  color: #00587B;
  margin-bottom: 7px;
}

.buttonbig2 {
  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-size: 100%;
  width: 239px;
  height: 30px;
  background-image: url(/images/btn_big.gif);
  background-color: transparent;
  border-style: none;
  color: #4A6A04;
  margin-bottom: 7px;
}
.buttonbigover2 {
  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-size: 100%;
  width: 239px;
  height: 30px;
  background-image: url(/images/btn_big_over.gif);
  background-color: transparent;
  border-style: none;
  color: #00587B;
  margin-bottom: 7px;
}		

.context,
.documentEditable * .context {
    background: transparent url(http://public.dev3.propylon.com/linkTransparent.gif) 9px 1px no-repeat;
    cursor: pointer;
    font-size: 85%;
    padding: 1px 1px 1px 15px;
    text-transform: lowercase;
}

/*Fields*/

.field {
top: 0;
left: 0;
margin: 0 1em 1em 0;
}
.field .field {
margin: 1em 0 0 0;
}
.fieldRequired {
background: url(http://public.dev3.propylon.com/required.gif) center left no-repeat;
padding: 0 0 0 8px;
color: White;
}
.fieldUploadFile {
text-align: right;
margin-right: 0.75em;
display: none;
}
.fieldTextFormat {
text-align: right;
margin-right: 0.75em
}
.formHelp {
font-size: 90%;
color: #76797c;
margin: 0 0 0.2em 0;
}
.formHelp:hover {
color: Black;
cursor: default;
}
.formControls {
margin: 1em 0;
}
.error {
/* */
background-color: #ffce7b;
border: 1px solid #ffa500;
padding: 1em;
margin: 0 0 1em 0;
width: 95%;
}
.error .fieldRequired {
color: #ffce7b;
}
.message {
/* */
background-color: #E8F6DC;
border: 1px solid #7FBE1B;
padding: 1em;
margin: 2em 0 0;
width: 95%;
}


/* Service Finder and Form Request*/


/*Data Tables*/
 
 table
 {  
 background-color:#FFFFFF; 
 }
 
 th
{ font-family: Verdana,Arial,Helvetica,sans-serif;
  font-size: 100%;
  font-weight: bold;
  text-align:right;
  background-color: #FFFFFF;
  border-style: none;
  padding: 5px 15px 5px 15px;}

 td
{ font-family: Verdana,Arial,Helvetica,sans-serif;
  font-size: 90%;
  font-weight: normal;
  text-align:left;
  background-color: transparent;
  background-color: #FFFFFF;
  border-style: none;
  padding: 5px 15px 5px 15px;}

 th.thleft
{ font-family: Verdana,Arial,Helvetica,sans-serif;
  font-size: 100%;
  font-weight: bold;
  text-align:left;
  background-color: #FFFFFF;
  border-style: none;
  padding: 5px 15px 5px 15px;}


table.list tr td.listitem {background: url(/images/bullet2.gif) no-repeat 0em 0.6em; display: block; padding: 0.1em 0 0.1em 9px; font-size: 100%;}



/* Contact Information --------------------------------------------------*/
.label {; font-weight: bold}
.sf_address {background: url(/images/icon_address.gif) no-repeat 0em 0.2em;  padding: 0px 0px 0px 15px}
.sf_phone {background: url(/images/icon_phone.gif) no-repeat 0em 0.2em;  padding: 0px 0px 0px 15px}
.sf_email {background: url(/images/icon_email.gif) no-repeat 0em 0.2em;  padding: 0px 0px 0px 15px}
.sf_web {background: url(/images/icon_web.gif) no-repeat 0em 0.2em;  padding: 0px 0px 0px 15px}
.sf_lowcall {background: url(/images/icon_phone.gif) no-repeat 0em 0.2em;  padding: 0px 0px 0px 15px}
.sf_freecall {background: url(/images/icon_phone.gif) no-repeat 0em 0.2em;  padding: 0px 0px 0px 15px}
.sf_mobile {background: url(/images/icon_phone.gif) no-repeat 0em 0.2em;  padding: 0px 0px 0px 15px}
.sf_fax {background: url(/images/icon_phone.gif) no-repeat 0em 0.2em;  padding: 0px 0px 0px 15px}

/* homepage */
div.sf_intro2 { border-top: 0.2em solid #7FBE1B; background-color:#FFFFFF; padding-top: 5px;  margin: 0px 0px 0px 0px }
div.sf_intro2 p { padding-bottom: 0.2em; margin-bottom: 0; } 
div.sf_contenthome { margin-left: 1em; margin-right: 1em; }
#div.sf_contenthome div.homeleft { float: left;  width: 78%; margin-right: 0.5em; }
#div.sf_contenthome div.homeright { float: right; width: 17%; margin-right: 1em; margin-top: 2em }
#div.sf_contenthome div.homeright2 { float: right; width: 17%; margin-right: 1em; margin-top: 0 }
#div.sf_contenthome div.homeright1 { background-color:#FFFFFF; float: right; width: 17%; margin-right: 1em;  margin-top: 1em; }
#div.sf_contenthome div.intro { border-top: 0.2em solid #7FBE1B; background-color:#FFFFFF; padding-top: 5px; }
#div.sf_contenthome div.intro p { padding-bottom: 0.2em; margin-bottom: 0; } 
#sf_tabbase{background:#ECF3F7; margin:0; padding:0; height:50px}