/* CSS Document */

body {
    background:#E8E8E8;
	padding: 0em;
	margin: 0em;
	height:100%;
}


#full {
	width:66em;
	min-width:1056px;
	margin: 0em auto;
	height:100%;
}



#leftshadowcolumn{
	background:url(../graphics/leftshadowedge.jpg) repeat-y right;
	float:left;
	width:7.125em;
	min-width:114px;
}


#main {
	background:#FFF;
	width: 51.6875em;
	float:left;
	margin:0em;
	min-width:827px;
}


#rightshadowcolumn {
	background:url(../graphics/rightshadowedge.jpg) repeat-y left;
	float:left;
	width:7.125em;
	min-width:114px;

}

#logomenu {
	margin-left: 0em;
	height: 2.125em;
	width: 51.6875em;
	min-width:827px;
	min-height:34px;
}


#toplink {
	margin-top: .4em;
	margin-right: 6.2em;
	z-index: 2;
	float: right;

	
}

#toplink a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.68em;
	color: #174a7c;
	text-decoration: none;
	margin: 0em 0.5em;
}

#toplink img{
	margin-right:.19em;
	}


#logomenu a:hover {
	text-decoration: none;
}

#header {
	margin:0em;
	background-color:#ffffff;
	width:51.6875em;
	min-width:827px;
}

#headerSM {
	margin:0em;
	background-color:#ffffff;
	width:51.6875em;
	min-width:827px;

}

/* Begin PW redesign CSS */

.cse .gsc-control-cse, .gsc-control-cse {
	padding: 0px;
}


.searchbox_container {
height: 120px;
margin-bottom: 20px;
}

.searchbox_lefttext {
margin-top: 50px;
    float: left;
font-family: Helvetica, Arial, sans-serif;
}

.searchbox_left {
	width: 290px;
	height: 120px;
	background-color: #ececec;
border: solid #174a7c 1px;
float: left;
margin-right: 5px;
}

.textbox_right {
	width: 290px;
	height: 120px;
float: right;
margin-left: 5px;
}

.textbox_right p {
	margin: 0px;
}

.searchbox_input {
    width: 225px;
    height: 20px;
    border-radius: 15px;
    background: url(/images/icons/searchbox_magnifying.png) 4px no-repeat;
    background-color: white;
    padding-left: 25px;
}

#findingaidsearch {
margin: 0 auto;
    width: 88%;
padding-top: 15px;
}

.searchbox_button {
margin-top: 40px;
float: right;
}

.searchbox_button {
  -webkit-box-shadow: 2px 2px 1px #666666;
  -moz-box-shadow: 2px 2px 1px #666666;
  box-shadow: 2px 2px 1px #666666;
  color: #174a7c;
  font-size: 12px;
  background: #ffffff;
  padding: 5px 10px 5px 10px;
  border: solid #174a7c 1px;
  text-decoration: none;
}

.searchbox_button:hover {
  text-decoration: none;
}

.other_resources_p {
	margin-bottom: 0px;
}

/* End PW redesign CSS */

#searchformhome { 
	float:right;
	margin:1.5625em 1.5625em 0em;
    background:url(../graphics/searchboxzen3.png) left top;  
    background-repeat:no-repeat;
	min-width:195px;
	min-height:27px;
	width:12.125em;
	height:1.69em;
}

#searchformhomeSM { 
	float:right;
	margin:1em 1.5625em 0em;
    background:url(../graphics/searchboxzen3.png) left top;  
    background-repeat:no-repeat;
	min-width:195px;
	min-height:27px;
	width:12.125em;
	height:1.69em;
}

.text_size_page_alert{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: .79em;
}


/*#headerSM form { 
	float:right;
    margin:1.5625em 1.5625em 0em;
	background:url(../graphics/search_box.jpg) left top;
	min-width:194px;
	min-height:26px;
	width:12.125em;
	height:1.625em;
}*/


.textInput {
	background-color: transparent;
	border:none;
	margin-left:0.8em;
	float: left;
	margin-top: 0.3em;
	width:150px;
}

.inputHighlighted {
  background-color: #FFCE31;
  color: #000;
}

#listNoBullet {
	list-style-image:none;
	list-style-type: none;
}

#navbar {
	float:left;
	height:2.167em;
	min-height:26px;
	width:51.6875em;
	min-width:827px;
	padding:0em;
		
}
#navbarSM {
	float:left;
	height:2.167em;
	min-height:26px;
	width:51.6875em;
	min-width:827px;
	padding:0em;
}


/*#navbar {
	float:left;
	background: #97999c;
	height:1.6875em;
	min-height:27px;
	width:51.6875em;
	min-width:827px;
	padding:0em;
	margin: 0em 0em 0em;

}*/


#largelogo {
	float:left;
	margin-top:0em;
}


#smalllogo {
	float:left;
	margin-top:0em;
}



/*#tagline {
	margin-left:1.25em;
	margin-top:0.1875em;
	float:right;
}*/

#content {
	clear:both;
    background:#FFF;
	float:left;
}

#contentsm {
	clear:both;
    background:#FFF;
	float:left;
	width:100%;
}

#contentsm p, #contentsm li, #contentsm td, #contentsm h1, #contentsm h2,#contentsm h3, #contentsm h4, #contentsm h5, #contentsm h6, #contentsm blockquote {
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

/*homepage CSS styles */

#spotlight-area {
	position:relative;
	float: left;
	margin-left:1.3125em;
	width:32.4375em;
	min-width: 519px;
	height:20.9375em;
	min-height:335px;
	z-index:1;
}

#spotlight {
	background-color: #ffffff;
	border: 1px solid #d3d4d6;
	width:32.4375em;
	min-width: 519px;
	height:18.875em;
	min-height: 302px;
	margin:0em;
	padding:0em;
	z-index:2;
}

#spotlight-image {
	float:left;
	z-index:3;
}

#spotlight-image a img {

}

#spotlight-text {
	float:left;
	margin-left:1em;
	margin-top:0.4em;
	width:32em;
	z-index:4;
}

#spotlight-title {
	color:#174A7C;
	font-family:Arial,Helvetica,sans-serif;
	font-size:0.84em;
	font-weight:bold;
	margin:0;
	padding:0;
	z-index:4;
}

