@charset "UTF-8";
/* CSS Document */

/* header sizes - keep these! */
.header h2.logo { width:520px; }
.header h2.logo a { width:520px; }

/* end header sizes */

/* emergency notice in header */
.emergency_notice {
  background-color: #fff3cd;      /* Soft yellow warning background */
  border: 1px solid #ffeeba;      /* Subtle border to define box */
  padding: 1em;
  margin-bottom: 1em;
  text-align: center;
  font-size: 1.1em;
  font-weight: bold;
  color: #856404;                 /* Dark yellow/brown text */
  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.emergency_notice a {
  color: #856404;
  text-decoration: underline;
}
/* end emergency notice

/* Style to hide H1 home page-remove if change home page */
.h1-main {
	position: absolute;
	left: -999px;
	width: 990px;
}

/* end of hide H1 home page */

/*  begin special formatting */
p.alert, div.alert {
	font-weight: bold;
	color: #990000;
	border: thin solid #CCC;
	padding: 5px;
	width: 80%;
}
p.focus, div.focus {
	font-weight: normal;
	border: thin dotted #CCC;
	padding: 5px;
	width: auto;
	background-color: #FFFFCC;
}
.heads-up {
	font-weight: bold;
	color: #990000;}
.head-up a:link { color:#C00; }
.heads-up a:visited { color:#C00; }
.heads-up a:hover { color:#C00; text-decoration:none; }
/*  specials-lib directories genealogist  */

li.director p {
	display: inline;
	font-size: 1 em;
}
li.contact p {
	display: inline; 
	font-size: 1 em;
}
p.description p {
	display: inline;
	font-size: 1 em;
}
caption {
	font-weight: bold;
	padding: 4px;
	text-align: left;
}

#news h2 {margin-top:0;}
#news ul {
	list-style: none;
	margin-left: 0;
	padding-left: 0;
}
#news li {margin-bottom:6px;}
#newslist ul.plain li { margin-bottom:10px; }


#faq li {margin-bottom:6px;}

#maincontent2 h2 {
font-size: 1.25em;
font-weight:300;
margin:25px 0 10px;
color:#1daf86;
}
#maincontent3 h2 {
font-size: 1.25em;
font-weight:300;
margin:25px 0 10px;
color:#1daf86;
}
/* end specials */

/*special tablesorter formatting */
table.tablesorter caption { text-align:left; } 
table.tablesorter td p {display: inline;}

/*  end special formatting */

/*  Start special 2 columns no left */
#leftfloatcol {float:left; width: 70%}
#rightfloatcol {
	float:right;
	width: 27%;
	background-color: #ECF4F5;
	border: 1.5px solid #0764a8;
	margin: 1em 0 0.7em 0.7em;
	padding: 0.5em;
	-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;
}
#rightfloatcol h3 { font-family:Georgia, "Times New Roman", Times, serif; font-size:1em; font-weight:normal; color:#333; margin:10px 5px 5px 0; padding:0; }

#rightfloatcol ul {
	list-style:none;
	margin: 0;
	padding-left: 0; 
}

#rightfloatcol{
	font-size: 1em;
	margin: 0;
}
#rightfloatcol .plain li{
	font-size: .85em;
	margin-top: .2em;
} 

/* end special columns */

/* begin general form styles */

div#criticalinfo {display:none;}

/* end general form styles */



/* begin AccessForm styling-newer,used often css */
.accessForm fieldset {
	padding: 0em;
	margin-bottom: 1em;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
}

.accessForm fieldset ol {
	margin: 0px;
	padding: 1em;
	list-style-type: none;
}

.accessForm fieldset li {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 1em;
	margin-left: 0px;
}
.accessForm legend {
	font-weight: bold;
	margin-left: 1em;
}
.accessForm label {
	text-align: right;
	float: left;
	width: 10em;
	padding-right: .5em;
}
.accessForm h3 {
	margin-top:5px;
	margin-left: 5px;
	margin-bottom: 0px;
	}

.inlineForm li {
	display:inline;
}
.inlineForm span {
	display:inline;
}


