/******************
htm Tags
******************/

body
{
	font-family: Verdana;
	color: #000000;
	margin: 10px 0px 20px 0px;
	font-size: .75em;
	letter-spacing: .1em;
	line-height: 12pt;
	font-weight: normal;
	background-image: url( 'wb00760_.gif' );
}

/******************
FORM STYLES
******************/

#content form {
	margin:20px 0px;
	padding:0px 0px 0px 0px;
	}

#content form.contact {
	margin:20px 0px;
	padding:0px 0px 0px 0px;
	}

#content form.contact label.fixedwidth
{
	border-color: #00FFFF;
	display: block;
	width: 300px;
	float: left;
}

#content fieldset {
	margin:10px 0px 20px 0px;
	padding:0px 20px 20px 20px;
	border:6px solid #E6E6E6;
	}

/* a nested fieldset */
#content fieldset fieldset {
	margin:15px 0px 5px 0px;
	padding:0px 5px 5px 5px;
	}

#content legend {
	margin-bottom:0px;
	padding:0px 10px 5px 5px;
	color:#666666;
	font-weight:bold;
	}

/* a nested legend */
#content fieldset fieldset legend {
	margin-bottom:0px;
	padding:0px;
	font-weight:bold;
	}

#content label {
	display:block;
	padding-top:8px;
	}

/******************
SIDE SEARCH FORM
******************/

#side form {
	margin:10px 0px;
	padding:0px;
	}
	
#side fieldset {
	margin:0px;
	padding:0px;
	border:none;
	}
	
#side legend {
	display:none;
	}

#side label {
	display:none;
	}
	
#side input {
	display:block;
	}

.button-search {
	margin-top:4px;
	}
	
.searchbox {
	}
	
/******************
LINKS
******************/

/* LINK VISTED HOVER ACTIVE selectors must remain in this order to work */
a:link {
	color:#006699;
	text-decoration:underline;
	}

a:visited {
	color:#330099;
	text-decoration:underline;
	}

a:hover {
	color:#339900;
	text-decoration:none;
	}

a:active {
	color:#FF6600;
	text-decoration:underline overline;
	}

/* LINK VISTED HOVER ACTIVE selectors must remain in this order to work */
#mainnav a:link {
	color:#FFFFFF;
	text-decoration:none;
	}

#mainnav a:visited {
	color:#FFFFFF;
	text-decoration:none;
	}

#mainnav a:hover {
	color:#FEFFBE;
	text-decoration:underline;
	}

#mainnav a:active {
	color:#FFDDDD;
	text-decoration:underline overline;
	}

/* LINK VISTED HOVER ACTIVE selectors must remain in this order to work */
#breadcrumbs a:link, #breadcrumbs a:visited  {
	color:#006699;
	text-decoration:none;
	}

#breadcrumbs a:hover {
	color:#339900;
	text-decoration:underline;
	}

#breadcrumbs a:active {
	color:#FF6600;
	text-decoration:underline overline;
	}

/* LINK VISTED HOVER ACTIVE selectors must remain in this order to work */
#side ul a:link, #side ul a:visited  {
	color:#006699;
	text-decoration:none;
	}

#side ul a:hover
{
	color: #000000;
	text-decoration: underline;
	background: #C0C0C0;
	display: block;
}

#side ul a:active {
	color:#FF6600;
	text-decoration:underline overline;
	}
/******************
HEADINGS
******************/

h1 {
	font-size:1.8em;
	margin:0px 0px 10px 0px
	}

#h1 .title
{
	font-size: 1.8em;
	margin: 0px 0px 10px 0px;
	color: #000000;
	line-height: 55pt;
}

h2 {
	font-size:1.1em;
	}

h3 {
	font-size:1em;
	}
	
h4 {
	font-size:.9em;
	}
	
h5 {
	font-size:.8em;
	}
	
h6 {
	font-size:.75em;
	}

#three-column-container h2 {
	margin:0px 0px 10px 0px;
	padding:0px;
	}

/******************
Layout Divs
******************/

#page-container
{
	margin: 10px;
	padding: 5px;
	border: medium ridge #FFCC00;
	height: inherit;
	width: 780px;
	background-color: #FFFFFF;
}

