@charset "utf-8";
/* CSS Document */

body {margin:0; padding:0; background-color:#e0e0bc;}
#masthead {background-color:#799ae0; padding:20px; text-align:center;}
#nav {border-bottom:1px solid #CCC; height:35px; background-color:#365fb7;}
#nav a {color:#fff; text-decoration:none; font:14px Arial, Helvetica, sans-serif; border-right:1px solid #CCC; padding:10px; display:block; float:left; text-align:center; width:12%;}
#nav a.last {border-right:none;}
#nav a:hover {background-color:#133463; color:#FFF;}
#copy {width:95%; padding:40px 20px 40px 80px; font:normal 15px "Times New Roman", Times, serif; color:#333;}
#copy p {font-size:18px;}
ul li {font-size:18px;}
#footer {background-color:#e0e0bc; border-top:1px solid #666; padding:20px 20px 20px 80px; font:16px "Times New Roman", Times, serif; border-bottom:1px solid #CCC; clear:both;}
#footer p {margin:0 0 5px;}
li a, p a {text-decoration:none; color:#365fb7;} li a:hover, p a:hover {text-decoration:underline;}
iframe {float:right; margin-left:20px; padding:3px; border:1px solid #CCC;}
td.border {border-bottom:1px solid #CCC;}
h1 {color:#FFF; font:bold 32px Arial, Helvetica, sans-serif; margin:0;}
h2 {color:#FFF; font:italic 18px Arial, Helvetica, sans-serif; margin:0;} 
h3 {color:#133463; margin:0 0 15px; font:normal 24px Georgia, "Times New Roman", Times, serif;}
#quote {font:14px "Times New Roman", Times, serif }
#mainpic {font:17px "Times New Roman", Times, serif; float:left; width:408px; margin:0 75px 30px 30px; float:right;}
#mainpic img {margin-bottom:20px; padding:3px; border:1px solid #CCC;}
img.courthouse {float:right; margin-left:20px; padding:3px; border:1px solid #CCC;}
#mainpicmob {display:none; width:100%; height:auto; float:left; margin:0;}
#mainpicmob img {margin-bottom:20px; padding:.5%; border:1px solid #CCC; max-width:99%; height:auto; display:block;}
#clear {clear:both;}

header {display:none;}
.responsive-nav-icon::before, .responsive-nav-close::before {color: #365fb7; content: "\f0c9"; font-family: FontAwesome; font-size: 22px; position: relative;}
.responsive-nav-close::before {color: #FFF; content: "\f00d"; font-size: 18px;}
.responsive-nav-icon {background: #fff; line-height: normal; padding: 5px 8px 4px; top: 1%; right: 1%;}
.responsive-nav-icon:hover, .responsive-nav-close:hover {opacity: .7;}
.responsive-nav-close {top: 10px; right: 10px;}
.responsive-nav-icon, .responsive-nav-close {cursor: pointer; display: none;}
#overlay {background: 0 0 rgba(0, 0, 0, 0.1); display: none; height: 100%; position: fixed; top: 0; left: 0; -moz-transition: all 0.2s linear 0s; -webkit-transition: all 0.2s linear 0s;
	-ms-transition: all 0.2s linear 0s; transition: all 0.2s linear 0s; width: 100%; z-index: 990;}
	
@media only screen and (max-width: 1170px) {
	header {display:block;}
	.responsive-nav-icon {display: block; position: fixed; z-index: 999;}
	.responsive-nav-close {display: block; position: absolute; z-index: 1;}
	nav {background:#365fb7; height: 100%; padding: 20px 5%; position: fixed; top: 0; left: -400px; -moz-transition: all 0.2s linear 0s; -webkit-transition: all 0.2s linear 0s;
		-ms-transition: all 0.2s linear 0s; transition: all 0.2s linear 0s; width: 0; text-align:center; font:14px Arial, Helvetica, sans-serif;}
	nav a, nav a:visited, nav a:hover {color:#FFF; text-decoration:none; padding:10px 0 !important; display:block;}
	nav ul, nav li {margin:0; padding:0;}
	nav li {border-bottom:1px solid #FFF;}
	nav li.last {border-bottom:0px; padding-bottom:60px;}
	nav.slide-in {left: 0; overflow-y: scroll; width: 90%; z-index: 1000;}	
	nav .menu-item {display: block;}
}

@media screen and (min-width:890px) and (max-width:1170px) {
	#masthead {width:90%; height:auto; float:left; margin:0; padding:20px 5%;}
	#nav {display:none;}
	#copy {width:90%; height:auto; float:left; margin:0; padding:40px 5%;}
	#copy img, #copy iframe {margin:0 0 20px !important;}
	#footer {width:90%; height:auto; float:left; margin:0; padding:20px 5%;}
	#mainpic {font:17px "Times New Roman", Times, serif; width:408px; margin:0 0px 30px 30px; float:right;}
}
@media screen and (min-width:615px) and (max-width:889px) {
	#masthead {width:90%; height:auto; float:left; margin:0; padding:20px 5%;}
	#nav {display:none;}
	#copy {width:90%; height:auto; float:left; margin:0; padding:40px 5%;}
	#copy img, #copy iframe {margin:0 0 20px !important;}
	#copy table {width:100% !important;}
	#footer {width:90%; height:auto; float:left; margin:0; padding:20px 5%;}
	#mainpic {display:none;}
	#mainpicmob {display:block;}
}
@media screen and (max-width:614px) {
	#masthead {width:90%; height:auto; float:left; margin:0; padding:20px 5%;}
	#masthead h1 {font-size:26px;}
	#masthead h2 {font-size:18px;}
	#nav {display:none;}
	#copy {width:90%; height:auto; float:left; margin:0; padding:40px 5%;}
	#copy img {margin:0 0 20px !important; display:block !important; float:none !important; max-width:100%; height:auto;}
	#copy iframe {margin:0 0 20px !important; display:block !important; float:none !important; max-width:100%; height:200px;}
	#copy p img {display:inline-block !important;}
	#copy table {width:100% !important;}
	#copy td {width:100% !important; display:block !important; float:left !important;}
	#footer {width:90%; height:auto; float:left; margin:0; padding:20px 5%;}
	#mainpic {display:none;}
	#mainpicmob {display:block;}
}