.inlineForm label {
	text-align: left;
	width:auto;
	padding-right:10px;
	margin:0px;
}
	
.options label {
	text-align: left;
	float: none;
	width: auto;
}
.explanatory label {
	text-align: left;
	display: block;
	float: none;
	width: auto;
}
.accessForm li input.submit {
	margin-left: 6em;
	list-style-type: none;
}
/* end AccessForm styling css */

/* Custom form styles */
.checkbox-grid ol {

}
.checkbox-grid li {
    display: block;
	float: left;
	position:relative;
	left:10em;
}
.checkbox-grid label {
	text-align: left;
	float: right;
	padding-left: .5em;
	padding-right: .5em;
	width:20em;
}


/*Begin Search form */
.psearch{
	padding-bottom: 0px;
    margin: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px
}
.psearch fieldset{
    border-bottom: #c4d3ea 1px solid;
    border-left: #c4d3ea 1px solid;
    padding-bottom: 0.4em;
    margin: 0px 0px 30px;
    padding-left: 8px;
    padding-right: 4px;
    background: #fefefe;
    clear: both;
    border-top: #c4d3ea 1px solid;
    border-right: #c4d3ea 1px solid;
    padding-top: 3px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px}
.psearch li{
    font-size: 0.81em}

/* End Search form */	


/* Informe custom form styles */
#dlform { width:auto; float:right; font-family:Verdana,"Helvetica Neue", Arial,Helvetica,sans-serif; padding:0; border:1px solid #eee; }
#dlform legend { font-weight:bold; margin-bottom:0; }
#dlform fieldset { padding:0 6px 3px; }
#dlform dl { margin:3px 0; }
#dlform dt { margin:0 2px 0 0; text-transform:uppercase; }
#dlform dd { margin:0 0 .8125em; }
div#criticalinfo { display:none; }


/* right extra floated photo styles */
.pic100 { margin:.5em 0 .5em .5em; float:right; }
.pic100 { width:100px; }
.pic150 { margin:.5em 0 .5em .5em; float:right; }
.pic150 { width:150px; }
.pic150 p { margin:0; text-align:right; font-style:italic; }
.pic72 { margin:.5em 0 .5em .5em; float:right; }
.pic72 { width:72px; }
.pic72 p { margin:0; text-align:right; font-style:italic; }
.pic136 { margin:0 0 .5em 0em; float:right; }
.pic136 { width:136px; }
.pic136 p { margin:0; text-align:right; font-style:italic; }
.pic180 { margin:.5em 0 .5em .5em; float:right; }
.pic180 { width:180px; }
/* end extra right floated photo styles */

/* left floated photo styles */
.pic125lef { margin:.5em 0 .5em .5em; float:left; }
.pic125lef { width:125px; opacity: 1;
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
   } 
.pic125lef:hover {opacity: 0.5;}
.pic125lef p {margin:0; text-align:right; font-style:italic; }
.pic480lef {width:480px;}


  

/* end left floated photo styles */



/* HighlightBox begins */
#highlightBox {
	float: right;
	width: 12em;
	background-color: #FFFFCC;
	border: 1px solid #006699;
	margin: 1em 0 0.7em 0.7em;	
	padding:.5em .5em 0; 
	-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; 
}
#highlightBox ul {
	list-style:none;
	margin:0 0 6px 0;
	padding-left: 0; 
}
#highlightBox h3{
	font-size: 1em;
	margin:0;
}
#highlightBox .plain li{
	margin-top: .2em;
} 
/* end of HighlightBox */
/* MoreInfo begins */
#moreInfo {
	float: right;
	width: 11em;
	background-color: #fff;
	border: medium dotted #0764A8;
	margin: 1em 0 0.7em 0.7em;
	padding: 0.5em;
}
#moreInfo ul {
	list-style:none;
	margin: 0;
	padding-left: 0; 
}
#moreInfo h4{
	font-size: 1em;
	margin: 0;
}

