/* CSS for scottcountyiowa.com */

div {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	}

body {
	margin: 0px;
	background-color: #DCDCC8;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	}
	
hr {
/*	clear: both; */
	color: #CCC;
	background-color: #CCC;
	height: 1px;
	}

td { font-size: 80%; }

/* Illinois Information Technology Accessibility Act Guideline */
a.skip { position: absolute; left: -10000px; } 
a.skip:focus, a.skip:active { position: static; left: 0; } 

.invisible { /* Illinois Information Technology Accessibility Act Guideline */
	position: absolute;
	left: -10000px;
	width: 1px;
	height: 1px;
	overflow: hidden;
	}
.noshow { /* transition noshow to this new class */
	position: absolute;
	left: -10000px;
	width: 1px;
	height: 1px;
	overflow: hidden;
	}

input, select, textarea, button { font-size: 100%; }  /* Illinois Information Technology Accessibility Act Guideline */
	
@media Screen {
	
li { padding: 2px 0px;
		}

a { text-decoration: none; }
a:link { color: #060; }
a:visited { color: #060; }
a:hover { color: #000; background-color: #FFC; text-decoration: underline; }
a:active { color: #060; }

#main a { text-decoration: underline; }
#main a:hover { color: #000; background-color: #FFC; text-decoration: underline; }

#right150 a { text-decoration: none; }

.invert {color: #FFF; text-decoration: none; }
.invert a { text-decoration: none; }
.invert a:link {color: #FFF; }
.invert a:visited {color: #FFF; }
.invert a:hover { color: #EEE; background-color: #000; text-decoration: underline; }
.invert a:active {color: #666; }


.navbar {
	font-family: Arial, Helvetica, sans-serif;
	padding: 0px;
}
.navbar table {
	background-color: #060;
}
	.navbar h2 {
		background-color: #FFF;
		text-align: center;
		margin: 0px;
		padding: 10px;
		border-top: solid #030 1px;
		border-bottom: solid #030 1px;
		font-size: 100%;
	}
	.navbar h2 a:visited {
		color: black;
		}
	.navbar h4, .side02 h4 {
		margin-bottom: -5px;
		padding-left: 5px;
		padding-right: 5px;		
		border-bottom: dashed #030 1px;
		font-size: 100%;
		text-align: left;
	}
	.navbar li {
		list-style: none;
		list-style-image: url(images/common/list_bullet_01.gif);
		margin-left: -20px;
		padding-right: 5px;
		text-align: left;
	}
	.navbar .address {
		font-size: 90%;
		}

#container {
	background-color: #FFF;
	text-align: left;
	}

#logo {
	height: 130px;
	margin: 0px;
	background-color: #FEFEE4;	
	background-image: url(../images/common/title_scottcounty.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	text-align: center;
	padding: 10px;
	}
	
#logo h3 {
	width: 100%;
	font-size: 130%;
	font-weight: bold;
	vertical-align: middle;
	letter-spacing: -1px;
	margin: 0px;
	padding: 10px 0px;
	}

#header {
	float: right;
	width: 80%;
	background-color: #030;
	background-image: url(images/common/masthead05.jpg);
	background-repeat: repeat-x;
	/* overflow: hidden; /* to protect content bouncing to bottom */
}


#nav {
	position: relative;
	display: block;
	float: left;
	top: 0;
	left: 0;
	width: 20%;
	background-color: #DCDCC8;
	text-align: left;
/*	border-right: solid #060 1px; */

	/*	overflow: hidden;  to protect content bouncing to bottom */
}

#nav p {
	padding: 0px 10px;
	}

#nav ul ul li {
	background-color: #EEE;
	border-right: solid #CCC 2px;
}

#main {
	display: inline;
	float: right;
	position: relative;

	width: 79%;
	background-color: #FFF;
	text-align: left;
	padding: 10;
	overflow: visible;
/* */
}

#main h2 {
	margin: 0px;
	padding: 5px;
	background-color: #336600;
	color: #FFF;
	font-size: 120%;
	font-weight: bold;
	text-align: left;
	text-transform: uppercase;
	border-left: solid #030 5px;
}
#main h3 {
	margin: 3px 0px;
	padding: 3px;
	font-size: 140%;
	font-weight: bold;
	border-bottom: solid #003300 1px;
	}
#main h4 {
	font-size: 110%;
	font-weight: bold;
	}

#right150 {	
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 100%;
	right: 0;
	margin: 0px;
	width: 33%;
	padding: 0px;
	height: inherit;
	background-color: #DCDCC8;
/*	border-left: 1px solid #060; */
	text-align: center;
	}
	

