/* --------------------------------------------------
   				CSS Document
   Project         	:   Commemorative Landscapes
    Author          :   Shaun Trujillo 
    Author          :   Mike Nutt
    Organization    :   Carolina Digital Library & Archives
    Website         :   http://docsouth.unc.edu/commland/
    
    Includes modified code from EliteCircle template by Erwin Aligam at http://www.styleshout.com/

----------------------------------------------------- */

/* --------------------------------------------------
   HTML ELEMENTS
----------------------------------------------------- */

/* top elements */

html {
    margin-left: 0px;
}

* {
    margin:0;
    padding:0;
}

body {
overflow-x: none;
}

body img {
border:none;
}

div#collheader {
	background-color: #41382c;
    margin: 0 auto 0 auto;
    text-align: center;
    width: 100%;
}
div#pagewrap div#pagecontent {
    text-align: left;
}
div#pagewrap {
    margin: 0 auto;
    position: relative;
    width: 100%;
    }
		
#ban {
display:none;
}

.noscreen {
font-weight:900;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 2em;
color: #000;
line-height: 1em;
}

.noprint{
display:none;
}
    
/* links */

a:focus {
	outline: none;
}

a {
	color:	#0000FF; 
	text-decoration: underline;	
}

a:hover {
	background-color: inherit;
	text-decoration: underline;
}

a.external {
    background: url(../images/external.png) center right no-repeat;
    padding-right: 13px;
}

.resources a {
    text-decoration: none;
}

.resources a:hover {
	background-color: inherit;
	text-decoration: underline;
}

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



/************* 
    headers 
**************/

/* "title" div is for essay titles or other flatpages that need titles */

div#essay h2, h1 {
padding-left: 74px !important;
}

div#pagewrap h2, h1, h3 {
/*padding-left: 1em;*/
}

#title {
    margin-top: 20px;
    margin-bottom: 30px;
}

#title > h1 {
     font-family: Georgia, "Times New Roman", Times, serif;
     font-size: 2em;
     line-height: 1.4em;
     text-align: center;
	 padding-left: 0px !important;
}

#title > h3 {
     color: #41382C;
     font-family: Georgia, "Times New Roman", Times, serif;
     font-size: 1.5em;
     font-style: italic;
     line-height: 2em;
     text-align:center;
     margin-top: -20px;
	   padding-left: 0px !important;
}



h1, h2, h3, h4, h5, h6 {
	font-style: normal; 
	font-family: Verdana, Geneva, sans-serif;
	/*color:#111;*/
	text-align:left;
	line-height: 1em;
}

h1 {
	font-size: 2em;
	color: #41382C;
	margin: 20px 15px;
}

h2 {
	color:#444444;
	margin: 20px 15px;
}

h3 {
	font-size: 2em; 
	color:#C34E23;
}

h4 { 
	font-size: 1.7em; 
}

h5 {
	font-size:1.6em;
}

h6 {
	font-size:1.1em;
	font-weight: 600;
	font-family: Verdana, Geneva, sans-serif;
	color: #993300;
	margin: 2px 0 0 8px;
}

p, h3, h4, h5 {
	margin: 10px 15px;
}

/* begin DocSouth banner styles */

div#dsheader h1 {
    display: none;
}

div#dsheader {
display:none;
}

div#dsheader div#innerbox {
    width: 800px;
    margin: 0 auto 0 auto;
    text-align: left;
}
div#dsheader div#innerbox a img {
    float: left;
    margin-top: 8px;
    margin-right: 5px;
}
div#dsheader div#innerbox a.homelink {
    display: block;
    float: left;
    text-decoration: none;
    color: #ffffff;
    text-transform: uppercase;
    font-size: 10px;
    padding: 13px 7px 0 0;
    background-image: url(../images/homearrow.jpg);
    background-position: right 15px;
    background-repeat: no-repeat;
    line-height: 135%;
}
div#tagline {
    text-align: right;
    font-family: arial, sans-serif;
    font-size: 90%;
    text-transform: uppercase;
    color: #ffffff;
    padding-top: 8px;
}
/* end DocSouth banner styles */

/* Body Styles */

body {
    font-family: sans-serif;
    font-size: .8em;
    line-height: 1.7em;
    color: #555;
    text-align: center;
}

body p {
text-indent: 1em;
}

#nav {
display:none;
}

#mainlt {
width: 50%;
}

