a, abbr, acronym, address, applet, article, aside, audio,
b, blockquote, big, body,
center, canvas, caption, cite, code, command,
datalist, dd, del, details, dfn, dl, div, dt, 
em, embed,
fieldset, figcaption, figure, font, footer, form, 
h1, h2, h3, h4, h5, h6, header, hgroup, html,
i, iframe, img, ins,
kbd, 
keygen,
label, legend, li, 
meter,
nav,
object, ol, output,
p, pre, progress,
q, 
s, samp, section, small, span, source, strike, strong, sub, sup,
table, tbody, tfoot, thead, th, tr, tdvideo, tt,
u, ul, 
var{
    background: transparent;
    border: 0 none;
    font-size: 100%;
    margin: 0;
    padding: 0;
    vertical-align: baseline; }

::-moz-selection 	{ background-color: #91D8f7; color: #fff; }
::selection 		{ background-color: #91D8f7; color: #fff; }

a					{ outline: 0; color: orange; text-decoration: underline; }
a:hover 			{ color: red; text-decoration: underline; }
p a:hover 			{ color: red; }
a:active 			{ outline: none; position: relative; top: 2px; }

.clearfix 			{ clear: both; }
iframe, object, embed{max-width: 100%;}

/*------------------------------------*\
  MAIN
\*------------------------------------*/

body 				{ 
	background-color: black;
	background-image: url('siteimages/bg.jpg');
	background-repeat: repeat;
	color: white;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt; 
	-webkit-transition-property: font-size;
	-moz-transition-property: font-size;
	transition-property: font-size;
	-webkit-transition-duration: 0.5s, 0.5s;
	-moz-transition-duration: 0.5s, 0.5s;
	transition-duration: 0.5s, 0.5s; 
	-webkit-transition-timing function: linear, ease-in;
	-moz-transition-timing function: linear, ease-in; 
	transition-timing function: linear, ease-in; 
}

#wrapper 			{
	margin: 10px auto;
	max-width: 980px;
	width: 90%;
	background: black;
	padding: 0px 0;
	background-repeat: repeat-x;
	border: 3px black solid;
}
header 				{ padding: 0px; }

h1 					{ font-size: 20pt; font-family: Arial, Helvetica, sans-serif; margin-bottom: 10px; color: orange;
	-webkit-transition-property: font-size;
	-moz-transition-property: font-size;
	transition-property: font-size;
	-webkit-transition-duration: 0.5s, 0.5s;
	-moz-transition-duration: 0.5s, 0.5s;
	transition-duration: 0.5s, 0.5s; 
	-webkit-transition-timing function: linear, ease-in;
	-moz-transition-timing function: linear, ease-in; 
	transition-timing function: linear, ease-in;  
}
h1 a:hover 			{ text-decoration: none; color: #27B3CF; }

h2 					{ font-family: Arial, Helvetica, sans-serif; font-size: 16pt; margin-bottom: 10px; color: orange; 
	-webkit-transition-property: font-size;
	-moz-transition-property: font-size;
	transition-property: font-size;
	-webkit-transition-duration: 0.5s, 0.5s;
	-moz-transition-duration: 0.5s, 0.5s;
	transition-duration: 0.5s, 0.5s; 
	-webkit-transition-timing function: linear, ease-in;
	-moz-transition-timing function: linear, ease-in; 
	transition-timing function: linear, ease-in;
}
h3 					{ font-family: Arial, Helvetica, sans-serif; font-size: 14pt; margin-bottom: 10px; color: orange; }
h4 					{ font-family: Arial, Helvetica, sans-serif; font-size: 12pt; margin-bottom: 10px; color: orange; }
h4 a 				{ text-decoration: underline; }
h4 a:hover 			{  }


.left-col 			{ width: 20%; float: left; }
.right-col 			{ width: 78%; float: right; margin-bottom: 0px; 
	-webkit-transition-property: width;
	-moz-transition-property: width;
	transition-property: width;
	-webkit-transition-duration: 0.5s, 0.5s;
	-moz-transition-duration: 0.5s, 0.5s;
	transition-duration: 0.5s, 0.5s; 
	-webkit-transition-timing function: linear, ease-in;
	-moz-transition-timing function: linear, ease-in; 
	transition-timing function: linear, ease-in;
}

#bodyarea			{ padding: 5px; }

p 					{ padding: 0 5px 10px 0px; }

ul 					{ list-style: normal; margin-left:30px; margin-bottom:10px }
ul li 				{ margin: 0 5px; list-style: disc; }
ol 					{ list-style: normal; margin-left:30px; margin-bottom:10px }

footer 				{ padding: 5px; }

pre					{ overflow: scroll; font-size: 10px; }

.rounded_boxBorder
{
	border: 3px solid black;
	border-radius:15px;
	-moz-border-radius:15px; /* Firefox 3.6 and earlier */
	-webkit-border-radius:15px; /* Safari */
}

.rounded_boxShadow
{
	border-radius:10px;
	-moz-border-radius:10px; /* Firefox 3.6 and earlier */
	-webkit-border-radius:10px; /* Safari */
	-webkit-box-shadow: 3px 3px 6px gray, -1px -1px gray;
	-moz-box-shadow: 3px 3px 6px gray,-1px -1px gray;
	box-shadow: 3px 3px 6px gray, -1px -1px gray;
}

.credits P {
	font-size:8pt;
	color:white;
	text-align: center;
	font-family: Arial,Helvetica,sans-serif;
	padding:0px;
}

.credits a {
	text-decoration:none;
	color:white;
}

.credits p a:hover { 
	color: currentColor;
}

.slideshowhome {
	width:400px;
	float:right;
	height:auto;
	margin:0 5px 0 5px;
}

.slider{
	display:none;
}
.collapseSlider{
	display:none;
}
.sliderExpanded .collapseSlider{
	display:block;
}
.sliderExpanded .expandSlider{
	display:none;
}

/************************************************************************************
NAV
*************************************************************************************/
nav {
	margin-left:10px
}

#nav-wrap {
	margin-top: 5px;
	margin-bottom: 5px;
}

/* menu icon */
#menu-icon {
	display: none; /* hide menu icon initially */
}

