/**
 * Template CSS File for NebraskaInfo.org
 * @created    2008-09-27
 * @author    Jason Bush <cjbush@nebraskainfo.org>
 * @copyright    Copyright (C) 2008 NebraskaInfo.org. All rights reserved
 */

* { padding: 0px; margin: 0px; border: none; }

body {
    background-color: #fff;
    background-image: url(../images/site/dark_body_bg2.jpg);
    font-family: Helvetica, Arial, sans-serif;
    font-weight: normal;
    top: 0px;
    left: 0px;
	 color: #000;
}

#body_padding {
    width: 960px;
    min-width: 960px;
    margin: 0px auto;
    background-color: #fff;
    border: 1px solid #999;
}

#body_main {
    color: #ffffff;
}

#top_menu {
    background-color: #666;
    background-image: url(../images/site/grey_menu_1x24.jpg);
    background-repeat: repeat-x;
    color: #fff;
    font-size: 8pt;
    height: 24px;
    border-left: 1px solid #999;
    clear: both;
}

ul.menu_topm {
       border: none;
       color: #fff;
       float: left;
}   

ul.menu_topm li {
       display: block;
       float: left;
}

ul.menu_topm li a {
       display: block;
       padding: 4px 18px 0px 22px;
       border: none;
       color: #fff;
       font-weight: 700;
       text-decoration: none;
}    

ul.menu_topm li a:hover {
       color: #fee;
       text-decoration: underline;
}

ul.menu_catmenu {
       display: block;
       margin: 8px 0px 8px 4px;
       border: 1px dashed #ccc;
       color: #600;
       font-weight: 700;
       text-align: center;
}

ul.menu_catmenu li {
       display: block;
       border-top: 1px dashed #ccc;
}

ul.menu_catmenu li a {
       display: block;
       padding: 2px 5px;
       border: none;
       color: #666;
       font-weight: 700;
       text-decoration: none;
       text-align: left;
}

ul.menu_catmenu li a:hover {
       color: #600;
       text-decoration: underline;
}

ul.menu_foot {
    width: 300px;
    margin: 0px auto;
}

ul.menu_foot li {
    display: block;
    float: left;
}

ul.menu_foot li a {
    display: block;
    padding: 4px 16px 0px 16px;
    border: none;
    color: #600;
    font-weight: 700;
    text-decoration: none;
}

ul.menu_foot li a:hover {
    color: #f00;
    text-decoration: underline;
}

#top_padding {
    clear: both;
}

#header {
    width: 100%;
    height: 128px;
    clear: both;
}


#header_left {
    float: left;
    width: 128px;
    height: 128px;
    text-align: center;
}

#ne_logo {
    width: 128px;
    height: 128px;
    background-image: url('../images/site/neinf_logo128.jpg');
    background-repeat: no-repeat;
    text-align: center;
    clear: none;
}

#head_content {
    height: 80px;
    margin: 2px;
    text-align: center;
}

#head_spacer {
    width: 100%;
    height: 128px;
    text-align: center;
    clear: none;
}

#header_right {
    float: left;
    width: 832px;
    height: 128px;
    text-align: right;
}

#head_tagline {
    width: 100%;
    color: #666;
    font-size: 10pt;
    font-weight: 700;
    font-style: italic;
    text-align: left;
}

#body_divider {
    width: 100%;
    height: 24px;
    background-color: #666;
    background-image: url(../images/site/grey_menu_1x24.jpg);
    background-repeat: repeat-x;
    font-weight: 700;
}

#bcrumbs {
    width: 60%;
    height: 24px;
    float: left;
    font-size: 12px;
    line-height: 22px;
}

#display-time {
    display: inline;
    padding: 0px 5px 0px 10px;
}

#search_box {
    color: #fff;
    font-weight: 700;
    width: 40%;
    height: 24px;
    float: left;
    font-size: 10px;
    text-align: right;
}

#site {
    background-color: #fff;
    text-align: center;
}

#site_padding {
    background-color: #fff;
    color: #000;
    width: 950px;
    margin: 5px auto;
}

#site_left {
    width: 180px;
    float: left;
    font-size: 8pt;
    text-align: center;
}