#spotlight-title a{
	color:#174A7C;
	font-family:Arial,Helvetica,sans-serif;
	font-size:0.92em;
	font-weight:bold;
	text-decoration: none;
	margin:0;
	padding:0;
	z-index:4;
}

#spotlight-txt {
	color:#4D4D4F;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:0.7em;
	width:43em;
	z-index:4;
	margin-top:0.3em;
}


#thecenter-area {
	float:left;
	width:16.1875em;
	min-width: 259px;
	margin-left:0.625em;
	height:21.0625em;
	min-height:337px;

}

#thecenter {
	width: 16.1875em;
	min-width: 259px;
}

.thecenter-box
	{
	background:url("../graphics/rightbox_lg.jpg") repeat-y right;
	border:1px solid #d3d4d6;
	min-height: 47px;
	height:2.9375em;
	width:15.75em;
	min-width: 252px;
	float:left;
	margin-bottom:0.125em;
	}
	
.thecenter-box-img{
	float:left;
	margin:0em;
}

.thecenter-box-text{
	float:left;
	margin-left:0.5em;
	margin-top:0.5em;
	min-width:187px;
	width:11.7em;	
}


.thecenter-box a {
	text-decoration: none;
	}
	

.thecenter-title
	{
	font-size: 0.6875em;
	font-family:Arial, Helvetica, sans-serif;
	color: #174a7c;	
	margin:0em;
	}
	
.thecenter-txt
	{
	font-size: 0.625em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #636466;
	margin:0em;
	}
	

#addinfo {
	width: 19.5em;
	float: left;
	margin-left:1.3125em;
	margin-top:0.3125em;
	height:11.3125em;
	min-height:181px;
	min-width:312px;
}

#additionalinfo {
	background:url("../graphics/additionalinfobox.jpg") no-repeat;
	width: 19.5em;
	min-width: 311px;
	height: 9.625em;
	min-height:154px;
}

#additionalinfo-img {
	/*margin:0.5625em 0em 0em 0.5625em;*/
	float:left;
	border:1px solid #d3d4d6;
	margin-right:0.125em;
	height:152px;
	width:311px;
}

.additionalinfo-img a
	{
		text-decoration: none;
	}

#additionalinfo-quote
	{
	float:left;
	margin-top: 0.8em;
	font-size: 0.68em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #174a7c;
	text-decoration: none;
	width:14.0em;
	margin-left:0.9em;
}

#additionalinfo-author
	{
	float:left;
	text-align:right;
	margin-top: 0.5625em;
	font-size: 0.68em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #174a7c;
	text-decoration: none;
	min-width:170px;

}

#additionalinfo-list
	{
	float:left;
	margin-top: 0.1em;
}


#additionalinfo-list a
	{
	font-size: 0.6875em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #636466;
	text-decoration: none;
	margin-left:-4px;
}
		
#additionalinfo-list a:hover
	{
	text-decoration: none;
	}
	
#additionalinfo-list ul
	{
	margin: 0em 0em 0em 0em;
	padding-left:1.75em;
	color: #174a7c;
	}

#additionalinfo-more
	{
	float:left;
	margin-top: 0.5625em;
	margin-left:.7em;
	}
	
#additionalinfo-more a
	{
	font-size: 0.6875em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #FFF;
	text-decoration: underline;
	}
	
#infocus {
	margin-top:0.3125em;
	float: left;
	margin-left:0.625em;
	width:29.375em;
	height:11.3125em;
	min-width:470px;
	min-height:181px;
}	

#infocus-box {
	width:29.375em;
	height:9.625em;
	min-width:470px;
	min-height:154px;
}

/* leave width and height in pixels because it is the size of an image */	
.infocus-image
	{
	float:left;
	border:1px solid #d3d4d6;
	margin-right:0.125em;
	height:152px;
	width:150px;
	}
	
.infocus-image a
	{
		text-decoration: none;
	}
	
#footer
	{
	clear:both;
	margin:0.3125em auto 0.3125em;
}
	/*min-height:42px;
	height:2.625em;
	}*/
	
#footer-text {
	text-align:center;
	margin-top:0.9375em;
	font-size: 0.625em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	}	
	
#footer-text a
	{
	color: #636466;
	text-decoration: none;
	}
	
#footer-text a:hover
	{
	text-decoration: underline;
	}
	
#footer-text .footblack
	{
	color: #000000;
	text-decoration: none;
	}
	
	
.skip {
	margin: -300000px 0em 0em -300000px;
	position:absolute;
	}


/* for small logo pages */

#leftcontent {
	float:left;
	padding:0.625em 0.3125em 0.3125em 0.3125em;
	width:14.75em;
	min-width:177px;
	font-size:0.75em;
	color:#174A7C;
	height:100%;
	margin-top:0.3125em;
}

#leftcontent ul{
	padding-left:1em;
	list-style:none;
}

#leftcontent li{
	margin:0.4em 0em;
}

#leftcontent a{
	color:#174A7C;
	text-decoration: none;
}

#leftcontent a:hover {
	text-decoration:none;
}

#maincontent {
	color:#000;
	font-size:0.75em;
	float:left;
	padding:0.625em 1.875em 0.625em 1.25em;
	border-left:dotted 3px #c0c1c4;
	width:50em;
	min-width:600px;
	margin:0.3125em 0em 1.25em;
	min-height:646px;
	line-height:1.5em;
}

#maincontent h1, #maincontent h2, #maincontent h3, #maincontent h4, #maincontent h5, #maincontent h6 {
	color:#174A7C;
}

#maincontent .utorange {
	color:#BF5700;

}

#maincontent h2{
	font-size:1.1667em;
	margin: 0.625em 0em;
}

#maincontent h3{
	font-size:1.05em;
	margin: 0.3125em 0em;
}

#maincontent h4{
	font-size:1em;
}

#maincontent a {
	color:#174A7C;
}

#maincontent a:hover {
	text-decoration:none;
}

#maincontent a:visited {
	color:#636466;
}

#maincontent .breadcrumb {
	text-decoration:none;
	color:#174A7C;
}

