﻿/* CSS Document */


/* across site page defaults*/

html {
height: 100%;
margin: 0px;
padding: 0px;
}


body {
font-size: medium;
font-family:Arial, Helvetica, sans-serif;
background-color:#FFFFED;
height: 100%;
margin: 0;
padding: 0;
}

.mainBody {
font-size: .95em;
margin: 0;
padding: 0;
}

.content {
background-color:#FFFFEC;
width: 960px;
height: 100%;
height: auto !important;
min-height:103%;
border: 1px solid #990000;
top: 0px;
left: 0px;
position:absolute;

}

/* Removed 4-30-09, I don't think this is being used, it's messing the javascript api mapping up
.container {
text-align::-moz-center;
!text-align: center;

margin:0 auto; 
}

*/


.canvas {
text-align:left;
width: 803px;
padding: 5px 5px 5px 10px;

}


/* no frames for forms, center content */

.centerPage {
margin: 0 auto;
width: 803px;
}


/* department page header name and address */

.pageHeader {
		/*margin: auto;*/
		position: relative;
		width: 813px;
		left: 0px;
		font-family:Arial, Helvetica, sans-serif;
}


.pageNavButtons {
	height: 26px;
	width: 100%;	
		
}

.pageSearchFields {
		position: relative;
		float:center;
}

.sectionNavButtons {
text-align: center;
}


.navButton {
background-color: #E9E9E9;
border: 2px #E9E9E9 outset;
padding: 2px 4px;
color: black;
text-decoration: none;
font-size: 1.0em;
float:right;

}

.navButton:visited{
color: black;
}

.navButton:hover{
border-style: inset;
background-color: #E9E9E05;
padding: 3px 3px 0 5px; /*shift text 1px to the right and down*/
color: black;
}

.navButton:active{
color: black;
}


.subLinks {
		/*margin: auto;*/
		position: relative;
		width: 813px;
		margin-top:2px;
		left: 0px;
		font-family:Arial, Helvetica, sans-serif;
}

#spanishLink {
float: right;
font-size:.75em;
margin-top:3px;

}

.mainNavButton {
background-color: #E9E9E9;
border: 2px #E9E9E9 outset;
padding: 2px 4px;
color: black;
text-decoration: none;
font-size: 1.0em;

}

.mainNavButton:visited{
color: #000000;
}

.mainNavButton:hover{
border-style: inset;
background-color: #E9E9E05;
padding: 3px 3px 0 5px; /*shift text 1px to the right and down*/
color: #000000;
}

.mainNavButton:active{
color: #000000;
}




table.DepartmentHeader {
width: 100%;
font-size: 1.0em;
padding: 0px;
}

td.DepartmentHeaderGraphic {
text-align: left;
vertical-align: top;
background-repeat: no-repeat;
width:115px;

}

td.DepartmentHeaderTitle {
text-align: left;
font-size:1.2em;
font-weight: bold;
border-bottom:1px solid #000000;

}


td.DepartmentHeaderAddress {
text-align: left;
vertical-align: top;

}

td.DepartmentHeaderNumbers {
text-align: right;
vertical-align: top;
}

/* Slim page header */

.pageName {
width:66%;
float: left;
text-align:left;
font-weight:bold;
font-size:.90em;
vertical-align:top;
}

.deptName {
width:33%;
float: right;
text-align:center;
font-weight:bold;
font-size:.90em;
}

.countyName {
width:33%;
float:right;
text-align:right;
font-weight:bold;
font-size:.90em;
}

.pageHeaderSlim {

width: 803px;
margin-top:5px;
}

.pageUtilityButtons {
width: 803px;
text-align:right;
font-size:.95em;

}

.pageUtilityButtons a {
text-decoration: none;
}




/* End */


/* Main Showmeboone.com homepage */

h1.welcome {
font-family:Geneva, Arial, Helvetica, sans-serif; 
color: #2F5591;
font-style: italic;
font-weight: bold;
margin: 3px 0px;
width: inherit;
font-size: x-large;
text-align: center;
}



td.cellDate  {
text-align:right;
vertical-align:top;
}

td.cellEvent {
padding-left:8px; 
text-align:left;
}

td.cellInfo	 {
text-align:right;
vertical-align:top;
}

