/* drop down navigation */
.sub-menu {
	font: bold 9px Arial, sans-serif;
}

.sub-nav {
	font: bold 11px Arial, sans-serif;
	background-color: #772432;
	border-left: solid 1px #FFFFFF;
	border-bottom: solid 1px #FFFFFF;
	border-right: solid 1px #FFFFFF
}
.sub-nav a {
	width: 100%;
	display: block;
	color: #FFFFFF;
	text-decoration: none;
	letter-spacing: 1px;
	text-transform: capitalize;
}
.sub-nav a:hover {
	color: #FFFFFF;
	background-color: #d3d1ca;
	text-decoration: none
}
.sub-nav a:visited {
	color: #FFFFFF;
	text-decoration: none
}
h1 {
	font-weight: bold;
	font-size : 24px;
	color: #772432;
	padding: 0px;
	margin: 0px;
}

h2 {
	font-size : 18px;
}

h3 {
	font-size : 16px;
        font-weight: bold;
	padding: 0px;
	margin: 0px;
padding-bottom:5px;
color: #000000;
}

b {
	font-size : 13px;
	padding: 0px;
	margin: 0px;
}

.nav-drop-down {
	font-size:10px;
	padding-top:3px;
	padding-bottom:3px;
	
}

.x {
	font-size:10px;

}

a {
	color: #772432;
}
	
a:hover {
	color: #776a57;
}	

.menu a {
	font: bold 12px Arial, sans-serif;
	color: #F5F5F5;
	text-decoration: none;
	vertical-align: top;
	margin-left:3px;
}

.menu a:active {
	font: bold 12px Arial, sans-serif;
	color: #F5F5F5;
	text-decoration: none;
}

.menu a:visited {
	font: bold 12px Arial, sans-serif;
	color: #F5F5F5;
	text-decoration: none;
}

.menu a:hover {
	font: bold 12px Arial, sans-serif;
	color: #d3d1ca;
	text-decoration: none;
}

.highlights-bg {
	background-color: #772432;
        margin-bottom:10px;
}
	
.highlights b {
	font: bold 14px Arial, sans-serif;
	color: #d3d1ca;
	background-color: #772432;
}

.highlights {
	font: bold 12px Arial, sans-serif;
	color: #d3d1ca;
	background-color: #772432;
	margin-top: 5px;
/* 	padding-top: 2px; */
	padding-right: 20px;
        padding-left: 10px;
line-height:5px;
	}

.highlights-image-position {
background-color:#FFFFFF;
height:182px;
margin-right:25px;
margin-left:10px;
text-align:center;
        }

.highlights-text {
	font: bold 12px Arial, sans-serif;
	color: #d3d1ca;
	background-color: #772432;
	margin-top: 5px;
	padding-top: 2px;
	padding-right: 20px;
	padding-left: 10px;
	}
	
.highlights-text ul {
	font: normal 12px arial, sans-serif;
	color: #FFFFFF;
	margin-top: 0px;
	margin-left: 15px;
	padding-left: 15px;
	margin-bottom: 5px;
}

.highlights-text a {
	color: #FFFFFF;
	text-decoration: underline;
}

.highlights-text a:hover {
	color: #d3d1ca;
}
	
.highlightText {
	font: bold 12px Arial, sans-serif;
	color: #F5F5F5;
	background-color: #772432;
	padding-right: 10px;
        padding-bottom:10px;
}

.highlightText p {
	font: bold 12px Arial, sans-serif;
	color: #F5F5F5;
	background-color: #772432;
	padding-right: 10px;
	margin-bottom: -1px;
        padding-left:10px;
}

.highlightText a {
	font: bold 12px Arial, sans-serif;
	color: #F5F5F5;
text-decoration: underline;
}

/* contact details links */

.contactLink {
	font: normal 12px arial, sans-serif;
	color: #454545;
	padding-left: 1px;
}

.contactLink a {
	color: #772432;
	font: normal 12px arial, sans-serif;
	text-decoration: underline;
}

.contactLink a:hover {
	color: #d3d1ca;
	font: normal 12px arial, sans-serif;
}

.contactLink a:active {
	color: #772432;
	font: normal 12px arial, sans-serif;
}

.contactLink a:visited {
	color: #772432;
	font: normal 12px arial, sans-serif;
}

/* main page links  */
.frontHeader {
	font: bold 15px arial, sans-serif;
	color: #454545;
	padding-left: 1px;
}

.frontHeader a {
	color: #772432;
	text-decoration: underline;
}

