/* ------------------------------------------------
Basic Style Sheet for Wind Gap Borough website

version:    1.0  (04-09-2007)
author:     J.Trail
website:    http://www.trailassociates.com/
------------------------------------------------- */

HTML {
	margin: 0px;
	padding: 0px;
	color:  #000000; /*black*/
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}

/* type selectors */
BODY {
	margin:0px;
	padding: 0px;
	text-align: left;
}
body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

H1 {
    font-size: 30px;
    color: #3696b5;
    font-weight: 300;
}

H2 {
    font-size: 20px;
    color: #3696b5;
    font-weight: 300;
}

H3 {
	font-size: 14px;
	color: #3696b5;
	font-weight: bold;
}
H4 {
	font-size: 12px;
	color: #3696b5;
	font-weight: bold;
}
hr {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	width: 950px;
	height:1px;
	margin-left: 15px;
}
A.readmore:link, A.readmore:visited {
	color: #c41130;
	font-size: 12px;
	text-decoration: underline;
}
A.readmore:hover, A.readmore:active {
    color: #ff0000; /*#0000cc;*/
	font-size: 12px;
	text-decoration: underline;
}
.noPadding {
	margin:0px;
	padding:0px;
}

/* CLEAR CLASS */
.clear {
	clear:both;
}
.whiteText {
	color: #FFFFFF;
}
.alert {
	color: #FF0000;
}
.active {
	color: #009933;
}
.bold12pxblue {
	font-size: 12px;
	color: #047ca3;
	font-weight: bold;
}
.bold14pxblue {
	font-size: 14px;
	color: #047ca3;
	font-weight: bold;
}
.bold16pxblue {
	font-size: 16px;
	color: #047ca3;
	font-weight: bold;
}
.bold12pxred {
	font-size: 12px;
	color: #ab0e0e;
	font-weight: bold;
}
#blueBox {
	background:#047ca3;
	color:#FFFFFF;
	padding: 10px;
}
#blueBox A.white:link, A.white:visited {
	color: #ffffff;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}
#blueBox A.white:hover, A.white:active {
    color: #3696b5;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}
/* ---------------------------------------------- */
/* LAYOUTS */
#wrapper {
    width: 998px;
	vertical-align:top;
    text-align: left;
    position: relative;
}
/* -------------------------------------------- */
/* BEGIN PAGE HEADER AREA AND CONTENT */
#branding {
	width: 998px;
	height:174px;
	vertical-align:top;
	background-image: url(../images/windgap_header.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

/* -------------------------------------------- */

.topNavWrap {
	float:right;
	width: 998px;
	height: 30px;
	position: relative;
	vertical-align:top;
	text-align:right;
}

#topNav {
	float: right;
	width: 500px;
	height: 25px;
	position: relative;
	vertical-align:top;
	text-align:right;
	margin-top: 4px;
	margin-right: 15px;
}
#topNav A.top:link, A.top:visited {
	color: #000000;
	font-size: 12px;
	font-weight:bold;
	text-decoration: none;
}
#topNav A.top:hover, A.top:active {
    color: #3696b5; /*#0000cc;*/
	font-size: 12px;
	font-weight:bold;
	text-decoration: none;
}

/* -------------------------------------------- */

.officialNavWrap {
	float:right;
	width: 700px;
	position: relative;
	vertical-align:top;
	text-align:right;
	margin-top: 125px;
}

#officialNav {
	float: right;
	width: 500px;
	position: relative;
	vertical-align:top;
	text-align:right;
	margin-right: 15px;
}
#officialNav A.official:link, A.official:visited {
	color: #000000;
	font-size: 12px;
	font-weight:bold;
	text-decoration: none;
}
#officialNav A.official:hover, A.official:active {
    color: #3696b5; /*#0000cc;*/
	font-size: 12px;
	font-weight:bold;
	text-decoration: none;
}

/* -------------------------------------------- */


