* { 
  -webkit-box-sizing: border-box; 
  -moz-box-sizing: border-box; 
  box-sizing: border-box; 
  *behavior: url(/javascripts/boxsizing.htc); 
}

body {
	/*background: #FDF7F4;*/
	background: #fff;
}

#logo {
	margin: 15px 0;
}

#logo-white {
	margin: 10px 0;
}

.main-content {
	padding-top: 30px;
	margin-bottom: 55px;
}

h2.breadcrumb {
	font-style: italic;
	font-weight: normal;
	font-size: 18px;
	margin-bottom: 14px;
}

h1, h2, h3, h4, h5, h6 {
	margin-top: 0;
}

.caption-centered {
	text-align: center;
	display: block;
	font-size: 12px;
	line-height: 1.4;
}

.img-right {
	float: right;
	margin: 0 0 10px 10px;
}

span.category{
	display: none;
}

.infobox {
background-color: #C41233;
background-color: rgba(196, 18, 51, 0.9);
color: white;
padding: 8px 40px 20px 45px;
	z-index: 2;
}

.main {
	margin-top: -500px;
}

ul.zebra_strip>li:nth-child(odd) {
	background: #f1f1f1;
}

ul.zebra_strip, ul.zebra_strip ul {
	list-style: none;
}

ul.zebra_strip li a {
	padding: 2px 5px;
	display: block;
	width: 100%;
}

ul.zebra_strip li a:hover {
	background: #e1e1e1;
}

ul.zebra_strip li a em {
	color: #aaa;
}

.sidebar ul {
	list-style: none;
}

.sidebar ul li {
	margin-bottom: 5px;
}

.sidebar ul li ul {
	margin-left: 20px;
}

/* External Links Homepage */
ul#nav_categories>li:nth-child(odd){
    background: #f1f1f1;
}​

ul#nav_categories {
	list-style: none;
}

ul#nav_categories li {
	padding: 2px 5px;
}

ul#nav_categories li li {
	padding: 0;
}

ul#nav_categories ul ul {
	margin-left: 0;
}
/* end External Links Homepage */

ul.external_links {
	list-style: none;
}

ul.external_links ul {
	margin-left: 10px;
}

ul.external_links ul li
{
	display: inline;
}

ul.external_links ul li:after
{
	content: ", ";	
}

ul.external_links ul li:last-child:after
{
	content: "";	
}


.pagination {
    background: #fff;
    padding: 20px 0;
}

.pagination a, .pagination strong {
    display: inline-block;
    padding: 5px 9px;
    margin-right: 4px;
    border-radius: 3px;
    border: solid 1px #c0c0c0;
    background: #e9e9e9;
    box-shadow: inset 0px 1px 0px rgba(255,255,255, .8), 0px 1px 3px rgba(0,0,0, .1);
    font-size: .875em;
    font-weight: bold;
    text-decoration: none;
    color: #717171;
    text-shadow: 0px 1px 0px rgba(255,255,255, 1);
}

.pagination strong {
    border: none;
    background: #616161;
    box-shadow: inset 0px 0px 8px rgba(0,0,0, .5), 0px 1px 0px rgba(255,255,255, .8);
    color: #f0f0f0;
    text-shadow: 0px 0px 3px rgba(0,0,0, .5);
}

.th img {
	display: inline!important;
}

span.article_source p {
	color: #666;
	font-size: 12px;
	margin-top: 14px;
}




/* =Calendar
-------------------------------------------------------------------------*/
.calendarBG {
	margin-bottom: 20px;
 	background-color: #fff;
	width: 100%;
	line-height: 2;
	border: none;
	border-spacing: 1px;
}

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

.calendarHeader {
 	font-weight: bold;
 	color: #333;
 	text-align: center;
 	background-color: #ccc;
}

.calendarMonthLinks {
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: #333;
	background-color: transparent;
}

.calendarMonthLinks a {
	color: #333;
	text-decoration: none;
	background-color: transparent;
	border: 0;
}