.frontHeader a:hover {
	color: #776a57;
	text-decoration: underline;
}

.frontHeader a:active {
	color: #772432;
}

.frontHeader a:visited {
	color: #772432;
}

.frontHeader small {
	font: normal 10px arial, sans-serif;
	color: #454545;
	padding-left: 1px;
}

.frontHeader p {
	font: normal 10px arial, sans-serif;
	color: #454545;
}

.apw {
	font: normal 10px arial, sans-serif;
	color: #454545;
}

.maintext h2 {
	font: bold 14px arial, sans-serif;
	color: #772432;
	padding-top:5px;
}

.maintext h3 {
	font: bold 13px arial, sans-serif;
	color: #454545;
	padding-top:5px;
}

.maintext p {
	
	font: 500 12px arial, sans-serif;
	padding-top:5px;
	color: #454545;
}

.maintext {
	font: normal 12px arial, sans-serif;
	padding-top: 5px;
	padding-left: 2px;
	color: #454545;
}

.maintext ul {
	padding-top: 2px;
	margin-top: 2px;
	margin-left: 10px;
	padding-left: 10px;
}
.maintext li {
	padding-top: 2px;
	margin-top: 2px;
	margin-left: 10px;
	padding-left: 10px;
}

.frontHeader h3 {
	font: bold 14px arial, sans-serif;
	color: #772432;
	margin-bottom: 0px;
	padding-top: 5px;
}
/* list items */
.frontHeader li {
   color: #454545;
	list-style-position: outside;
	} 
	
.frontHeader ul {
	font: normal 12px arial, sans-serif;
	color: #454545;
	padding-top: 0px;
	margin-top: 0px;
	margin-left: 10px;
	padding-left: 10px;
}
	
/* red menu bar */
.menu {
	background-color: #776a57;

}
/* yellow top bar */
#petals {
	background-color: #d3d1ca;
        background-image: url(/images/petal-bg-repeat.gif);
	background-repeat: repeat-x;
}
.topBanner {
/*	background-color: #d3d1ca; */
/*	background-image: url(/images/petal-bg-repeat.gif); */
	background-repeat: repeat-x;
}

.topHeader2 {
	background-color: #d3d1ca;
        font: normal 7pt arial, sans-serif;
color: #454545;
}

.topHeader2 a{
color: #772432;
text-decoration: underline;
	}

.topHeader2 a:hover{
color: #772432;
text-decoration: underline;
	}

body {  background-color: #FFFFFF;
	padding: 0;
	margin: 0
}
.dotted-bg {
	background-image: url(/images/dotted-line-bg.gif);
	background-repeat: repeat-x
}

.menu-base-shadow {
	background-image: url(/images/menu-base-shadow.gif);
	background-repeat: repeat-x
}

.highlight-shadow-right {
	background-image: url(/images/highlight-box-right-side.gif);
}

.highlight-box-base-shadow {
	background-image: url(/images/highlight-box-base-shadow.gif);	
	background-repeat: repeat-x;
}

.highlight-pic-left-top {
	background-image: url(/images/highlight-image-top-left.gif);
}
.highlight-pic-top-mid {
	background-image: url(/images/highlight-image-top-mid.gif);
	background-repeat: repeat-x;
}
.highlight-pic-right-top {
	background-image: url(/images/highlight-image-top-right.gif);
}

.highlight-pic-left {
	background-image: url(/images/highlight-image-left.gif);
	background-repeat: repeat-y;
}

.highlight-pic-right {
	background-image: url(/images/highlight-image-right.gif);
	background-repeat: repeat-y;
}
.highlight-pic-base-left {
	background-image: url(/images/highlight-image-bottom-left.gif);
}
.highlight-pic-base-mid {
	background-image: url(/images/highlight-image-bottom-mid.gif);
	background-repeat: repeat-x;
}
.highlight-pic-base-right {
	background-image: url(/images/highlight-image-bottom-right.gif);
	}

.right-small-pic {
	background-image: url(/images/front-pic-right.gif);
	background-repeat: repeat-y;
}

.plain {
	font-family: arial,helvetica,sans-serif;
	color: #454545;
	font-size: 12px
}

/* inside classes */
.crumbs {
	font: 500 10px arial, sans-serif;
	text-transform: uppercase;
	color: #776a57;
}

.crumbs a {
	color: #776a57;
	text-decoration: none;	
}

.crumbs a:hover {
	text-decoration: underline;
}



