@charset "UTF-8";
/* CSS Document */

body  {
	font: 1em Arial, Helvetica, sans-serif;
	background: #D0FFD3;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}
* {
	margin:0;
	color: #000000;
}
 #container { 
	width:800px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #E8FFEB;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 1px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
}
#header { 
	background: #9ad7ff; 
	padding: 0;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	margin:0px;
	height:165px;
	width:800px;
}
#header img {border:none;} 
#header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	position: absolute;
	top: -100px;} 


	/*text-align:center;*/
#navbar {  width:800px; height:35px; background-image:url(as_images/navbar.jpg); border-bottom:1px solid #000; }
#topnav {width:768px; height:35px; margin-left:auto; margin-right:auto;}
#topnav ul {  padding:5px 0 3px 0;}	
#topnav li {
			float:left;
			font-size:16px;
			font-weight: bold;
			list-style-type:none;
			margin-top:2px;
			padding:0 8px;
} 
#topnav li a:link {
	color: #000066;text-decoration: none;  padding:7px 5px 10px 5px;
	}
#topnav li a:visited {
	color: #003399 ;text-decoration: none;  padding:7px 5px 10px 5px;
	}
#topnav li a:hover  {
	color: #FFF; background-image:url(as_images/navbar-over.jpg);text-decoration: none; padding:7px 5px 11px 5px;
	}


#content { position:relative; background-image:url(as_images/content-bg2.jpg); }
#sidebar1 {
	Position: absolute;
	top:40px;
	left:0; /* since this element is floated, a width must be given */
	width: 150px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	padding: 15px 0;
	margin:0;}
	
#sidebar1 img { margin:10px; }	

#sidebar1 ul {list-style-type:none;
				padding:0;
				margin:0;
}
#sidebar1 li {
	font-size:14px;
	list-style-type:none;
	padding:2px 0 ; 
}

#sidebar1 li a:link {width:130px;  display:block; color: #000066;text-decoration: none; padding:5px 0 5 20px; margin:0;
	}
	
#sidebar1 li a:visited {width:130px;  color: #003399 ;text-decoration: none; padding:5px 0 5px  20px;  margin:0;
	}
#sidebar1 li a:hover  {width:130px;  color: #FFF; background-image:url(as_images/sidebar-hov.jpg); text-decoration: none; padding:5px 0 5px 20px; margin:0;
	}
	
#sidebar1 h4 a {  font-size:100%; padding:3px 0 0 15px; }
#sidebar1 h4 a:hover  {width:135px; padding:3px 0 0 15px; font-size:100%; color: #FFF; background-image:url(as_images/sidebar-hov.jpg); text-decoration: none;}
#sidebar1 a {
	display:block;
	padding:5px 5px 5px 20px;
	color:  #000066;
	text-decoration: none;
	}	
#sidebar1 a:hover {
	display:block;
	padding:5px 5px 5px 20px;
	background-image:url(as_images/sidebar-hov.jpg);
	color:  #fff;
	text-decoration: none;
	}		
	
#sidebar1 p {
	font-size:14px;
	padding:5px 5px 0 20px ; 
}	
	
	
#sidebar2 {font: .9em Arial, Helvetica, sans-serif;
	Position: absolute;
	top:40px;
	left:0; /* since this element is floated, a width must be given */
	width: 150px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	padding: 15px 0;
	margin:0;}
	
#sidebar2 img { padding:15px 12px 5px 12px; }
#sidebar2 h4 a {  font-size:100%; padding:3px 0 0 15px; }
#sidebar2 h4 a:hover  {width:135px; padding:3px 0 0 15px; font-size:100%; color: #FFF; background-image:url(as_images/sidebar-hov.jpg); text-decoration: none;}	
#sidebar2 a {
	display:block;
	padding:5px 5px 5px 12px;
	color:  #000066;
	text-decoration: none;
	}	
#sidebar2 a:hover {
	display:block;
	padding:5px 5px 5px 12px;
	background-image:url(as_images/sidebar-hov.jpg);
	color:  #fff;
	text-decoration: none;
	}		

#sidebar2 p {
	font-size:14px;
	padding:5px 5px 0 20px ; 
}		
		
#sidebar3 {
	font: 13px Arial, Helvetica, sans-serif;
	Position: absolute;
	top:40px;
	left:0; /* since this element is floated, a width must be given */
	width: 150px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	padding: 15px 0;
	margin:0;
	font-weight: normal;
}
	