#site_left_content {
    margin: 10px auto;
    text-align: left;
}

#site_main {
    width: 480px;
    margin: 0px 10px;
    height: 100%;
    min-height: 600px;
    font-size: 10pt;
    float: left;
    text-align: center;
}

#site_main_iframe {
    width: 864px;
    margin: 0px 10px;
    font-size: 10pt;
    text-align: center;
}

#site_main_content {
    height: 100%;
    min-height: 600px;
    margin: 10px auto;
    text-align: left;
}

#site_main_iframe {
    margin: 10px auto;
    text-align: center;
}

#site_right {
    width: 260px;
    float: left;
    font-size: 8pt;
    text-align: center;
}

#site_right_content {
    margin: 10px auto;
    text-align: left;
}

#site_footer {
    border-top: 1px solid #600;
    color: #666;
    width: 100%;
}

#footer_padding {
    text-align: center;
}

#footer_main {
    font-size: 8pt;
    font-weight: 700;
    margin: 0px auto;
    text-align: center;
}

div#footer-links {
    background-color: #ddd;
    height: 18px;
    line-height: 12px;
    text-align: center;
    border-bottom: 1px solid #600;
    clear: both;
}

.clearall {
    clear: both;
}

/* Menu */
.section-menu {
    background-color: #ccc;
}

h3.menu-title {
    text-align: center;
    font-weight: 700;
    color: #300;
    background-color: #ddd;
    border-bottom: 1px solid #300;
}

.menu { 
    display: block;
    width: 100%;
    margin-bottom: 8px;
    background-color: #fff;
    border: 1px solid #ccc;
}

.menu li {
    display: block;
	 text-align: left;
	 padding-bottom: 4px;
}

.menu li > a:link {
    display: block;
    width: 100%;
    color: #903;
    text-decoration: none;
    font-weight: 700;
}

.menu li > a:visited {
    display: block;
    width: 100%;
    color: #903;
    text-decoration: none;
    font-weight: 700;
}

.menu li > a:hover {
    display: block;
    width: 100%;
    color: #903;
    text-decoration: underline;
    font-weight: 700;
}

.sub-menu h3.menu-title {
    display: block;
    text-align: center;
    color: #600;
    background-color: #dcc;
    border-bottom: 1px dashed #600;
	 margin: 0px auto;
}

.sub-menu .menu { 
    width: 88%;
    background-color: #eee;
    border: 1px dotted #600;
}

.sub-menu .menu li {
    display: block;
	 text-align: right;
	 padding-bottom: 4px;
}

.sub-menu .menu li > a:link {
    display: block;
    width: 100%;
    color: #600;
    text-decoration: none;
    font-weight: 700;
}

.sub-menu .menu li > a:visited {
    display: block;
    width: 100%;
    color: #600;
    text-decoration: none;
    font-weight: 700;
}

.sub-menu .menu li > a:hover {
    display: block;
    width: 100%;
    color: #300;
    text-decoration: underline;
    font-weight: 700;
}

/* headings */
h3.main-heading {
	color: #300;
	font-weight: 700;
	font-size: 10pt;
}

h3.sub-heading {
	color: #300;
	font-weight: 700;
	font-size: 8pt;
}

h3 {
    color: #666;
    font-weight: 700;
    font-size: 10pt;
}

.content {
    padding: 4px;
	 margin-bottom: 8px;
}

div.content-div {
    width: 100%;
	 text-align: center;
}

div.content-padding {
    margin: 8px auto;
	 text-align: left;
	 border: 1px solid #ddd;
}

div.content-heading {
    padding: 4px;
	 border-bottom: 1px solid #300;
}

table.content-table {
    width: 100%;
}

table.content-table th {
    font-weight: 700;
	 background-color: #fff;
	 color: #300;
	 padding: 2px 4px;
}

table.content-table td {
    background-color: #fff;
    color: #333;
	 padding: 2px 6px;
}

td.table-data a {
    background-color: #fff; 
    color: #600;
	 font-weight: 700;
	 text-decoration: none;
}

td.table-data a:hover {
    color: #f00;
	 text-decoration: underline;
}