#maincontent .breadcrumb:visited {
	color:#174A7C;
}

#maincontent .breadcrumb:hover {
	text-decoration:underline;
}

#maincontent img {
	border: 0 none;
	}

/* for full width pages */

#fullsize {
	color:#000;
	font-size:0.75em;
	padding:0.625em 1.875em;
	margin:0.3125em 0em 1.25em;
	min-height:646px;
	line-height:1.5em;
}

#fullsize h1, #fullsize h2, #fullsize h3, #fullsize h4, #fullsize h5, #fullsize h6 {
	color:#174A7C;
}

#fullsize h2{
	font-size:1.1667em;
	margin: 0.625em 0em;
}


#fullsize h3{
	font-size:1.05em;
	margin: 0.3125em 0em;
}

#fullsize a {
	color:#174A7C;
}

#fullsize a:hover {
	text-decoration:none;
}

#fullsize a:visited {
	color:#636466;
}

#fullsize .breadcrumb {
	text-decoration:none;
	color:#174A7C;
}

#fullsize .breadcrumb:visited {
	color:#174A7C;
}

#fullsize .breadcrumb:hover {
	text-decoration:underline;
}

#fullsize img {
	border: 0 none;
	}

#fullcolumn {
	padding:0px 0.9375em 0.3125em;
	min-width:725px;
	width:60.415em;
	margin:0em auto;
}

.fb-like {
	margin-left: 40%;
	margin-right: auto;
	}

/* Features */

#fullfeature {
	color:#000;
	font-size:0.75em;
	padding:0.625em 1.875em;
	min-height:400px;
	line-height:1.5em;
	min-width:783px;
	width:65.25em;
	float:left;
}

#fullfeature p,#fullfeature li,#fullfeature td, #fullfeature h1, #fullfeature h2, #fullfeature h3, #fullfeature h4, #fullfeature h5, #fullfeature h6, #fullfeature blockquote {
	font-family:Verdana, Arial, Helvetica, sans-serif;
}


#fullfeature h1, #fullfeature h2, #fullfeature h3, #fullfeature h4, #fullfeature h5, #fullfeature h6 {
	color:#174A7C;
}

#fullfeature h2{
	font-size:1.1667em;
	margin: 0.625em 0em;
}

#fullfeature h3{
	font-size:1.05em;
	margin: 0.3125em 0em;
}

#fullfeature a {
	color:#174A7C;
}

#fullfeature a:hover {
	text-decoration:none;
}

#fullfeature a:visited {
	color:#636466;
}

#fullfeature .breadcrumb {
	text-decoration:none;
	color:#174A7C;
}

#fullfeature .breadcrumb:visited {
	color:#174A7C;
}

#fullfeature .breadcrumb:hover {
	text-decoration:underline;
}

#fullfeature img {
	border: 0 none;
	}
	
#feature {
	float:left;
	z-index:0;
}

#fullcolumn4 {
	float:left;
	width:100%;
}

#firstcolumn {
	float:left;
	padding:0.45em 0.75em 1.25em 0em;
	min-width:180px;
	width:15em;
}

#secondcolumn {
	float:left;
	padding:0.45em 0.75em 1.25em;
	min-width:180px;
	width:15em;
}

#thirdcolumn {
	float:left;
	padding:0.45em 0.75em 1.25em;
	min-width:180px;
	width:15em;
}

#fourthcolumn {
	float:right;
	padding:0.45em 0 1.25em 0.75em;
	min-width:180px;
	width:15em;
}


#fullrandom {
	float:left;
	width:100%;
}

#leftcolumn {
	float:left;
	margin:1.25em;
	min-width:231px;
	width:19.25em;
}

#leftcolumnwide {
	float:left;
	margin:0;
	min-width:231px;
	width:24em;
}	

#midcolumn {
	float:left;
	margin:1.25em;
	min-width:231px;
	width:19.25em;
}

#rightcolumn {
	float:right;
	margin:1.25em;
	min-width:231px;
	width:19.25em;
}

#rightcolumnwide {
	float:right;
	margin-right:1.5em;
	min-width:231px;
	width:20em;
}	

#videocolumn {
	float:left;
	margin:1.25em;
	z-index:0;
}

#videotextcolumn {
	float:right;
	margin:1.25em;
}

#twocolumnleft {
	float:left;
	padding:5px 5px 5px 30px;
	width:360px;
	z-index:0;
}


#twocolumnright {
	float:right;
	padding:5px;
	width:350px;
	z-index:0;
}

#featurecolmenu {
	font-size:.92em;
	padding:0.9375em;
	text-align:right;
	clear:both;
}

/* DMR */

#dmrsearch {
	float:right;
	margin:5px 0 20px;
	padding:0;
	min-width:200px;
	width:16.65em;
}

.dmrsearch_text {
	float:left;
	}
	
.dmrsearch_image {
	float:right;
	margin-top:-2px;
	}
	
.dmrsearch2 {
	float:left;
	font-size:1em;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	line-height:1.5em;
	margin-left:.3em;
	margin-bottom:1.5em;
	min-width: 100%;
	margin-top:1em;
	}

.dmrbrowse2 {
	float:left;
	font-size:1em;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	line-height:1.5em;
	min-width: 100%;
	margin-top: 1em;
	}	
	
.dmrsearch_image2 {
	vertical-align: bottom;
	}
	
.dmrpaginate {
	float:right;
	font-size:1em;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	line-height:1.5em;
	margin-left:50%;
	margin-right: 5em;
}

#dmr_spotlight{
	margin:0em auto;
	min-width:540px;
	width:45em;
}

#dmr_spot {
	background-color:#97999C;
	padding:0em 0em 20px;
	float:left;
	margin-bottom:0.85em;
	width:100%;
}


#dmr_spot_image
{
	width:325px;
	text-align:center;
	float:left;
	margin:0em 15px 0em 30px;
}

#dmr_spot_text{
	min-width:125px;
	width:10.4165em;
	background-color:#FFF;
	float:right;
	padding:0em 5px 0em 8px;
	margin-right:30px;
	line-height:1em;
}

