/* Elements */
body {height: auto;}
body, div {margin: 0; padding: 0;}

h1 {margin-left: 1em;}
h2 {margin-bottom: 0px; margin-top: 25px;}

p.intro {margin-bottom: 25px;}

/* IDs */
#breadcrumbs {margin-top: 10px;}
#content ul {margin-top: 0px;}
#content ul.thirds li {display: block; width: 48%; padding-right: 8px; float: left;}
//#content li {margin-top: 12px;}
#content li {margin-top:0px} //COVID-19 Temporary Style.
#header {display: initial; height: auto;}
#header_inner {height: 181px;}
#lower {display: block; padding-top: 15px;}
#page {width: 100%;}
#slideshow img {float: none; margin: 0px; left: 0; padding: 4px;}

/* MENU */
#menu {margin-top: 0px; padding: 0px;}
#menu ul {display: inline; padding: 6px 0px 8px 0px; margin: 0px;} 
#menu ul li {display: inline; padding: 6px 0px 8px 0px; float: left; padding-top: 0px; padding-bottom: 12px;}	
#menu ul li a {padding: 6px 22px; padding-bottom: 4px; display: block;}
#menu ul {margin-top: 0px; display: block; padding: 0px 0px;} 

/* Menu Dropdowns */
#menu ul li ul {display: none; position: absolute; width: 14em; z-index: 1000; left: auto; margin-top: 0px;}
#menu ul li ul li {display: block; width: 18em; margin: 0px; float: left; padding-bottom: 0px;}
#menu ul li ul li a {display: block; width: 18em;}
#menu ul li:hover > ul {display: block;}
	
/* Banner Slideshow */
#slideshow {position:relative; width:105% !important; margin-top: 51px;}
#slideshow #master0 div {width:104% !important;}
#slideshow img {position:absolute; left:0; width:87% !important;}
#master0 {width:100% !important;}

/* Content */
.main {/*margin-right: 280px;*/ margin-right:29%; margin-left: 0px; width: 71%;}
.main img {padding: 3px; position: relative; margin: 5px 0px 10px 0px; }
.main img.left, .nav p img {padding: 3px; position: relative; left: 0px; top: -8px; float: left; margin: 5px 10px 0px 0px; }
.main img.right {padding: 3px; position: relative; right: -20px; float: right; margin: 5px 0px 10px 0px; }
.main a img.gallery {margin: 10px 8px 10px 0px; padding: 2px; width: 100px; height: 100px;}


/*Second Half*/
.second-half { margin-left: 0px; width: 100%; }
.nav ul.tabbernav {padding: 4px 0px 3px 0px; padding-left: 0px; margin: 0px;}
ul.tabbernav li {display: inline; margin: 0px; padding: 5px 20px 6px 20px;}
.tabbertab div {clear: left;}
.tabbertab div.thumblist {margin-left: 35px;}
div.thumblist {min-height: 120px; margin-bottom: 5px;}
.thumblist img {float:left; margin:0px; padding:3px; width:100px; height:100px;}
div.tabbertab {margin-top: 25px;}

/* Body */
.align-top td {padding-bottom: 10px; padding-top: 5px;}
.fixed, .body { width: 100%; max-width: 1250px;  margin: 0px auto;}

.clear {clear: both;}

/* Footer */
#footer {padding-top: 5px; padding-left: 65px; }
.footermenu ul {display: inline; padding: 0px; margin: 0px;}
.footermenu ul li {display: inline; padding: 3px 5px;}


/* Nav */
#nav {/*width: 240px;*/ width: 25%; float: right; margin-top: -40px;}
.nav {padding-bottom: 25px; margin-bottom: 20px;}
.nav ul {margin-left: 0px; padding-left: 25px;}
.nav li {margin: 5px 5px 5px 0px; }
.nav h3, .nav h2 {padding: 5px 10px; margin: 0px;}
.nav p img {left: 0px; margin: 0px 10px 10px 0px;}
.nav p {margin-top: 15px; padding-top: 5px; margin: 10px 25px;}