#nav, 
#nav li {
	margin: 0;
	padding-top: 2px;
	padding-bottom: 2px;
}
#nav li {
	list-style: none;
	float: none;
	margin-right: 5px;
}

/* nav link */
#nav a {
	padding: 2px 15px;
	display: block;
	color: #000;
	background: orange;
	text-decoration:none;
	border: 1px solid black;
	border-radius:15px;
	-moz-border-radius:15px; /* Firefox 3.6 and earlier */
	-webkit-border-radius:15px; /* Safari */
}

#nav a:hover {
	background: #f8f8f8;
}

/* nav dropdown */
#nav ul {
	background-color: #0460FE;
	padding: 0px;
	position: absolute;
	border: solid 0px #ccc;
	display: none; /* hide dropdown */
	width: 200px;
	margin-left:0px;
}

#nav ul li {
	float: none;
	margin: 0;
	padding: 0;
}

#nav li:hover > ul {
	display: block; /* show dropdown on hover */
}

/************************************************************************************
MOBILE
*************************************************************************************/
.headernav {
color: white;
height: auto;
width: 100%;
position: fixed;
top: 0;
left:0;
font-size: 0.9em;
text-align: center;
background: black;
z-index:99999
}

.headernav li a {color:white; text-decoration:none;}
.headernav li a:hover{color:yellow; text-decoration:none}

.headernav li {
font-weight: bold;
color: white;
display: inline;
margin-left:10px;
margin-right:10px;
line-height:25px
}

@media screen and (min-width: 740px) {

	/* ensure #nav is visible on desktop version */
	#nav {
		display: block !important;
	}

}

/*------------------------------------*\
  MEDIA QUERRIES
\*------------------------------------*/

@media screen and (max-width: 900px) {
	.slideshowhome { float:none; width:100%; margin-left: auto; margin-right: auto; }
}

@media screen and (min-width: 900px) {

}

@media screen and (max-width: 740px) 	{
	.left-col { width: 100%; }
	.right-col { width: 100%; }
	.page-summary { display:none }
	.mobile-view { display:none }
}

@media screen and (min-width: 740px) 	{
	.click-to-call { display:none; }
	.desktop-view { display:none }
}

@media screen and (max-width: 740px) 	{
#nav {display:none}
body {margin-top:70px}
}

@media screen and (min-width: 740px) 	{
.headernav {display:none}
}

@media screen and (max-width: 445px) 	{
body {margin-top:100px}
}

@media screen and (max-width: 330px) 	{
body {margin-top:130px}
}


@media screen and (max-width: 580px) {
	.img-justification-right { text-align: center }
}

@media screen and (min-width: 580px) {
	.img-justification-right { float:right; margin-left:5px; margin-right:5px; }
}


@media screen and (max-width: 478px) 	{
	h1 { font-size: 18pt; padding: 1px; }
	h2 { font-size: 14pt; padding: 1px; }
	body { font-size: 12pt; }
}