body.homepage fieldset {
padding: 3px;
}

body.homepage legend {
font-weight: bold;
}

body.homepage p {
font-size:.85em;
}

.maintenanceAnnouncement {
background-color: #000066;
padding: 5px;
color:#FFFFFF;
font-weight:bold;
text-align:left;
margin-bottom:5px;
width:100%;
}

.RSSFeeds div.item {
border:1px solid #000066;
background-color:#FFFFFF;
width:inherit; 
padding:5px;
margin-top:5px;
font-size:smaller;
text-align:left;
}

fieldset.RSSFeeds {
text-align:center;
margin-top:10px;

}


.homeTopCol {
width:100%;
margin-bottom: 0px;
}

.homeTitleGraphic {
float:left;

}

.homeTitleText {
text-align: right;
float:right;
}

.announcementContainer {
width: 100%; 
text-align:center;
padding:3px 0px;
}


.homeLeftCol {
width:395px; 
float:left;
vertical-align:top;
}

.homeRightCol {
width:400px;
float:right;
text-align:center;
}


.homeBottomCol {
width:100%;
text-align:center;
padding-top:10px;

}


.calendar {
width: 100%;
margin-top:5px;

}

.calendar table {
font-size:.80em;
width:100%;

}



/* End main Showmeboone.com homepage */


/* department faq pages */

ol.faq li {
margin-bottom: 20px;
}

/* End */


/* department contact pages */

fieldset#contactForm {
width: 80%;
padding: 5px;
border: 1px solid #FF0000;
margin-left: auto;
margin-right: auto;

}


fieldset#contactForm legend {
font-size: 1.3em;
font-weight: bold;
color:#090C69;
}

fieldset#contactForm label {
font-weight: bold;
}

fieldset#contactForm td.labelText {
text-align: right;
font-weight:bold;
width: 15%;
}


/* End */


/* begin left mneu */

.leftMenu {
text-align:left;
font-size: .80em;
/*width: 100%;
background: url(/common/images/leftnavybarnar.jpg) repeat-y 0px 0px;
border: 1px solid #FF0000;
height:auto !important;
min-height: 120%;

/*height: 110%;
min-height:120%;
position:absolute;
float: left;
background: url(/common/images/leftnavybarnarNew.jpg) repeat-y 0px 0px;

left:0px;
top:0px;

width: 152px;
*/
}


body.leftMenu{
margin-top: 0px;
margin-left: 0px;
top: 0px;
height:95%;
}

body.leftMenuAll{
margin-top: 0px;
margin-left: 0px;
top: 0px;
height:95%;
}

.leftMenu h2 {
font-size: 1.0em;
color:#FFFF00;
margin-bottom: -10px;
width: 90%;
text-align: left;
padding-left: 3px;
margin-top:5px;
}

.leftMenu a.sectionLinks, a:active.sectionLinks, a:visited.sectionLinks {
font-size: 1.0em;
color:#FFFF00;
margin-bottom: -10px;
width: 90%;
text-align: left;
padding-left: 0px;
font-weight:bold;
text-decoration:none;
}

.leftMenu a:hover.sectionLinks {
font-size: 1.0em;
color:#FFFF00;
margin-bottom: -10px;
width: 90%;
text-align: left;
padding-left: 0px;
font-weight:bold;
text-decoration:underline;
}


.leftMenu h3 {
	font-size: .95em;
	color:#FFFF00;
	background:	url(/common/images/small_arrow.Gif);
	background-repeat: no-repeat;
	background-position: center left;
	width: 85%;
	padding-left: 10px;
	margin-bottom: -15px;
	text-align: left;
}

.leftMenu table {
width: 92%;
}

.leftMenu p {
margin-left: 3px;

}

.leftMenu ul {
margin-left: 2px;
padding: 0px;
margin-bottom:5px;
}

.leftMenu li {
	background:	url(/common/images/WhiteDot.Gif);
	background-repeat: no-repeat;
	background-position: center left;
	padding-left: 5px;
	padding-bottom: 2px;
	width: 80%;
	display: block;
	list-style-type:none;
	margin-bottom: 2px;
}



.leftMenu li.pdfListItem {
	background:	url(/common/images/pdfIcon.gif);
	background-repeat: no-repeat;
	background-position: top left;
	vertical-align: top;
	padding-left: 20px;
	
}





