@charset "utf-8";
/* State Historical Society of cmhs       */
/* Main Stylesheet : Screen/Projection    */

/*Fundamentals*/html {
       overflow-y: scroll;
}
body#default {
	margin:0;
	padding:0;
	text-align:center;
	font:12px Calibri, Arial, sans-serif;
	color:#333;
	background-color:#f2f2f2;
overflow:; 	font-size: 12px;
}
body#simple {margin:0; padding:0; font:11px/14px Calibri, Arial, sans-serif; color:#333; background-color:#fff;}
a, a:visited, a:active {
	text-decoration:none;
	color:#5356E5;
	font-size: 16px;
	font-family: Calibri, Arial, sans-serif;
}
p a:hover {background-color:#fff5ab;}
/*Add visited style!*/
p a, p a:visited, p a:active,
div.body_copy li a, div.body_copy li a:visited, div.body_copy li a:active {
	text-decoration:underline;
	font-family: Calibri, Arial, sans-serif;
	font-size: 12px;
}
a {	color: #FF3333;
		font-family: Calibri, Arial, sans-serif;
		font-size: 11px;
		text-decoration: none;
		-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
	transition: 0.5s;}
#badge { 
    opacity: .6;
    transition: opacity .5s ease-out;
    -moz-transition: opacity .5s ease-out;
    -webkit-transition: opacity .5s ease-out;
    -o-transition: opacity .5s ease-out;}
#badge:hover { opacity: 1;
filter:alpha(opacity=100); }
a.nine { color: #333333;
		font-family: Calibri, Arial, sans-serif;
		font-size: 11px;
		text-decoration: none; }
a.nine:hover{color:#000;
text-decoration:underline;}
a.twelve {
		font-size: 12px;
		text-decoration: none; }
a.twelve:hover{background-color:#fff5ab;
text-decoration:underline;}
a.twelvenews {
		font-size: 12px;
		margin: 0px 8px 0px 8px;
		text-decoration: none; }
a.twelvenews:hover{background-color:#fff5ab;
text-decoration:underline;}
a.twelvelinks {
		font-size: 12px;
		line-height:150%;
		text-decoration: none; }
a.twelvelinks:hover{background-color:#fff5ab;
text-decoration:underline;}
/*type slash tags*/
a.librarylinks {
	color:#900;
	font-weight:bold;
		font-size: 14px;
		line-height:150%;
		text-decoration: none; }