padding-bottom: 10px; padding-top: 5px;}

/* 5/25/18: Moved from NMA Arts Default template header to save space on template */
#main img { float: left; margin: 10px 10px 10px 0px; }
table {border-collapse: collapse;}
table.list td {padding: 5px 5px 5px 0px; border-bottom: 1px dotted #CCC; vertical-align: top;}
.footer tr. .footer th { padding: 15px; }

.textlist div.date {font-weight: bold; width: 20%; min-height: 40px; display: inline-block; vertical-align: top; border-top: 1px dotted #999;}
.textlist div.title {width: 80%; min-height: 40px; display: inline-block; vertical-align: top; border-top: 1px dotted #999;}
.reviews {padding: 5px 0px 5px 0px;}
.margin5 {margin-top: 5px; margin-bottom: 5px;}
.short div.title, .short div.date {min-height: 20px; height: 20px;}
.fullwidth {width: 100%;}
#logo {padding:0px; border: 0px; height: 123px; width: 165px;}
h1, h2, h3 { color:#066}
/* End moved style */

/*
img.gallery {margin: 10px 8px 10px 0px; padding: 2px; width: 100px; height: 100px; border: 1px solid #CCC;}
img.gallery:hover {background: #CBDDDF; background: #333; box-shadow: 0px 0px 6px #000; border: 1px solid #333;}
*/

/* Added by Matt Gallegos */
/* 12/12/2017*/
div.main img.govaward-img-left { margin: 5px 10px 5px 0px;}
div.main img.govaward-img-right { margin: 5px 0px 5px 10px;}

/* 12/27/2017*/
.banner img { max-width:100%; height:auto; margin-bottom: 0; }
.thumb img { float: left; width:100px; margin: 0 1em 0 0; }
.list-item ul {padding: 0; list-style-type: none;}
.list-item li { display: inline-block; margin-bottom: 10px; width: 100%; }
.list-item a {  margin-bottom: 1em;}
.demo-gallery { margin-left: 1%; }
.float-right { float: right; }

/* 5/14/2018 */
.policy-grievance-table { width: 100%; }
.policy-grievance-table tr { height: 1.5em; }

/* 5/15/2018 */
.three-space { padding-left: 2em; }
.two-space { padding-left: 1em; }

.remove-style-h1 {
	margin: 0 !important; 
 }

.figure { float: left;
	  width: 48%;
	  text-align: right;
	  font-size: 75%;
	  text-indent: 0;
	  margin: 0 10px 0 0;
}

.no-underline { text-decoration: none; }

/* 12/06/2019 */
.header_credits { list-style-type: none; padding: 0 0 0 5px; }
.header_credits li { margin: 0 !important; }

/*---------------------------------------------------------------------------------------------------*/
/* Media Queries */
/* Started 12/6/2019 */

@media only screen and (max-width: 1125px) {
	#nav { margin-top:0; } 
	
}
@media only screen and (max-width: 1300px) {
	.body { margin-left: 15px; } 
	
}
/*---------------------------------------------------------------------------------------------------*/
/* Accessibility/Web Accessibility Initiative Classes */
/* Started 5/11/2018 */

.invisibleWAI { width:0; 
	overflow:hidden; 
	position:absolute; 
	left:-9000px; 
    top:auto;
    width:1px;
    height:1px;
    z-index:-999;
}

.skip:focus, .skip:active {
    color: #333;
    background-color:#d9e7e8;
    left: auto;
    top: auto;
    width: 40%;
    height: auto;
    overflow:auto;
    margin: 7px 35%;
    padding: 5px;
    border-radius: 15px;
    border:4px solid #fcf9e6;
    text-align:center;
    font-size:1.2em;
    z-index:999;
}
      
/* 08/20/2018 */
.embeded-media { padding: 5px; border: 1px solid #999; }
/* END Added by Matt Gallegos*/