#sidebar3 img {
	margin:7px 7px 3px 10px;
}
#sidebar3 h4 a {  font-size:100%; padding:3px 0 0 15px; }
#sidebar3 h4 a:hover  {width:135px; padding:3px 0 0 15px; font-size:100%; color: #FFF; background-image:url(as_images/sidebar-hov.jpg); text-decoration: none;}	
#sidebar3 p { text-align:center;
	font-size:13px; 
	padding:0 5px 0 10px ;}

		
#sidebar3 .button a:link { background-image: url("as_images/07c.png") background-repeat:repeat-x; background-color:##2F7738;  border:1px solid #000000; color:#FFFFFF  text-decoration: none; font-family:Arial, Helvetica, sans-serif; font-size:14px; margin:15px 5px 15px 0; padding:5px 10px; }		
	
.list-title {padding:5px 10px;  }	

#mainContent { 
	margin: 85px 0 0 155px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 0 20px 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
} 
#mainContent p { margin:0; padding-top:4px; line-height:1.5em;}

#mainContent h1 { font-family:Arial, Helvetica, sans-serif; font-size:1.75em; color:#2053B1; margin:30px 0;}

#mainContent h2 { font-family:Arial, Helvetica, sans-serif; font-size:1.5em; color:#2053B1; margin-top:15px; margin-bottom:0px;}

#mainContent2 { 
	margin: 105px 0 0 0; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 0 20px 15px 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
} 

#mainContent2 a:link {
	color: #2053B1; text-decoration: none;
	}
#mainContent2 a:visited {
	color: #2053B1; text-decoration: none;
	}
#mainContent2 a:hover {
	color: #2F7738; text-decoration: none;
	}
#mainContent2 h1 { font-family:Arial, Helvetica, sans-serif;  font-size:26px; color:#2053B1; margin:10px 0 20px 0; }
#mainContent2 h2 { font-family:Arial, Helvetica, sans-serif;  font-size:24px; color:#2053B1; margin:20px 0 10px 0; }
#mainContent2 h3 { font-family:Arial, Helvetica, sans-serif;  font-size:18px; color:#2053B1; margin:5px 0 20px 0; }
	
#mainContent2 p {margin:0; padding-top:4px; line-height:1.5em;}


a img {border: none; }

 #footer {  width:800px; height:60px; background-image:url(as_images/Footer-bg.jpg); clear:both; 
} 
 #footer ul {
	margin:0 0 0 50px;
	padding:6px 10px 0 10px;
}
  #footer li {float:left; font-size:1em; list-style-type:none; padding:0 10px; }
  
  #footer a:link {
	color:  #000066; text-decoration: none;
	}
#footer a:visited {
	color:  #003399 ;text-decoration: none;
	}
#footer a:hover {
	color: #fff; text-decoration: none;
	}
 
 #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 5px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.right { text-align:right;}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
#phone {
	position:absolute;
	top:36px;
	left:150px;
	background-color: #2F7738;
	height:65px;
	text-align:center;
	width: 650px;
}
#phone .ph {color:#fff;}
#phone p { font: bold 100% Arial, Helvetica, sans-serif; line-height:180%; letter-spacing: 1px; margin-top:3px; padding: 0 ; color:#FFFFFF; }

#phone table {margin-left:10px;width:620px; height:55px; border:0; }
#phone td {font: bold 90% Arial, Helvetica, sans-serif; line-height:180%; letter-spacing: 1px; margin-top:0; padding: 0px ; color:#FFFFFF; }

#phone td img{
	margin-right:-10px;
	padding-top:5px;
	}
	
#phone2 {
	position:absolute;
	top:36px;
	left:150px;
	background-color: #2F7738;
	height:75px;
	text-align:center;
	width: 650px;
}

