HTML	{height: 100%; min-height: 600px;}
BODY 
{
	margin: 0px 2px 0px 2px;
	font-family: Verdana, sans-serif;
	font-size: 10pt;
	width: 100%;
	overflow: visible;
	behavior: url(_styles/csshover.htc);
}

A {
	color: rgb(17,79,255);
	text-decoration: none;
}	
A:visited {
	color: rgb(17,79,110);
	border-bottom: dotted 1px rgb(17,79,110);
}

A:hover {
	color: rgb(17,79,110);
	border: none;
	text-decoration: underline;
}

IMG {border: none}

/* formatting styles */
.hleft		{text-align: left;}
.hcenter	{text-align: center;}
.hright		{text-align: right;}
.hjustify	{text-align: justify}

.vcenter	{vertical-align: middle;}

.light	{color: #808080}


/* the following styles are used for font styles */
.bold	{font-weight: bolder;}
.italic {font-style: italic;}
.underline {text-decoration: underline;}

/* for font sizes */
.txtNormal	{font-size: 100%}
.txtSmall	{font-size: 75%}
.txtSmaller	{font-size: 95%}
.txtLarge	{font-size: 125%}

.indent2 {padding-left: 2em;}

.header 
{
	font-size: 110%;
/*	background-color: #f9f9ff; */
	color: #1b5978;
/*	border-bottom: dotted 1px #8bb2d3; */
	margin-bottom: .5em;
	margin-top: .5em;
	white-space: nowrap;
	text-decoration: underline;
}

/*
	the following styles are for specific ID's found within the pages, predominately the
	header and the footer as well as the boundaries of the DIV's that separate the page into
	its component sections.  In order to avoid issues with inheritance, these styles should
	be declared after all other items.

*/
#NoScript {background-color: red; color: white;padding: 1em;text-align: center;}
#NoScript a	{color: #c0c0c0;text-decoration: underline;}

#PageHeader {width: 100%; border-top: solid 1px #808080; white-space: nowrap; background-color: rgb(27,89,120); color: #c0c0c0; font-size: xx-small}
#CountyLinks {padding-bottom: .25em; white-space: nowrap;}
#CountyLinks td {border-bottom: solid 2px #c0c0c0; border-top: solid 2px #c0c0c0;}
#CountyLinks a {font-weight: bold; text-align: right; color: #ffffff; font-size: x-small; text-decoration: none;}
#CountyLinks a.active #CountyLinks a:visited {color: #c0c0c0; text-decoration: none;}
#CountyLinks a:hover {color: #8bb2d3; text-decoration: underline;}
#PageFooter  {width: 100%; text-align: center;}
#PageFooter a {font-weight: bold; text-align: right; color: #ffffff; font-size: x-small; text-decoration: none;}
#PageFooter a.active #PageFooter a:visited {color: #c0c0c0; text-decoration: none;}
#PageFooter a:hover {color: #8bb2d3; text-decoration: underline;}

#Slogan {text-align: justify; color: #800000; background-color: #8bb2d3; border-top: solid 1px #c0c0c0;text-align: center; font-weight: bold}

#pbcfrLogo {width: 100%; background-color: #8bb2d3; text-align: center;}
#pbcfrLogo td {border-top: solid 1px #ffffff; border-bottom: solid 1px #ffffff;}
#pbcfrLogo img {width: 648px; height: 80px;}

#NavMenu  {width: 100%; border: none; margin: 0px; padding: 0px; background-color: rgb(27,89,120); color: #ffffff; font-size: small}
#NavMenu a {color: #ffffff; text-decoration: none;}
#NavMenu a:visited {color: #ffffff; text-decoration: none;}
#NavMenu a:hover {color: #8bb2d3;}

#LeftBlock {width: 27px; text-align: right;}
#LeftMenu {white-space: nowrap; padding-left: 1em; padding-right: 1em;}
#RightMenu {white-space: nowrap}
#RightBlock {width: 27px; text-align: left;}

#Arch	{width: 100%; border: none; height: 20px;}
#ArchLeft {width: 239px; height: 20px;}
#ArchCenter {height: 20px;}
#ArchCenter img {width: 100%; height: 20px;} 
#ArchRight {width: 239px; height: 20px;}

#LiveScanner {border: solid 1px red; background-color: lightyellow}

#PageBody	{width: 99%; margin-left: .5%; margin-right: .5%;}
#LeftBar {width: 240px; margin-bottom: 2em; overflow: visible; padding-left: 1em;}
#MainContent {padding: 0em 1em 0em 1em; margin: 0em 0em .5em; overflow: visible;}

#AdminPhoto {float: right}

#currentTime {cursor: pointer; font-size: 95%; text-align: center;}
#currentDate {font-size: 75%; text-align: center}

#ThreatLevel {}
#Weather {text-align: center}


.PipeAndDrumPage  {background-image: url(images/pad_logo.jpg);background-position: 50% 90%; 
	background-repeat: no-repeat;background-attachment: fixed; }
	
.bulletChevron
{
	margin-left: 1.5em;
	list-style-image: url(../_images/chevron.gif);
	list-style-position: outside;
}

.bulletDiamond
{
	margin-left: 1.5em;
	list-style-image: url(../_images/diamond.gif);
	list-style-position: outside;
}

.bulletPdf
{
	margin-left: 1.5em;
	list-style-image: url(../_images/pdf.gif);
	list-style-position: outside;
}

.navigationLinks 
{
	list-style-type: circle;
	margin-left: 1em;
	padding-left: 1em;
	margin-top: .5em;
}


.tabSection 
{
	margin-top: .25em;
}

.tabTitle {color: White; font-size: 12px; font-weight: bold; margin-bottom: 0px; border-bottom: solid 1px rgb(134,178,211);vertical-align: top}
.tabTitle IMG {vertical-align: top; height: 20px;}
.tabTitle SPAN {height: 20px; background-repeat: repeat-y; background-color: rgb(134,178,211)}
.tabTitleText {white-space: nowrap}

#Content {width: 100%; padding: 0px; }
#Content td {vertical-align: top }
#ContentLeft { width: 220px; }
#ContentRight {padding-right: 1em}

.newsByLine {font-face: italics; color: #808080}
.newsByLine:first-letter {text-transform: uppercase}

.simpleHeader 
{
	border-bottom: solid 1px black; font-weight: bold; text-align: center; white-space: nowrap
}

#SlideShow a {text-decoration: none; border: none;}


@media print 
{
	#PageHeader {display: none}
	#PageFooter {display: none}	
	
	.DoNotPrint	{display: none}
	
	#ContentLeft {display: none}
	
	.tabTitle {background-color: White}
	.tabTitle IMG {display: none}
	.tabTitle SPAN {background-color: White}
	
}