#dmrleft {
	font-size:1.02em;
	text-align:left;
}

#dmrright {
	font-size:1.02em;
	text-align:right;
}


#dmrthumb {
	text-align:center;
}

#dmrthumbtitle {
	text-align:center;
	height:55px;
}
	
.dmrleft {
	font-size:.9em;
	line-height:1.15em;
	text-align:left;
}

.dmrright {
	font-size:.9em;
	line-height:1.15em;
	text-align:right;
}

#dmrbrowse {
}

/* special blocks */

#rightsubnav_shiftdown {
	background:url(../graphics/rightsubnav.jpg) repeat-y right;
	border:1px solid #d3d4d6;
	float:right;
	margin:0.625em 0em 0.625em 0.625em;
	margin-top:50px;
	padding:0.2em;
	width:14.72727em;
	min-width:162px;
	color:#174A7C;
	font-size:0.916em;
	line-height:1.2em;
}

#rightsubnav_shiftdown ul{
	padding-left:1.25em;
	list-style-image:none;
	list-style-type: none;
}

#rightsubnav_shiftdown li{
	margin:0.35em 0em;
}

#rightsubnav_shiftdown a {
	color:#174A7C;

}

#rightsubnav_shiftdown a:hover {
	text-decoration:none;
}

#rightsubnav_shiftdown a:visited {
	color:#636466;
}


#rightsubnav {
	background:url(../graphics/rightsubnav.jpg) repeat-y right;
	border:1px solid #d3d4d6;
	float:right;
	margin:0.625em 0em 0.625em 0.625em;
	padding:0.2em;
	width:14.72727em;
	min-width:162px;
	color:#174A7C;
	font-size:0.916em;
	line-height:1.2em;
}

#rightsubnav ul{
	padding-left:1.25em;
	list-style-image:none;
	list-style-type: none;
}


#rightsubnav li{
	margin:0.35em 0em;
}

#rightsubnav a {
	color:#174A7C;

}

#rightsubnav a:hover {
	text-decoration:none;
}

#rightsubnav a:visited {
	color:#636466;
}


/* Frames */

#divisionsframe {
	background:url(../graphics/rightsubnav.jpg) repeat-y right;
	border:1px solid #d3d4d6;
	float:right;
	margin:0.625em -0.625em 0.625em 0.625em;
	padding:.2em;
	color:#174A7C;
	font-size:0.84em;
	width:13.5em;
	min-width:162px;
	line-height:1.35em;
}	
	
#leftimageframe {
	z-index:1; 
	padding:0.5em; 
	margin:1em 0.5em 0.5em 0em; 
	float:left;
	font-size:0.84em;
	color:#000000;
	line-height:1.35em;
}
	
#centerimageframe {
	z-index:1; 
	padding:0.5em; 
	margin:1em 0.5em 0.5em 0.5em; 
	width:30em;
	min-width:300px;
	margin-left:auto; 
	margin-right:auto;
	font-size:0.84em;
	color:#000000;
	line-height:1.35em;
}
	
#rightimageframe {
	z-index:1; 
	padding:0.5em; 
	margin:1em 0 0.5em 0.5em ; 
	float:right;
	font-size:0.84em;
	color:#000000;
	line-height:1.35em;
	
}

#rightimageframebox {
	z-index:1; 
	margin:1em 0 0.5em 0.5em ; 
	float:right;
	font-size:0.84em;
	color:#000000;
	line-height:1.35em;
	border: 2px dotted #E8E8E8;
	padding: 0.5em 1.5em;
}

#videoframe {
	float:right;
	margin:0 0 0.5em 0.5em;
	padding:0.625em;
	font-size:0.84em;
	color:#000000;
	line-height:1.35em;
}

#featureframe {
	font-size:0.84em;
	line-height:1.35em;
	position:relative;
	z-index:0;
	padding:0em 0.75em 0em;
}

#flashcontent {
	float:left;
	line-height:0.86em;
	z-index:0;
}

#outsideframeset {
	background-color:#333333;
	height:auto;
	margin:0 auto;
	padding:0.625em;	
	position:relative;	
	min-width:500px;
	width:41.55em;
}

#outsideframesetwhite {
	background-color:#FFFFFF;
	height:auto;
	margin:0 auto;
	padding:0.625em;
	padding-top:0.95em;
	position:relative;	
	min-width:500px;
	width:50em;
	border-top:1.25px solid #97999c;
	border-bottom:1.25px solid #97999c;

}




#insideframeset {
	background-color:#000000;
	height:auto;
	padding:0.3125em;
	position:relative;
	width:auto;
}

#outsideframe {
	background-color:#333333;
	padding:0.625em;
	position:relative;
	margin:0 auto;
}	


#insideframe {
	background-color:#000000;
	padding:0.3125em;
	position:relative;
}


/* Site Map */

#sitemap{
	margin-left:0em;
	padding-left:0em;
}

#sitemap ul{
	padding-left:2.15em;
}


#sitemap li{
	list-style-type:none;
}

.toplevel{
	font-size:1.1667em;
	margin-top: 0.625em;
	font-weight:bold;
	display:block;
}

.secondlevel{
	font-size:1.05em;
	margin-top: 0.25em;
	display:block;	
}

/*random other classes and ids */

.nostyle {
	font-size:0.75em;
	line-height:0em;
	margin: 0em;
	padding-bottom:0.125em;	
}

#center {
	text-align:center;
}

#center .intlink {
	font-weight:bold;
	color: #174A7C;
}

#center .intlink:visited{
	color: #174A7C;
}


.center {
	text-align:center;
}

#right {
	text-align:right;
} 


.right {
	text-align:right;
}

.left{
	text-align:left;
}

.justifyfull
{
	text-align: justify;
}

.title {
	font-size:1.2em;
	line-height:1.4em;
	font-weight:bold;
}

.subtitle {
	font-size:1.05em;
	line-height:1.2em;
	font-weight:bold;
}

hr.\50perc {
	width:50%;
	color:#000;
	background-color:#000;
	}
	
#book {
	float:left; 
	width:100%;
	margin-bottom:0.3125em;
}	

#booktext {
	float:left; 
	margin-left:1.5em;
	width:29.125em;
	min-width:350px;
}