/* end left menu */



/* following used for site maps on the department pages */


.leftColumn {
/*background-color:#E9E9E9;
background:#E9E9E9;
border: 1px solid #000000;*/
width: 200px;
margin: 5px;
padding: 0px 10px 10px 15px;
float: left;
position: relative;
text-align: left;

}

.middleColumn {
/*background-color: #E9E9E9;
border: 1px solid #000000;*/
padding: 0px 10px 10px 15px;
width: 200px;
margin: 5px;
float: left;
text-align:left;
}


.rightColumn {
/*background-color:#E9E9E9;
border: 1px solid #000000;*/
padding: 0px 10px 10px 15px;
width: 200px;
margin: 5px;
float: left;
text-align:left;

}



.leftColumn li {
padding-bottom:5px;
}

.middleColumn li {
padding-bottom:5px;
}


.rightColumn li {
padding-bottom:5px;
}





/*.oneColumn {

width: 788px;
clear: both;
margin: 5px;
float: left;
padding-left: 5px;
}
*/


.doubleColumn {

background-color:#FFFFFF;
border: 1px solid #000000;
padding: 10px 5px 10px 15px;
width: 353px;
margin: 5px;
float: left;
}



.footer {
background-color:#FFFFEC;
width: 799px;
clear:both;
margin: 5px;
float: left;
}



/* paragraph formatting */

p.leftJustify {
		text-align: left;
}

p.rightJustify {
		text-align: right;
}

p.center {
		text-align: center;
}


/* Headings */

h2 {
font-size: 1.4em;
text-align:center;
}

h3 {
font-size: 1.2em;
text-align: center;
}




/* Text Formatting */


.blueText {
color: #0000FF;

}

.redText {
color:#FF0000;
}

.whiteMenuText {
color:#FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
padding-left: 3px;
font-size: .70em;
background: transparent; 
}

.center {
text-align: center;
}



/* Search Results tables */

table.searchResults {
border: 0px;
border-collapse: collapse;
}

.searchResults td {
vertical-align: top;
}


/* End Search Results tables */



/* RSS FAQ, RSS Homepage */

table.RSSFeeds {
border-collapse:collapse; 
margin-top:10px; 
vertical-align:top;

}

.RSSFeeds td {
vertical-align: top;

}






/* End RSS FAQ, RSS Homepage */


/* Login Page */

.loginTable td.leftTableColumn {
	text-align:right;
	vertical-align:top;
	}
	
.loginTable td.rightTableColumn {
	text-align:left;
	vertical-align:top;
}
	
.loginTable td.centerTableColumn {
	text-align:center;
	vertical-align:top;
	}
	
fieldset.login     {
	width:350px; border:1px solid #080B68;
	margin-left:auto; margin-right:auto;
	}
	
fieldset.login legend		{
	font-weight:bold; margin-left:5px;
	}
	
table.loginTable       {
	margin-left:auto; margin-right:auto;
	}
	
.centeredFields fieldset {
	margin-left:auto; margin-right:auto;
	}

fieldset.login#requestID    {
	width:750px; border:1px solid #080B68;
	margin-left:auto; margin-right:auto;
	padding:5px;
	}

fieldset#requestID  .loginTable td.leftTableColumn {
	width: 200px;
	
}


fieldset.login#forgotID    {
	width:400px; border:1px solid #080B68;
	margin-left:auto; margin-right:auto;
	padding:5px;
	}
/* End Login Page */




/* Links */