.primaryNavWrap {
	float:left;
	width: 998px;
	height: 30px;
	position: relative;
	vertical-align:middle;
	text-align:left;
	background-color: #98c9d9;
	margin-top:2px;
}

#primaryNav {
	float: left;
	width: 900px;
	height: 25px;
	position: relative;
	vertical-align:top;
	text-align:left;
	margin-left: 15px;
	margin-top: 7px;
}
#primaryNav A.primary:link, A.primary:visited {
	color: #000000;
	font-size: 12px;
	font-weight:bold;
	text-decoration: none;
}
#primaryNav A.primary:hover, A.primary:active {
    color: #3696b5; /*#0000cc;*/
	font-size: 12px;
	font-weight:bold;
	text-decoration: none;
}

/* -------------------------------------------- */

#contentWrap {
	float:left;
	width: 950px;
	position: relative;
	vertical-align:top;
	text-align:left;
	padding-left:25px;
	padding-right:25px;
}

.column1 {
	float:left;
	width: 700px;
	position: relative;
	vertical-align:top;
	text-align:left;
}

.column2 {
	float:left;
	width: 180px;
	position: relative;
	vertical-align:top;
	text-align:left;
}

.boroughBox {
	float:center;
	width: 691px;
	position: relative;
	vertical-align:top;
	text-align:left;
	margin-top:25px;
}
.boroughContent {
	width: 691px;
	height: 215px;
	position: relative;
	vertical-align:top;
	text-align:left;
	background-image: url(../images/borough_bkg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.boroughText {
	float:left;
	margin-left:350px;
	margin-right: 12px;
	vertical-align:top;
}
* HTML .boroughText {
	float:left;
	width:300px;
	margin-left:180px;
	margin-right: 12px;
	vertical-align:top;
}
.aroundtownBox {
	float:center;
	width: 691px;
	position: relative;
	vertical-align:top;
	text-align:left;
	margin-top:0px;
}
.aroundtownContent {
	width: 691px;
	height: 192px;
	position: relative;
	vertical-align:top;
	text-align:left;
	background-image: url(../images/aroundtown_bkg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.aroundtownText {
	float:left;
	margin-left:350px;
	margin-right: 12px;
	vertical-align:top;
}
* HTML .aroundtownText {
	float:left;
	width:300px;
	margin-left:180px;
	margin-right: 12px;
	vertical-align:top;
}
.featureNews {
	float:left;
	width: 250px;
	height:445px;
	position: relative;
	vertical-align:top;
	text-align:left;
	margin-top:50px;
	border: 1px solid #006699;
}

.featureNewsTitle {
	float:left;
	width: 240px;
	position: relative;
	vertical-align:middle;
	text-align:left;
	background:#047ca3;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
}
.featureNewsContent {
	float:left;
	width: 240px;
	position: relative;
	vertical-align:top;
	text-align:left;
	font-size: 12px;
	padding:10px;
}
/* news display area on home page - around town area */
.newsTitle {
	width: 320px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #006699;
}
.newsDesc {
	width: 320px;
	font-size: 12px;
}
.newsReadMore {
	width: 320px;
	font-size: 11px;
	padding-bottom:10px;
}
A.newsLink:link, A.newsLink:visited {
	color: #c41130;
	font-size: 12px;
	text-decoration: none;
}
A.newsLink:hover, A.newsLink:active {
    color: #ff0000;
	font-size: 12px;
	text-decoration: none;
}

/* news display area on large display page - right hand side */

.newsTitle2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #006699;
}
.newsDesc2 {
	font-size: 12px;
}
.newsReadMore2 {
	font-size: 11px;
	padding-bottom:10px;
}
A.newsLink2:link, A.newsLink2:visited {
	color: #c41130;
	font-size: 12px;
	text-decoration: none;
}
A.newsLink2:hover, A.newsLink2:active {
    color: #ff0000;
	font-size: 12px;
	text-decoration: none;
}


.featureBox1 {
	float:left;
	width: 250px;
	position: relative;
	vertical-align:top;
	text-align:left;
	margin-top:50px;
	border: 1px solid #006699;
}
.featureBox2 {
	float:left;
	width: 250px;
	position: relative;
	vertical-align:top;
	text-align:left;
	margin-top:25px;
	border: 1px solid #006699;
}
.featureBox3 {
	float:left;
	width: 250px;
	position: relative;
	vertical-align:top;
	text-align:left;
	margin-top:25px;
	border: 1px solid #006699;
}
.featureBox4 {
	float:left;
	width: 250px;
	position: relative;
	vertical-align:top;
	text-align:left;
	margin-top:25px;
	border: 1px solid #006699;
}


.featureTitle {
	float:left;
	width: 240px;
	position: relative;
	vertical-align:middle;
	text-align:left;
	background:#047ca3;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
}
.featureContent {
	float:left;
	width: 220px;
	position: relative;
	vertical-align:top;
	text-align:left;
	font-size: 12px;
	padding:15px;
}
.newsTitles {
	font-size: 12px;
	color: #195184;
}
#mainContent {
	float:left;
	position: relative;
	vertical-align:top;
	text-align:left;
	margin-top: 25px;
}
.contentBox {
	float:left;
	width:692px;
	position: relative;
	vertical-align:top;
	text-align: left;
	background-image: url(../images/content_background.jpg);
	background-repeat: repeat-y;
}
.contentFullBox {
	float:left;
	width:902px;
	position: relative;
	vertical-align:top;
	text-align: left;
	background-image: url(../images/admin-full-content.jpg);
	background-repeat: repeat-y;
	margin-left:30px;
}
.adminBoxImages {
	margin-left:31px;
}
.boroughOfficeContent {
	float:left;
	position: relative;
	vertical-align:top;
	text-align:left;
	background-image: url(../images/boroughoffice_building.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.streetDeptContent {
	float:left;
	position: relative;
	vertical-align:top;
	text-align:left;
	background-image: url(../images/streetdept_building.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.policeDeptContent {
	float:left;
	position: relative;
	vertical-align:top;
	text-align:left;
	background-image: url(../images/wind-gap-police.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.fireDeptContent {
	float:left;
	position: relative;
	vertical-align:top;
	text-align:left;
	background-image: url(../images/wind-gap-fire.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.ambulanceContent {
	float:left;
	position: relative;
	vertical-align:top;
	text-align:left;
	background-image: url(../images/wind-gap-ambulance.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.newsContent {
	float:left;
	width:690px;
	min-height:350px;
	position: relative;
	vertical-align:top;
	text-align:left;
	background-image: url(../images/windgap-news.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.taxContent {
	float:left;
	position: relative;
	vertical-align:top;
	text-align:left;
	background-image: url(../images/wind-gap-tax-collector.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.zoningContent {
	float:left;
	position: relative;
	vertical-align:top;
	text-align:left;
	background-image: url(../images/wind-gap-planning-zoning.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.councilContent {
	float:left;
	position: relative;
	vertical-align:top;
	text-align:left;
	background-image: url(../images/wind-gap-council.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.contentMinutesRight {

	float:left;
	position: relative;
	vertical-align:top;
	text-align:left;
/*	background-image: url(../images/council_minutes.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	*/
	padding-left:25px;
	padding-right:25px;
}
.councilMinutesContent {

	float:left;
	position: relative;
	vertical-align:top;
	text-align:left;
/*	background-image: url(../images/council_minutes.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	*/
	padding-left:25px;
	padding-right:25px;
}
.parkContent {
	float:left;
	position: relative;
	vertical-align:top;
	text-align:left;
	background-image: url(../images/wind-gap-park-background.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.membersContent {
	float:left;
	position: relative;
	vertical-align:top;
	text-align:left;
	background-image: url(../images/town-council-members.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.loginContent {
	float:left;
	position: relative;
	vertical-align:top;
	text-align:left;
	background-image: url(../images/account-login.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.contactContent {
	float:left;
	position: relative;
	vertical-align:top;
	text-align:left;
	background-image: url(../images/account-login.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.downloadContent {
	float:left;
	position: relative;
	vertical-align:top;
	text-align:left;
	background-image: url(../images/wind-gap-downloads.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.contentFull {
	float:left;
	width: 650px;
	margin-left:15px;
	vertical-align:top;
}
.contentLeft {
	float:left;
	width: 300px;
	margin-left:15px;
	vertical-align:top;
}
.contentRight {
	float:right;
	width: 340px;
	margin-right:25px;
	vertical-align:top;
}

.adminContentRight {
	float:left;
	width: 650px;
	min-height:400px;
	margin-left:15px;
	margin-right:15px;
	vertical-align:top;
}
#loginWrap {
	float:right;
	width: 300px;
	margin-right:25px;
	vertical-align:top;
}
.featureBox4 {

	float:left;
	width: 250px;
	position: relative;
	vertical-align:top;
	text-align:left;
	margin-top:25px;
	border: 1px solid #006699;
}
.featureBox5 {

	float:left;
	width: 250px;
	position: relative;
	vertical-align:top;
	text-align:left;
	margin-top:25px;
	border: 1px solid #006699;
}

.whiteboldtext {
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
}
.adminContentWrap {
	width:550px;
}
.bg1 {
	background-color: #e0ecf1;
}
.bg2 {
	background-color: #FFFFCC;
}
.contentMinutesRight {
	margin-left:15px;
}
/* ----------------------------------------------- */
/* FOOTER */
#footerWrap
{
	width: 970px;
	clear:both;
	position:relative;
	vertical-align: bottom;
	margin-top: 10px;
	margin-bottom: 10px;
}
#footerAdminWrap
{
	width: 970px;
	clear:both;
	position:relative;
	vertical-align: bottom;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left:30px;
}
.footerLinks {
	float: left;
	margin-left: 15px;
}
#footerWrap A.foot:link, A.foot:visited {
	color: #000000;
	font-size: 12px;
	font-weight: bold;
	PADDING-RIGHT: 3px;
	PADDING-LEFT: 3px;
	text-decoration: none;
}
#footerWrap A.foot:hover, A.foot:active {
    color: #3696b5;
	font-size: 12px;
	font-weight: bold;
	PADDING-RIGHT: 3px;
	PADDING-LEFT: 3px;
	text-decoration: none;
}
#footerAdminWrap A.foot:link, A.foot:visited {
	color: #000000;
	font-size: 12px;
	font-weight: bold;
	PADDING-RIGHT: 3px;
	PADDING-LEFT: 3px;
	text-decoration: none;
}
#footerAdminWrap A.foot:hover, A.foot:active {
    color: #3696b5;
	font-size: 12px;
	font-weight: bold;
	PADDING-RIGHT: 3px;
	PADDING-LEFT: 3px;
	text-decoration: none;
}
.wgURL {
	float:left;
	font-size: 16px;
	color: #047ca3;
	font-weight: bold;
	margin-left: 200px;
}
.copyright
{
	float:left;
	margin-left: 50px;
	COLOR: #999;
}

/* ----------------------------------------------- */
/* TA FOOTER */
#TAfooter
{
	clear:both;
	position:relative;
	vertical-align: bottom;
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999999;
}
#TAfooter A.TAlink:link, A.TAlink:visited {
	color: #999999;
	font-size: 12px;
	font-weight: bold;
	PADDING-RIGHT: 3px;
	PADDING-LEFT: 3px;
	text-decoration: none;
}
#TAfooter A.TAlink:hover, A.TAlink:active {
    color: #666666;
	font-size: 12px;
	font-weight: bold;
	PADDING-RIGHT: 3px;
	PADDING-LEFT: 3px;
	text-decoration: none;
}