.side02 {	
	float: right;
	margin: 0px 0px 10px 10px;
	padding: 10px;
	width: 220px;
	background-color: #FFFFFF;
	border-left: 1px solid #006600;
	text-align: center;
	}
	
#footer {
	width: 100%;
	padding: 10px;
	background-color: #030;
	font-weight: bold;
	text-align: center;
	z-index: 70;
	}

* html #footer-wrapper {
/*	padding-bottom: 10010px;
	margin-bottom: -10000px;
	background: #030;         /* Same as body background */
}


div#footer ul {
	margin-bottom: -15px;
	}
div#footer li {
	display: inline;
	list-style: none;
	}

/* CSS for drop down menu */

ul.topnav {
	list-style: none;
	padding: 0 10px;
	margin: 0;
	float: left;
	width: 100%;
	background: #222;
	font-size: 1 em;
	background: url(topnav_bg.gif) repeat-x;
	
	position: relative; /* position and z-index necessary to keep display in front */
	z-index: 99;

}
ul.topnav li {
	float: left;
	margin: 0;
	padding: 0;
	position: relative; /*--Declare X and Y axis base for sub navigation--*/
}
ul.topnav li a{
	padding: 5px 5px;
	color: #fff;
	display: block;
	text-decoration: none;
	float: left;
}
ul.topnav li span a {
	padding: 7px 5px 7px 5px;
}
ul.topnav li span a:hover {
	padding: 5px 5px 9px 5px; /* top and bottom values must equal padding from above */
}
ul.topnav li a:hover{
/*	background: #666 url(topnav_hover.gif) no-repeat center top; */
}
ul.topnav li span { /*--Drop down trigger styles--*/
/*	width: 17px;
	height: 35px;
	float: left;
	background: url(subnav_btn.gif) no-repeat center top; */
}
ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/

ul.topnav li ul.subnav {
	list-style: none;
	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
	left: 0; top: 30px; /* top needs to bump up to lower text of main menu items */
	background: #333;
	margin: 0; padding: 0;
	padding-bottom: 10px;
	display: none;
	float: left;
	width: 200px;
/*	border: 1px solid #111; */

}
ul.topnav li ul.subnav li{
	margin: 0;
	padding: 0 0 0 5;
/*	border-top: 1px solid #252525; /*--Create bevel effect--*/
	border-bottom: 1px solid #444; /*--Create bevel effect--*/
	clear: both;
	width: 200px;
}
html ul.topnav li ul.subnav li { /* removed a tag from end of this line */
	float: left;
	width: 200px;
/*	background: #333 url(dropdown_linkbg.gif) no-repeat 10px center; */
/*	padding-left: 15px; */
}
html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
/*	background: #222 url(dropdown_linkbg.gif) no-rep:eat 10px center; */
}

/* End CSS for drop down menu */

}

/* All media types */

.one-half {
	float: left;
	width: 49%;
	padding: 5px;
	text-align: center;
	vertical-align: middle;
	}

.headlines ul {
	list-style: square;
	margin-top: 2px;
	margin-bottom: 2px;
}
.headlines li {
	margin: 0px;
	margin-left: -15px;
	padding: 1px;
}
	
.feature {
	padding: 5px 10px 5px 10px;
	text-align: left;
	}
.feature h4 {
	margin: 0px;
	padding: 0px;
	font-size: 140%;
	font-weight: normal;
	}
.feature p {
	margin: 5px 0px;
	}
.feature ul {
	margin: 2px 2px 2px 10px;
	padding: 0px;
	}
.feature ul li {
	list-style: none;
	list-style-image: url(images/common/list_bullet_01.gif);
	margin: 0px;
	padding: 1px;
}

.record h5 {
	background-color: #EEEEEE;
	padding: 5px;
	font-weight: bold;
	}
