/* headings - generic */
h1{
	font-size: 2em;
	line-height: 1.25em;
	margin-top: 0.625em;
	margin-bottom: 0.625em;
}
/* add byline under the main menu bar */
.menu-container:after{
	content: "Texas State Library and Archives Commission";
	float: right;
	color: #a91d2f;
	font-size: 0.85em;
	font-weight: bold;
}
/* heading for home top block header modification */
h1.top_text_title{
	margin-top: 0em;
	margin-bottom: 10px;
}
/* home top-block rounding */
#top_block > .wrap > div > .new-primary-background {
	border-radius: 15px;
}
h2{
	font-size: 1.5em;
	line-height: 1.66667em;
	margin-top: 0.83333em;
	margin-bottom: 0.83333em;
}
h3 {
  font-size: 1.5em;
  line-height: 2.13675em;
  margin-top: 0.3em;
  margin-bottom: 0.3em;
  color: rgb(147, 35, 29);
  }
h4 {
  font-size: 1.25em;
  line-height: 1.25em;
  margin-top: 1.25em;
  /* margin-bottom: 1.25em; */
}
/* h5 {
  font-size: 0.83em;
  line-height: 1.50602em;
  margin-top: 1.50602em;
  margin-bottom: 1.50602em;
}*/
h6 {
  font-size: 0.67em;
  line-height: 1.86567em;
  margin-top: 1.86567em;
  margin-bottom: 1.86567em;
}

