/*  
Theme Name: Mahaska County
Theme URI: http://arrowquick.com/
Description: The Mahaska County Iowa Theme.
Version: 1.0
Author: ArrowQuick Solutions
*/
body
{
  margin: 0;
  padding: 0;
  font-size: 83%; /* fixes bug in IE. can be any number. */
  background-color: #02234e;
  background-image: url(images/mcbg.jpg);
  background-repeat: repeat-x;
  font-family: Georgia, Verdana, Arial, sans-serif;
  text-align: center;
}


h1, h2, h3, h4, h5, h6
{
  margin-top: 0;
  margin-bottom: 0;
  font-family: Georgia, Times, serif;
}



p
{
  margin-top: 0;
  margin-bottom: 1em;
}

form
{
  margin: 0;
}

img
{
  border: none;
}

table
{
	border-spacing: 0;
}


.clearall
{
  clear: both;
  overflow: hidden;
  height: 1px;
}

a:link {
  color:#990000;
  
}

a:visited {
  color:#990000;
}

/*
  Use row styles like this:
  <div class="row">
    <div class="lcol">Or use label here</div>
    <div class="rcol">right column</div>
  </div>
*/
.row
{
  clear: both;
  padding-top: .1em;
}

.row .lcol,
.row label
{
  display: block;
  float: left;
  text-align: right;
}

.row .rcol
{
  display: block;
  text-align: left;
  float: right;
}

.row .rcol label
{
  display: inline;
  float: none;
  text-align: inherit;
}

.smaller
{
  font-size: 90%;
}

.white{
	color:#fff;
}

/*
 * Styles for JS extensions
 */

a.pdf
{ 
	padding-left: 15px; 
	background-image: url('images/icon_pdf.gif'); 
	background-repeat: no-repeat;
	background-position: left;
}

a.doc
{ 
	padding-left: 15px; 
	background-image: url('images/icon_word.gif'); 
	background-repeat: no-repeat;
	background-position: left;
}

/*
a.website
{ 
	padding-left: 15px; 
	background: url('../img/icon_web.gif'); 
	background-repeat: no-repeat;
	background-position: left;
}
*/

a.wmv
{ 
	padding-left: 15px; 
	background: url('images/icon_wmv.gif'); 
	background-repeat: no-repeat;
	background-position: left;
}

a.mov
{ 
	padding-left: 15px; 
	background: url('images/icon_mov.gif'); 
	background-repeat: no-repeat;
	background-position: left;
}

#wrapper {
	width:975px;
	margin: auto;
	text-align: left;
	position:relative;
}

#masthead {
	width: 975px;
	height:70px;


}

#masthead h1 {
	padding-top:10px;
	padding-left: 24px;
	color:#011c47;
	float: left;
}

#utility-nav {
	float:right;
	padding-right:24px;
	padding-top:20px;
	text-align: right;
}


ul#util-nav {
	list-style: none;
	display:inline;
	}

ul#util-nav li {
	list-style: none;
	padding-top:5px;
	padding-bottom: 5px;
	padding-right:10px;
	display:inline;
}

ul#util-nav a:link {
	font-family: Georgia, Times, serif;
	font-weight: bold;
	text-decoration: none;
	font-size: 100%;
	color:#900;

}

ul#util-nav a:visited {
  	font-family: Georgia, Times, serif;
	font-weight: bold;
	text-decoration: none;
	font-size: 100%;
	color:#900;
}

ul#util-nav a:hover {
  	font-family: Georgia, Times, serif;
	font-weight: bold;
	text-decoration: none;
	font-size: 100%;
	color:#009;
}

#banner {
	width: 975px;
	height:254px;
	background-image: url(images/flag_bg.jpg);
}

#main-content {
	width: 975px;
	background-image: url(images/mid_bg.jpg);
	background-repeat: repeat-x;
	background-color: #fffff7;
}

#left-nav {
	float: left;
	width:222px;
	background-image: url(images/nav_bg.jpg);
	background-position: top;
	background-repeat: repeat-x;
	margin-left: 24px;
	margin-bottom:15px;
	text-align: center;
}

#main-nav {
	margin: auto;
	margin-top:35px;
	padding:0px;
	width:70%;
	border-top:2px solid #d0d5dd;

}

ul#main-nav {
	list-style: none;
	position:relative;
	}

ul#main-nav li {
	list-style:none;
	padding-top:10px;
	padding-bottom: 10px;
	border-bottom: 2px solid #d0d5dd;
}

ul#main-nav li a {
	text-decoration: none;
	font-size: .95em;
	color:#011c47;
	font-weight:bold;
}

ul#main-nav li ul {
	text-align:left;
	background-color:#011c47;
	font-size: .95em;
	position:absolute;
	width: 15em;
	left: -999em;
	padding:0;
	padding-left:1em;
	border:none;
}

ul#main-nav li ul li {
	border:none;
}