#mainlt p{
text-align:justify;
}

#mainrt {
position:absolute;
top:0;
margin-left:50%;
}
#essay p{
	color: #41382C;
	margin-bottom: 10px;
	padding-left: 24px;
	padding-right: 24px;
	/*top: 4.5em;*/
	text-align: justify;
} 

.blockquote {
margin:0 40px; 
text-indent: 0; 
display:block;
}

.frame {
margin: 16px 25px 16px 15px;
padding-bottom: 2px;
}

.frame img {
padding: 0 2px 2px 2px;
max-height:350px;
max-width:350px;
}

.frame p {
color: #41382C;
display: block;
font: status-bar;
padding: 2px 0px 5px 0px;
margin: 0px 4px;
line-height: 1em;
}

.frame a {
text-decoration: none;
}

.repbox{
margin: 0;
}

.metabox ul{
list-style:none;
width:100%;
}

.line{
float:left;
width:100%;
display:block;
position:relative;
}

.metabox li p{
margin: 1em .5em 0 1em;
color: #000;
line-height:1.5em;
text-align:left;
font-size:1em;
font-family:Arial, Helvetica, sans-serif;
position:relative;
left:25%;
width:65%;
text-indent:0;
padding-bottom:.5em;
}

.metabox h5{
margin: 0 0 0 -100%;
padding: .4em 0 .5em .8em;
color:#41382C;
font-size:1.1em;
position:relative;
left: 100%;
float:left;
width: 25%;
line-height:2em;
}

.metabox li {
background:#fff;
border: 1px solid #999999;
margin-bottom:.1em;
overflow:hidden;
}

.metabox li:nth-child(2n+1) {
background:url(../images/bgpx.png);
background-repeat:repeat;
}

.metabox li:last-child {
margin-bottom:0;
}


.metabox {
/*background: url(../images/bgpx.png);
background-repeat: repeat;
float:left;*/
margin: .1em 0 2em 0;
padding: 2px;
position:relative;
text-align:center;
/*overflow:hidden;*/
text-align: left;
}


.rep {
text-align:center;
/*margin: 2em 0;
padding-bottom: 2px;
position:relative;
overflow:auto;
width:inherit;*/
}

.rep img {
max-height:400px;
max-width:400px;
border: 1px solid #999999;
margin: 1em;
}

.rep p {
color: #41382C;
font: status-bar;
padding: 2px 5px 5px 5px;
margin: auto;
line-height: 1.1em;
text-indent: 0;
width: inherit;
}

.rep a {
text-decoration: none;
}

.metabox ul li {
	/*white-space: pre;           CSS 2.0 */
	/* white-space: pre-wrap;       CSS 2.1 */
	/* white-space: pre-line;       CSS 3.0 */
	/* white-space: -pre-wrap;      Opera 4-6 */
	/* white-space: -o-pre-wrap;    Opera 7 */
	/* white-space: -moz-pre-wrap;  Mozilla */
	/* white-space: -hp-pre-wrap;   HP Printers */
	word-wrap: break-word;      /* IE 5+ */
	}

.sideimage {
    background-color: #F3F3F3;
    /*border: 1px solid #3F6F9F;*/
    margin: 10px;
    padding: 10px;
    width: 310px;
}
.sideimage img {
    /*margin-bottom: 5px;*/
}

/*.sideimage a:img, a:hover{
text-decoration:none !important;
border: none !important;
margin-bottom: 0px;
}*/

.sideimage p {
    color: #41382C;
    font-size: 9px;
    font-style: italic;
    line-height: 12px;
    margin-bottom: 0 !important;
    /*margin-top: 5px;*/
    min-width: 0;
    padding-left: 0 !important;
    padding-right: 0 !important;
    text-indent: 0em !important;
    text-decoration: none;
	}
	
.left {
    float: left;
    margin-right: 20px;
}

.right {
    float: right;
    margin-left: 20px;
}
.vertical {
    width: 230px;
	}
	
.resources {
     background-color: #F5F7F8;
     /*border: 1px solid #3F6F9F;*/
     color: #27221A;
     font-family: Georgia, "Times New Roman", Times, serif;;
     font-size: 10px;
     line-height: 15px;
     margin: 5px 10px 10px;
     padding: 5px;
     text-align:left;
     list-style-position: inside;
     list-style-type:square;
     float:right;
}