/* Sidenav classes*/
.sidenav-header {
	font: bold 12px arial, sans-serif;
	color: #772432;
}

.sidenav {
	font: bold 11px arial, sans-serif;
	color: #772432;
}

.sidenav a {
	color: #772432;
	text-decoration: underline;
}

.sidenav a:hover {
	color: #776a57;
	text-decoration: underline;
}

.sidenav ul {
	margin-left: 8px;
	padding-left: 8px;
	padding-right: 8px;
}
	
.sidenav li {
	list-style-image: url(/images/sidenav-pic.gif);
	list-style-position: outside;
}
/* main table classes */
.box-border {
	background-color: #772432;
}

.box-header {
	background-color: #d3d1ca;
	padding: 2px 2px 2px 2px;
	color: #772432;
	font: bold 12px Arial, sans-serif;
}

.box-cell {
	font: normal 12px arial, sans-serif;
	color: #454545;
	margin-right: 20px;
	padding: 2px 22px 2px 2px;
}

.box-left {
	font: bold 12px arial, sans-serif;
	color: #772432;
	padding: 2px 2px 2px 8px;
	margin-left:8px;
}

.box-left a {
	color: #772432;
	text-decoration: underline;
}

.box-left a:hover {
	color: #776a57;
	text-decoration: underline;
}

.request {
	font: bold 9px Arial, sans-serif;
	background-color: #772432;
	padding: 4px;
}
.request a {
	font: bold 9px Arial, sans-serif;
	color: #F5F5F5;
	text-decoration: underline;
}

.request a:hover {
	font: bold 9px Arial, sans-serif;
	color: #d3d1ca;
}

.photo-link {
	color: #454545;
	font: normal 12px Arial, sans-serif;
	padding-top: 2px;
}

.photo-link small {
	color: #454545;
	font: normal 10px Arial, sans-serif;
}

.photo-link a {
	color: #454545;
	text-decoration: underline;
}

.photo-link a:hover {
	color: #454545;
}

.topical-pic-bg {
	background-color: White;
}

/*NEW STYLES */

table#banner-icons
{
margin-top:30px;
	
	
	text-align:center;
	
}

td#mfc
{
padding-right:5px;
	border-right:solid 1px #e5e0dd;
}
td#tsb
{
padding-right:5px;
	border-right:solid 1px #e5e0dd;
}
td#town-hall
{
padding-right:5px;
	border-right:solid 1px #e5e0dd;
}
td#civic
{
padding-right:5px;
	border-right:none;
}

.iconText 
{
	
	font-weight:bold;
	font-size:10px;
	color:#776a57;
	font-family:Arial, sans-serif;
}
.iconleft
{
	padding-left:5px;
}
#searchbox
{
	margin-top:35px;
	
	
}
#jumpto
{
	font-family:Arial, sans-serif;
	font-size:12px;
	color:#ffffff;
	font-weight:bold;
	padding-top:3px;
}
#go-button{
	width:20px;
	height:19px;
	border:none;
	vertical-align:top;
   	font-size:10px;
}
DIV.pic-frame {
z-index:2;
position: absolute;
visibility: visible;
background-image: url(/images/pic-frame.gif);
background-repeat: no-repeat;
width:116px;
height:116px;
}
DIV.highlights-pic-frame {
z-index:2;
position: absolute;
visibility: visible;
background-image: url(/images/pic-frame-276x182-red.gif);
background-repeat: no-repeat;
width:277px;
height:182px;
margin-left:10px;
float:left;
}
DIV.pic-frame-topicalpicture {
z-index:2;
position: absolute;
visibility: visible;
background-image: url(/images/pic-frame-240x160-red.gif);
background-repeat: no-repeat;
width:240px;
height:160px;
float:left;
}
DIV.pic-frame-200x164 {
z-index:2;
position: absolute;
visibility: visible;
background-image: url(/images/pic-frame-200x164.gif);
background-repeat: no-repeat;
width:200px;
height:164px;
float:left;

}
DIV.pic-frame-200x133 {
z-index:2;
position: absolute;
visibility: visible;
background-image: url(/images/pic-frame-200x133.gif);
background-repeat: no-repeat;
width:200px;
height:133px;
float:left;

}
DIV.pic-frame-114x76 {
z-index:2;
position: absolute;
visibility: visible;
background-image: url(/images/pic-frame-114x76.gif);
background-repeat: no-repeat;
width:114px;
height:76px;
float:left;
}

table#topnav
{
	width:100%;
}

table.right-pic
{
margin-right:20px;}