.singlespace {
	line-height:1.10em;
	}

.rotctext {
	float:left;
	padding-left:0.5em; 
	margin:0.3125em 0em 0.3125em 0.625em; 
	width:175px;
}

.rotcvideo {
	float:right;
	margin-top:19px;
}

#directoriessearch2 {
	margin:1em auto 1em auto;
	min-width:260px;
	width:16.25em;
	font-family: Verdana,Arial,Helvetica,sans-serif;
}
#directoriessearch3 {
    font-family: Verdana,Arial,Helvetica,sans-serif;
    margin-left: auto;
    margin-right: auto;
    width: 590px;

}
    
#vfsearch {
	margin:0em auto;
	min-width:355px;
	width:29.6em;
}

#vfsearch2 {
	margin:2em auto 1em auto;
	min-width:260px;
	width:16.25em;
	font-family: Verdana,Arial,Helvetica,sans-serif;
}

#vfsearch3 {
    font-family: Verdana,Arial,Helvetica,sans-serif;
    margin-left: auto;
    margin-right: auto;
    width: 290px;
}

#vmisearch {
	margin:0em auto;
	min-width:440px;
	width:36.65em;
}
#vmisearch2 {
	margin:2em auto 1em auto;
	min-width:260px;
	width:16.25em;
	font-family: Verdana,Arial,Helvetica,sans-serif;
}
#vmisearch3 {
	font-family: Verdana,Arial,Helvetica,sans-serif;
    margin-left: auto;
    margin-right: auto;
    width: 290px;
}

#nyhtsearch {
	margin:0em auto;
	min-width:440px;
	width:36.65em;
}
#nyhtsearch2 {
	margin:0em auto 4em auto;
	min-width:260px;
	width:16.25em;
	font-family: Verdana,Arial,Helvetica,sans-serif;
}
#nyhtsearch3 {
	font-family: Verdana,Arial,Helvetica,sans-serif;
    margin-left: auto;
    margin-right: auto;
    width: 290px;
}
#nyjasearch {
	margin:0em auto;
	min-width:440px;
	width:36.65em;
}
#nyjasearch2 {
	margin:0em auto 4em auto;
	min-width:260px;
	width:16.25em;
	font-family: Verdana,Arial,Helvetica,sans-serif;
}
#nyjasearch3 {
	font-family: Verdana,Arial,Helvetica,sans-serif;
    margin-left: auto;
    margin-right: auto;
    width: 290px;
}
.lefthome{
	font-size:1.1em; 
	font-weight: bold;
	border-bottom: 1px solid #616161;
}

.lefthome a{
	text-decoration: none;
}

.boxed {
  border: 1px solid black ;
  padding:0.625em;
 width:375px;
}
.boxed2{
  border: 1px solid black ;
  padding: 0.625em;
 width:475px;
}

.imageline {
  margin: 9px 9px;
  float: left;
}

.imagecreator {
  text-align: center;
  vertical-align: text-bottom;
  font-weight: bold;
  width: 100px;
  padding-bottom: 3px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  line-height: 9pt;
  font-size: 8pt;
}
 
.imagetitle {
  text-align: left;
  font-weight: normal;
  width: 100px;
  height: 7em;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 7pt;
  line-height: 8pt;
  padding-top: 3px;
}

.columnscroll{
        overflow: auto;
        height: 506px;
        width: 260px;
        border: 0px solid black;
        color: #000;
        background-color: #FFF;
      }
      
/* History Online */

#imagebox_histonline {
	width:290px;
	margin-bottom:2px;
	float:left;
	padding-left:10px;
	padding-top:10px;
}

#image_histonline{
	border-top-style: double; 
	border-top-color: #174A7C; 
	border-top-width: 2px;
	border-left-style: double; 
	border-left-color: #174A7C; 
	border-left-width: 2px; 
	border-right-style: double; 
	border-right-color: #174A7C; 
	border-right-width: 2px;
}

#image_histonline_text {
	background-color:#FFFFFF;
	width: 271px;
	padding-left:10px;
	padding-right:5px;
	padding-bottom:2px;
	padding-top:2px;
	border:solid;
	border-width:2px;
	border-color:#174A7C;
	height:119px;
}

#otherec_histonline {
	width:290px;
	height:110px;
	margin-bottom:2px;
	float:left;
	padding-left:10px;
	padding-top:20px;
}

#otherec_image_histonline{
width:80px;
height:80px;
float:left;
padding-right:10px;
}

#otherec_text_histonline{
width: 170px;
height:80px;
padding-left:10px;
float:left;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: .75em;
}

.text_size_histonline{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: .75em;
}

#search_histonline {
	float:right;
	margin:5px 0 20px;
	padding:0;
	min-width:220px;
	width:17.5em;
}


/* End - History Online */

/* Begin - Briscoe Top Ten */

#top_ten {
	float: left;
	height:140px;
	width: 160px;
	padding-right: 23px;
	padding-left: 23px;
	text-align: center;
}

#top_ten_left {
	float: left;
	height:140px;
	width: 160px;
	padding-right: 23px;
	text-align: center;
}

#top_ten_logo {
	float:left;
}

#top_ten_box {
	width:825px;	
}

/* End - Briscoe Top Ten */

/* Begin - Exhibits Index */

.exhibits_panel {
	float: left;
	width: 175px;
	margin-right:25px;
	margin-top:15px;
	text-align: center;
}

.exhibits_panel_image {
	height:438px;
	width: 175px;
	border-style:solid;
    border-color:#224c7e;
    border-style:solid;
    border-width:1px;
}    

.exhibits_panel_text {
	width: 175px;
	text-align: center;
	padding-top:10px;
	padding-bottom:10px;
} 

#exhibit_spacer {
	float: left;
	height:438px;
	width: 70px;
	padding-top: 22px;
	padding-bottom: 5px;		
}

#exhibits_line {
	float: left;
	height:10px;
	width: 677px;
	padding-left:53px;
	padding-right:70px;
	padding-bottom:15px;
}

#exhibits_text {
	font: inherit;
	width: 780px;
}

#exhibit_box {
	width:800px;	

}