.center { text-align: center; }
.left { text-align: left; }
.right { text-align: right; }
.bold { font-weight: 700; }

div.hz_spacer10 {
	display: inline;
	width: 10px;
}

/* Google Maps */
#google-map-disp {
	margin: 0px 10px;
}

.gmap {
	height: 280px;
	max-width: 400px;
	border: 1px solid #300;
	margin: 8px auto;
	padding: 2px;
}

h3.map-title {
	text-align: center;
	font-weight: 700;
	color: #600;
}

/* County Data */
table.county-seat-table {
	border: 1px solid #300;
	width: 420px;
}

table.county-seat-table td {
	width: 210px;
	border-bottom: 1px solid #ccc;
}

table.city-list-table {
	border: 1px solid #300;
	width: 420px;
}

table.city-list-table td {
	width: 140px;
	border-bottom: 1px solid #ccc;
}

table.county-list-table {
	border: 1px solid #300;
	width: 480px;
	margin: 0px auto;
}

td.table-heading {
	font-size: 12pt;
	font-weight: 700;
	color: #300;
	padding: 4px;
}

td.letter-heading {
	font-size: 12pt;
	font-weight: 700;
	color: #300;
	background-color: #ddd;
	padding: 8px 16px;
}

td.no-data-heading {
	font-size: 12pt;
	font-style: italic;
	color: #333;
	background-color: #ddd;
	padding: 8px 16px;
}

td.no-data {
	padding: 4px 8px;
	font-style: italic;
}

td.data-item a {
	display: block;
	color: #300;
	font-weight: 700;
	padding: 4px 8px;
	text-decoration: none;
}

td.data-item a:hover {
	color: #600;
	text-decoration: underline;
}

/* Census Data */
div#census-data-summary {
	width: 100%;
	margin: 0px;
	padding: 0px;
	font-size: 8pt;
	text-align: left;
}

div.center-data {
	margin: 0px;
	padding: 0px;
	width: 450px;
	font-size: 8pt;
}

table.census-data-table {
	width: 100%;
	margin: 8px 0px;
	padding: 0px;
	border: 1px solid #600;
}

table.census-data-table td {
	padding: 2px 4px;
}

table.link-table {
	width: 100%;
	margin: 8px 0px;
	padding: 0px;
	border: 1px solid #600;
	background-color: #ddd;
}

tr.data-row {
	border-bottom: 1px solid #600;
}

td.data-description {
	padding: 4px 10px;
	background-color: #ccc;
	color: #300;
	border-bottom: 1px solid #600;
	font-weight: 700;
}

td.data-value {
	width: 40%;
	padding: 0px 10px;
	background-color: #ddd;
	text-align: right;
}

td.us-total {
	width: 40%;
	padding: 0px 10px;
	background-color: #eee;
	text-align: right;
}

td.data-source {
	width: 20%;
	background-color: #ddd;
	text-align: center;
}

table.census-data-table a {
	color: #300;
	text-decoration: none;
}

table.census-data-table a img {
	border: none;
}

table.census-data-table a:hover {
	color: #900;
	text-decoration: underline;
}

td.data-header {
	border-bottom: 1px solid #ccc;
	font-weight: 700;
}

td.data-text {
	text-align: right;
	border-bottom: 1px solid #ccc;
}

h3.census-summary-title {
	display: block;
	background-color: #ddd;
	color: #300;
	font-weight: 700;
	font-size: 8pt;
}

.grey-back {
	background-color: #ddd;
}

td.page-link {
	text-align: center;
	line-height: 24px;
}

td.page-link a {
	width: 20px;
	height: 20px;
	margin: 2px auto;
	padding: 2px 6px;
	border: 1px solid transparent;
	line-height: 18px;
	font-size: 10pt;
	text-align: center;
	vertical-align: middle;
}

td.page-link a.page-link {
	background-color: transparent;
	color: #300;
	text-decoration: none;
}

td.page-link a.current-page-link {
	background-color: #300;
	color: #ddd;
	font-weight: 700;
	text-decoration: none;
}	

td.page-link a.page-link:hover {
	border: 1px solid #300;
}

td.page-link a.current-page-link:hover {
	border: 1px solid #f00;
}	