#moreInfo .plain li{
	font-size: .85em;
	margin-top: .2em;
} 
/* end of moreInfo */
/* Note begins */
.note {
    border: 1px dashed #999999;
    margin-bottom: 10px;
    padding: 15px;
    width: 97%;
}
.note p {
    margin: 0;
}

/* end of note */

/* two columns width*/
.columnList {
                float: left;
                width: 48%;
}
/*End of two columns width*/

dd {
	padding-left: 0;
	margin-left: 0;
	margin-top: .5em;
}
dt	{
	font-weight: bold;
	margin-top: 1.4em;
}
.columnList3 {
	float: left;
	width: 30%;
}

	
/* jQuery What's New styles */
 
.none {display: block;}
.agList p {margin: 0;}
.agList h3 {font-size: .8125em; font-style: normal; font-weight:bold; margin-bottom: 0;}
.agMore {font-size: .8125em; font-weight: bold; margin-bottom: .7em; display: none;}
.agClose {font-size: .8125em; font-weight: bold; padding-bottom: 0.8em; padding-top: 0.3em; display: none}
.agPhone {font-size: .8125em;}

 /* end jQuery What's New styles */

 /*Submit for Search Writers*/

#submitsearch {
	color: #000;
	font-size: 1.5em;
	width: 110px;
	height: 30px;
	border: none;
	margin: 0;
	padding: 0;
	background: #FC3;
	font-weight: bold;
	-moz-border-radius:4px; border-radius:4px; -webkit-border-radius:4px;
}
 /* end Search Writers style */
 
 /* begin table style */
 .narrow {
	width: 70%!important;
}

 /* end Table style */ 
 
/* begin Format disclaimer*/
.format {
	color: #666;
	font-style: italic;
}
/* end Format disclaimer*/
/* @group list styles */
#awt-content-area ul,#awt-content-area2 ul,#awt-content-area3 ul { margin-left:1.625em; }
dl.plain { margin-top:13px; }
dl.plain dt { margin:0 2px 0 0; font-weight:bold; }
dl.plain dd { margin:0 6px 1em 0; }
dl.address { margin:.56875em 0 0!important; }
dl.address dt { font-weight:bold; }
dl.address dd { margin-left:0; margin-bottom:.5em; }	