/* End - Exhibits Index */

/* Begin - Campaign to make history */
#exhibits_panel_c_r {
	float: left;
	height:438px;
	width: 215px;
	padding-top: 22px;
	padding-left: 16px;
	padding-bottom: 5px;
	text-align: center;
}

#exhibits_panel_left {
	float: left;
	height:438px;
	width: 215px;
	padding-top: 22px;
	padding-left: 53px;
	padding-bottom: 5px;
	text-align: center;
}

/*end - Campaign to make history */


/* Begin - Exhibits Alphabetical*/

#exhibit_box_sm {
	width:600px;	
	height:300px;
}

#exhibtbox_featured {
	width:290px;
	margin-bottom:2px;
	float:left;
	padding-left:10px;
	padding-top:10px;
}



#exhibtbox_featured_image {
	border-top-style: double; 
	border-color: #174A7C; 
	border-top-width: 2px;
	border-left-style: double; 
	border-left-width: 2px; 
	border-right-style: double; 
	border-right-width: 2px;
}

#exhibtbox_featured_text {
	background-color:#FFFFFF;
	width: 270px;
	padding-left:10px;
	padding-right:6px;
	padding-bottom:2px;
	padding-top:5px;
	border:solid;
	border-width:2px;
	border-color:#174A7C;
	height:70px;
}

#exhibit_list {
	width:590px;	
	min-height: 150px;
	float: left;
	padding-left:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding-top:10px;
}

#exhibit_list_anchors {
	width:590px;	
	height:45px;
	padding-left:10px;
}

#exhibit_list_anchors_letter {
	width:290px;
	float:left;
	text-align: left;
}

#exhibit_list_anchors_top {
	width:295px;
	padding-right:5px;
	float:left;
	text-align: right;	
}

#exhibit_icon {
	width:82px;
	padding-right:20px;
	padding-top:20px;
	float:left;
}

#exhibit_text {
	width:488px;
	float:left;	
}

/* End - Exhibits Alphabetical */

/* Begin - Exhibits Strengths */


#exhibit_box_strengths {
	width:590px;	
	height:100%;
	padding-bottom:10px;
	padding-left:10px;
}

#exhibit_strength_icon {
	padding-left:25px;
	padding-bottom:25px;
	width:180px;
	height:132px;
	float:left;
}

#exhibit_strength_icon_left {
	padding-bottom:25px;
	padding-left:10px;
	width:180px;
	height:132px;
	float:left;
}


/* End - Exhibits Strengths */

/* Begin - Exhibits Current */

#exhibit_current_box {
	width:590px;	
	padding-left:10px;
	padding-bottom:40px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding-top:10px;
}	

#exhibit_current_icon {
	width:122px;
	padding-right:20px;
	padding-top:20px;
	float:left;
}

#exhibit_current_text {
	width:448px;
	float:left;
}

/* End - Exhibits Current */

/* Begin - Collections Browse */

#col_item_box {
	width:290px;
	height:110px;
	margin-bottom:2px;
	float:left;
	padding-left:10px;
	padding-top:20px;
}


	
#col_img_frame {
	width:80px;
	height:80px;
	float:left;
	padding-right:10px;
}
	
#col_finding_aid {
	width:80px;
	height:15px;
	text-align:center;
	font-family:inherit;
	font-size:10px;
}

#col_text_frame {
	width: 170px;
	height:110px;
	padding-left:10px;
	float:left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .75em;
	line-height:1.5em;
	overflow:hidden;
}

/* End - Collections Browse */



/* start - home page alert box */

#homepagealert {
	position:relative;
	float:left;
	background:url("../graphics/rightbox_lg.jpg") repeat-y right;
	border:1px solid #d3d4d6;
	width:773px;
	margin-left:1.7em;
	padding:0.3em;
	margin-bottom:0.125em;
	font-size:0.8em;
	font-family:Arial, Helvetica, sans-serif;
}
	
	.homepagealert-intro {
	color:#BE301A;
}
	.homepagealert-text {
	text-decoration:none;
	color: #174a7c;
}
/* end - home page alert box */

/* start - hours page alert box */

#hourspagealert {
	position:relative;
	float:left;
	background:url("../../graphics/rightbox_lg.jpg") repeat-y right;
	border:1px solid #d3d4d6;
	width:500px;
	margin-left:.2em;
	padding:0.3em;
	margin-bottom:0.125em;
	font-size:1em;
	font-family:Arial, Helvetica, sans-serif;
}
	
	.hourspagealert-intro {
	color:#BE301A;
}
	.hourspagealert-text {
	text-decoration:none;
	color: #174a7c;
}
/* end - home page alert box */

/* start - left align lists - feature container boxes - 1 column list (image & text) - 2 column list (image & text) - 3 column list (image only) - used on pages with lefthand navigation - main content column does not exceed 600px*/

/* only unique ID selector - all others can switch to class selectors  */
#banner_bl_image_590 {
	border:2px solid #174A7C;
	float:left;
	margin-bottom:20px;
}
/* end */

#left_align_600 {
	min-width:600px;
	max-width:620px;
	margin-left:10px;
	float:left;
}

#icon_80px {
	float:left;
	width:80px;
}

#item_box_2_col {
	width:290px;
	min-height:140px;
	max-height:160px;
	margin-bottom:2px;
	float:left;
	padding-right:10px;
	padding-top:10px;
}

/* added by Paul for digital mathematics collection page */

#item_box_3_col {
	width:290px;
	min-height:140px;
	max-height:140px;
	margin-bottom:35px;
	margin-top:5px;
	float:left;
	padding-right:10px;
	padding-top:25px;
}
/* added by Paul for digital mathematics collection page */
	
	
#img_frame_2_col {
	width:80px;
	height:80px;
	float:left;
	margin-right:10px;
}
	
#img_frame_caption {
	width:80px;
	height:15px;
	text-align:center;
	font-family:inherit;
	font-size:10px;
}

#text_2_col {
	width: 170px;
	min-height:140px;
	height:100%;
	padding-left:10px;
	float:left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:1 em;
	line-height:1.5 em;	
}