a.librarylinks:hover{background-color:#fff5ab;
text-decoration:underline;}
/*type slash tags*/
h1, h2, h3, h4, h5, h6, h7, h8 {margin:0; padding:0; line-height:1em;}
h1 {margin:0; padding:5px 10px; font:bold 15px/15px Georgia, Garamond, "Times New Roman", Times, serif; border-top:1px solid #FFF; white-space:nowrap; letter-spacing:-1px;}
h1.gray {color:#666; background-color:#CCC;}
h1.blue {color:#376077; background-color:#A0C0D3;}
h1.blue_white {color:#FFF; background-color:#A0C0D3;}
h1.green {color:#FFF; background-color:#9DB47E;}
h1.gunmetal {color:#FFF; background-color:#999;}
h1.green a, h1.green a:visited, h1.green a:active {color:#fff;}
h1.gray a, h1.gray a:visited, h1.gray a:active {color:#666;}
h2 {
	font-size: 2.6em;
	font-family: Calibri, Arial, sans-serif;
	font-weight: normal;
	letter-spacing: -1px;
	color: #666;
	margin: .3em 0 .5em 0;
	position: relative;
	left: -1px;
	text-align: center;
}
h3 {margin:0.5em 0 0.75em 0; padding:0; font-size:1.1em; font-weight:bold; color:#666;}
h4 {
	margin: 1.0em 0 0.75em 0;
	padding: 0;
	font-size: 18px;
	font-weight: bold;
	font-family: Calibri, Arial, sans-serif;
}
h5 {font-size:1.7em; font-family:Calibri, Arial, sans-serif; font-weight:bold; letter-spacing:-1px; color:#990000; margin:.1em 0 .1em 0; position:relative; left:-1px;}
h6 {font-size:1.6em; font-family:Calibri, Arial, sans-serif; font-weight:normal; letter-spacing:-1px; color:#990000; margin:0 0 .5em 0; position:relative; left:-1px;}
h7 {margin:1.5em 0 0.75em 0; padding:0; font-size:1.2em; font-weight:bold; color:#900;}
h8 {font-size:1.8em; font-family:Calibri, Arial, sans-serif; font-weight:normal; letter-spacing:-1px; color:#666; margin:.3em 0 .5em 0; position:relative; left:-1px;}
h9 {margin:1.0em 0 0.75em 0; padding:0; font-size:1.3em; font-weight:bold; color:#900;}
h6:hover{color:#000;}
blockquote {margin-top:0; margin-bottom:0;}
img.left {margin-right:.5em;}
img.right {margin-left:.5em;}
p {
	padding:0 0 1em 0;
	margin:0;
	font-family: Calibri, Arial, sans-serif;
	font-size: 12px;
	color: #000;
}
div.body_copy p {font:12px/18px Calibri, Arial, sans-serif;}
ul {margin:0; padding:0 0 1em 1.2em;}
div.body_copy ul {margin-bottom:1em; padding:0 0 0 3em; font:12px/18px Calibri, Arial, sans-serif;}
ul li {list-style:square url(../img/gunmetal_square.png);}
ol {
	margin:0;
	padding:0 0 1em 1.2em;
	color: #609;
	font-size: 16px;
}
div.body_copy ol {margin-bottom:1em; padding:0 0 0 3em; font:12px/18px Calibri, Arial, sans-serif;}
strong, b {
	color:#014083;
	font-family: Calibri, Arial, sans-serif;
}
em {font-style:italic;}
em.notice {color:#900; font-style:italic; font-family:Georgia, "Times New Roman", Times, serif;}

.setOff {background-color:#FAEDC7; border: solid #FFCC33; border-width:0 1px 1px 0; padding:1em 1em 0 1em; margin-bottom:1em;}
.setOff2 {background-color:#f2f2f2; border: solid #e6e6e6; border-width:0 1px 1px 0; padding:1em 1em 0 1em; margin-bottom:1em;}
.setOff2 h4 {color:#666;}
div.toc {width:350px; background-color:#DAE7EF; padding:0 10px; margin-bottom:1em; border: solid #ABC6D8; border-width:0 1px 1px 0;}
div.wideToc {width:80%;}
div.toc h4 {color:#376077; cursor:pointer;}
div.toc h4 span.hoverOnly {float:right; text-transform:none; font-weight:normal;}
div.related {background-color:#f2f2f2; padding:0 10px; border-top:1px solid #ccc;}
div.new_win_link {display:inline; padding-left:12px; height:12px; line-height:12px; overflow:hidden; background:url(../img/new_win.png) no-repeat left center;}

form {margin:0; padding:0;}
form div.formItem {padding-bottom:1em;}
form div.inputHolder {margin-left:150px;}
form label {font-weight:bold; color:#555;}
form label.blocked {display:block; width:150px; float:left;}
form input#searchQuery {width:108px; margin-bottom:3px;}
form .w100 {width:100%;}
form .width {width:500px;}
form div.inputHolder .width {width:350px;}

button, input.button {font-size:10px; line-height:10px; color:#FFF; background-color:#999; border:0px outset #999; padding:2px;}

table td {
	vertical-align:top;
	font-family: Calibri, Arial, sans-serif;
}
table.width {width:100%; _width:98%;}

table.col2 td {width:50%;}
table.col3 td {width:33%;}
div#exhibits {position:relative; z-index:1; margin-bottom:4px;}


div#top div#nav_holder {margin:0 0 0 154px; padding-top:96px;}
div#top ul#nav {margin:0; padding:0;}
div#top ul#nav li {margin:0; padding:0; list-style:none; display:block; float:left; position:relative; z-index:1000;}
div#top ul#nav li a {display:block; float:left; height:28px; background-image:url(../img/top-nav-items.gif); background-repeat:no-repeat; overflow:hidden; text-indent:-500px;}

ul#nav li a#ni_home {width:64px; background-position:0 0;}
ul#nav li a#ni_home:hover {width:64px; background-position:0 -28px;}

ul#nav li a#ni_news {width:122px; background-position:-64px 0;}
ul#nav li a#ni_news:hover {width:122px; background-position:-64px -28px;}

ul#nav li a#ni_about {width:85px; background-position:-186px 0;}
ul#nav li a#ni_about:hover {width:85px; background-position:-186px -28px;}

ul#nav li a#ni_library {width:71px; background-position:-271px 0;}
ul#nav li a#ni_library:hover {width:71px; background-position:-271px -28px;}

ul#nav li a#ni_poetry {width:61px; background-position:-342px 0;}
ul#nav li a#ni_poetry:hover {width:61px; background-position:-342px -28px;}

ul#nav li a#ni_genealogy {width:94px; background-position:-402px 0;}
ul#nav li a#ni_genealogy:hover {width:94px; background-position:-402px -28px;}

ul#nav li a#ni_support {width:76px; background-position:-496px 0;}
ul#nav li a#ni_support:hover {width:76px; background-position:-496px -28px;}

ul#nav li a#ni_contact {width:75px; background-position:-572px 0;}
ul#nav li a#ni_contact:hover {width:75px; background-position:-572px -28px;}

ul#nav li a#ni_involved {width:108px; background-position:-647px 0;}
ul#nav li a#ni_involved:hover {width:108px; background-position:-647px -28px;}


/* Layout */
div#top {height:150px; background:#FFFFFF url(../img/top-bg.gif) repeat-x bottom; color:#CCC;}
div#top div#logo {float:left; width:154px;}
div#top #printlogo {display:none;}

div#top div#dca_network {position:absolute; top:0; right:10px; z-index:100; background-color:#666; padding:3px 6px; width:238px;}
div#top div#dca_network a {color:#B9CE64;}
div#top div#dca_network div#dca_dd_content {display:none;}
div#top div#dca_network div#dca_dd_trigger {text-align:right; background:url(../img/idca-net-dd-arrow-down.png) no-repeat left bottom;}
div#lib_catalog_link {position:absolute; top:10px; right:10px; z-index:10;}
div#top div#dca_network div#dca_dd_trigger.out {background:url(../img/idca-net-dd-arrow-up.png) no-repeat left bottom;}
table#middle {
	padding:5px;
	text-align:center;
	width:802px;
	margin-right:5px;
	height:100%
}
table#right {text-align:center; height:100%; width:200px; background-color:#FFF; border:none; padding:10px; margin-left:5px;}
div#content {
	background-color: #FFF;
	float: left;
	padding: 10px;
	text-align: center;
	height: 100%;
	font-size: 16px;
	font-family: Calibri, Arial, sans-serif;
}
div#bottom {clear:both; border-top:1px solid #CCC; padding-bottom:2em; }
div#bottom div.liner {text-align:center; color:#999;}

div.liner {width:900px; margin:0 auto;}
div.liner div.leftskies {float:left; width:134px; overflow:hidden;}
div.liner div.rightskies {margin-left:135px;}
div.pad {margin:5px 10px 0 10px;}
div.pad1 {margin:5px 10px;}
div.liner_plus {width:910px; padding-right:10px; margin:0 auto; position:relative; background:url(../img/banner2.gif) no-repeat}
div.clear {clear:both;}

/* Other Specific Styles */
.mod_gray {background-color:#e6e6e6; margin:0;}
.mod_green {background-color:#E3EEDD; margin:0;}
div.feature {padding:0 0 5px 0; margin:5px 0 0 0; border-bottom:1px solid #CCC;}
.right_margin {margin-right:10px;}

/* temporary styles */
.fixMe {background-color:#FF9966;}
.floatboxright {
	padding: 2px;
	clear: none;
	float: right;
	height: auto;
	width: 200px;
	margin-left: 2px;
}
.wrapper {
	max-width: 942px;
	height: auto;
	padding-top:5px;
	font-size: 16px;
}
.box {
	display: inline-block;
	position:relative;
	width: 300px;
	height: 170px;
	background: #FFF;
	z-index: 0;
	margin: 3px 5px 0px 1px;
    transition: all .25s ease-in-out;
	border-color:#FFF;
	border-width:medium;
	border-style:solid;
}
.box:hover {
    background: #FCC;
    z-index: 100;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,.2);
}
.storebox {
    display: inline-block;
    position:relative;
    width: 200px;
    height: 200px;
    background: #FFF;
    z-index: 0;
    margin: 3px 5px 0px 1px;
    transition: all .25s ease-in-out;
	border-color:#FFF;
	border-width:medium;
	border-style:solid;
	margin-right:10px;
	margin-left:10px;
}
.storebox:hover {
    background: #FCC;
    z-index: 100;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,.2);
}
img {border:none;}
#item {background-color:#FFF; 
border:none; 
border-color:#900; 
border-bottom-right-radius:90;}
#line {
	vertical-align:middle;
	text-align:center;
	padding-top:10px;
	padding-bottom:10px;}
#item:hover {background-color:#FFFFF2;

    box-shadow: 0 2px 5px 0 rgba(0,0,0,.1)}
	
	
.donate-method-divider{position:relative}
.divider{border-left:1px dotted #000;margin:0 auto;width:1px;height:400px}
.donate-method-divider span{
	position:absolute;
	top:170px;
	text-align:center;
	background:#FFF;
	width:100%;
	padding:10px 0;
	color:#b5b5b5;
	font-family:"movember_13_lasertacregular","Courier New",Courier,monospaced;
	text-transform:uppercase;
	left: 4px;
}
#default div #middle tr td #content .wrapper p .wrapper strong em a {
	font-size: 16px;
}
#default div #middle tr td #content ol li div a {
	font-size: 16px;
}
#default div #middle tr td #content p {
	font-size: 16px;
}
##begalci {
	height: 38px;
	width: 900px;
	margin-right: auto;
	margin-left: auto;
}
##begalci {
	height: 36px;
	width: 749px;
	margin-right: auto;
	margin-left: auto;
}
##begalci2 {
	height: 36px;
	width: 749px;
	margin-right: auto;
	margin-left: auto;
}
##begalci2 {
	height: 35px;
	width: 749px;
	margin-right: auto;
	margin-bottom: auto;
}
##begalci2 {
	height: 36px;
	width: 700px;
	margin-right: auto;
	margin-left: auto;
}
##begalci3 {
	height: 36px;
	width: 700px;
	margin-right: auto;
	margin-left: auto;
}