/* Begin askustag on left side */
	a.askustab { border:solid #fff; border-width:2px 2px 2px 0px; background: #ff7700 url(../images/icons/askus.gif) no-repeat scroll center center; color:#fff; overflow:hidden; text-indent:100%; white-space:nowrap;	display:inline; float:left; height: 100px; width:30px; padding:0; position:fixed; left:0; top:150px; z-index:99; -moz-box-shadow: 0px 1px 6px 3px #666; -webkit-box-shadow: 0px 1px 6px 3px #666; box-shadow: 1px 0px 6px 3px #666; }

/* end askustag */

/* homepage styling */
#feat-boxes {
	width: auto; margin-top: 10px;
}
#feat-boxes h2 {
	background: url("../images/icons/underline.png") no-repeat left bottom; padding-bottom: 5px; font-family: "Francois One", "Helvetica Neue", Arial, sans-serif !important; font-size: 1.5em; font-weight: normal;
}
#feat-boxes li {
	font-size: 1em !important;
}
p.large {
	font-size: 1em !important;
}
#feat-boxes #box1 h2 {
	color: rgb(44, 68, 128) !important;
}
#feat-boxes #box2 h2 {
	color: rgb(44, 68, 128) !important;
}
#feat-boxes #box3 h2 {
	color: rgb(44, 68, 128) !important;
}
#feat-boxes li {
	list-style-image: url("../images/icons/feat-box-bulletx.png");
}
#feat-boxes a {
	text-decoration: none; border-bottom-color: rgb(202, 222, 251); border-bottom-width: 1px; border-bottom-style: solid;
}
#feat-boxes a:hover {
	border-bottom-color: rgb(45, 69, 131); border-bottom-width: 1px; border-bottom-style: solid;
}
#feat-boxes a:visited {
	border-bottom-color: rgb(202, 222, 251); border-bottom-width: 1px; border-bottom-style: solid;
}
#box1 {
	margin: 0px 1%; float: left;
}
#box2 {
	margin: 0px 1%; float: left;
}
#box3 {
	margin: 0px 1%; float: left;
}
/* homepage styling -images behind on decd, not used but may want create own */
#box1 {
	background: url("../images/box1bg.png") no-repeat right top rgb(255, 255, 255); width: 32%;
}
#box2 {
	background: url("../images/box2bg.png") no-repeat right top rgb(255, 255, 255);
}
#box3 {
	background: url("../images/box3bg.png") no-repeat right top rgb(255, 255, 255);
}
#box2 {
	width: 31%;
}
#box3 {
	width: 31%;
}
#box1 ul {
	padding-left: 20px;
}
#box2 ul {
	padding-left: 20px;
}
#box3 ul {
	padding-left: 20px;
	#box1 {
	margin: 0px 1%; float: left;
}
#box1b {
	margin: 0px 1%; float: left;
}
#box2b {
	margin: 0px 1%; float: left;
}
#box3b {
	margin: 0px 1%; float: left;
}
#box2b {
	width: 31%;
}
#box3b {
	width: 31%;
}
#box1b ul {
	padding-left: 20px;
}
#box2b ul {
	padding-left: 20px;
}
#box3b ul {
	padding-left: 20px;
}
}
#divider { width:100%; height:28px; background:#fff url(../images/icons/dividerbg.jpg) left top repeat-x; padding:0 30px 0 0; margin:-5px 0 10px -15px; }
#aside {
	width: 40%; padding-right: 10px; margin-left: 7px; float: left;
}
#aside .sidebox-catalog {
	padding-left: 15px; margin-bottom: 25px; border-left-color: rgb(0, 102, 153); border-left-width: 10px; border-left-style: solid;
}
#aside .sidebox-alert {
	padding-left: 15px; margin-bottom: 25px; border-left-color: rgb(209, 61, 95); border-left-width: 10px; border-left-style: solid;
}
#aside .sidebox-ebooks {
	padding-left: 15px; border-left-color: rgb(5, 151, 114); border-left-width: 10px; border-left-style: solid;
}
#aside .sidebox-digit {
	padding-left: 15px; border-left-color: rgb(0, 102, 153); border-left-width: 10px; border-left-style: solid;
}
#aside .sidebox-catalog {
	border-top-left-radius: 21px 69px; border-bottom-left-radius: 21px 70px; -webkit-border-top-left-radius: 21px 69px; -webkit-border-bottom-left-radius: 21px 70px;
}
#aside .sidebox-alert {
	border-top-left-radius: 21px 69px; border-bottom-left-radius: 21px 70px; -webkit-border-top-left-radius: 21px 69px; -webkit-border-bottom-left-radius: 21px 70px;
}
#aside .sidebox-ebooks {
	border-top-left-radius: 21px 69px; border-bottom-left-radius: 21px 70px; -webkit-border-top-left-radius: 21px 69px; -webkit-border-bottom-left-radius: 21px 70px;
}
#aside .sidebox-digit {
	border-top-left-radius: 21px 69px; border-bottom-left-radius: 21px 70px; -webkit-border-top-left-radius: 21px 69px; -webkit-border-bottom-left-radius: 21px 70px;
}
#aside h2 {
	line-height: 1; font-family: "Francois One", "Helvetica Neue", Arial, sans-serif !important; font-size: 1.1em; font-weight: normal; margin-bottom: 0px;
}
#aside .sidebox-catalog h2 {
	color: rgb(0, 102, 153);
}
#aside .sidebox-alert h2 {
	color: rgb(209, 61, 95);
}
#aside .sidebox-ebooks h2 {
	color: rgb(5, 151, 114);
}
#aside .sidebox-digit h2 {
	color: rgb(0, 102, 153);
}
#home-news {
	width: 57%; float: right;
}

