body
{
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #dedede;
}

/*------*/
/*Header*/
/*------*/
div.header
{
	position:fixed;
	top: 0px;
	width: 100%;
	padding: 15px;
	height: auto;
    background: #08538d;
    border-bottom: 8px solid #09134b;
	font-size: 24px;
	font-weight: bold;
	color: #ffffff;
	text-align: center;
	text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5);
	box-shadow: 0 0 8px rgba(0,0,0,.9);
    -moz-box-shadow: 0 0 8px rgba(0,0,0,.9);
    -webkit-box-shadow: 0 0 8px rgba(0,0,0,.9);
}

/*------------*/
/*Main Content*/
/*------------*/
div.content
{
    margin-top: 66px;
	margin-bottom: 57px;
	padding-top: 30px;
	padding-bottom: 30px;
    width: 100%;
	overflow-y: hidden;
}

div.contentHeader
{
	margin: 0 auto;
	padding: 10px;
	width: 60%;
	background-color: #08538d;
	border-top-right-radius: 8px;
	border-top-left-radius: 8px;
	border-bottom: 4px solid #09134b;
	font-size: 18px;
	font-weight: bold;
	color: #ffffff;
	text-align: center;
	text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.9);
	-moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.9);
	box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.9);    
}

@media screen and (max-width: 900px)
{
	div.contentHeader
	{
		margin: 0 auto;
		padding: 10px;
		width: 90%;
		background-color: #334B81;
		border-top-right-radius: 8px;
		border-top-left-radius: 8px;
		border-bottom: 4px solid #1C326A;
		font-size: 18px;
		font-weight: bold;
		color: #ffffff;
		text-align: center;
		text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5);
		-webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.9);
		-moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.9);
		box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.9);    
	}
}

div.contentBody
{
    margin: 0 auto;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	width: 60%;
	background: #B1B8C7;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
	-webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.9);
	-moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.9);
	box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.9);
}

@media screen and (max-width: 900px)
{
	div.contentBody
	{
		margin: 0 auto;
		padding-left: 5px;
		padding-right: 5px;
		padding-bottom: 5px;
		width: 90%;
		background: #B1B8C7;
		border-bottom-right-radius: 8px;
		border-bottom-left-radius: 8px;
		-webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.9);
		-moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.9);
		box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.9);
	}
}

/*Town List*/
#townList
{
	width: 100%;
	text-align: center;
}

tr.townListHeader
{
	background-color: transparent !important;
	text-decoration: underline;
}

#townList tr:nth-child(odd) {background-color: #e0e0e0;}
#townList tr:nth-child(even) {background-color: transparent;}

td.muniName {width: 20%;}
td.muniType {width: 15%;}
td.muniCollector {width: 25%;}
td.muniCollection {width:25%;}
td.muniLink {width: 15%;}

/*------*/
/*Footer*/
/*------*/
@font-face
{
	font-family: BrushScriptMT;
	src: url('BRUSHSCI.eot');
	src: url('BRUSHSCI.eot?#iefix') format('embedded-opentype'),
		 url('BRUSHSCI.ttf') format('truetype');
}

div.footer
{
    max-height: 120px;
    color: #ffffff;
    padding: 10px;
    text-align: center;
    line-height: normal;
    margin: 0;
    font-size: 1em;
    border-top: 8px solid #09134b;
    bottom: 0;
    position: fixed;
    width: 100%;
    background: #08538d;
    height: auto;
	box-shadow: 0 0 8px rgba(0,0,0,.9);
    -moz-box-shadow: 0 0 8px rgba(0,0,0,.9);
    -webkit-box-shadow: 0 0 8px rgba(0,0,0,.9);
}

div.footer td {color: #ffffff;}

tr.footerrow {}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}