img {
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
}

/*SLIDESHOW*/
.w3-content{max-width:980px;margin:auto}
.w3-rest{overflow:hidden}
.w3-layout-container{display:table;width:100%}.w3-layout-row{display:table-row}.w3-layout-cell,.w3-layout-col{display:table-cell}
.w3-layout-top{vertical-align:top}.w3-layout-middle{vertical-align:middle}.w3-layout-bottom{vertical-align:bottom}
.w3-hide{display:none!important}.w3-show-block,.w3-show{display:block!important}.w3-show-inline-block{display:inline-block!important}
.w3-top,.w3-bottom{position:fixed;width:100%;z-index:1}.w3-top{top:0}.w3-bottom{bottom:0}
.w3-overlay{position:fixed;display:none;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.5);z-index:2}
.w3-left{float:left!important}.w3-right{float:right!important}
.w3-tiny{font-size:10px!important}.w3-small{font-size:12px!important}
.w3-medium{font-size:15px!important}.w3-large{font-size:18px!important}
.w3-xlarge{font-size:24px!important}.w3-xxlarge{font-size:36px!important}
.w3-xxxlarge{font-size:48px!important}.w3-jumbo{font-size:64px!important}
.w3-vertical{word-break:break-all;line-height:1;text-align:center;width:0.6em}
.w3-left-align{text-align:left!important}.w3-right-align{text-align:right!important}
.w3-justify{text-align:justify!important}.w3-center{text-align:center!important}
.w3-display-topleft{position:absolute;left:0;top:0}.w3-display-topright{position:absolute;right:0;top:0}
.w3-display-bottomleft{position:absolute;left:0;bottom:0}.w3-display-bottomright{position:absolute;right:0;bottom:0}
.w3-display-middle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%)}
.w3-display-left{position:absolute;top:50%;left:0%;transform:translate(0%,-50%);-ms-transform:translate(-0%,-50%)}
.w3-display-right{position:absolute;top:50%;right:0%;transform:translate(0%,-50%);-ms-transform:translate(0%,-50%)}
.w3-display-topmiddle{position:absolute;left:50%;top:0;transform:translate(-50%,0%);-ms-transform:translate(-50%,0%)}
.w3-display-bottommiddle{position:absolute;left:50%;bottom:0;transform:translate(-50%,0%);-ms-transform:translate(-50%,0%)}
.w3-display-container:hover .w3-display-hover{display:block}.w3-display-container:hover span.w3-display-hover{display:inline-block}.w3-display-hover{display:none}
.w3-animate-fading{-webkit-animation:fading 6s infinite;animation:fading 6s infinite}
@-webkit-keyframes fading{0%{opacity:0}50%{opacity:1}100%{opacity:0}}
@keyframes fading{0%{opacity:0}50%{opacity:1}100%{opacity:0}}
.w3-animate-opacity{-webkit-animation:opac 0.8s;animation:opac 0.8s}
@-webkit-keyframes opac{from{opacity:0} to{opacity:1}}
@keyframes opac{from{opacity:0} to{opacity:1}}
.w3-animate-top{position:relative;-webkit-animation:animatetop 0.4s;animation:animatetop 0.4s}
@-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}}
.w3-animate-left{position:relative;-webkit-animation:animateleft 0.4s;animation:animateleft 0.4s}
@-webkit-keyframes animateleft{from{left:-300px;opacity:0} to{left:0;opacity:1}}
@keyframes animateleft{from{left:-300px;opacity:0} to{left:0;opacity:1}}
.w3-animate-right{position:relative;-webkit-animation:animateright 0.4s;animation:animateright 0.4s}
@-webkit-keyframes animateright{from{right:-300px;opacity:0} to{right:0;opacity:1}}
@keyframes animateright{from{right:-300px;opacity:0} to{right:0;opacity:1}}
.w3-animate-bottom{position:relative;-webkit-animation:animatebottom 0.4s;animation:animatebottom 0.4s}
@-webkit-keyframes animatebottom{from{bottom:-300px;opacity:0} to{bottom:0px;opacity:1}}
@keyframes animatebottom{from{bottom:-300px;opacity:0} to{bottom:0;opacity:1}}
.w3-animate-zoom {-webkit-animation:animatezoom 0.6s;animation:animatezoom 0.6s}
@-webkit-keyframes animatezoom{from{-webkit-transform:scale(0)} to{-webkit-transform:scale(1)}}
@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}}
.w3-animate-input{-webkit-transition:width 0.4s ease-in-out;transition:width 0.4s ease-in-out}.w3-animate-input:focus{width:100%!important}