/*
 * jQuery FlexSlider v1.6
 * http://flex.madebymufffin.com
 *
 * Copyright 2011, Tyler Smith
 * Free to use under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 */

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider { float:right; width: 57%; /*max-width:560px;*/ margin:10px 0 0 0; padding:0; }
.flexslider .slides > li {display: none;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {max-width: 100%; display: block;}

/* Browser Resets */
.flexslider a {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load
 */
.no-js .slides > li:first-child {display: block;}

/* FlexSlider used
*********************************/
.flexslider {
	margin: 10px 0px 0px; padding: 0px; width: 57%; float: right;
}
.flexslider .slides > li {
	display: none;
}
.flexslider .slides img {
	display: block; max-width: 100%;
}
.flexslider a {
	
}
.slides {
	list-style: none; margin: 0px; padding: 0px;
}
.flex-control-nav {
	list-style: none; margin: 0px; padding: 0px;
}
.flex-direction-nav {
	list-style: none; margin: 0px; padding: 0px;
}
.no-js .slides > li:first-child {
	display: block;
}
.flexslider {
	background: rgb(102, 102, 102); border-radius: 5px; border: 4px solid rgb(102, 102, 102); position: relative; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px;
}
.flexslider .slides > li {
	position: relative;
}
.flex-container {
	position: relative; zoom: 1;
}
.flex-caption {
	background: rgba(0, 0, 0, 0.6); margin: 0px; padding: 1%; width: 98%; text-align: center; right: 0px; bottom: 0px; color: rgb(255, 255, 255); font-family: "Times New Roman", Times, serif; font-size: 1.1em !important; font-style: bold; position: absolute; text-shadow: 0 -1px 0 rgba(0, 0, 0, .3);
}

.flex-caption a { color: rgb(255, 255, 255);
}
.flex-caption a:link {
	color: rgb(255, 255, 255);
}
.flex-caption a:visited {
	color: rgb(255, 255, 255);
}
.flex-caption a:hover {
	color: rgb(171, 205, 220); text-decoration: none;
}
.flex-direction-nav li a {
	background: url("../images/icons/bg_direction_nav.png") no-repeat 0px 0px; margin: -20px 0px 0px; top: 50%; width: 30px; height: 30px; text-indent: -9999px; display: block; position: absolute; cursor: pointer;
}
.flex-direction-nav li a.next {
	background-position: 100% 0px; right: 5px;
}
.flex-direction-nav li a.prev {
	left: 5px;
}
ul.flex-direction-nav {
	list-style: none; margin: 0px; padding: 0px;
}
.flex-direction-nav {
	
}
.flex-direction-nav a {
	background: url("../images/icons/bg_direction_nav.png") no-repeat 0px 0px; margin: -20px 0px 0px; top: 50%; width: 30px; height: 30px; text-indent: -9999px; display: block; position: absolute; z-index: 10; cursor: pointer; opacity: 2.0; -webkit-transition: all .3s ease;
}
.flex-direction-nav .flex-next {
	background-position: 100% 0px; right: -10px;
}
.flex-direction-nav .flex-prev {
	left: -10px;
}
.flexslider:hover .flex-next {
	right: -10px; opacity: 0.7;
}
.flexslider:hover .flex-prev {
	left: -10px; opacity: 0.7;
}
.flexslider:hover .flex-next:hover {
	opacity: 1;
}
.flexslider:hover .flex-prev:hover {
	opacity: 1;
}
.flex-direction-nav .flex-disabled {
	filter: alpha(opacity=30); cursor: default; opacity: 0.3 !important;
}
.flex-control-nav {
	width: 100%; text-align: center; bottom: -30px; position: absolute;
}
.flex-control-nav li {
	margin: 0px 0px 0px 5px; display: inline-block; zoom: 1;
}
.flex-control-nav li:first-child {
	margin: 0px;
}
.flex-control-nav li a {
	background: url("../images/icons/bg_direction_nav.png") no-repeat 0px 0px; width: 13px; height: 13px; text-indent: -9999px; display: block; cursor: pointer;
}
.flex-control-nav li a:hover {
	background-position: 0px -13px;
}
.flex-control-nav li a.active {
	background-position: 0px -26px; cursor: default;
}
/* homepage slideshow */

/* inlib page-computers downstairs home screen NOTE images so not to delete */

#home-left { float:left; width:40%; margin:15px 0 3% 0px; }
#catalog { width:100%; margin:0 0 5px 0; border:1px solid #006699; background:#dcebf2 url(../images/boxbgb2.png) top right no-repeat; -webkit-border-radius:5px; border-radius:5px; padding:10px 0; }
#catalog h2 { margin:10px 0 10px 20px; color:#006699; }
#catalog p { margin:0 0 0 20px; }
#catalog ul { list-style:none; padding:0 0 0 20px; }
#catalog ul li { background:url(../images/arrow.png) 0 0 no-repeat; padding:0 0 0 20px; margin:0 0 10px 0; }
#catalog label { list-style:none; padding:0 0 0 1em; }
#home-record { float:left; width:100%; margin:0 0 0 1em; overflow:hidden;}
#home-right { float:left; width:53%; margin:1em;}

#home-right ul {
	padding: 0px;
    margin: 0px;}
	
#home_right ul li {
    float:left;
    list-style: none;
    width:30%;
    height:300px;
    margin :20px 0px 20px 55px; 
    border:2px solid blue;
    box-sizing: border-box;
}

