@charset "UTF-8";
/* CSS Document 
This Style Sheet Developed by Word Work, Inc. for East Rockhill Township Web site
*/

* { margin: 0; padding: 0; }

img, div, head, h1 { behavior: url(iepngfix.htc) }

body { background: #d5d3c0; font-size: 62.5%; } /* reduces default font size to 10pts ie. 1em */
a img { border: 0px; }
a:link {color: #ca641d; text-decoration: none;}     /* unvisited link */
a:visited {color: #9b5626; text-decoration: none;}  /* visited link */
a:hover {color: #f07f50}   /* mouse over link */
a:active {color: #ff7a43}   /* selected link */

li a:link {color: #4b6371; text-decoration: none;}
li a:hover {color: #ca641d; text-decoration: none;}
li a:active { color: #75bee8; }
li a:visited {color: #618aa2; text-decoration: none;}
/*li a:hover { border-left: 5px solid #7c9cae; padding-left: 5px;}*/

ol.newslist li a:link {color: #ca641d; text-decoration: none;}     /* unvisited link */
ol.newslist li a:visited {color: #9b5626; text-decoration: none;}  /* visited link */
ol.newslist li a:hover {color: #f07f50}   /* mouse over link */
ol.newslist li a:active {color: #ff7a43}   /* selected link */
ol.newslist li a { border-bottom: none; }


p { font-family: Arial, Helvetica, sans-serif; color: #464646; font-size: 1.2em; line-height: 1.5em; padding-bottom: 1.0em; }

ul, ol{ padding: 0px 0px 1.5em 3.0em; }
li { font-family: Arial, Helvetica, sans-serif; color: #464646; font-size: 1.2em; line-height: 1.5em; list-style-type: circle;  }
ol li a { border-bottom: 1px dotted #646464;  }
li li {font-size: 1em; }

h1 { height: 73px; width: 217px; position: relative; top: 30px; left: 30px; background: transparent url(images/logo.png) no-repeat 0 0; background-position: center; text-indent: -9900px; font-family: Georgia, "Times New Roman", Times, serif ; color: #464646; font-size: 2.0em; line-height: 1.5em; }
h2 { font-family: Georgia, "Times New Roman", Times, serif ; color: #3b5c80; font-size: 2.0em; font-weight: normal; line-height: 1.5em; }
h3 { font-family: Georgia, "Times New Roman", Times, serif ; color: #ca641d; font-size: 1.9em; font-weight: normal; line-height: 1.5em; }
h4 { font-family: Georgia, "Times New Roman", Times, serif ; color: #8c6f5b; font-size: 1.6em; font-weight: normal; line-height: 1.5em; }
h5 { font-family: Georgia, "Times New Roman", Times, serif ; color: #3b5c80; font-size: 1.4em; font-weight: normal; line-height: 1.5em; }
em { font-family: Georgia, "Times New Roman", Times, serif ; color: #3b5c80; font-size: 1.0em; text-decoration: none; font-weight: normal;}


ul.docs li { list-style-type: none; border-bottom: 1px dotted #646464; text-indent: -1.0em;}
ol.docs ol.inner li { list-style-type: circle; }
ol.inner {padding-bottom: 0;}
ol.docs li { list-style-type: decimal; /*font-size: 1.1em;*/ }
.deptbox li {font-size: 0.9em; }
.deptbox ul.docs {font-size: 1.3em; }
.deptbox ul.gen {font-size: 1.3em; }
#sidelist li {padding-bottom: 1.0em;}
#sidelist p {padding-bottom: 0;}
.articlepage ol li{ list-style-type: decimal; padding-bottom: 1.2em;  }


/* ___________Universal Layout Styles________________ */

#wrap { width: 800px; margin: 0 auto; overflow: hidden; background-image: url(images/headimg.jpg); background-repeat: no-repeat; background-color: #FFFFFF; border-left: 10px solid #bdb3a4; border-right: 10px solid #bdb3a4; border-bottom: 1px; position: relative;  z-index: 0;} 

#head { width: 800px; height: 140px; overflow: visible;  }

#content { width: 800px; height: auto; background-image: url(images/fade.gif); background-repeat: repeat-x; background-position: top; z-index: 1;}

#primary { border-bottom: 1px solid #d7c3a7; width: 730px; overflow: auto; padding: 25px 35px 10px 35px; position: relative; }
#primary ul { list-style-type: none; }
	.colleft { float: left; width: 350px; margin: 0px 0px 0px 0px; }
	.colright { float: right; width: 360px; margin: 0px 0px 0px 5px; padding: 0px 0px 0px 0px; }

#secondary { border-bottom: 1px solid #d7c3a7; width: 730px; overflow: auto; padding: 15px 35px 15px 35px; position: relative; }
*html #secondary {overflow:hidden; } /*avoid scroll on IE6 */

.down_content { float: left; width: 478px; border-right: 1px solid #d5d5d5; }
.down_content ul.docs { background: #f2f4f8; padding-top: 20px; padding-bottom: 20px;}
.down_content ul.docs li { padding: 3px; }
.thrcol { width: 220px; float: left; margin-top: 1em; padding: 0em 1em; border-left: 1px solid #d7c3a7;}
.bizlist { width: 340px; float: left; margin-top: 1em; padding: 0em 1em; border-left: 1px solid #d7c3a7;}
.indent {padding-left: 20px; }
.gen_content { float: left; width: 478px; padding-right: 2.0em; border-right: 1px solid #d5d5d5; }
.narrow_content { float: left; width: 400px; padding-right: 2.0em; border-right: 1px solid #d5d5d5; }
.deptbox { width: 210px; float: right; background-color: #f5f0ed; padding: 2.0em 1.0em 1.0em 1.0em; border-bottom: 1px solid #fff; }
.deptbox2 { width: 210px; float: right; background-color: #f2f4f8; padding: 2.0em 1.0em 1.0em 1.0em; border-bottom: 1px solid #fff; }
.imgbox { width: 270px; height: 235px; float: right; background-color: #dbe8ef; padding: 3px; margin-top: 12px; border: 1px solid #eee; }
.newsimg { float: right; border: 1px solid #d5d5d5; margin: 0px 0px 5px 10px;}
.proimgright { float: right; padding-left: 8px; padding-top: 5px;}
.proimgleft { float: left; padding-right: 8px; padding-top: 5px;}

/* ________TABLES_________ */
table { background-color: #f2f4f8; margin: 5px 5px 5px 25px; padding: 10px;}
table#tax h4 { font-family: Georgia, "Times New Roman", Times, serif; text-align: center;}
table#tax h5 { font-family: Georgia, "Times New Roman", Times, serif; text-align: left; padding-top: 5px;}
#tax {border: 1px dotted #d5d5d5; width: 376px; }
td.border {border-bottom: 1px solid #d5d5d5; }
tr { font-family:Arial, Helvetica, sans-serif; color: #303a4a; font-size: 1.2em; line-height: 1.5em; }
tr.tabsub {font-weight: bold; color: #5e5249;}
td.tabind {text-indent: 2.0em; }
/* ________END TABLES_________ */

/* ----------------------------MAIN NAVIGATION---------------------------- */

#upnavlist { padding: 0px 20px 0px 20px; display: block; list-style-type:none; width:800px; height: 34px; margin:0 auto; overflow: hidden; background:url(images/navbg.gif);  z-index: 2;}

ul#upnavlist li { display: block; float: left; list-style-type: none; }

ul li#navnews a { display: block; height:34px; width: 69px; background: transparent url(images/t_news.gif) no-repeat 0 0; background-position: 0 -46px; text-indent: -9900px; }
ul li#navlive a { display: block; height:34px; width: 118px; background: transparent url(images/t_living.gif) no-repeat 0 0; background-position: 0 -46px; text-indent: -9900px; }
ul li#navbuild a { display: block; height:34px; width: 140px; background: transparent url(images/t_build.gif) no-repeat 0 0; background-position: 0 -46px; text-indent: -9900px; }
ul li#navgov a { display: block; height:34px; width: 124px; background: transparent url(images/t_gov.gif) no-repeat 0 0; background-position: 0 -46px; text-indent: -9900px; }
ul li#navabout a { display: block; height:34px; width: 93px; background: transparent url(images/t_about.gif) no-repeat 0 0; background-position: 0 -46px; text-indent: -9900px; }
ul li#navcal a { display: block; height:34px; width: 101px; background: transparent url(images/t_cal.gif) no-repeat 0 0; background-position: 0 -46px; text-indent: -9900px; }
ul li#navcontact a { display: block; height:34px; width: 91px; background: transparent url(images/t_contact.gif) no-repeat 0 0; background-position: 0 -46px; text-indent: -9900px; }

ul#upnavlist li a:hover { background-position: 0 0px; border-left: 0px; padding-left: 0px;}

body#news ul li#navnews a { background-position: 0 0px; }
body#living ul li#navlive a { background-position: 0 0px; }
body#building ul li#navbuild a { background-position: 0 0px; }
body#govern ul li#navgov a { background-position: 0 0px; }
body#about ul li#navabout a { background-position: 0 0px; }
body#calendar ul li#navcal a { background-position: 0 0px; }
body#contact ul li#navcontact a { background-position: 0 0px; }


/* ----------------------------SUB NAVIGATION---------------------------- */


#lowernavclose { width:800px; height: 7px; margin:0 auto; overflow: hidden; background: #ffffff; border-bottom: 1px solid #d7c3a7; z-index: 1;}
#lowernavopen { width:800px; height: 38px; margin:0 auto; background: #ffffff; border-bottom: 1px solid #d7c3a7;}
*+html #lowernavopen { width: auto; }

ul#lownavlist { padding: 0px 0px 0px 23px; font-size: 1.0em; list-style-type: none; display: block; width: 780px; }
ul#lownavlist li { color: #3b5c80; height: 20px; /*width: 56px;*/ display: block; float: left; padding: 0px 10px 0px 10px; margin: 7px 0px 0px 0px; line-height: 1.0em; text-align: center; text-decoration: none; border-right: 1px solid #d6d6d6; }
*+html #lownavlist li {  }

ul#lownavlist li#last { border: 0px; }

ul#lownavlist li a:link {color: #2d5078; text-decoration: none;}     /* unvisited link */
ul#lownavlist li a:visited {color: #2d5078; text-decoration: none;}  /* visited link */
ul#lownavlist li a:hover {color: #ca641d; text-decoration: none; border-left: 0px; padding-left: 0px;}   /* mouse over link */
ul#lownavlist li a:active {color: #f07f50; text-decoration: none;}   /* selected link */


/* --------------------------THIRD NAVIGATION----------------------------*/

.navright { float: right; width: 300px; margin: 0px 0px 0px 5px; padding: 0px 0px 0px 0px; }
.navright li {list-style: none; }
li.navbottom {border-bottom: none;}

.navright ul li a {display:block; border-left: 5px solid #a4a09e; padding: 1px 0 1px 2px; margin: 3px 0; font-color:#3b5c80;}
*html .navright ul li a { margin-top: 0; margin-bottom: -16px;} /* IE6 spacing fix */

.navright a:link {background-color:#f2f4f8;  text-decoration: none; color:#3b5c80;}     /* unvisited link */
.navright a:visited {background-color:#f2f4f8; text-decoration: none; color:#3b5c80;}  /* visited link */
.navright a:hover {background-color: #fee9d3; color:#3b5c80;}   /* mouse over link */
.navright a:active {background-color: #edaa8d; color:#3b5c80;}   /* selected link */

/* ----------------------------END NAVIGATION---------------------------- */



/* ----------------------------BEGIN FOOTER---------------------------- */

#footer { background: url(images/footerbg.jpg) ; height: 150px; width: 799px; border-top: 1px solid #CC0000; border-bottom: 1px solid #CC0000; padding: 10px 35px 10px 35px; position: relative; overflow: hidden; }

div#footer h4 { font-variant: small-caps; color: #ffffff; font-size: 1.6em; font-weight: normal; line-height: 1.5em; display: block; border-bottom: 1px solid #ffffff;}

div#footer p {  color: #ffffff; font-size: 1.1em; line-height: 1.2em; padding-top: 8px; }

div#footer ul { padding: 0px 0px 0px 0px; }
div#footer li { color: #ffffff; font-size: 1.1em; line-height: 1.2em; padding: 8px 0px 0px 0px; list-style-type: none;}

.fcol1 { float: left; width: 300px; height: 154px; position: absolute; top: 10px; left: 50px; overflow: auto;}
.fcol2 { width: 190px; height: 154px; position: absolute; top: 10px; left: 370px; }
.fcol3 { float: right; width: 190px; height: 154px; position: absolute; top: 10px; left: 580px; }

.quickcol1 { float: left; width: 150px; }
.quickcol2 { float: right; width: 150px; }

#seal { position: absolute; top: 70px; left: -70px; }


div#footer a:link {color: #ffffff; text-decoration: none;}     /* unvisited link: white */
div#footer a:visited {color: #ffffff; text-decoration: none;}  /* visited link: light light blue */
div#footer a:hover {color: #ffffff; text-decoration: underline;}   /* mouse over link: white w/underline */
div#footer a:active {color: #f07f50}   /* selected link: orange */

/* ----------------------------BEGIN COPYRIGHT------------------------- */

#copy { text-align: center; font-size: 1.0em; color: #3b5c80; padding: 8px 0px 10px 0px; }


/* ----------------------------END COPYRIGHT------------------------- */

/* ----------------------------BEGIN SEARCH------------------------- */

#search { height: 20px; width: 225px; position: absolute; top: 90px; left: 525px; z-index: 0; padding: 15px;}

/* ----------------------------END SEARCH------------------------- */


/* _______________________________________ PAGE SPECIFIC STYLES ___________________________________________ */
/*_____HOME________*/

#rotator { width: 189px; height: 251px; float: left; background: #666666; }
#calendarframe { float: right; width: 525px; }
#calendarleft { float: left; width: 423px; }
* html #calendarframe { float: left; width: 530px; }
#calbutton {float: right; }
iframe { border: 0px; }

/*___ News ____*/
.listingcol { float:left; width: 402px;}
.articlelisting { width: 400px; float: left; padding: 0.0em 0.0em 1.0em 1.2em; margin: 1.0em 0.0em 1.2em 0.0em ; /*border-left: 1px solid #646464;*/ border-bottom: 1px solid #d5d5d5; }
.articlelisting h4 a { color: #ca641d; }
.articlelistingcol h4 a { color:#ca641d; }
.articlelistingcol { width: 400px; float: left; padding: 0.0em 0.0em 0em 1.2em; margin: 0em 0em 0em 0em ; }
.articlelistingcol h4 { margin-top: 1.4em; }
.articlelistingcol p { padding-bottom: 1.8em; margin-bottom: 1.2em; border-bottom: 1px solid #d5d5d5; }
.readmore { padding: 0px 2px 0px 2px; float: right; /*background-color: #f6e9e3;*/ border-left: 5px solid #a4a09e;}
/* article listing can also used for archive lists, notice lists, ect. Where there is a description of 2 lines or more */

.newsarchivelist { width: 280px; float: right; background-color: #f5f0ed; padding: 1.0em; border-left: 1px solid #d5d5d5; border-bottom: 3px solid #fff; }
.newsarchivelist h2 { font-family: Georgia, "Times New Roman", Times, serif ; color: #3b5c80; font-size: 1.8em; font-weight: normal; line-height: 1.5em; border-bottom: 1px dotted #64646; }
.newsarchivelist h3 { font-family: Georgia, "Times New Roman", Times, serif ; color: #3b5c80; font-size: 1.6em; font-weight: normal; line-height: 1.5em; border-bottom: 1px dotted #64646; }
.newsarchivelist h4 { font-family: Georgia, "Times New Roman", Times, serif; color: #ca641d; font-size: 1.2em; line-height: 1.0em; padding-bottom: 1.0em; }
.readmore h4 { font-family: Georgia, "Times New Roman", Times, serif; color: #c69d80; font-size: 1.2em; line-height: 1.2em; padding-bottom: 0.0em; }

.newsarchivelist h5 { font-family: Georgia, "Times New Roman", Times, serif; color: #464646; font-size: 1.0em; line-height: 0.9em; padding-bottom: 1.0em; }
.newsarchivelist p { font-family: Arial, Helvetica, sans-serif; color: #615757; font-size: 1.2em; line-height: 1.3em; padding-bottom: 1.0em; }
.newsarchivelist ul { line-height: 1.3em; padding-bottom: 1.0em; }
.newsarchivelist li { font-family: Arial, Helvetica, sans-serif ; color: #615757; font-size: 1.2em; line-height: 1.2em; padding-bottom: 0.5em; }
.newsarchivelist em { }

.articlepage { width: 550px; padding-right: 2.0em; border-right: 1px solid #d5d5d5; }


#onlinepay {float:left; margin-top: 40px;}

/*___ Living Here ____*/

.thumbnail { border: 1px solid #d5d5d5; margin: 5px; padding: 5px; }
a:hover .thumbnail { background: #ffdebb; }
.parklisting { width: 410px; float: left; padding: 0.0em 0.0em 1.0em 0.0em; margin: 1.0em 0.0em 1.2em 0.0em ; /*border-left: 1px solid #646464;*/ border-bottom: 1px solid #d5d5d5; }
#primary-recreation { border-bottom: 1px solid #d7c3a7; width: 730px; overflow: auto; padding: 25px 35px 10px 35px; position: relative; background-image: url(images/parkshead.jpg) ;}
#primary-recreation ul { list-style-type: none; }
#primary-schools { border-bottom: 1px solid #d7c3a7; width: 730px; overflow: auto; padding: 25px 35px 10px 35px; position: relative; background-image: url(images/schoolshead.jpg) ;}
#primary-aboutus { border-bottom: 1px solid #d7c3a7; width: 730px; height: 250px; overflow: auto; padding: 25px 35px 10px 35px; position: relative; background-image: url(images/aboutushead.jpg) ;}
#primary-stormwater { border-bottom: 1px solid #d7c3a7; width: 730px; height: 190px; overflow: auto; padding: 25px 35px 10px 35px; position: relative; background-image: url(images/stormwaterhead.jpg) ;}
#smallicon { padding-right: 5px; }

/*___ Minutes & Agendas ___*/

.list_section { width: 725px; float: left; padding-bottom: 1.0em; margin: 1.0em 0.0em 1.2em 0.0em ; border-bottom: 1px solid #d5d5d5; }
.list_section h3 { display: block; }


/*___ Governance ____*/

ul.boards { padding:15px 0;  }
ul.boards li { list-style-type: none; color: #3b5c80; margin-left: 0px; text-indent: 0px;}
ul.boards em { color:#6c6c6c; }


.secondlist { width: 280px; float: right; background-color: #f5f0ed; padding: 1.0em; border-left: 1px solid #d5d5d5; border-bottom: 3px solid #fff; }


/*___ Form Styles ____*/

label { font-family: Georgia, "Times New Roman", Times, serif; color: #464646; line-height: 1.5em; padding-top: 1.0em; display:block; float:left; clear:both;}

select, textarea { float:left; clear:both; }
select { width: 200px; height:110px;}
textarea { width: 300px; height:120px;}

#rsubmit, #name, #email, #address, #city, #zip, #phone {float:left; clear:both; }

#rsubmit { margin-top: 1.0em; }
#name, #email { width: 180px; }
#address { width: 200px;}
#city { width: 140px; }
#zip { width: 50px; }
#phone { width: 95px;}

.highlight { background-color:#FFFF00; }
.error { color: red; font-size: 1.8em; font-style:italic; }


.inlineleft {float:left;}
.inlineright {float:right;}

/* overflow hidden expands the parent durring cases were she carries more than one float and she is centered */