.calendarMonthLinks a:visited {
	color: #333;
	text-decoration: none;
	background-color: transparent;
}

.calendarMonthLinks a:hover {
	color: #333;
	text-decoration: underline;
	background-color: transparent;
}

.calendarDayHeading {
	font-weight: bold;
	font-size: 11px;
	color: #fff;
	background-color: #333;
	text-align: center;
	vertical-align: middle;
}

.calendarToday {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	display: block;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
	color: #fff;
	background-color: #8EAAAD;
}

.calendarToday a {
	border: 0;
	color: #fff;
}

.calendarCell {
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
	color: #666;
	background-color: #fff;
}

.calendarCell a {
	background-color: transparent;
}

.calendarCell a:visited {
	background-color: transparent;
}

.calendarCell a:hover {
	text-decoration: none;
	background-color: transparent;
}

.toolbox {
	margin-bottom: 14px;
	color: #666;
	font-size: 12px;
}

.close {
	margin-bottom: 3px;
}

.leftside {
	width: 40%;
	float: left;
	margin-right: 2rem;
}

.rightside {
	width: 40%;
	float: right;
	margin-left: 2rem;
}



#footer {
	border-top: 2px solid #E4E4E4;
	border-top: 2px solid rgba(0, 49, 79, 0.08);
	min-height: 100px;
	color: #C7CDD1;
	color: rgba(34, 59, 74, 0.4);
	padding-top: 10px;
	text-align: left;
	margin-top: 25px;
	text-transform: uppercase;
}

#footer a {
	color: #C7CDD1;
	color: rgba(34, 59, 74, 0.4);
}

#footer a:hover {
	color: #2795b6;
}

#footer #right-footer {
	text-align: right;
	font-size: 11px;
	line-height: 1.5;
}

#footer #left-footer img {
	padding-top: .5em;
}

#footer ul {
	list-style-type: none;
	margin-bottom: 0;
	line-height: 1.5;
}

#footer ul li {
	display: inline;
	margin-left: 5px;
	border-right: 1px solid #c7cdd1;
	padding-right: 5px;
	font-size: 11px;
}

#footer ul li.last {
	border-right: none;
	padding-right: 0;
}
/*
.this-day {
	background: #e9e9e9;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 10px;
	margin-bottom: 20px;
}

.this-day h4 {
	margin: 0 0 10px 0;
	font-size: 16px;
	text-align: center;
	background: #CF4443;
	text-transform:uppercase;
	color:  #fff;
	font-weight: normal;
	padding: 2px 0;
}

.this-day p {
	margin-bottom: 0;
}
*/

.this-day {
/*	background: #f1f1f1;*/
}


.this-day h4 {
background:  #CF4443;
margin-bottom: 14px;
text-align: center;
text-transform:uppercase;
color:  #fff;
font-size: 15px;
font-weight: normal;
padding: 4px 0;
}