#item_box_1_col {
	width:590px;
	min-height:110px;
	margin-bottom:2px;
	float:left;
	padding-right:10px;
	padding-top:10px;
}

#img_frame_col {
	width:80px;
	height:80px;
	float:left;
	margin-right:10px;
}

#text_1_col {
	width: 480px;
	min-height:110px;
	padding-left:10px;
	float:left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: inherit;
	line-height:1.5em;
}

#feature_container_290 {
	width:290px;
	margin-right:10px;
	margin-top:10px;
	float:left;
}

ul.feature_text {
	margin-left:-10px;
	color: #174a7c;
} 

#feature_bl_image_290 {
	border-left:2px solid #174A7C;
	border-right:2px solid #174A7C;
	border-top:2px solid #174A7C;
}

#feature_bl_text_290 {
	border:2px solid #174A7C;
	background-color:#FFFFFF;
	width: 270px;
	min-height:70px;
	padding: 5px 6px 2px 10px;
}

#feature_gr_image_290 {
	border-left:2px solid #c9c9c9;
	border-right:2px solid #c9c9c9;
	border-top:2px solid #c9c9c9;
}

#feature_gr_text_290 {
	border:2px solid #c9c9c9;
	background-color:#FFFFFF;
	width: 270px;
	min-height:70px;
	padding: 5px 6px 2px 10px;
}

/* end - left align lists - feature container boxes - 1 column list (image & text) - 2 column list (image & text) - 3 column list (image only) - used on pages with lefthand navigation - main content column does not exceed 600px*/

/* Begin: repeat of above but changind ID to class on non-unique selectors - left align lists - feature container boxes - 1 column list (image & text) - 2 column list (image & text) - 3 column list (image only) - used on pages with lefthand navigation - main content column does not exceed 600px*/

.left_align_600 {
	min-width:600px;
	max-width:620px;
	margin-left:10px;
	float:left;
}

.icon_80px {
	float:left;
	width:80px;
}

.item_box_2_col {
	width:290px;
	height:140px;
	margin-bottom:2px;
	float:left;
	padding-right:10px;
	padding-top:10px;
}
	
.img_frame_2_col {
	width:80px;
	height:80px;
	float:left;
	margin-right:10px;
}
	
.img_frame_caption {
	width:80px;
	height:15px;
	text-align:center;
	font-family:inherit;
	font-size:10px;
}

.text_2_col {
	width: 170px;
	height:110px;
	padding-left:10px;
	float:left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	line-height:1.5em;	
}

.item_box_1_col {
	width:590px;
	min-height:110px;
	margin-bottom:2px;
	float:left;
	padding-right:10px;
	padding-top:10px;
}

.img_frame_col {
	width:80px;
	height:80px;
	float:left;
	margin-right:10px;
}

.text_1_col {
	width: 480px;
	min-height:110px;
	padding-left:10px;
	float:left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: inherit;
	line-height:1.5em;
}

.feature_container_290 {
	width:290px;
	margin-right:10px;
	margin-top:10px;
	float:left;
}

ul.feature_text {
	margin-left:-10px;
	color: #174a7c;
} 

.feature_bl_image_290 {
	border-left:2px solid #174A7C;
	border-right:2px solid #174A7C;
	border-top:2px solid #174A7C;
}

.feature_bl_text_290 {
	border:2px solid #174A7C;
	background-color:#FFFFFF;
	width: 270px;
	min-height:70px;
	padding: 5px 6px 2px 10px;
}

.feature_gr_image_290 {
	border-left:2px solid #c9c9c9;
	border-right:2px solid #c9c9c9;
	border-top:2px solid #c9c9c9;
}

.feature_gr_text_290 {
	border:2px solid #c9c9c9;
	background-color:#FFFFFF;
	width: 270px;
	min-height:70px;
	padding: 5px 6px 2px 10px;
}

/* End: repeat of above but changind ID to class on non-unique selectors - left align lists - feature container boxes - 1 column list (image & text) - 2 column list (image & text) - 3 column list (image only) - used on pages with lefthand navigation - main content column does not exceed 600px*/

/* Begin - Expanding text 
Sample from http://www.cssplay.co.uk/menu/showme-more.html */

#showMe p.showMe a,

p.showMe {padding:10px; margin:0 auto;}
p.showMe a.more, p.showMe a.less {color:#004a81; font-weight:bold; text-decoration:none; outline:0;}
p.showMe a.more + a.less {display:none;}
p.showMe span {display:none;}

p.showMe a.more:active {*display:none;}
p.showMe a.more:active ~ span {*display:inline;}
p.showMe a.more:active + a.less {*display:inline;}
p.showMe a.less:active {*display:none;}

p.showMe a.more:focus {display:none;}
p.showMe a.more:focus ~ span {display:inline;}
p.showMe a.more:focus + a.less {display:inline;}
p.showMe a.less:focus {display:none;}

p.showMe span:hover {display:inline;}

/* End - Expanding text 
Sample from http://www.cssplay.co.uk/menu/showme-more.html */

#donor_list_box {
	border-left:2px solid #174A7C;
	border-right:2px solid #174A7C;
	border-top:2px solid #174A7C;
	border-bottom:2px solid #174A7C;
}

/* Begin - formatting code for e-news archive */
	
.enews_box {
    width: 100%;
    min-height:150px;
}

.enews_banner {
	margin-bottom:10px;
}

.enews_banner img{
	margin-top:10px;
}

.enews_banner a{
	text-decoration:none;
	color:#174A7C;
}

.enews_title {
	float:left;
	margin-bottom:15px;
	width:100%;
}

.enews_title a:link {
	color:#174A7C;
	text-decoration:none;
}

.enews_title a:visited {
	color:#174A7C;
	text-decoration:none;
}
	
.enews_subbox {
	width:100%;
	min-height:125px;
	float:left;
}

.enews_subbox_lgimg {
	width:100%;
	min-height:125px;
	float:left;
	margin-top:-25px;
}

.enews_image_l {
	float: left;
	width:125px;
	margin-right:15px;                              
}	
	
.enews_text_l {
	float: left;
	width:460px;
}

.enews_image_r {
	float: right;
	width:125px;
	margin-left:15px;                              
}	
	
