body,html {
	position: relative;
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

p, div {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

h1 {
	font-size: 15px;
	font-weight: bolder;
	color: #990000;
	margin-bottom: -9px;
}

h2 {
	font-size: 12px;
	font-weight: bolder;
	color: #000000;
	margin-bottom: 9px;
}

a.sidenav-item, a.sidenav-item:visited {
	color: #FFFFFF;
	font-size: 11px;
	font-weight: bolder;
	text-decoration: none;
}

a.sidenav-itemselected, a.sidenavitemselected:visited {
	color: #FFFFFF;
	font-size: 11px;
	font-weight: bolder;
	text-decoration: none;
	padding-left: 12px;
	padding-right: 8px;
}

div#logo-link {
	width: 145px;
	height: 145px;
	left: 20px;
	top: 20px;
	position: absolute;
	float: left;
	z-index: 5000;
}

div#header {
	position: relative;
	width: 100%;
	height: 88px;
	margin: 0px;
	padding: 0px;
	background-image: url(../images/header.jpg);
	background-color: #666666;
	background-repeat: no-repeat;
}

div#header-image {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 177px;
	height: 88px;
	background-image: url(../images/header-firefighters.jpg);
}

#left-column {
	position: absolute;
	z-index: 1000;
}

div.sidenav-item {
	margin: 0px;
	padding: 0px;
	padding-left: 12px;
	padding-right: 8px;
}

div.sidenav-itemselected {
	background-color: #AC130B;
	width: 127px;
}

div#sidebar {
	position: relative;
	margin: 0px;
	padding: 0px;
	top: 0px;
	left: 0px;
  width: 183px;
  background-image: url(../images/sidebar.jpg);
  background-repeat: no-repeat;
}

div#sidebar-box {
	background-color: #666666;
	border: 2px solid #000000;
	width: 127px;
	position: relative;
	top: 98px;
	left: 52px;
	padding-top: 8px;
	padding-bottom: 8px;
}

div#right-column {
	position: relative;
	margin: 0px;
	padding: 0px;
	top: 0px;
	padding-left: 183px;
	min-height: 700px;
}

div#subnav {
	position: relative;
	height: 27px;
	margin: 0px;
	padding-left: 9px;
	top: 0px;
	background-color: #EEE8D2;
	background-image: url(../images/subnav-shadow.gif);
	background-repeat: repeat-x;
}

.tagline {
	margin: 0px;
	padding-top: 6px;
	padding-left: 15px;
	font-weight: bold;
	color: #990000;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
}

.subnav-item {
	margin: 0px;
	padding-top: 3px;
	padding-left: 10px;
	float: left;
}

.subnav-itemselected {
	margin: 0px;
	padding-top: 3px;
	padding-left: 10px;
	float: left;
}

div#main {
	padding-top: 5px;
	padding-left: 24px;
}

h3 {
	margin-top: 10px;
	font-size: 12px;
	margin-bottom: 10px;
}

.datehead {
	margin-top: 20px;
	margin-bottom: -3px;
}

.datehead {
	margin-top: 20px;
}

div#boxes {
	position: relative;
	float: right;
	top: 8px;
	right: 2px;
	margin-left: 20px;
}

h3.boxhead {
	height: 17px;
	width: 159px;
	*width: 170px;
	padding-left: 11px;
	background-color: #666666;
	border: 1px solid #000000;
	font-size: 12px;
	color: #FBB92F;
	margin: 0px;
}

.box {
	width: 148px;
	*width: 170px;
	padding: 8px 11px 8px 11px;
	background-color: #888888;
	border: 1px solid #000000;
	margin: 0px;
	font-size: 12px;
	color: #FFFFFF;
	margin-bottom: 15px;
}

.box a {
	color: #FFFFFF;
}

div#wrapper {
	min-height: 100%;
	*height: 100%;
	background-image: url(../images/sidebar-background.jpg);
	background-repeat: no-repeat;
}

div#footer {
	background-image: url(../images/footer.gif);
	height: 17px;
	width: 100%;
	background-repeat: repeat-x;
	background-position: left;
	color: #FFFFFF;
	font-size: 10px;
	text-align: center;
	padding-top: 2px;
}

div.zebrabox1 {
	margin-top: -10px;
}

div.zebrabox2 {
	margin-top: -10px;
}

p.documents-description {
}

p.documents-description {
	margin-top: -17px;
}

div.quicklinks-header {
	font-weight: bolder;
	font-size: 12px;
}

div.quicklinks-link {
}


a.quicklinks-link {
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: underline;	
}

a.quicklinks-link:hover {
	text-decoration: none;	
}

.newsarticle {
	margin-top: 13px;
}

.newsdate {
	margin-bottom: 2px;
}

.agenda-date {
	margin-bottom: -10px;
}

.minutes-date {
	margin-bottom: -10px;
}

.eventmonth-list {
	margin-top: 18px;
}

.eventname {
	margin-top: 13px;
}

#photoalbumlist {
	margin-top: 20px;
}

#placeholder {
	margin-top: 20px;
}

.photoheader {
	margin-bottom: -5px;
}

.photonav {
	margin-bottom: -2px;
}

.newsbits a
{
	padding: 		0 14px 0 0;
	margin: 		.5em 0 0 0;
}

.newsbits a img
{
	margin-top: 1px;
}

/* Here comes the fancy part */
.newsbits a span
{
	/*
	Use 'position:absolute' to push the span inside the anchor
	way off the screen
	*/
	position: 		absolute;
	left: 			-9999px;
	width: 			900px;
}

.newsbits a:hover,
.newsbits a:focus,
.newsbits a:active
{
  position: relative;
}
.newsbits a:hover span,
.newsbits a:focus span,
.newsbits a:active span
{
  /*
  Take the previously hidden span and display it near the anchor
  */
  left: 20px;
  top: 20px;
  width: 160px;
  /*
  This is just for looks...
  */
  padding: 5px;
  line-height: 1;
  font-size: 80%;
  background: #FFFFF6;
  border: 1px solid #666;
  color: #000;
  text-decoration: none;
}

#search-box {
	position: relative;
	top: 105px;
	*top: 85px;
	left: 53px;
}

input#searchQuery {
	width: 100px;
}