.footnotes {
    color: #41382C;
    line-height: 1.2em;
    text-align:left;
	text-indent: 0;
}

.footnotes p {
text-indent: 0px;
margin: 0 50px;
}

.footnotes h3 {
padding: 10px 0 10px 74px;
font-size: 1.5em;
}

/* begin Search Results styles */

#searchlt {
float:left;
padding-top: 25px;
}

#searchrt {
float:left;
vertical-align:top;
padding-top:3%;
}

#resfor span {
font-weight: 800;
}

#resfor a {
text-decoration: none;
}

#sortby {
display:none;
}

#sortby a {
text-decoration: none;
font-weight: 800;
padding: 0 14px;
}

#resfor {
width:50%;
margin:auto;
}

#resgal {
padding-top: 15px;
/*margin-left: 5%;*/
}

#resgal img {
margin:auto;
max-height: 97px;
max-width: 97px;
display:block;
padding-bottom:6px;
}

#resgal span{
width: 180px;
float: left;
line-height: 1;
}

#narrow {
width:126px;
text-align: left;
}

#narrow p {
padding-left: 0;
padding-right: 0;
text-align: center;
background-repeat: no-repeat;
font-family: Verdana, Geneva, sans-serif;
font-weight: 600;
color: #333333;
line-height: 1.7em;
margin: 0 !important; 
text-indent: 0px !important;
}

.narrow {
background-image: url("../images/narrowbg.png");
padding-bottom: 5px;
}

.semifacet {
border: solid #CCCCCC 1px;
margin: 2px;
position: relative;
padding-bottom: 2px;
font-size: .9em !important;
}

.semifacet ul{
list-style-type: none;
border-left: 12px solid #fff;
border-right: 2px solid #fff;
}

.semifacet li{
border-top: 1px solid #fff;
list-style-type: none;

}

.semifacet > h6{
padding-top: 2px;
padding-bottom: 5px;
}

#qset {
border: solid #CCCCCC 1px;
margin: 2px;
position: relative;
padding-bottom: 2px;
font-size: .9em;
}

#qset p{
text-align:left !important;
font-size: 1.1em;
font-weight: 500;
}

#qset p a{
text-decoration:none;
display:block;
background: url(../images/x.png) no-repeat;
background-position: 95% 4px;
padding-left: 12px !important;
color: red;
}


.showhide {
margin-left: 50%;
border-bottom: 1px dotted blue;
}

.semifacet li a{
position:relative;
z-index:999;
background-color: #E9E9E9;
display:block;
text-decoration:none;
padding-left:4px;
/*padding-left:18px;*/
/*background: url(../images/fac_bg.png) 0px 0px no-repeat;*/
/*-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;*/
/*background-image:url("../images/fac_bg.png");
background-position: -9px  0;*/
/*position:relative;*/
/*background-clip: padding-box;
-webkit-background-clip: padding-box;
-moz-background-clip: padding;*/

}

.semifacet li a:hover{
background-color: #D2D2D2;
/*-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;*/
}


.toggle{
}

.toggleLink {
display:none;
}

.toggleLink1 {
display: in-line;
text-decoration: none;
text-indent: 0px !important;
}

.toggleLink1 img{
border:none;
}

.browse_set {
text-align:left;
width:96%;

}

.browse_set li:hover {
font-weight:900;
font-size:1.0em;
}

.browse_set li:nth-child(2n+1){
clear:left;
}

.browse_set ul{
list-style-type: none;
}

/*.browse_set li{
float:left;
width:90%;
margin-left: 2%;
}*/

 .browse_set li.column1 { margin-left: 0em; }
  .browse_set li.column2 { margin-left: 28%; }
  .browse_set li.column3 { margin-left: 56%; }
  .browse_set li.column4 { margin-left: 84%; }
  
.browse_set li.reset
  {
    margin-top: -17.2em;
  }


#nav1, #nav1 ul{
	list-style:none;
	margin-left:20px;
}

#nav1 ul{
	padding-top:.5em;
}

#nav1 li{
	padding-left:.8em;
	background: url(../img/arrow.gif) left top no-repeat;
	padding-bottom:.45em;
}

#nav1 a{
	text-decoration:none;
	color:#960000;
}

#nav1 a:hover{
	color:#1b53b9;
}

#nav1 a .pop{
   display: inline;
   position: relative;
	 left:20px;
   visibility: hidden;
	 color: #333;
}
#nav1 a:hover .pop {
   visibility: visible;
}