.this-day .date, .this-day-date .date {
	width: auto; height: 90px;
	
	
	
	background: #fcfcfc; 
	background: linear-gradient(top, #fcfcfc 0%,#dad8d8 100%); 
	background: -moz-linear-gradient(top, #fcfcfc 0%, #dad8d8 100%); 
	background: -webkit-linear-gradient(top, #fcfcfc 0%,#dad8d8 100%); 
	border: 1px solid #d2d2d2;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	box-shadow: 0px 0px 15px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 0px 15px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0px 0px 15px rgba(0,0,0,0.1);
}

.this-day .date p, .this-day-date .date p {
		font-family: Helvetica, sans-serif;
		font-size: 50px; text-align: center; color: #9e9e9e; 
		line-height: 1!important;
		margin:  0;
	}
	

.this-day .date p span, .this-day-date .date p span {
		background: #8EAAAD; 
		background: linear-gradient(top, #8EAAAD 0%, #789093 100%);
		background: -moz-linear-gradient(top, #8EAAAD 0%, #789093 100%);
		background: -webkit-linear-gradient(top, #8EAAAD 0%, #789093 100%);
		font-size: 25px; font-weight: bold; color: #fff; text-transform: uppercase; 	
		display: block;
		border-top: 3px solid #5f7476;
		border-radius: 0 0 10px 10px;
		-moz-border-radius: 0 0 10px 10px;
		-webkit-border-radius: 0 0 10px 10px;
		padding: 6px 0 6px 0;
	}
	
	
#this-day-text {
	border-left: 2px solid #E4E4E4;
	border-left: 2px solid rgba(0, 49, 79, 0.08);
}

#this-day-text h4 {
	font-size: 20px;
}

@-moz-document url-prefix() {
    .date {
        padding: 16px 0 0 0;
    }
    .date p span {
    	padding: 9px 0 3px 0;
    }
}



.hp-articles {
	background: #f1f1f1;
	padding:  25px 0 0 0;
	margin-bottom: 25px;
}

.hp-articles .hp-article {
	background: #8EAAAD;
/*	-moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-ms-border-bottom-left-radius: 5px;
	-o-border-bottom-left-radius: 5px;
	border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-ms-border-bottom-right-radius: 5px;
	-o-border-bottom-right-radius: 5px;
	border-bottom-right-radius: 5px;*/
	
	-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.13);
	-moz-box-shadow: 0 0 8px rgba(0,0,0,0.13);
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.13);
	
	/*min-height: 360px;*/
	margin-bottom: 25px;
	max-width: 250px;
}

.hp-articles .hp-article:hover {
	background: #6d8284;
	}

@media only screen and (max-width: 767px) {

.hp-articles .hp-article {
	min-height: auto;
}

}

.hp-articles .hp-article p {
	margin-bottom: 0;
	padding: 10px;
}

.hp-articles .hp-article a {
	font-weight: bold;
}

.hp-articles .hp-article img {
	display: block;
}

.hp-articles .hp-article h4 {
	background:  none;
	margin: 0;
	text-align: center;
	text-transform:uppercase;
	color:  #fff;
	font-size: 15px;
	font-weight: normal;
	padding: 4px 0;
	
/*	-moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-ms-border-bottom-left-radius: 5px;
	-o-border-bottom-left-radius: 5px;
	border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-ms-border-bottom-right-radius: 5px;
	-o-border-bottom-right-radius: 5px;
	border-bottom-right-radius: 5px;*/
}

.hp-content h2 {
	margin-top: 0;
}



table.timeline
{
	width: 100%;
	border: 1px solid #ccc;
	border-collapse:collapse;
}

table.timeline tbody tr
{ 
	background: #FFF !important;
}

table.timeline td, #county_detail_container table th 
{
	border-right: 1px solid #ccc!important;
}

ul.trivia_questions {
	margin-bottom: 1em!important;
}

.stamps li {
	font-size: .9em;
	text-align: center;
	margin-bottom: 12px;
}

.modalwin_info div {
	text-align: center;
	padding-bottom: 1em;
}


#historic_atlas table {
	border: none;
	background: none;
	margin: 0;
}

#historic_atlas table img{
	display: block;
}

#historic_atlas form {
	margin-left: auto;
	margin-right: auto;
	width: 450px;
}

#historic_atlas table tbody tr td {
	padding: 0;
	margin: 0;
}

#historic_atlas table tbody tr:nth-child(even) {
	background: none;
}


/* Image map on historical atlas section.. uses javascript to be responsive. */

img[usemap] {
	border: none;
	height: auto;
	max-width: 100%;
	width: auto;
}


/* =App
-------------------------------------------------------------------------*/
#app{
	margin-top: 75px;
}

#app h2
{
	margin-top: 0px;
}

#county_detail_container table, #city_detail_container table
{
	width: 100%;
	border: none !important;
	border-collapse:collapse;
}