#sitename
{
	font-size: 1.0em;
	margin: 0px 0px 0px 10px;
	color: #000000;
	padding: 6px 0px 0px 0px;
	font-family: 'Arial Black';
}

#sitename .sub
{
	font-size: .75em;
	font-family: Arial, Helvetica, sans-serif;
	margin: 3px 0px 3px 40px;
	letter-spacing: .25em;
}

#sitename .tag
{
	font-size: .50em;
	margin: 3px 20px 3px 20px;
	font-style: italic;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: .25em;
}

#sitename a {
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
	}
	
#header-container
{
	width: 780px;
	height: 160px;
	margin-left: auto;
	margin-right: auto;
	padding: 10px 0px 0px 00px;
	background-color: #FFFFFF;
}


#content-container
{
	background-position: 20px;
	width: 760px;
	margin-left: auto;
	margin-right: auto;
	padding: 10px 0px 10px 20px;
	text-align: left;
	background-color: #FFFFFF;
}

#master-container
{
	background-image: url(   'side_container1.jpg' );
	background-repeat: repeat-y;
	background-position: left;
}

#side-container
{
	width: 190px;
	margin-left: auto;
	margin-right: auto;
	float: left;
	height: 700px;
	/* background-image: side-background.jpg;
	background-repeat: repeat; */
	background-color: #0000FF;
}

#side
{
	width: 170px;
	float: none;
	font-size: .8em;
	margin-bottom: 18px;
	background-color: #0000FF;
	font-family: Verdana;
	color: #FFFFFF;
	margin-left: 10px; 
	margin-top: 10px; 
}

#QandA
{
	padding: 3px;
	background-color: #CCCCCC;
}

#QandA .AnswerStyle
{
	/* font-family: Calibri; */
	font-size: small;
	color: #000000;
}

#QandA .QuestionStyle
{
	/* font-family: Calibri; */
	font-size: small;
	color: #0000FF;
}

#content
{
	width: 530px;
	margin-left: 200px;
}

#content .entry
{
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
}

#content .post
{
	font-family: 'Century Schoolbook';
	font-style: oblique;
	text-decoration: underline overline;
}
#content .AnswerStyle
{
	/* font-family: Calibri; */
	font-size: small;
	color: #000000;
}

#content .QuestionStyle
{
	/* font-family: Calibri; */
	font-size: small;
	color: #0000FF;
}


#hdr-2-column-container
{
	width: 780px;
	margin: 0px 0px;
	background-color: #FFFFFF;
}

#hdr-2-column-left
{
	float: left;
	width: 190px;
	background-color: #000099;
	height: 160px;
	margin-left: 20px;
}

#hdr-2-column-right
{
	float: right;
	width: 550px;
	font-family: 'Arial Black';
	font-size: 2.5em;
	vertical-align: middle;
	text-align: left;
	line-height: 24pt;
}
	
#hdr-3-column-container {
	width:100%;
	margin:10px 0px;
	}

#hdr-3-column-left {
	float:left;
	width:20%
	}

#hdr-3-column-right
{
	float: right;
	width: 20%;
}

#hdr-3-column-middle
{
	width: 50%;
	margin: 0px 25% 0px 25%;
}
	
#two-column-container
{
	width: 100%; /*	margin:10px 0px; */
	margin: 0px 0px;
	padding-top: 15px;
}

#two-column-left {
	float:left;
	width:65%
	}

#two-column-right {
	float:right;
	width:30%
	}

#three-column-container {
	width:100%;
	margin:10px 0px;
	}

#three-column-left {
	float:left;
	width:30%
	}

#three-column-right {
	float:right;
	width:40%
	}

#three-column-middle {
	width:30%;
	margin:0px 5% 0px 5%
	}
	
#civic-table
{
	table-layout: inherit;
	border-collapse: collapse;
	margin: 15px 3px 10px 3px;
	padding-top: 25px;
	padding-bottom: 25px;
}

#footer
{
	clear: both;
	width: 740px;
	height: 55px;
	min-height: 55px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	padding: 10px 20px 10px 0px; /* background: #000099   center top; */ /* background: #006699 url(   'bg-footer.jpg' ) no-repeat center top; */ /* color: #FFFFFF; */
	color: #000000;
	font-size: .75em;
	background-color: #FFFFFF;
}