#home_right ul li:hover{
    opacity: 0.8;
}

#home_right ul li .bottom{
    width: 100%;
    height:50px;
    line-height: 50px;
    background: blue;    
    text-align: center;
    color:white;
    font-size: 20px;}
	
	
#more-info { float:left; width:100%; margin:0 0 0 20px; }
#more-info p { margin-top:0!important; text-align:center; }

.inlib-float-box {
	vertical-algin:top;
	margin: .5em;
	width: 30%;
    display: inline-block;
	text-algn: center;
	min-width: 200px;
  }
  
  .inlib-float-box img {height: auto}
 .inlib-float-box h2 p {text-align:center}


.container{
    width: 90%;
    margin: auto;
    overflow: hidden;
    background: skyblue;
    margin-top: 20px;
}

.container ul{
    padding: 0px;
    margin: 0px;
}


.container ul li{
    float:left;
    list-style: none;
    width:20%;
    height:300px;
    background: red;
    margin :20px 0px 20px 55px; 
    border:2px solid blue;
    box-sizing: border-box;
}
.container ul li:hover{
    opacity: 0.8;
}

.container ul li .bottom{
    width: 100%;
    height:50px;
    line-height: 50px;
    background: blue;    
    text-align: center;
    color:white;
    font-size: 20px;
   
}