.menudata a             {font-family: Verdana, Arial, Helvetica; text-decoration: none; color: #FFFFFF; font-size: 1.1em;}
.menudata a:visited     {background: transparent; color: #FFFFFF}
.menudata a:hover       {background: transparent; text-decoration: underline}


/* Links */

a.anchor { color:#000000;}

a { color:#0000CC;}
a:active { color:#AE1518;}
a:hover { color:#AE1518;}
a:visited { color:#AE1518;}

a.whiteMenu { color:#FFFFFF; text-decoration:none; font-size:.90em;}
a:active.whiteMenu { color:#FFFFFF; font-size:.90em;}
a:hover.whiteMenu { text-decoration:underline; color:#FFFFFF; font-size:.90em;}
a:visited.whiteMenu { color:#FFFFFF; font-size:.90em;}


a.pdf { background-image: url(/common/images/pdfIcon.gif); background-repeat: no-repeat; padding-left: 20px; height: 20px; color:#0000CC;}
a:active.pdf { background-image: url(/common/images/pdfIcon.gif); background-repeat: no-repeat; padding-left: 20px; height: 20px;}
a:hover.pdf { background-image: url(/common/images/pdfIcon.gif); background-repeat: no-repeat; padding-left: 20px; height: 20px;}
a:visited.pdf { background-image: url(/common/images/pdfIcon.gif); background-repeat: no-repeat; padding-left: 20px; height: 20px; color:#AE1518;}

a.rss { background-image: url(/common/images/rssIcon.gif); background-repeat: no-repeat; padding-left: 20px; height: 20px; color:#0000CC;}
a:active.rss { background-image: url(/common/images/rssIcon.gif); background-repeat: no-repeat; padding-left: 20px; height: 20px;}
a:hover.rss { background-image: url(/common/images/rssIcon.gif); background-repeat: no-repeat; padding-left: 20px; height: 20px;}
a:visited.rss { background-image: url(/common/images/rssIcon.gif); background-repeat: no-repeat; padding-left: 20px; height: 20px; color:#AE1518;}


a.image { background-image: url(/common/images/jpgIcon.gif); background-repeat: no-repeat; padding-left: 25px; height: 20px; color:#0000CC;}
a:active.image { background-image: url(/common/images/jpgIcon.gif); background-repeat: no-repeat; padding-left: 25px; height: 20px;}
a:hover.image { background-image: url(/common/images/jpgIcon.gif); background-repeat: no-repeat; padding-left: 25px; height: 20px; }
a:visited.image { background-image: url(/common/images/jpgIcon.gif); background-repeat: no-repeat; padding-left: 25px; height: 20px; color:#AE1518;}

a.audio { background-image: url(/common/images/audioIcon.gif); background-repeat: no-repeat; padding-left: 25px; height: 20px; color:#0000CC;}
a:active.audio { background-image: url(/common/images/audioIcon.gif); background-repeat: no-repeat; padding-left: 25px; height: 20px;}
a:hover.audio { background-image: url(/common/images/audioIcon.gif); background-repeat: no-repeat; padding-left: 25px; height: 20px;}
a:visited.audio { background-image: url(/common/images/audioIcon.gif); background-repeat: no-repeat; padding-left: 25px; height: 20px; color:#AE1518;}


a.indentLink { padding-left: 20px; height: 20px; color:#0000CC;}
a:active.indentLink {  padding-left: 20px; height: 20px;}
a:hover.indentLink {  padding-left: 20px; height: 20px;}
a:visited.indentLink {  padding-left: 20px; height: 20px; color:#AE1518;}


a.pdfMenu { background-image: url(/common/images/pdfIcon.gif); background-repeat: no-repeat; margin-left: 5px; padding-left: 20px; height: 20px; color:#FFFFFF; text-decoration:none;margin-top: 5px; font-size:.90em;}
a:active.pdfMenu { background-image: url(/common/images/pdfIcon.gif); background-repeat: no-repeat; margin-left: 5px; padding-left: 20px; height: 20px; font-size:.90em;}
a:hover.pdfMenu { background-image: url(/common/images/pdfIcon.gif); background-repeat: no-repeat; margin-left: 5px; padding-left: 20px; height: 20px; text-decoration:underline; color:#FFFFFF; font-size:.90em;}
a:visited.pdfMenu { background-image: url(/common/images/pdfIcon.gif); background-repeat: no-repeat; margin-left: 5px; padding-left: 20px; height: 20px; color:#FFFFFF; font-size:.90em;
}


a.gisMenu { background-image: url(/common/images/gisIcon.gif); background-repeat: no-repeat; margin-left: 5px; padding-left: 20px; height: 20px; color:#FFFFFF; text-decoration:none;margin-top: 5px; font-size:.90em;}
a:active.gisMenu { background-image: url(/common/images/gisIcon.gif); background-repeat: no-repeat; margin-left: 5px; padding-left: 20px; height: 20px; font-size:.90em;}
a:hover.gisMenu { background-image: url(/common/images/gisIcon.gif); background-repeat: no-repeat; margin-left: 5px; padding-left: 20px; height: 20px; text-decoration:underline; color:#FFFFFF; font-size:.90em;}
a:visited.gisMenu { background-image: url(/common/images/gisIcon.gif); background-repeat: no-repeat; margin-left: 5px; padding-left: 20px; height: 20px; color:#FFFFFF; font-size:.90em;
}


a.gis { background-image: url(/common/images/gisIcon.gif); background-repeat: no-repeat; padding-left: 20px; height: 22px;}
a.active.gis { background-image: url(/common/images/gisIcon.gif); background-repeat: no-repeat; padding-left: 20px; height: 22px;}
a.hover.gis { background-image: url(/common/images/gisIcon.gif); background-repeat: no-repeat; padding-left: 20px; height: 22px;}
a.visited.gis { background-image: url(/common/images/gisIcon.gif); background-repeat: no-repeat; padding-left: 20px; height: 22px; color:#AE1518;}

a.email { background-image: url(/common/images/email.gif); background-repeat: no-repeat; padding-left: 20px; height: 20px; color:#0000CC;}
a:active.email { background-image: url(/common/images/email.gif); background-repeat: no-repeat; padding-left: 20px; height: 20px;}
a:hover.email { background-image: url(/common/images/email.gif); background-repeat: no-repeat; padding-left: 20px; height: 20px;}
a:visited.email { background-image: url(/common/images/email.gif); background-repeat: no-repeat; padding-left: 20px; height: 20px; color:#AE1518;}




/* End  */




/* Legacy styles converted from inline CSS */


.input      {
font-family: Verdana, Helvetica, Arial, sans-serif; font-size:.80em;
}

#waiting     { 
color: #ff0000; 
}

.colname {
font-size:.85em;
}

.coldata {
font-size:.85em;
}


.menuhead         { font-family: Verdana, Arial, Helvetica; text-decoration: none; font-size: 8pt; font-weight: bold; color: #FFFF00; background: transparent;}
.menudata         { font-family: Verdana, Arial, Helvetica; text-decoration: none; font-size: .80em;  color: #FFFFFF; background: transparent; height:20px;}
.menuitem         { font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 8pt; color: #FFFFFF;}


/* End  */


/* Site Map */

.siteMap {
float: left;
font-size:smaller;
padding-left: 10px; 
width:100%;
}


.siteMap h2 {
text-align: left;

}


.siteMap h3 {
text-align: left;
margin-left:15px;
}


.siteMap .linkList {
padding-left:25px;
}



/* Commission Styles */


body.commission {
font-size: .95em;
background-color:#FFFFED;
font-family:Verdana, Arial, Helvetica, sans-serif;
margin: 0;
padding: 0;
}


/* County Phone List */

.phoneList table#phoneList {
    border: 1px solid #0033CC;
	background-color: #ffffff;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	border-collapse: collapse;
	text-align:left;
}

#phoneList td {
border: 1px solid #0033CC;
padding: 5px;
}

#phoneList th {
border: 1px solid #0033CC;
text-align: center;
}


/* Form Submit Notice Generic */

.submitCentered {
		width: 800px;
		border: 2px solid #3366CC;
		padding: 10px 5px 5px 10px;
		float: inherit;
		position: relative;
		margin: 10 auto;
		margin-top: 10px;
  		height: auto;
		background-color: #E9E9E9;
		font-family: Arial, Helvetica, sans-serif;
		
		
}

p#success {
		text-align: left;
		color: #0000FF;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 120%;
}


p#failed {
		text-align: left;
		color: #FF0000;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 120%;
}



/* Directions pages */

fieldset#googleMapping {
width: 550px;
padding: 5px;
border: 1px solid #3366CC;
text-align:left;
margin: 0 auto;
}

fieldset#googleMapping legend {
font-size: 1.0em;
font-weight: bold;
}

.mapDirections {
text-align: center;
margin: 0 auto;
}

.mapDirections table {
text-align: left;
}

table.directions {
margin: 0 auto;
}


/* Page Footer */

.pageFooter td {
font-size:.90em;
}

table.pageFooter {
width: 100%;

}