body{
	font-family: "Noto Sans", Tahoma, Verdana, "DejaVu Sans", sans-serif;
	color: black;
	font-weight: 400;
}
/* make accordion'd content link theme blue and link hover theme red */
summary{
	color: #2b6da7;
}
summary:hover{
	color: #a91d2f;
}
p.metadata-entry{
	margin: 0em;
}
/* heading specific to tiles view to fit text to box with limitations */
.blocks>.result-item>a>.archive_name.col0>h5 {
	font-size: 90%;
}
/* content tiles border and styling */
/* top portion */
.primary-border-bottom{
	border-bottom-color: #93231d;
	border-left-width: 4px;
	border-left-style: solid;
	border-left-color: #93231d;
	border-right-width: 5px;
	border-right-style: solid;
	border-right-color: #93231d;
	border-top-width: 4px;
	border-top-style: solid;
	border-top-color: #93231d;
	border-radius: 10px 10px 0px 0px;
}
/*changes to background color */
.image{ 
	background-color: rgb(86, 86, 86);
}
/* bottom portion */
/* borders */
.text-center{
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #93231d;
	border-left-width: 4px;
	border-left-style: solid;
	border-left-color: #93231d;
	border-right-width: 4px;
	border-right-style: solid;
	border-right-color: #93231d;
	border-radius: 0px 0px 10px 10px;
}
/* break word that bleed into other words in file list table */
div.col0>h5>a{
	word-wrap: break-word;
	overflow-wrap: break-word;
}
/* begin resize of agency icons */
@media(min-width: 570px){
	.section-icon-row-major{
		display: inline-table;
		width: 100%;
		text-align: center;
	}
	.section-icon{
		display: table-cell;
		width: 25%;
		
	}
	.section-icon>.wp-caption-text{
		padding-left: 20%;
		padding-right: 20%;
	}
}
@media(max-width: 569px){
	div.collections{
		text-align: center;
	}
	.section-icon{
		display: initial;
		width: 100% !important;
	}
	.section-icon.wp-caption{
		height: 100px !important;
		vertical-align: middle;
	}
	.section-icon > a{
		display: table-cell;
	}
	.section-icon > p.wp-caption-text{
		display: table-cell;
		vertical-align: middle;
		float: left;
		padding-top: 40px;
	}
	.wp-caption img{
		max-height: 100px;
	}
	div.section-icon > img{
		float: left;
	}
}
@media(min-width: 816px){
	.featured-item-img{
	text-align: center;
}
.featured-item-text{
	text-align: center;
}
div.featured-item{
	display: table-cell;
	padding-left: .3333em;
	padding-right: .3333em;
	box-sizing: border-box;
	word-wrap: break-word;
}
div.featured-row{
	display: inline-table;
	width: 100%;
}
}
@media(max-width: 815px) {
	div.featured-item{
		width: 100% !important;
		display: block;
		
	}
	div.featured-row{
		text-align: center;
	}
}
ul.sub-menu{
	background-color: #2b6da7;
}
.sub-menu>.menu-item:hover{
	background-color: #a91d2f;
}
.result-item{
	border-radius: 5px;
	border: solid 3px #a91d2f;
}
.result-item.new-secondary-background:hover{
	border-color: #2b6da7;
	background-color: #c8c6c6;
}
.new-secondary-tint-backgroud{
	background: linear-gradient(to top, #999999, #565656);
}
.logonav{
	border-bottom: 8px solid #a91e2f;
}
.top-meta-nav{
	background: linear-gradient(to bottom, #999999, #565656);
}
.archive_image{
	background: linear-gradient(to bottom, #a91d2f, #2b6da7);
}
.column-title{
	background: linear-gradient(to bottom, #999999, #565656);
	color: white;
	font-weight: bold;
}
b{
	font-weight: bold;
}
.facet-group{
	border-bottom: 2px solid black;
}
.metadata-title{
	font-weight: bold;
}
#footer{
	background: linear-gradient(to bottom, #2b6da7, #a91d2f);
}
a{
	color: #2b6da7;
	font-weight: bold;
}
a:hover{
	color: #a91d2f;
}
/* for captions */
.wp-caption-text{
	font-weight: bold;
	text-align: center;
	color: #a91d2f;
	font-size: 0.85em;
}
.tooltip-test{
	display: none;
	position: fixed;
	z-index: 1;
	padding-top: 100px;
	top: 0;
	/* max-width: 50%; */
	height: 90%;
	overflow: auto;
	background-color: rgb(0,0,0);
	background-color: transparent;
}
.flag-exhibit-test{
	display: none; /* Hidden by default */
	position: fixed; /* Stay in place */
	z-index: 1; /* Sit on top */
	padding-top: 100px; /* Location of the box */
	left: 0;
	top: 0;
	width: 100%; /* Full width */
	height: 90%; /* 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 {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 10px;
  border: 3px outset #a91d2f;
  border-radius: 10px;
  width: 80%;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
  -webkit-animation-name: animatetop;
  -webkit-animation-duration: 0.4s;
  animation-name: animatetop;
  animation-duration: 0.4s
}

/* Add Animation */
@-webkit-keyframes animatetop {
  from {top:-300px; opacity:0} 
  to {top:0; opacity:1}
}

@keyframes animatetop {
  from {top:-300px; opacity:0}
  to {top:0; opacity:1}
}

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

.closeify:hover,
.closeify:focus {
  color: #a91d2f;
  text-decoration: none;
  cursor: pointer;
}
/* modifications for desktop view */
@media(min-width:768px){
	/* exhibits modifications*/
	.flag-exhibit{
		display: table-row;
	}
	.two-column-small-left{
		display: table-cell;
		padding-right: .33em;
	}
	.two-column-large-right{
		display: table-cell;
		padding-left: .33em;
		vertical-align: top;
	}
	.collectionListDisappear{
		display:none;
	}
	
}
@media(max-width: 767px) {
	/* exhibit modifications for images */
	.exhibit-big-item{
		text-align: center;
		width: 100% !important;
	}
}
/* exhibit sidebar items being put as  line items instead of staggered */
.exhibit-sidebar-item{
	display: table-row;
}
/* drop footer navigation text */
/*
#footer_nav{
	font-size: 0px;
}
*/
 /* resize embedded metadata section titles to moew closely match existing */
h5.metadata-title{
	 font-size: 125%;
	 font-style: normal;
	 color: green;
	 word-break: break-word;
 }
p.metadata-description{
	word-break: break-word;
 }
.new-primary{
	 text-align: center;
 }
hr{
	border-color: #2b6da7;
	border-style: ridge;
	border-width: 2px;
	margin-top: 1.3em;
	margin-bottom: 1em;
}
/* makes matches info under search filters come up white instead of black */
#filter-group-non-date{
	color: white;
}
/* change the font style of the first metadata type relative to the normal titles */
div.metadata.level0:nth-child(1)>h5.metadata-title:nth-child(1){
	color: black;
	font-size: large;
	font-style: itlalic;
}
/* make the top of page images 200px instead of 400 px */
#top_block{
	height: 200px;
}
.list{
	/*display: table-cell;*/
	padding: 5px;
}
.list_row{
	display: table-row;
}
/* change the body background to a specific image for now */
body{
	background-repeat: repeat;
	/* background-image: url("https://tsl.access.preservica.com/wp-content/uploads/sites/10/2017/01/Flatonia-Index_Map2.jpg"); */
	background-attachment: fixed;
	background-clip: border-box;
	background-origin: padding-box;
	background-color: #fdf5e6;
}
/* change background for text files specifically so it isn't transparent, add border to differentiate from background better */
.content_single{
	background-color: #fffff0;
	/*border: 5px ridge #2b6da7;*/
	border-radius: 5px;
}
/* change static pages so that they have a viewing pane instead of overlaid directly on main background */
body.page-template>.page_wrapper >.content_wrapper.medium_padding >.container, body.page-template-default>.page_wrapper>.content_wrapper.medium_padding>.container{
	background-color: white;
	border-radius: 10px;
	border-style: ridge;
	border-width: 4px;
	border-color: #a91e2f;
}
/* make static page section links like browsing. need to add class="homey" to section-icon-row-major */
.homey>.section-icon>div.wp-caption.section-icon{
	height: 185px;
	background-color: #d3d3d3;
	border-width: 4px;
	border-radius: 10px;
	border-color: #2b6da7;
	border-style: solid;
}
/* make static page section links in the agencies page like in browsing */
.section-icon.wp-caption{
	height: 185px;
	background-color: #d3d3d3;
	border-width: 4px;
	border-radius: 10px;
	border-color: #2b6da7;
	border-style: solid;
}
.section-icon.wp-caption:hover{
	border-color: #a91e2f;
	background-color: #c8c6c6;
}
.section-icon{
	vertical-align: top;
}
/* to remove the silly border from images uploaded to static pages */
.wp-caption{
	border: 0px;
}
/* make the return to top thing sticky to bottom right corner rather than only available at bottom of the page */
.one_third.up.last{
	position: fixed;
	bottom: 0;
	right: 0;
}
.one_third.up.last:before{
	content: "back to top";
	color: gray;
}

/* a potential resolution to request for displaying details with item or collection, etc : (.meta_single>.metadata.level0>.metadata.level1>.metadata-title:before{content:”Item ”;}. requires testing in live site to make sure about specificity. :)*/
/* make links underlined */
a:link{
	text-decoration: underline;
}
/* remove title from all pages by default */
.page-title{
	font-size: 0px;
}
.browse .table .grey_block p, .browse .table .grey_block h5{
	white-space: unset;
}
.browse .table .grey_block{
	word-break: unset;
}
div.classy_right{
	padding-left: 225px;
}
div.classy{
	width: 225px;
	position: absolute;
}
.collectionList{
	text-align: center;
}
.collectionItem:hover{
	background-color: lightgrey;
	border: 1px inset #a91e2f;
}
.tabler{
	border: 2px solid green;
}
.thead{
	border-bottom: 2px solid green;
	width: 100%;
	display: inline-table;
	background-color: lightseagreen;
}
.trow1{
	width: 100%;
	display: inline-table;
	background-color: lightgrey;
	border-bottom: 2px solid green;
}
.trow2{
	width: 100%;
	display: inline-table;
	border-bottom: 2px solid green;
}
.cell{
	width: 20%;
	display: table-cell;
}
/* drop top-level facet bar */
body.archive>div>div>div>div>div.sidebar{
	display:none;
}
body.archive>div>div>div>div>div#content-panel{
	width: 100%;
}
.card{
	width: 160px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.card:hover{
	box-shadow: 0 4px 8px 0 rgba(169, 29, 47, 0.2), 0 6px 20px 0 rgba(169, 29, 47, 0.19);
}
.card2 {
	/* border:4px outset; */
	border-radius: 10px;
}
p.top_text_intro{
	margin-left: 30px;
}
/* add flip card functionality. directly taken from w3 schools examples */
.flip-card {
	background-color: transparent;
	width: 160px;
	height: 231px;
	border: 1px solid #f1f1f1;
	perspective: 1000px;
	border-radius: 10px;
	text-align: left;
}
.flip-card-inner {
	position: relative;
	width: 100%;
	height: 100%;
	text-align: center;
	transition: transform 0.8s;
	transform-style: preserve-3d;
	border-radius: 10px;
}
.flip-card:hover .flip-card-inner {
	transform: rotateY(180deg);
}
.flip-card-front, .flip-card-back {
	position: absolute;
	width: 100%;
	height: 100%;
	-webkit-backface-visibility: hidden; /* mod for safari */
	backface-visibility: hidden;
	border-radius: 10px;
}
.flip-card-front {
	background-color: #a91d2f;
	color: black;
}
.flip-card-back {
	background-color: #a91d2f;
	color: white;
	transform: rotateY(180deg);
}
.flip-card-back > p {
	font-size: 1.5em;
	font-weight: bold;
}
.flip-card-back > ul {
	text-align: left;
	padding-left: 10px;
}
/* end flipcard functionality */
/* to handle favorites button */
nav > .new-primary-contrast{
	color: #2b6da7;
}
.new-primary-contrast.bookmarked{
	color: #a91d2f;
}
/* for testing purposes of new layout wireframe */
@media(min-width:960px){
	body.page-template.page-id-7880 > .page_wrapper > .content_wrapper.medium_padding > .container {
		width: 95%;
		border-radius: 0px;
		border-style: none;
		border-width: 0px;
	}
	body.page-template.page-id-7880 > .page_wrapper > .content_wrapper.medium_padding {
		padding-top: 0px;
		padding-bottom: 0px;		
	}
	body.page-template.page-id-7880 > .page_wrapper > .content_wrapper.medium_padding > .container > .sixteen.columns {
		width: 95%;
	}
	.full-screen {
		width: 100%;
	}
	.left-column {
		display: table-cell;
		width: 15%;
		padding-right: 10px;
		word-break: normal;
	}
	.left-column > ul, .left-column > ul > li > ul {
		list-style-type: none;
	}
	.right-column {
		display: table-cell;
		width: 20%;
		padding-left: 10px;
		word-break: break-word;
	}
	.central-column {
		display: table-cell;
		width: 75%;
		padding-left: 10px;
		padding-right: 10px;
		border-left: 2px inset green;
		border-right: 2px inset green;
	}
	.wp-image-7917, .wp-image-7921, .wp-image-7923, .wp-image-7936 {
		border: 3px outset green;
		border-radius: 10px;
	}
	.wp-image-7917:hover, .wp-image-7921:hover, .wp-image-7923:hover, .wp-image-7936:hover {
		border: 3px inset green;
		border-radius: 10px;
	}
}
/* end wireframe testing */
form > p, form > p > .new-primary{
	text-align: left;
}
#post-999 > div > p{
	font-size: 1.5em;
	font-weight: bold;
}
a.top.back-to-top{
	background-color: moccasin;
	border-radius: 5px;
	padding-left: 5px;
}
.framework_list{
	padding-left: 20px;
}
.framework_sublist{
	padding-left: 40px;
}
code{
	background-color: lightgreen;
}
/* search page parameters */
.tdaSearch_search_container{
	display:table; 
	border: 1px outset;
	border-radius: 10px
}
.tdaSearch_search_warning{
	border-bottom: 2px solid rgb(147,35,29);
	padding: 1%;
	display:block;
}
.tdaSearch_search_title:before{
	left:0;
	margin-right:15px;
	width:75px;
	content:"";
	position:absolute;
	height:20px;
	background:#a91e2f;
	top:10px;
	box-sizing:border-box;
}
.tdaSearch_search_title{
	display:inline-block;
	position:relative;
	padding-left:100px;
	padding-right:15px;
	font-size:1.8em;
	font-weight:500;
	box-sizing:border-box
} 
.tdaSearch_search_title:after{
	box-sizing:border-box;
	left:100%;
	margin-left:15px;
	width:300px;
	content:"";
	position:absolute;
	height:20px;
	background:#a91e2f;
	top:10px;
}
.tdaSearch_search_box{
	display:flex;
	padding-left:10px;
	padding-right:10px;
}
.tdaSearch_search_form_left{
	display:table-cell;
	float:left;
	width:50%;
	text-align:left;
}
.tdaSearch_search_form_right{
	display:table-cell;
	float:right;
	width:45%;
	align-self:center;
	padding-left:10px;
	text-align:center;
	margin-top:10%;
}
div#tdaSearch_search_form_left_senate{
	width:65%;
}
div#tdaSearch_search_form_right_senate{
	width:35%;
}
select{
	width:100%;
	word-break:break-word;
	overflow:hidden;
	text-overflow:ellipsis;
	word-wrap:break-word;
	overflow-wrap:break-word;
	overflow-x:hidden;
}
option{
	word-break:break-word;
	overflow:hidden;
	text-overflow:ellipsis;
	word-wrap:break-word;
	overflow-wrap:break-word;
	overflow-x:hidden;
}
.tdaSearch_thing1{
	width:100%;
	overflow:hidden;
}
/* adjust spacing in forms */
.tdaSearch_thing1>h3{
	line-height: 1.5em;
	/* margin-top: 0.5em; */
}
.tdaSearch_thing1>h3>span{
	color: seagreen;
}
.tdaSearch_thing5{
	text-align:center;
	padding-bottom:15px;
}
.tdaSearch_thing5>input{
	border-radius:5px;
	border: 2px outset lightgrey;
	font-weight: bold;
	font-style: oblique;
	padding: 10px 10px 10px 10px;
	font-family: 'Raleway';
}
.tdaSearch_thing5>input:hover{
	border: 2px inset lightgrey;
}
/* radio buttons */
.tdaSearch_thing1>h3>.radioFlyer{
	color: #2b6da7;
}
.radioFlyer>input[type="radio"]{
	vertical-align: baseline;
	margin: 0px 0px 0px 10px;
}
.tdaSearch_link2{
	display:none;
}
.tdaSearch_graphic{
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
#senate_graphic{
	box-shadow:none;
	align:center;
}
#senate>tbody>tr>td, #scotx>tbody>tr>td{
	border-bottom: 1px solid darkgray;
	border-right: 1px solid darkgray;
	padding: 3px;
	min-width:5em;
}
#senate>tbody>tr:hover, #scotx>tbody>tr:hover{
	background-color: lightgray;
}
.form-button{
	font-weight:bold;
	font-size:1.25em;
	border:2px outset lightgrey;
	border-radius:5px;
	background-color:lightgrey;
	font-weight:bold;
	color:#005297;
	font-family:Georgia;
}
.form-button1{
	padding:10px;
	font-size:13px;
	font-weight:bold;
	border:2px outset lightgrey;
	border-radius:5px;
	background-color:lightgrey;
	text-decoration:none;
	color:#005297;
	font-family:'Raleway';
	font-style: oblique;
	text-transform: uppercase;
}
.form-button:hover, .form-button1:hover {
	border:2px inset darkgrey;
}
.image{
	padding-left:20px;
	vertical-align:center;
	max-width=400;
}
.form{
	max-width:710px;
}
.inputs{
	width:450px;
	border-color: unset;
}
table#senate, table#scotx{
	border: 3px outset black;
	padding: 0px;
	horizontal-align: center;
	border-radius:10px;
}
.tdaSearch_search_form_top>form>.tdaSearch_thing1, .tdaSearch_search_form_bottom>form>.tdaSearch_thing1{
	max-width: 700px;
	padding-left: 10px;
	padding-right: 10px;
}
.tdaSearch_search_form_bottom{
	border-top: 3px outset #a91d2f;
	margin-top: 5px;
	display: block;
}
.tdaSearch_search_form_top{
	display:block;width:100%;
}
label{
	display: inline-block;
	padding-bottom: 5px;
}
/* responsiveness */
@media(max-width:1230px){.image{max-width:200px}}
@media(max-width: 1150px){
	.tdaSearch_search_title:before{width:0px}
	.tdaSearch_search_title{text-align:center;padding-left:0px;display:block}
	.tdaSearch_search_title:after{width:0px}
}
@media(max-width:1130px){.image{display:none}.form{margin:auto}.drop4{display:none}}
@media(max-width:980px){
	.inputs{width:100%}
	.drop1{display:none}
}
@media (max-width:840px){
	.form-button1, .form-button{font-size:1em;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}.drop5{display:none;}
}
@media(max-width:760px){
	.tdaSearch_search_container{display:block;border:0px;border-radius:0px;background-color:transparent;}
	.tdaSearch_search_form_left{display:inline-table;width:100%;border-bottom:3px solid #a91e2f;}
	.tdaSearch_search_form_right{display:inline-table;width:100%;text-align:center;float:none;padding-top:5px;}
	div#tdaSearch_search_form_left_senate{width:100%}
	div#tdaSearch_search_form_right_senate{display:none}
	img#court_graphic{display:none}
	.tdaSearch_search_box{display:block;}
	.tdaSearch_link2{display:block;}
	.tdaSearch_link1{display:none;}
	input#recording_num, input#search_all{border:1px solid lightgrey; padding-left:5px;}
	.inputs{width:100%;}
	.tdaSearch_search_form_top>form>.tdaSearch_thing1, .tdaSearch_search_form_bottom>form>.tdaSearch_thing1{
	max-width: 100%;
	padding-left: 10px;
	padding-right: 10px;
	}
	.form{max-width:100%;}
	select{max-width:100%}
}
@media(max-width:650px){
	.drop2{display:none}
}
@media (max-width:555px){
	.drop3{display:none;}
}
@media (max-width:959px){
	.scavenger_left{display:none;}
	.scavenger_right{max-width:100%;}
}
@media (min-width:960px){
	.scavenger_left{float:left;max-width:49%;}
	.scavenger_right{float:right;max-width:49%;}
/* tooltips */
.tooltip_image{
	max-height:1em;
	max-width:1em;
}
.tooltip_image:focus{
	border-radius: 10px;
	border: 2px solid lightgrey;
}
.drop0{
	display: none;
}
/* accordion for large sections that need to expand/contract for viewscreen */
/* taken from w3 schools with minor modifications */

.collapsible:before {
  content: '\002B';
  color: black;
  font-weight: bold;
  float: left;
  margin-right: 5px;
}
.active:before{
  content: "\2212";
}
.collapsibleContent {
  padding: 0 18px;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}
/**  for search tips pages **/
.tipstable{
	padding: 3px solid white;
	background-color: rgb(230, 230, 230);
}
.tipstable > tbody > tr >td{
	padding: 8px;
	vertical-align: middle;
	border: 3px solid white;
}
.tipsimage{
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
/* PDF loader error message modification */
div#errorMessageLeft::after {
	content: "The page viewer was not able to load this record. Please refresh the page to try again. If you continue to receive an error message, try downloading the file to view the record on your local device.";
}
/* personal navigation menu */
#myNav a {font-weight: 200;
    font-size: 13px;
    float: left;
    padding: 8px 20px;
    text-decoration: none;
    letter-spacing: 0px;
    display: inline;
    line-height: 2em;
    margin: 0;
    text-transform: uppercase;
    -moz-transition: all 0.4s linear;
    -webkit-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
    transition: all 0.4s linear;
	}
#myNav li:first-child a {
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	}
#myNav li {
	margin: 0 0px;
    padding: 0px;
    display: inline-block;
    position: relative;
    list-style: none;
    text-align: center;
    line-height: 1.2em;
    margin-left: -4px;
	}
#myNav ul li {
    float: left;
    margin: 0;
    padding: 12px;
    border-width: 0px;
    text-align: left;
    position: relative;
    z-index: 99998!important;
    width: 161px;
	}
#myNav:after{
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
	}
#myNav {
    float: unset;
    margin: 13px 0px 10px 0px;
    text-align: center;
    padding: 0 0 0;
    line-height: 100%;
	display: block;
	}
#myNav ul {
    display: none;
    margin: 8px 0;
    padding: 0;
    width: 185px;
    position: absolute;
    top: 42px;
    left: 0px;
    z-index: 99999!important;
}