#header-container-backup {
	width:760px;
	height:200px;
	margin-left:auto;
	margin-right:auto;
	background: #006699  no-repeat;
	/* background: #006699 url(bg-header2.jpg) no-repeat; */
	}

#mainnav {
	padding:19px 0px 0px 33px
	}

#breadcrumbs
{
	color: #666666;
	padding: 28px 0px 0px 33px;
	font-size: .8em;
}

/******************
MAIN MENU ITEMS
******************/

#mainnav ul {
	margin:0px;
	padding:0px;
	}

#mainnav li {
	padding:0px;
	list-style:none;
	display:inline;
	padding:0px 8px 0px 0px;
	}

/******************
SIDE LIST MENUS
******************/

#side ul {
	margin:0px;
	padding:0px;
	}

#side li
{
	padding: 0px;
	list-style: none;
	padding: 6px 0px 6px 10px;
	border-bottom: 2px solid #FFFFFF;
	background: #99CCFF;
	color: #000000;
	font-weight: bold;
}

#side .active
{
	padding: 0px;
	list-style: none;
	padding: 6px 0px 6px 10px;
	border-bottom: 2px solid #FFFFFF;
	background: #C0C0C0;
	font-weight: bold;
	font-size: larger;
	color: #000000;
}

/******************
LISTS - IN THE CONTENT DIV
******************/

#content ul.list, #content ul.link-list-vertical {
	margin:0px 0px 15px 15px;
	padding:0px;
	}

#content ul.list li
{
	list-style: none;
	padding: 6px 0px 6px 6px;
	margin: 6px 0px 6px 0px;
	/* background: url(bullet.gif) no-repeat; */
	background-position: 0 .1em;
	list-style-image: none;
}

#content ul.link-list-vertical li {
	list-style:none;
	margin:0px;
	padding:2px 0px;
	}

#content ul.link-list-vertical li a:link {
	padding:2px 0px 2px 16px;
	background: url(bullet-link.gif) no-repeat;
	background-position: 0 .1em;
	}

#content ul.link-list-vertical li a:visited {
	padding:2px 0px 2px 16px;
	background: url(bullet-link-visited.gif) no-repeat;
	background-position: 0 .1em;
	}

#content ul.link-list-vertical li a:hover {
	padding:2px 0px 2px 16px;
	background: url(bullet-link-hover.gif) no-repeat;
	background-position: 0 .1em;
	}

#content ul.link-list-vertical li a:active {
	padding:2px 0px 2px 16px;
	background: url(bullet-link-active.gif) no-repeat;
	background-position: 0 .1em;
	}

/******************
TABLE STYLES
******************/

.table {
	width:100%;
	background:#CCE1EC;
	border:6px solid #E6E6E6;
	border-collapse:collapse;
	}
	
.table td {
	padding:10px 2px;
	color:#000000;
	}

thead th, tfoot th{
	padding:6px 2px;
	background-color:#006699;
	color:#FFFFFF;
	text-transform: uppercase;
	font-weight:bold;
	}

.table-row-1 td {
	background:#FFFFFF;
	}

.table-row-2 td {
	}

/******************
CLASSES
******************/

.none {
	display:none;
	}
	
.clear {
	clear:both;
	}

.button-big {
	margin-top:8px;
	}

img.photobig, img.photosmall {
	border:2px solid #000099;
	}

img.photosmall {
	margin-right:25px;
	margin-bottom:8px;
	float: left;
	}

img.photosmall-left {
	margin-right:25px;
	/* margin-top:30px; */
	margin-bottom:8px;
	float: left;
	}

img.photosmall-right
{
	/* margin-left:25px; */
	margin-left: 0px;
	margin-bottom: 8px;
	float: right;
	padding-left: 0px;
}

img.photosmall-header
{
	border: 3px ridge #006699;
	margin-right: 25px;
	margin-bottom: 8px;
	float: left;
}

#civic-table .td_1
{
	font-style: italic;
	text-align: left;
}

#civic-table .tr
{
	text-align: left;
	padding-top: 50px;
	padding-bottom: 50px;
	margin-top: 60px;
	margin-bottom: 30px;
	vertical-align: top;
}