@media screen and (max-width:1250px){
    .container ul li{
        width:40%;
        margin-left: 40px;
         
    }


#ancestry { background:#fff url(../images/icons/ancestry.png) center top no-repeat;  }
#learningexpress{ background:#fff url(../images/icons/learningExpress-inlib.png) center top no-repeat;  }
#healthcare { background:#fff url(../images/icons/healthAns-inlib.png) center top no-repeat;  }
#genealogy{ background:#fff url(../images/icons/genealogy-inlib.jpg) center top no-repeat;  }
#marvel { background:#fff url(../images/icons/marvel-inlib.png) center top no-repeat;  }
#newsstand { background:#fff url(../images/icons/newsstand.png) center top no-repeat;  }
#statedocs { background:#fff url(../images/icons/statedocs_inlib.png) center top no-repeat;  }
#kj { background:#fff url(../images/icons/kj_inlib.png) center top no-repeat;  }
#historical_newspapers { background:#fff url(../images/icons/historical_newspapers_inlib.png) center top no-repeat;  }
/* end inlib page-computers downstairs home screen*/

/*Begin Digital Learning*/
#learn-left { float:left; width:43%; margin:5px 0 1% 20px; }
#learn-left p { margin:5px 30px 1% 10px; padding:0 45px 0 0; }
#teach-right { float:left; width:43%; margin:5px 0 1% 20px; }
#teach-right p {  margin:5px 30px 1% 10px; padding:0 45px 0 0; }
/*end Digital Learning*/
/* Buttons on Digital Learning */
#homebuttons { width:60%; margin-top: 1em; }
a.button { color:#fff!important; }
.button { 
	display: block; 
	width:350px; 
	text-align:center; 
	outline: none; 
	cursor: pointer; 
	text-decoration: none; 
	font: 20px/22px Helvetica, Arial, sans-serif;
	color:#fff;
	padding: 1em 0 0.9em 0; 
	margin:10px auto 15px auto; 
	text-shadow: 0 1px 1px rgba(0,0,0,.3); 
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em; 
	border-radius: .5em; 
	-webkit-box-shadow: 0 0 6px rgba(0,0,0,.4); 
	-moz-box-shadow: 0 0 6px rgba(0,0,0,.4); 
	box-shadow: 0 0 6px rgba(0,0,0,.4); 
	border:5px solid #fff; 
	opacity: 1;
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
   } 


.button:hover { text-decoration: none; opacity:0.75; }
.button:active { position: relative; top: 1px; }
.blue {
	color: #fff;
	border: solid 4px #fff;
	background: #223d82;
	background: -webkit-gradient(linear, left top, left bottom, from(#3c6ab5), to(#223d82));
	background: -moz-linear-gradient(top,  #3c6ab5,  #223d82);
	filter:  progid: DXImageTransform.Microsoft.gradient(startColorstr='#3c6ab5', endColorstr='#223d82');
}
.blue:hover {
	background: #223d82;
	background: -webkit-gradient(linear, left top, left bottom, from(#223d82), to(#3c6ab5));
	background: -moz-linear-gradient(top,  #223d82,  #3c6ab5);
	filter:  progid: DXImageTransform.Microsoft.gradient(startColorstr='#223d82', endColorstr='#3c6ab5');
}
.blue:active {
	color: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#223d82), to(#3c6ab5));
	background: -moz-linear-gradient(top,  #223d82,  #3c6ab5);
	filter:  progid: DXImageTransform.Microsoft.gradient(startColorstr='#223d82', endColorstr='#3c6ab5');
}




/* End buttons on homepage */

/* IE 8 specific rules */
/* Flexslider Slideshow caption */
.flex-caption { background-color: #333; }
/* Border & dropshadow for boxes */

#gen-promo { border: 2px solid #FFFFFF; -moz-box-shadow: 0px 1px 5px 1px #666; -webkit-box-shadow: 0px 1px 5px 1px #666; box-shadow: 0px 1px 5px 1px #666; }
#gen-promo h2 { font-family: 'Open Sans Condensed', 'Helvetica Neue', Arial, sans-serif !important; font-size: 1.5em; padding: 2px 0; margin: 0 0 12px 0; clear:left; } #gen-promo { color:#3c4c1d!important; }
ul.genlist { float:left; width:27%; margin-right:2%; }
/* Genealogy */
#wgen-promo { padding:0 0 111px 3%; background:#d3e0b8 url(../../images/people/sepiaGenealogy.jpg) no-repeat bottom right; margin-bottom:20px; }
#gen-promo ul.species-left, #gen-promo ul.species-right { float:left; width:45%; margin-top:0; padding-left:0; }
.ie7 .species-left, .ie7 .species-right { float:none; margin-top:20px; } 

/* begin digital learning page specific css */

#maincontent1 .row {
	width: 100%;
	margin-bottom: .8em;
	clear: left;
	padding: 0px;
}

	#maincontent1 .row .hilite {
	float: left;
	width: 48%;
	min-height: 9em;
	margin-right: 1%;
	border: 1px #ccc solid;
}

	#maincontent1 .row .hilite2 {
	float: right;
	width: 48%;
	min-height: 9em;
	margin-right: 0;
	border: 1px #ccc solid;
}

	#maincontent1 .row .hilite, 	#maincontent1 .row .hilite2, 	#maincontent1 .row .support {-moz-border-radius: 4px;
border-radius: 4px;}