.record li { 
	list-style-type: none;
	margin-left: -40px;
	padding: 10px;
	border-bottom: 1px solid #999999;
	}

.calendar_list dt {
	list-style: none;
	margin: 0px;
	padding: 0px;
	font-size: inherit;
	font-weight: bold;
	}
.calendar_list ul {
	list-style: none;
	list-style-image: url(images/common/list_bullet_01.gif);
	margin: 2px 2px 2px 10px;
	padding: 0px;
	font-weight: normal;
	}
.calendar_list li {
	margin: 0px;
	padding: 1px 0px;
}

@media Screen {

/* Font Sizes */
.default_font	{ }
.small_font		{ font-size: small; }
.medium_font	{ font-size: medium; }
.large_font		{ font-size: large; }
.x_large_font	{ font-size: x-large; }
.xx_large_font	{ font-size: xx-large; }

/*
.group:after {  doesn't seem to work in IE 
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}*/

	
/* Column length fix */

#container, #footer {
		margin-left: auto;
		margin-right: auto;
		width: 100%;		
		}

#container {
	overflow: hidden;
	}

#nav, #main, #right150 {
	padding-bottom: 10010px;  /* X + padding-bottom */
	margin-bottom: -10000px;  /* X */
	}

/* may or may not be in use */
a.external {
    background: url(/images/icons/external.png) center right no-repeat;
    padding-right: 13px;
}


}

@media handheld {
	
a { text-decoration: underline }

li {
	margin: 0;
	padding: 0;
	}

.invert {color: #FFF}

#header {
	display: none;
	visibility: hidden;
	}	
#navbar {
	display: none;
	visibility: hidden;
	}
	
#main h2
	{
	background-color: #336600;
	color: #FFF;
	margin: 0px;
	font-size: 120%;
	font-weight: bold;
	padding: 5px;
	text-transform: uppercase;
	border-left: solid #030 5px;
}
#main h3 {
	font-size: 140%;
	font-weight: bold;
	padding: 5px;
	margin: 5px 0px;
	border-bottom: solid #003300 1px;
	}
#main h4 {
	font-size: 120%;
	margin: 5px;
	margin-bottom: 0px;
	}

#logo {
	height: 140px;
	background-color: #FEFEE4;	
	background-image: url(../images/common/title_scottcounty.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	text-align: center;
	padding: 10px;
	}
#logo h3 {
	width: 100%;
	font-size: 130%;
	font-weight: bold;
	vertical-align: middle;
	letter-spacing: -1px;
	margin: 0px;
	padding: 10px 0px;
	}

#nav {
	display: inline;
	position: relative;
	width: 100%;
	background-color: #FFC;
	text-align: left;
}

#main {
	display: block;
	position: relative;
	margin: 0;
	width: 100% !important;
	background-color: #FFFFFF;
	text-align: left;
	padding: 10px;
	z-index: 0;
}
#right150 {	
	width: 100% !important;
	padding: 0px;
	height: inherit;
	background-color: #CCC;
	text-align: left;
	}
	
#footer {
	display: block;
	position: relative;
	margin: 0px;
	width: 100%;
	padding: 10px;
	background-color: #030;
	font-weight: bold;
	text-align: left;
	}

}

@media print {
	
a { text-decoration: underline }

td { font-size: 80%; }

li {	
	padding-top: 2px;
	padding-bottom: 2px
	}

.invert {
	color: #FFF
	}
#header {
	display: block;
	text-align: center;
	}
	
.topnav {
	display: none;
	}
#navbar {
	display: none;
	}
#nav {
	display: none;
	}
#main {
	display: block;
	}
#main h2 {
	margin: 0px;		
	padding: 5px;
	color: #000;
	font-size: 120%;
	font-weight: bold;
	text-transform: uppercase;
}
#main h3 {
	margin-top: 0px;	
	padding: 5px;
	font-size: 140%;
	font-weight: bold;	
	border-bottom: solid black 2px;
	}
#main h4 {
	margin: 5px 5px 0px 5px;
	font-size: 120%;
	}				
#right150 {	
	display: none;
	}
#footer {
	display: none;
	}
	
}