td.prev-link,
td.next-link {
	text-align: center;
	vertical-align: middle;
	background-color: #ddd;
	color: #990000;
	font-size: 12pt;
}

td.prev-link span,
td.next-link span {
	text-decoration: line-through;
}

td.prev-link {
	border-right: 1px solid #ccc;
}

td.next-link {
	border-left: 1px solid #ccc;
}

td.prev-link a,
td.next-link a {
	font-size: 12pt;
	font-weight: 700;
	color: #300;
	text-decoration: none;
}

td.prev-link a:hover,
td.next-link a:hover {
	color: #c00;
	text-decoration: underline;
}

a.mapmenu-link {
	display: block;
	padding: 2px 8px;
	background-color: #fff;
	color: #300;
	text-decoration: none;
	text-align: left;
}

a.mapmenu-link:hover {
	background-color: #ccc;
	color: #c00;
	text-decoration: underline;
}

div#city-information {
    width: 420px;
    margin: 8px auto;
    border-bottom: 1px solid #600;
	 text-align: left;
}

div.info-item {
    height: 18px;
    clear: both;
	 border-bottom: 1px dashed #ddd;
}

div.info-label {
    width: 150px;
    float: left;
    background-color: #fff;
    color: #000;
    font-weight: 700;
    text-align: right;
}

div.info-data {
    width: 240px;
    float: left;
    text-align: left;
    background-color: #fff;
	 margin-left: 14px;
    color: #300;
}

div.info-data a {
    font-weight: 700;
    color: #600;
	 text-decoration: none;
}

div.info-data a:hover {
    font-weight: 700;
    color: #f00;
	 text-decoration: underline;
}

.article { 
    width: 90%;
    margin: 4px auto 12px auto;
    border: 1px solid #ccc;
}

.article-heading {
    background: #ddd;
    color: #300;
    font-weight: 700;
    font-size: 10pt;
    padding: 2px 2px 2px 4px;
    border-bottom: 1px solid #000;
}

.article-content {
    font-size: 8pt;
    text-align: left;
    margin: 8px 4px 12px 4px;
}

.article-content a {
    font-weight: 700;
    color: #333;
    text-decoration: none;
}

.article-content a:hover {
    color: #300;
    text-decoration: underline;
}

#historical-markers table { width: 100%; }
.mrk-num { width: 8%; }
.mrk-title { width: 52%; }
.mrk-city { width: 25%; }
.mrk-county { width: 15%; }

#historical-marker .article {
	padding: 1px;
}

#historical-marker .article .article-content {
	border-bottom: 1px dashed #ddd;
	padding: 1px;
}

.marker-text {
	margin: 2px;
	border: 1px solid #fff;
	padding: 2px;
}

.marker-text h2 {
	display: block;
	text-align: center;
	font-size: 12pt;
	font-weight: 700;
	color: #300;
	margin-bottom: 12px;
}

.marker-text h3 {
	display: block;
	text-align: left;
	font-size: 10pt;
	font-weight: 700;
	color: #333;
	margin-bottom: 8px;
}

.marker-text p {
	text-align: justify;
	border: 1px solid #fff;
	padding: 2px;
	font-size: 8pt;
}

.marker-text p p {
	margin: 4px 8px;
	padding: 2px;
	white-space: pre;
}

#historical-marker .article-content .marker-text br { display: none; }

.form-input { margin: 4px 4px 8px 4px; }
.input-label label { color: #300; font-weight: 700; }
.input-item input { margin: 4px 8px; padding: 2px; border: 1px solid #c00; font-weight: 700; }
.input-buttons { text-align: right; padding: 8px; }
.input-buttons input[type='submit'] { font-weight: 700; background-color: #eee; color: #300; padding: 4px; border: 1px solid #333; text-align: center; }

.form-captcha { margin: 8px; padding: 12px 42px; }
.form-errors { margin: 2px; padding: 8px; border: 1px solid #333; background: #eee; }
.form-errors .error-heading { font-size: 12pt; color: #900; font-weight: 700; }
.form-errors ul { margin: 8px; padding: 12px; }
.form-errors ul li { font-size: 10pt; font-weight: 700; color: #f00; }