@import url('https://fonts.googleapis.com/css?family=Raleway:300,400,700');
/* EMS Stylesheet */

:root {
	--clr-light: hsl(57deg 40% 90%);
    --clr-dark: hsl(82deg 6% 27%);
    --clr-darker: hsl(82deg 6% 27%);
	
    --clr-gray: hsl(80deg 5% 34%);
	
	--clr-accent-h: 17;
    --clr-accent-200: hsl(var(--clr-accent-h) 52% 70%);
    --clr-accent-400: hsl(var(--clr-accent-h) 52% 54%);
    --clr-accent-600: hsl(var(--clr-accent-h) 52% 40%);
	
	--clr-primary-h: 70;
    --clr-primary-200: hsl(var(--clr-primary-h) 49% 80%);
    --clr-primary-300: hsl(var(--clr-primary-h) 32% 78%);
    --clr-primary-400: hsl(var(--clr-primary-h) 27% 74%);
    --clr-primary-600: hsl(var(--clr-primary-h) 18% 56%);
    --clr-primary-800: hsl(var(--clr-primary-h) 17% 30%);
    --clr-primary-900: hsl(var(--clr-primary-h) 14% 16%);
}

html {font-size: 16px;}

body.onlocation {
	--clr-light: hsl(0 100% 100%);
	--clr-dark: hsl(0 0% 0%);
	--clr-darker: hsl(0 0% 8%);
	--clr-gray: hsl(0 0% 12%);
	
	--clr-accent-h: 43;
    --clr-accent-200: hsl(var(--clr-accent-h) 52% 70%);
    --clr-accent-400: hsl(var(--clr-accent-h) 52% 54%);
    --clr-accent-600: hsl(var(--clr-accent-h) 52% 40%);
	
	--clr-primary-h: 43;
    --clr-primary-200: hsl(var(--clr-primary-h) 52% 80%);
    --clr-primary-300: hsl(var(--clr-primary-h) 52% 78%);
    --clr-primary-400: hsl(var(--clr-primary-h) 52% 74%);
    --clr-primary-600: hsl(var(--clr-primary-h) 52% 56%);
    --clr-primary-800: hsl(var(--clr-primary-h) 52% 30%);
    --clr-primary-900: hsl(var(--clr-primary-h) 52% 16%);
	
}
body.onlocation #topnavlist li a:link {color:var(--clr-light);}
body.onlocation #topnavlist li a:visited {color:var(--clr-light);}
body.onlocation #topnavlist li a:hover {color:var(--clr-accent-400);}
body.onlocation #topnavlist li a:active {color:var(--clr-accent-400);}
body.onlocation #topnavlist li a:focus {color:var(--clr-accent-400);}
body.onlocation #hotnav-interior {
	background: var(--clr-gray);
    border: 0;
    padding: 0;
}
body.onlocation #hotnavlist li {width: auto;}
body.onlocation #hotnavlist li a:link,
body.onlocation #hotnavlist li a:visited {
	color:var(--clr-light);
    background: none;
    border: 0;
    border-bottom: 3px solid var(--clr-darker);
    padding: 1em 2em;
    margin: 0;
    transition: background 250ms;
}
body.onlocation #hotnavlist li a:hover,
body.onlocation #hotnavlist li a:active,
body.onlocation #hotnavlist li a:focus {
	background: var(--clr-primary-900);
    text-decoration: none;
}

body.onlocation #logo {
	/* background: url('../images/OL-Wordmark_Gold-Gradient.png') center no-repeat; */
	background-image:none;
	top:-8px;
	background-size: cover;
}
body.onlocation .housing-box {
    background: var(--clr-gray);
    color: #ffffff;
    line-height: 1.5;
}
body.onlocation form.form-style-1 input[type=text], 
body.onlocation form.form-style-1 textarea {
	background: #ffffff;
	border-radius: 4px;
	box-shadow: none;
}
body.onlocation form.form-style-1 input[type=button], 
body.onlocation form.form-style-1 input[type=reset], 
body.onlocation form.form-style-1 input[type=submit] {
	border-radius: 0;
	text-transform: uppercase;
	letter-spacing: 1px;
	padding: .5em 2em;
	line-height: 1;
}
body.onlocation .contact-form-address-box {
    background: var(--clr-gray);
    color: var(--clr-light);
    border-radius: 0;
    padding: 1em 2em;
}