.enews_text_r {
	float: right;
	width:460px;
	}

.enews_line {
	margin-bottom:10px;
	margin-top:20px; 
	width:100%; 
	float:left;                           
}
	
/* End - formatting code for e-news archive */

/* Begin Small Search Box for DMR */

#dmr_smallsearch {
	width:200px; 
	padding-left:10px;
	padding-right:10px;
	padding-top:3px;
	margin-left:20px;
	color:#ffffff;
	float:right;
	background-color:#174A7C;
}	

#dmr_smallsearch a:link {
	color:#ffffff;
}

#dmr_smallsearch a:visited {
	color:#ffffff;
}

.dmr_smallsearch_img {
	margin-top:7px;
}


#searchformdmr { 
	float:right;
    background:url(../graphics/searchbox_gray.png) left top;  
    background-repeat:no-repeat;
	min-width:195px;
	min-height:27px;
	width:12.125em;
	height:1.69em;
}

.image_submit {
	z-index: 2;
	position: relative;
	margin-right: 3px;
	float:right;
}

#search_histonline2 {
	min-width:199px;
	width:199px;
}
/* End Small Search Box for DMR */

/* Begin wide Search Box for DMR */

#dmr_widesearch {
	width:580px; 
	padding-left:10px;

	margin-bottom:20px;
	padding-bottom: 4px;
	color:#ffffff;
    float: left;
	background-color:#174A7C;
}	

#dmr_widesearch p {
	padding-top:3px;
}


#dmr_widesearch a:link {
	color:#ffffff;
}

#dmr_widesearch a:visited {
	color:#ffffff;
}

.dmr_widesearch_img {
	margin-top:7px;
}


#searchformwide { 
	float:right;
    background:url(../graphics/searchbox_gray.png) left top;  
    background-repeat:no-repeat;
	min-width:195px;
	min-height:27px;
	width:12.125em;
	height:1.69em;
}

.image_submit_wide {
	z-index: 2;
	position: relative;
	margin-right: 3px;
	float:right;
}

/* End wide Search Box for DMR */


#search_histonline_wide {
	min-width:560px;
	width:560px;
}

/* Begin sub-head a tag styling */

.subhead {text-decoration: none !important; color: #174A7C !important;}

/* End sub-head a tag styling */

/* Begin exhibit landing page 06062014 */

.exhibit_sub_box {
	float:left;
	height:100%;
}

.exhibit_large_sub_box{
	width: 400px;
	float: left;
}

.exh_lg {
	width: 395px;
	height: 476px;
	border: 1px solid #555555;
	float: left;
}

.exh_md {
	width: 395px;
	height: 232px;
	border: 1px solid #555555;
	margin-bottom: 10px;
}

.cp_lg {
	width: 275px;
	height: 356px;
	float: left;
}

.exh_sm_top {
	width: 178px;
	height: 232px;
	border: 1px solid #555555;
	float: left;
	margin-left: 10px;
}

.exh_sm_bottom {
	width: 178px;
	height: 232px;
	border: 1px solid #555555;
	float: left;
	margin-left: 10px;
	margin-top: 10px;
}

/* End exhibit landing page 06062014 */

/* Begin Image Text Blue Overlay on Hover */

.photo-grid figure {
	height: 100%;
	width: 100%;
	overflow: hidden;
	position: relative;
	margin-left:auto;
	margin-top:auto;
}
 
.photo-grid:hover figcaption {
	opacity: .9;
}

.photo-grid:hover figcaption p {
background-color:#174A7C;
}

.photo-grid figcaption p {
	display: table-cell;
	font-size: 2em;
	line-height: 1.5em;
	position: relative;
	min-width: 50px;
	width: 800px;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
	vertical-align: middle;
	text-align: center;
	
}
 
.photo-grid figcaption {
	background: rgba(56, 56, 56, 0.2);
	color: white;
	display: table;
	height: 100%;
	left: 0;
	opacity: .7;
	position: absolute;
	right: 0;
	top: 0;
	-webkit-transition: all 300ms;
	-moz-transition: all 300ms;
	transition: all 300ms;
	-webkit-transition-delay: 100ms;
	-moz-transition-delay: 100ms;
	transition-delay: 100ms;
	text-shadow: 2px 2px rgba(0,0,0,0.8);
}
	
/* END Image Text Blue Overlay on Hover */

/* Accordion Staff size CSS */

#maincontent #accordion .accordion-staff  {
    font-size: 0.80em;
}
/* END Accordion Staff size CSS */


/* Begin Virtual tour page elements */

.vt_box {
	margin-top:15px; 
	margin-left:5px;
}

.vt_img {
	z-index:-1;
}

.vt_text {
	position: relative;
	z-index: 1;
	margin-top: -92px;
	margin-left: 100px;
	padding-top: 0px;
	padding-left: 20px;
	padding-right: 15px;
	border-top: 8px solid #FFF;
	background: none repeat scroll 0% 0% #FFF;
}

.vt_line {
	border-bottom: 3px dotted #C0C1C4;  
	margin-top: 5px; 
	margin-bottom:30px; 
	margin-left:3px; 
	margin-right:8px;
}

/* End Virtual tour page elements */


	z-index: 100;
}


.table_row_border_bottom {
 border-bottom:1pt solid black;
}

/* Page Header Text Styles */

#fullfeature h2.page_header_text {
	font-family: Cinzel, serif;
	font-size: 21px;
	font-weight: normal;
	color: #616161;
	text-decoration: none;
}

#contentsm h2.page_header_text {
	font-family: Cinzel, serif;
	font-size: 21px;
	font-weight: normal;
	color: #616161;
	text-decoration: none;
}

h2.page_header_text {
	font-family: Cinzel, serif;
	font-size: 21px;
	font-weight: normal;
	color: #616161;
	text-decoration: none;
}

#fullfeature h2.page_header_text a {
	text-decoration: none;
	color: #616161;
}

h2.page_header_text a {
	text-decoration: none;
	color: #616161;
}

/* END Page Header Text Styles */

/* Modals */

/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1000; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    width: 50%;
}

/* The Close Button */
.close {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}