#nav1 .expandable{
	background-image:none;
}

#nav1 .expandable img{
	margin-right:5px;
	margin-top: 9px;
	float: left;
}

.expandable {
border-top: 1px dashed #555555;
margin: 2px 20px 2px 0px;
}

#expandAll, #collapseAll {
display:none;
}

#expandAll {
margin-left:34%;
}

.hdbrowse {
	font-size:1.1em;
	font-weight: 600;
	font-family: Verdana, Geneva, sans-serif;
	color: #993300;
	margin: 2px 0 0 8px;
	line-height: 3;
}

.subjects_left{
display:inline-block; 
float:left;
width: 40%;
}

.subjects_right{
display:inline-block; 
float:left; 
width: 40%;
}

/* table styles - start*/
table {
	border-collapse: collapse;
	margin: 15px;	
}
th strong {
	color: #FFF;
}
th {
	background: #882D2D;
	height: 29px;
	padding-left: 12px;
	padding-right: 12px;
	color: #FFF;
	text-align: left;
	border-left: 1px solid #EDC9C9;
	border-bottom: 1px solid #FFF;
}
tr {
	height: 30px;
	background: #F3F3F3;
}
td {
	padding-left: 11px;
	padding-right: 11px;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #fff;
}
/* table table styles - end */

/* Footer Styles */

#container {
    margin: 0 auto 0 auto;
    background-color: #FFF;
    width: 100%;
}

#container img{
vertical-align:bottom;
}

#navcontainer {
display:none;
}

.sf-menu li{
font-size: 1.3em;
}

.sf-menutop li{
font-family:Arial,"Helvetica Neue",Helvetica,sans-serif;
font-weight:600;
}

/*
  sticky footer
  see http://www.cssstickyfooter.com/using-sticky-footer-code.html
 */
html, body, #container {
overflow:visible !important;
}
body > #container {
    height: auto;
}

#pagewrap {
    padding-bottom: 0;
	/*overflow:hidden;*/
}

#content {
    padding-bottom: 110px;
}

/* must be same height as the footer */
#collfooter {
    height: 10em;
		width:100%;
    margin:0px auto 0px auto;
    background-color: #FFFFFF;
    text-align:center;
}

div#collfooter img {
	background-color: #FFFFFF;
    /*margin-bottom: 25px;*/
}
div#collfooter ul {
	background-color: #FFFFFF;
    /*height: 23px;*/
    margin: 0;
    padding: 0 0 0 0;
		z-index: 999;
}

#break {
height: 1px;
background-color:#999999;
margin: 0 18px 10px 18px;
}

div#footernav {
    clear: both;
}
div#footernav ul li {
    display: inline;
    line-height: 23px;
    margin: 0 0 0 0;
    padding: 3em 1.5em;
}
div#footernav ul li a {
    text-decoration: none;
    color: #3f6f9f;
    font-size: 11px;
    font-weight: bold;
    line-height: 23px;
    padding: 0 13px 0 13px;
    border-right: 1px solid #F5F7F8;
}
div#footernav ul li a:hover {
    background-color: #c6daeb;
}
ul#logos {
display:none;
	background-color:#FFFFFF;
    font-size:10px;
    line-height:12px;
    border-color:#DDDDDD;
    border-style:solid;
    border-width:0px 0 0px 0;
	list-style: none outside none;
	z-index:10000;
}
ul#logos a img{
	background-color:#FFFFFF; /*jckidd*/
  border-style: none;
	padding:10px 0 5px 0; /*jckidd*/
	z-index: 9999;
}

ul#logos a{
display:block;
width:auto;
cursor:pointer;
}

ul#logos li {
    padding-left: 35px;
		display: inline-block;
}

ul#logos li:first-child {
padding-left: 0px;
}

div#copyright { /* jckidd copied from gtts/static/css/style_gtts.css */
	clear: both;
	font-size: 10px;
	line-height: 12px;
	color: #FFF;
	margin: 0 auto 0 auto;
	text-align: center;
	padding-top:10px;
	padding-bottom:10px;
	/*border-style: solid;
	border-color: #dddddd;
	border-width: 1px 0 0px 0;*/
}

#breadcrumbs {
display:none;
}

/*a:link:after,
a:visited:after {
  content: " (" attr(href) ") ";
  font-size: 90%;
}*/