#county_detail_container table tbody tr, #city_detail_container table tbody tr
{ 
	background: #FFF !important;
}

#county_detail_container table td, 
#county_detail_container table th,
#city_detail_container table td, 
#city_detail_container table th 
{
	border-bottom: 1px dotted #000 !important;
}

/*
#app dl.tabs dd a {
	padding: 0px 15.8px;
	text-transform:uppercase;
}
*/




/* =Contained List Items
-------------------------------------------------------------------------*/

dl.tabs dd a{
	padding: 0px 11px;
}

ul.tabs-content.contained{}

ul.tabs-content.contained > li {
	border-right: none !important;
	border-left: none !important;
	padding: 5px;
}

.contained_list_items{
	list-style: none;
	padding-top: 5px;
	text-align: center;
	margin-left: 0px; 
}

.contained_list_items li
{
	display: inline;
	padding: 2px;
}

.contained_list_items li.active
{
	
	background: #2BA6CB;
	
	font-weight: bold;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px

}

.contained_list_items li a{
	padding: 2px;
}

.contained_list_items li.active a{
	color: #FFF !important;
}


.show-for-very_small{
	display: none !important; 
}

.hide-for-very_small{
	display: block !important;
}

li.search fieldset {
	border: 0;
	padding: 0;
	margin: 0;
}

#search_results table{
	border:  none;
	margin:  0;
}

#search_results table tr td{
	padding: 0;
}

#search_results ul {
	margin-left: 2em;
}

ol#searchresults {
	list-style: none;
	margin: 0;
	padding: 0;
}

ol#searchresults li {
	margin-bottom: 1em;
}

ol#searchresults h3 {
	font-size: 1em;
	margin-bottom: 0;
}

p#keywords {
	background: #f1f1f1;
	padding: .5em;
}

p#keywords span {
	float: right;
}

span.count {
	display: block;
	margin-top: -20px;
	margin-bottom: 10px;
}

.reveal-modal-bg {
	z-index: 100;
}

.reveal-modal {
	z-index: 101;
}

.lt-ie9 .close-reveal-modal {
    font-size: 22px;
    line-height: .5;
    position: absolute;
    top: 8px;
    right: 11px;
    color: #aaa;
    font-weight: bold;
    cursor: pointer;
}

@media only screen and (max-width: 240px) {
	.show-for-very_small{
		display: block !important; 
	}
	
	.hide-for-very_small{
		display: none !important;
	}
}


/* Leave Notice */
.align_left	{ text-align: left; }
.align_right	{ text-align: right !important; }
.align_center	{ text-align: center;}
.align_vertical_center	{ vertical-align: middle;}

/* The style for the blackout div that appears when the exit dialog is shown. */
#ln-blackout {position:fixed; top:0; left:0; width:100%; height:100%; background-color:#000;}

/* This style is for a container that holds the message dialog box. It has been added primarily to help with positioning. I know some people would complain about this, but it seems more efficient this way even it is isn't semanitc. */
#ln-messageHolder {position:fixed; top:100px; left:0; width:100%; z-index: 99999;}

/* This style is for the div that holds the actual exit dialog. */
#ln-messageBox {width:90%; max-width: 460px; margin:0 auto; min-height:200px; background-color:#fff; border:10px solid #e6e6e6; -moz-box-shadow:0 0 20px 10px #666; -webkit-box-shadow:0 0 20px #666; text-align:center; padding:20px;}

/* This style is applied to the link that closes the dialog. */
a#ln-cancelLink {background-color:#e6e6e6; font-weight:bold; padding:5px; color:#666; text-decoration:none; text-transform:uppercase; font-size:0.8em;}
a#ln-cancelLink:hover {background-color:#666; color:#e6e6e6;}

/* This style is for the box that holds the section that says where the user is being directed to. */
.setoff {background-color:#f2f2f2; padding:5px; margin:10px 0 20px 0;}


/* tables */

th {
	padding: 10px;
}