ul#main-nav li ul li a {
	text-decoration: none;
	font-size: .95em;
	color:#fff;
	font-weight:bold;
}

ul#main-nav li ul li a:hover {
	color:#ccccff;
}

ul#main-nav li:hover ul {
	left: 155px;
	margin-top:-20px;
}

#main-nav li:hover ul ul, #main-nav li.sfhover ul ul {
	left: -999em;
}

#main-nav li li:hover ul  {
	left: 16em;
	margin-top:-20px;
}


#right-content {
	margin-left: 260px;
	min-height: 380px;
	margin-right: 260px;
}

#right-nav {
	float:right;
	width:222px;
	margin-right:24px;

}

div#search-box {
  margin-bottom:5px;
}

#right-nav div ul {
  background-color:#fff7df;
  border:1px solid #e8d6a4;
  list-style:none;
  clear:both;
  margin:0px;
  padding:3px;
}

#right-nav div ul ul {
  border:none;
  padding:none;
}

#right-nav div ul li dl {
  list-style:none;
  margin:0px;
  padding:0px;
}

#right-nav div ul li dl dd {
  margin:0px;
}

#right-nav div ul li dl dt a {
  color:#294a96;
}

.sidebardate {
  font-size:.75em;

}

.widgettitle {
	margin-top: 5px;
  text-align:center;
  color:#820000;
}

#right-content ul {
  /*clear:both;*/
}

#right-content p {
	line-height: 130%;
}

.title {
	margin-bottom: 10px;
}

#sidebar {

}



#footer {
	clear: both;
	border-top:2px solid #e9debc;
	margin-left:24px;
	margin-right:24px;
	padding-top:10px;
	padding-bottom:10px;
}

input.search-field {
	
	border:0;
	margin:0;
	font-family:tahoma;
	font-size: 12px;
	padding: 3px 0px 0px 4px;
	height:22px;
	background: url(images/search_bg.gif) no-repeat top left;
	width: 153px;
}

input.search-go { /*search icon */
	
	border:0;
	margin:0;
	padding:0;
	margin-left: 5px;
	height: 25px;
	width: 25px;
	background: url(images/search_button.gif) no-repeat top left;
	cursor: pointer;
}
#suckerfishnav {
    background:#9C1F1B repeat-x;
    font-size:15px;
    font-family:verdana,sans-serif;
    font-weight:bold;
    width:100%;
    }
#suckerfishnav, #suckerfishnav ul {
    float:left;
    list-style:none;
    line-height:40px;
    padding:0;
    border:1px solid #aaa;
    margin:0;
    width:100%;
    }
#suckerfishnav a {
    display:block;
    color:#011c47;
    text-decoration:none;
    padding:0px 10px;
    }
#suckerfishnav li {
    float:left;
    padding:0;
    }
#suckerfishnav ul {
    position:absolute;
    left:-999em;
    height:auto;
    width:101px;
    font-weight:normal;
    margin:0;
    line-height:1;
    border:0;
    border-top:1px solid #666666;
    }
#suckerfishnav li li {
    width:99px;
    border-bottom:1px solid #666666;
    border-left:1px solid #666666;
    border-right:1px solid #666666;
    font-weight:bold;
    font-family:verdana,sans-serif;
    }
#suckerfishnav li li a {
    padding:4px 10px;
    width:80px;
    font-size:15px;
    color:#ffffff;
    }
#suckerfishnav li ul ul {
    margin:-24px 0 0 100px;
    }
#suckerfishnav li li:hover {
    background:#011c47;
    }
#suckerfishnav li ul li:hover a, #suckerfishnav li ul li li:hover a, #suckerfishnav li ul li li li:hover a, #suckerfishnav li ul li li li:hover a {
    color:#ccccff;
    }
#suckerfishnav li:hover a, #suckerfishnav li.sfhover a {
    color:#011c47;
    }
#suckerfishnav li:hover li a, #suckerfishnav li li:hover li a, #suckerfishnav li li li:hover li a, #suckerfishnav li li li li:hover li a {
    color:#ffffff;
    }
#suckerfishnav li:hover ul ul, #suckerfishnav li:hover ul ul ul, #suckerfishnav li:hover ul ul ul ul, #suckerfishnav li.sfhover ul ul, #suckerfishnav li.sfhover ul ul ul, #suckerfishnav li.sfhover ul ul ul ul {
    left:-999em;
    }
#suckerfishnav li:hover ul, #suckerfishnav li li:hover ul, #suckerfishnav li li li:hover ul, #suckerfishnav li li li li:hover ul, #suckerfishnav li.sfhover ul, #suckerfishnav li li.sfhover ul, #suckerfishnav li li li.sfhover ul, #suckerfishnav li li li li.sfhover ul {
    left:auto;
    background:#011c47;
    }
#suckerfishnav li:hover, #suckerfishnav li.sfhover {
    background:#DA0909;
    }