#phone2 p { font: 100% Verdana, Arial, Helvetica, sans-serif; line-height:135%;  margin-top:6px; padding: 0 ; color:#FFFFFF; }
.phonebold {font: 100% Verdana, Arial, Helvetica, sans-serif; line-height:135%;  margin-top:6px; padding: 0 ; color:#FFFFFF; font-weight:bold;}	
 
.phonebold .ph {color:#fff;}

#phone3{
	position:absolute;
	top:36px;
	left:150px;
	background-color: #2F7738;
	height:65px;
	text-align:center;
	width: 650px; }
	
#phone3 .ph {color:#fff;}

#phone3 p { font: bold 125% Arial, Helvetica, sans-serif; line-height:180%; letter-spacing: 1px; margin-top:3px; padding: 0 ; color:#FFFFFF; text-align:left; }	

#phone3 table {margin-left:60px;width:540px; height:55px; border:0; }	
	
	
.center {text-align:center;}

.center2 {text-align:center;}
.center2 img { margin:10px;}

h1 { font-family:Arial, Helvetica, sans-serif; font-size:1.7em; color: #2053B1; margin-top:40px;margin-bottom:0px;}

h2 { font-family:Arial, Helvetica, sans-serif; font-size:1.4em;  color:#2053B1; margin-top:15px; margin-bottom:0px;}

h3 { font-family:Arial, Helvetica, sans-serif; font-size:145%; color:#2053B1; margin-top:15px; margin-bottom:0px;}
	
h4{font-size:115%; color:#000; margin-top:5px; margin-bottom:5px;}

h5 {
	font-size:15px;
	color:#000;
	margin:0 5px 0 20px;
}

.h-link {font-size:18px; color:#2053B1;}

dl.feature {
	margin:0 ;
	padding: 15px;
	border-top: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc;
	}

dl.feature dt {
	margin: 0 0 .5em 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 140%;
	font-weight:bold;
	color:#3872AA;
	}
dl.feature dt img {
	float: left;
	margin: 0 15px 0 0;
	padding: 0 4px 4px 0;
	
	}
dl.feature dd {
	margin-left: 130px;
	font-size: 85%;
	line-height: 1.4em;
	color: #000;
	}
dl.feature dd h3 {
	font-size:150%;
	color:#2053B1;
	margin-top:0px;
	margin-bottom:5px;
	line-height:1.2em;}	
	
dl.feature dd ul {
	margin-top: 0;
	line-height: 1.4em;}
dl.feature dd li {
	margin-left: -15px;
	line-height: 1.4em;}

dl.feature2 {
	margin:  0;
	padding: 15px;
	border-bottom: 1px dotted #ccc;
	}

dl.feature2 dt {
	margin: 0 0 .5em 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 140%;
	font-weight:bold;
	color:#3872AA;
	}
dl.feature2 dt img {
	float: left;
	margin: 0 15px 0 0;
	padding: 0 4px 4px 0;
	
	}
dl.feature2 dd {
	margin-left: 117px;
	font-size: 90%;
	line-height: 1.4em;
	color: #000;
	}
dl.feature2 dd h3 {
	font-size:150%;
	color:#2053B1;
	margin-top:0px;
	margin-bottom:5px;
	line-height:1.2em;}
	
dl.feature2 dd ul {
	margin-top: 0;
	line-height: 1.4em;}
dl.feature2 dd li {
	margin-left: -15px;
	line-height: 1.4em;}
	
dl.feature3 { position:relative;
	margin:0 ;
	padding: 15px;
	border-bottom: 1px dotted #ccc;
	}

dl.feature3 dt {
	margin: 0 0 .5em 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 110%;
	font-weight:bold;
	color:#3872AA;
	}
dl.feature3 dt img {
	float: left;
	margin: 0 15px 0 0;
	padding: 0 4px 4px 0;
	
	}
dl.feature3 dd {
	margin-left: 140px;
	font-size: 90%;
	line-height: 1.4em;
	color: #000;
	}
dl.feature3 dd h3 {
	font-size:150%;
	color:#2053B1;
	margin-top:0;
	margin-bottom:5px;
	line-height:1.2em;}
	
dl.feature3 dd ul {
	margin-top: 0;
	line-height: 1.4em;}
dl.feature3 dd li {
	margin-left: -15px;
	line-height: 1.4em;}
	
dl.feature4 { position:relative;
	margin:0 ;
	padding: 15px;
	
	border-bottom: 1px dotted #ccc;
	}	
	
dl.feature4 dt {
	margin: 0 0 .5em 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 110%;
	font-weight:bold;
	color:#3872AA;
	}
dl.feature4 dt img {
	float: left;
	margin: 0 15px 0 0;
	padding: 0 4px 4px 0;
	
	}
dl.feature4 dd {
	margin-left: 256px;
	font-size: 85%;
	line-height: 1.4em;
	color: #000;
	}
dl.feature4 dd h3 {
	font-size:150%;
	color:#2053B1;
	margin-top:0;
	margin-bottom:5px;
	line-height:1.2em;
	}
dl.feature4 dd td { padding: 2px 20px 2px 0;}
dl.feature4 dd li{ margin-left: 17px; }

	
dl.feature5 {
	margin:  0;
	padding: 15px;
	border-bottom: 1px dotted #ccc;
	}	
	
dl.feature5 dt {
	margin: 0 0 .5em 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 110%;
	font-weight:bold;
	color:#3872AA;
	}
dl.feature5 dt img {
	float: left;
	margin: 0 15px 0 0;
	padding: 0 4px 4px 0;
	}
dl.feature5 dd {
	margin-left: 180px;
	font-size: 90%;
	line-height: 1.4em;
	color: #000;
	}
dl.feature5 dd h3 {
	font-size:150%;
	color:#2053B1;
	margin-top:0;
	margin-bottom:5px;
	line-height:1.2em;}
	
dl.feature5 dd li{
	margin-left: 10px;
	
	}
	
dl.feature5 dd td { padding: 2px 20px 2px 0;}	
	
.ap-left { position:absolute; top:200px; left:20px;
	font-size:78%;
	font-weight:normal;
	color:#000000;
	padding-left:15px;
	
}

hr { width: 90%; text-align:center;}

.from {font-family:Georgia, "Times New Roman", Times, serif; font-size:20px; margin:0 0 0 15px; padding:0; font-style:italic; }
.from2 {font-size:180%; color:#2053B1; margin-top:5px; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; }

.feature4img { width:226px;
				float:left;
				margin-top: 15px;
				color:#000000; }

.water li a:link {
	color: #2053B1; text-decoration: none;
	}
.water li a:visited {
	color: #2053B1; text-decoration: none;
	}
.water li a:hover {
	color: #2F7738; text-decoration: none;
	}

.water h5 {
	margin:15px 0 5px 30px;
	padding:0;
	font-size:100%;
	color:#2053B1;
}
.water ul {
	margin: 0;
}
.water ul li {
	font-size:0.9em;
	list-style-type:none;
	line-height: 1.5em;}
	
.info h5 {margin:15px 0 5px 0;
	padding:0;
	font-size:110%;
	color:#2053B1;  }
	
.info h6 {margin:15px 0 5px 0;
	padding:0;
	font-size:16px;
	color:#2053B1;  }	
		
.info p {font-size:0.9em; margin:0; padding:4px 0; line-height:1.4em; }

.info ol { margin:0 25px; padding:4px 0;}

.info ol li {
	font-size:0.9em;
	
	line-height: 1.4em;}
	
#mainContent a:link {
	color: #000099; text-decoration: none;
	}
#mainContent a:visited {
	color: #000099; text-decoration: none;
	}
#mainContent a:hover {
	color: #2F7738; text-decoration: none;
	}
	
#addheading {margin:10px 0 20px 80px;}

#addheading h1{ margin:0; font-size:28px; font-family:Arial, Helvetica, sans-serif;color: #000099;}

#addheading h2{ margin:0; font-size:22px; font-family:Arial, Helvetica, sans-serif;color: #000099;}

.smaller {font-size:16px; color: #000099;}

#addheading a:link {
	color: #000099; text-decoration: underline;}
	
#addheading a:hover {
	color: #2F7738; text-decoration: none;}
	
#layer1 {
	position: absolute;
	visibility: hidden;
	width: 420px;
	height: 270px;
	left: 200px;
	top: 10px;
	background-color: #E8FFE3;
	border: 2px solid #000000;
	padding: 10px;
	color:#000000;
	z-index:1000;
	}
#layer1 p  {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:14px; text-align:left; line-height:150%; margin: 10px 10px;}

</style>
<link href="abeyspring.css" rel="stylesheet" type="text/css" />
[if IE 5]>
<style type="text/css"> 
/* place css box model fixes for IE 5* in this conditional comment */
.twoColFixLtHdr #sidebar1 { width: 230px; }
</style>
<![endif][if IE]>
<style type="text/css"> 
/* place css fixes for all versions of IE in this conditional comment */
.twoColFixLtHdr #sidebar1 { padding-top: 30px; }
.twoColFixLtHdr #mainContent { zoom: 1; }
/* the above proprietary zoom property gives IE the hasLayout it needs to avoid several bugs */
</style>
<![endif]