body {background:var(--clr-light);padding:0;margin:0;font-size:16px;color:var(--clr-dark);font-family:arial, sans-serif, sans;text-align:center;}
table td {font-size:16px;}

h1,h2,h3,h4,h5,h6 {padding:0;margin:0 0 10px;}
h1 {font-size:22px;text-transform:uppercase;border-bottom:2px solid var(--clr-accent-400);padding-bottom:5px;line-height:1;}
h2 {font-size:18px;font-weight:normal;}
h3 {font-size:16px;}
h4 {font-size:14px;}
h5 {font-size:12px;}
h6 {font-size:12px;}

a {text-decoration:none;}
a:link {color:var(--clr-accent-400);}
a:visited {color:var(--clr-accent-400);}
a:hover {color:#000;}
a:active {color:#000;}
a:focus {color:#000;}
a img {border:0;}

textarea {font-family:arial, sans-serif, sans;}
.example {font-size:14px;color:#900;}
.hide {display:none;}
.clearfix:after {content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
.clearfix {display:inline-block;}
html[xmlns] .clearfix {display:block;}
* html .clearfix {height:1%;}

/* Framework Styles */
#page {text-align:left;margin:0 auto;}
#contenttable {margin:0;width:100%;}
#contenttable:after {content:'';display:block;clear:both;}
#contentcell {width:622px;}
#contentcell {}
#content {padding:20px;}
#homecontent {min-height:330px;max-width:1200px;margin:0 auto;}
#homecontent-interior {padding:20px 250px 20px 0;}
#insidecontent {}
#insidecontent-interior {max-width:1200px;margin:0 auto;}

.left-column {width:235px;vertical-align:top;float:left;}

.main-column {width:100%;float:left;padding:10px 0 20px;}
.main-column.hasLeft,
.main-column.hasRight {width:965px;}
.main-column.hasLeft.hasRight {width:730px;}
.main-column-interior {}

.right-column {width:235px;float:right;}
.right-column.inside {vertical-align:top;padding:20px 0 0 20px}

.housing-box {border-top:8px solid var(--clr-accent-400);border-bottom:8px solid var(--clr-accent-400);background:#dfdec3;font-size:12px;box-sizing:border-box;padding:15px 15px 5px;margin-bottom:20px;}
.housing-box h2 {font-size:16px;font-weight:bold;}
.housing-box a {background:var(--clr-primary-600);display:block;margin:0 auto;width:180px;text-align:center;color:var(--clr-light);padding:10px;font-size:16px;box-shadow:0 2px 4px rgba(0,0,0,0.5);margin-bottom:10px;}

@media screen AND (max-width:1240px){
	#insidecontent-interior {width:1100px;}
	.main-column.hasLeft,
	.main-column.hasRight {width:825px;}
	.main-column.hasLeft.hasRight {width:630px;}
}

@media screen AND (max-width:1140px){
	#insidecontent-interior {width:900px;}
	.main-column.hasLeft,
	.main-column.hasRight {width:625px;}
	.main-column.hasLeft.hasRight {width:430px;}
}

@media screen AND (max-width:940px){
	#insidecontent-interior {width:768px;}
	.main-column.hasLeft,
	.main-column.hasRight {width:533px;}
	.main-column.hasLeft.hasRight {width:533px;}
	.right-column {width:100%;}
	.right-column.inside {padding:0;}
}
@media screen AND (max-width:808px){
	#insidecontent-interior {width:100%;}
	#contenttable {display:flex;flex-flow:column;}
	.main-column {float:none;order:1;-webkit-order:1;}
	.main-column.hasLeft,
	.main-column.hasRight {width:100%;}
	.main-column.hasLeft.hasRight {width:100%;}
	.left-column {width:100%;float:none;order:3;-webkit-order:3;}
	.right-column {width:100%;float:none;order:2;-webkit-order:2;}
	.right-column.inside {padding-left:0;padding-right:0;}
}
@media screen AND (max-width:550px){
	img[src*=userfiles] {width:100%;height:auto;}
	iframe {width:100%;height:50vw;}
}
/* /Framework Styles */

/* Top Contact form */
.top-contact-banner {}
.top-contact-banner img {vertical-align:middle;padding:0 10px;}
.top-contact-banner a {display:block;background:var(--clr-primary-600);text-align:center;color:var(--clr-light);padding:8px 0;text-transform:uppercase;letter-spacing:.2em;}
.top-contact {background:var(--clr-light);display:none;}
.top-contact-interior {max-width:1200px;margin:0 auto;padding:10px 0;}
.top-contact-content {float:left;width:50%;margin-right:10px;font-size:16px;padding-top:20px;}
.top-contact-content h1 {font-size:14px;}
.top-contact-form {float:right;width:45%;padding-bottom:20px;}
.top-contact-form table {width:100%;}
.top-contact-form td {padding:0 5px;}
.top-contact-form textarea {height:50px;}
/* /Top Contact */

/* Header Styles */
#header {height:75px;background:var(--clr-gray);border-bottom:8px solid var(--clr-accent-400);}
#header-interior {max-width:1200px;margin:0 auto;position:relative;}
#logo {width:318px;height:80px;background:url('../images/ems-logo.png') top left no-repeat;position:absolute;top:-15px;left:0px;}
#logo a img{width:318px;height:80px;}
#title {display:none;}
#text1 {position:absolute;top:0px;right:0px;text-align:center;font-size:28px;font-weight:bold;display:none;}
#text2 {position:absolute;top:0px;left:0px;font-size:24px;font-weight:bold;display:none;}
#text3 {position:absolute;top:0px;right:0px;font-size:24px;font-weight:bold;display:none;}
/* /Header Styles */

/* Navigation Styles */
#topnav-open {display:none;position:absolute;top:15px;right:20px;}
#topnav {position:absolute;right:0;top:45px;vertical-align:top;}
#topnav-interior {max-width:1200px;margin:0 auto;}
#topnavlist {list-style-type:none;padding:0px;margin:0px;}
#topnavlist li {padding-left:10px;font-size:14px;text-transform:uppercase;display:inline-block;*display:inline;zoom:1;}
#topnavlist ul {list-style-type:none;padding:0px;margin:0px;display:none;}
#topnavlist ul li {font-size:12px;font-weight:normal;border-bottom-width:1px;}
#topnavlist li a:link {color:var(--clr-primary-300);}
#topnavlist li a:visited {color:var(--clr-primary-300);}
#topnavlist li a:hover {color:var(--clr-primary-200);}
#topnavlist li a:active {color:var(--clr-primary-200);}
#topnavlist li a:focus {color:var(--clr-primary-200);}

#hotnav {
	margin: 0 auto;
	position: relative;
	width: 1200px;
	height:1px;
}
#hotnav-interior {
	background:var(--clr-primary-400);
	background: none repeat scroll 0 0 rgba(184, 192, 148, 0.7);
	border-bottom: 15px solid var(--clr-accent-400);
	border-top: 15px solid var(--clr-accent-400);
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
	float: right;
	padding: 20px;
	position: relative;
	top: -100px;
	right:20px;
	z-index:1200;
	margin-bottom:-70px;
}
#hotnavlist {list-style-type:none;margin:0;padding:0;}
#hotnavlist ul {display:none;}
#hotnavlist li {width:170px;}
#hotnavlist li a {
	background: var(--clr-primary-600);
	border-color: var(--clr-primary-200) var(--clr-primary-400) var(--clr-primary-800);
	border-style: solid;
	border-width: 1px;
	color: var(--clr-primary-200);
	display: block;
	font-size: 16px;
	margin-bottom: 15px;
	padding: 10px;
}
#hotnavlist li a img {vertical-align:middle;margin-right:5px;}

.leftnav {padding:5px 20px 5px 0;}
.leftnav ul {font-size:16px;list-style-type:none;margin:0;padding:0;}
.leftnav li {}
.leftnav a {border-bottom:1px solid var(--clr-accent-400);display:block;padding:5px 10px 5px 0;
	-webkit-transition:all .25s;
	-moz-transition:all .25s;
	-ms-transition:all .25s;
	-o-transition:all .25s;
	transition:all .25s;
}
.leftnav li:last-child a {border-bottom:0;}
.leftnav ul ul {display:none;border-bottom:1px solid var(--clr-accent-400);font-size:14px;margin-left:15px;}
.leftnav a:link {color:var(--clr-gray);}
.leftnav a:visited {color:var(--clr-gray);}
.leftnav a:hover {color:#000;background:#F7F6EF;padding-left:10px;padding-right:0;}
.leftnav a:active {color:#000;background:#F7F6EF;padding-left:10px;padding-right:0;}
.leftnav a:focus {color:#000;background:#F7F6EF;padding-left:10px;padding-right:0;}
/* /Navigation Styles */

/* Form Styles */
form.form-style-1 label {display:block;font-size:14px;color:var(--clr-gray);}
form.form-style-1 label.req:after {content:'*';color:#c00;}
form.form-style-1 label .example {float:right;}
form.form-style-1 input[type=text],
form.form-style-1 textarea {font-size:16px;width:100%;background:#F7F6EF;box-shadow:0 3px 6px #ccc;border:1px solid #ccc;border-radius:3px;margin-bottom:7px;color:#7e7d7d;padding:5px 10px;}
form.form-style-1 textarea {height:100px;}
form.form-style-1 .actions {text-align:right;}
form.form-style-1 input[type=button],
form.form-style-1 input[type=reset],
form.form-style-1 input[type=submit] {
	background:var(--clr-primary-600);
	border: 0 none;
	border-radius: 7px 7px 7px 7px;
	box-shadow: 0 3px 6px #181b22;
	color: var(--clr-light);
	cursor: pointer;
	margin-right: -4px;
	margin-left:20px;
	margin-top: 5px;
	padding: 5px 10px;
}
form.form-style-1 input[type=button]:hover,
form.form-style-1 input[type=reset]:hover,
form.form-style-1 input[type=submit]:hover {background:var(--clr-gray);}

/* FadeSlideshows */
.fadeshow-container {position:relative;margin:0 auto;}
.fadeshow .descpanelfg {font-size:22px;}
.fadeshow-toggler {position:absolute;bottom:15px;right:0px;z-index:2000;width:100%;text-align:center;}
.fadeshow-toggler .next,
.fadeshow-toggler .prev {width:40px;height:40px;position:absolute;top:-200px;border:0;cursor:pointer;}
.fadeshow-toggler .next {background:url('../images/right-arrow.png');right:-20px;}
.fadeshow-toggler .prev {background:url('../images/left-arrow.png');left:-20px;}
.navbut {margin:0 2px;cursor:pointer;}

#fadeshow62 {overflow:visible !important;}
#fadeshow62 img.close {display:none !important;}
#fadeshow62 .fadeslidedescdiv {
	background: url("../images/slideshow-overlay.png") repeat scroll 0 0 transparent !important;
	height: 75px !important;
	left: -54px !important;
	top: 90px !important;
	width: 327px !important;
}
#fadeshow62 .descpanelfg,
#fadeshow62 .descpanelbg {background:none !important;padding-left:80px !important;padding-top:8px !important;}
/* /FadeSlideshows */

/* Content Styles */
#flash {overflow:hidden;background-color:#1F1F1F;}
#flash-interior {margin:0 auto;position:relative;}

/* Homepage */
#homecontent-interior p {display:inline-block;
	font-size:14px;
	line-height:1.5em;
	margin-right:17px;
	width:48%;
	*display:inline;zoom:1;
}
#homecontent-interior p:last-child {margin-right:0;}

.hot-buttons {text-align:center;clear:both;}
.hot-buttons a {display:inline-block;*display:inline;zoom:1;background:url('../images/shadow-290.png') bottom center no-repeat;padding-bottom:27px;margin-bottom:20px;}
.hot-buttons a:nth-child(2) {margin:0 25px;}

/* Contact Us */
.contact-content {float:left;width:55%;line-height:1.5em;}
.contact-form-address-box {background:#f7f6ef;border:1px solid var(--clr-accent-400);border-radius:10px;float:left;padding:10px 15px;}
.business-name {font-size:20px;font-weight:bold;}
#frmContact {float:right;display:block;width:40%;}
@media screen AND (max-width:550px){
	.contact-content {float:none;width:100%;margin-bottom:20px;}
	.contact-form-address-box {float:none;width:100%;}
	#frmContact {float:none;width:100%;}
}

/* News */
.news {}
.news-intro {border-bottom:2px solid #ccc;margin-bottom:20px;padding-bottom:20px;}
.news-item {border-bottom:1px solid #ccc;margin-bottom:20px;padding-bottom:20px;min-height:200px;}
.news-item .imgcap {float:right;margin-left:20px;}
.news-item .imgcap img {max-width:300px;max-height:200px;}
.news-single .imgcap {margin-bottom:20px;}
.news-item .posted {font-size:10px;font-style:italic;}
.news-item h2 {font-size:20px;color:#0f7292;margin-bottom:5px;}
.news-item .news-excerpt {font-size:16px;}
.news-item .news-excerpt p {margin-bottom:10px;margin-top:0;}
.news-single .news-excerpt {font-weight:bold;font-size:14px;}
.news-item .news-content {font-size:14px;}
.news-item .news-content p {}

/* Links */
.links {}
.links-category {font-weight:bold;}
.links-item {margin:10px 0;}

/* Jobs */
.jobs-intro {border-bottom:2px solid #ccc;padding-bottom:20px;margin-bottom:20px;font-size:14px;}
.jobs {}
.jobs-item {border-bottom:1px solid #ccc;margin-bottom:20px;padding-bottom:20px;}
.jobs-item h2 {font-size:20px;font-weight:normal;margin-bottom:0;}
.jobs-item .jobs-description {color:#555;font-size:16px;margin-bottom:10px;}
.jobs-item .jobs-posted {float:right;}
.jobs-item .jobs-payrate {float:left;font-size:14px;}
.jobs-item .jobs-payperiod {display:none;}
.jobs-item .jobs-tyep {display:none;}
.jobs-item .jobs-ending {display:none;}
.jobs-item .jobs-respons {font-size:16px;color:#777;line-height:1.5em;clear:both;padding-top:15px;}
.jobs-item .jobs-readmore {display:inline;font-size:12px;}

/* Events */
.events {}
.events-intro {padding-bottom:10px;border-bottom:2px solid #ccc;}
.events-item {padding:20px 0;border-bottom:1px solid #ccc;}
.events-item h2 {margin-bottom:0;font-size:16px;}
.events-date {font-size:10px;font-style:italic;color:#777;}
.events-location {}
.files {width:540px;text-align:center;font-size:12px;border:1px solid #ccc;}
.files th {background:#31688F;color:var(--clr-light);padding:2px;}
.files-item {}
.files-item:nth-child(2n) {background:#eee;}
.files-ext {text-transform:uppercase;position:relative;bottom:2px;font-weight:bold;}

/* Photo Gallery */
#phototable td {vertical-align: top;}
#phototable h3 {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
    text-align: left;
	font-weight:normal;
}
#phototable h4 {
    color: #000000;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    text-align: left;
}


/* /Content Styles */

/* Footer Styles */
#footer {background:var(--clr-gray);border-top:15px solid var(--clr-accent-400);font-size:12px;color:var(--clr-light);min-height:100px;}
#insidefooter {padding:10px 0;max-width:1200px;margin:0 auto;position:relative;}
a#bbblink {width:150px;height:57px;position:relative;overflow:hidden;display:inline-block !important;*display:inline;zoom:1;}
a#bbblink img {max-width:200%;position:absolute;top:0;left:0;margin-left:0;border:0;}
a#bbblink:hover img {margin-left:-150px;}
.footer-links {margin-bottom:40px;}
.footer-links > a {margin-right:15px;vertical-align:top;}
#number {display:none;}
#copyright {position:absolute;right:0;top:10px;}
#botnav {position:absolute;right:0;top:30px;}
#botnavlist {margin:0;padding:0;list-style-type:none;}
#botnavlist li {display:inline;padding-left:15px;}
#designed {position:absolute;right:0;top:35px;}
#designed .southfire {position:relative;top:12px;}
#insidefooter a:link {color:var(--clr-light);}
#insidefooter a:visited {color:var(--clr-light);}
#insidefooter a:hover {color:var(--clr-primary-200);}
#insidefooter a:active {color:var(--clr-primary-200);}
#insidefooter a:focus {color:var(--clr-primary-200);}
@media screen AND (max-width:900px){
	#insidefooter {text-align:center;padding-bottom:50px;}
	#copyright {position:static;}
	#botnav {position:static;}
	#designed {position:static;}
}
@media screen AND (max-width:550px){
	.footer-links > a {display:block;margin-bottom:10px !important;margin-left:10px !important;}
}
/* /Footer Styles */

@media screen and (max-width:1240px){
	#header-interior,
	#insidecontent,
	#footer-interior {width:100%;max-width:none;padding:0 20px;}
}
@media screen and (max-width:990px){
	#header {height:auto;}
	#logo {position:static;}
	#topnav {position:static;text-align:right;}
}
@media screen and (max-width:850px){
	#topnav-open {display:block;}
	#topnav {position:relative;top:8px;}
	#topnavlist {position:absolute;background:var(--clr-gray);left:0;right:0;top:0;padding:20px;display:none;}
	#topnavlist li {display:list-item;border-bottom:1px solid var(--clr-primary-300);padding:5px 10px;}
	#topnavlist li:last-child {border-bottom:0;}
}