﻿/* Desktop */
@media screen and (min-width: 1241px){
/*DO THIS*/
#topmenumobile {visibility: hidden;}
#topmenu {
position:fixed;
top:0px;
width:100%;
height:40px;
background-color:#107f78;
line-height:14px;
text-align:center;
border-style: solid;
border-top-width: 0;
border-right-width: 0;
border-left-width: 0;
border-bottom-width: 2px;
border-bottom-color: #ffffff;
z-index:1000;
}
li {
display:inline;
margin:0 8px;
}
.bullets li  {
display:list-item;
}

.topphone {
	color: #ffffff;
	font-size: 16px;
	font-family: Arial;
	font-weight: bold;
	text-decoration: none;
}
.topemailstyle {
	position: absolute;
	color: #ffffff;
	font-size: 16px;
	font-family: Arial;
	font-weight: bold;
	text-shadow: 1px 0px #107f78, 0.54px 0.84px #107f78, -0.41px 0.9px #107f78, -0.98px 0.14px #107f78, -0.65px -0.75px #107f78, 0.28px -0.95px #107f78, 0.96px -0.27px #107f78;
	left: 64%;
	top: 50px;
	z-index: 500;
}
a.topemail:link {
	color: #ffffff;
	font-size: 16px;
	font-family: Arial;
	text-decoration: none;
}
a.topemail:visited {
	color: #ffffff;
	font-size: 16px;
	font-family: Arial;
	text-decoration: none;
}
a.topemail:hover {
	color: #ff6600;
	font-size: 16px;
	font-family: Arial;
	text-decoration: none;
}
a.topemail:active {
	color: #ffffff;
	font-size: 16px;
	font-family: Arial;
	text-decoration: none;
}

a.topnavigation:link {
	color: #ffffff;
	font-size: 16px;
	font-family: Arial;
	text-decoration: none;
}
a.topnavigation:visited {
	color: #ffffff;
	font-size: 16px;
	font-family: Arial;
	text-decoration: none;
}
a.topnavigation:hover {
	color: #ff6600;
	font-size: 16px;
	font-family: Arial;
	text-decoration: none;
}
a.topnavigation:active {
	color: #ffffff;
	font-size: 16px;
	font-family: Arial;
	text-decoration: none;
}

}/*END Desktop */

/* Tablet - Mobile Landscape*/
@media screen and (min-width: 601px) and (max-width: 1240px){
/*DO THIS*/
#topmenumobile {visibility: hidden;}
#topmenu {
position:fixed;
top:0px;
width:100%;
height:40px;
background-color:#107f78;
line-height:12px;
text-align:center;
border-style: solid;
border-top-width: 0;
border-right-width: 0;
border-left-width: 0;
border-bottom-width: 2px;
border-bottom-color: #ffffff;
z-index:1000;
}
li {
display:inline;
margin:0 0px;
}
.bullets li  {
display:list-item;
}
.topphone {
	color: #ffffff;
	font-size: 12px;
	font-family: Arial;
	font-weight: bold;
	text-decoration: none;
}
.topnav {
	color: #ffffff;
	font-size: 12px;
	font-family: Arial;
	font-weight: bold;
	text-decoration: none;
}

a.topnavigation:link {
	color: #ffffff;
	font-size: 12px;
	font-family: Arial;
	text-decoration: none;
}
a.topnavigation:visited {
	color: #ffffff;
	font-size: 12px;
	font-family: Arial;
	text-decoration: none;
}
a.topnavigation:hover {
	color: #ff6600;
	font-size: 12px;
	font-family: Arial;
	text-decoration: none;
}
a.topnavigation:active {
	color: #ffffff;
	font-size: 12px;
	font-family: Arial;
	text-decoration: none;
}

.topemailstyle {
	position: absolute;
	color: #ffffff;
	font-size: 11px;
	font-family: Arial;
	text-shadow: 1px 0px #107f78, 0.54px 0.84px #107f78, -0.41px 0.9px #107f78, -0.98px 0.14px #107f78, -0.65px -0.75px #107f78, 0.28px -0.95px #107f78, 0.96px -0.27px #107f78;
	left: 65%;
	top: 45px;
	z-index: 500;
}
a.topemail:link {
	color: #ffffff;
	font-size: 11px;
	font-family: Arial;
	text-decoration: none;
}
a.topemail:visited {
	color: #ffffff;
	font-size: 11px;
	font-family: Arial;
	text-decoration: none;
}
a.topemail:hover {
	color: #ff6600;
	font-size: 11px;
	font-family: Arial;
	text-decoration: none;
}
a.topemail:active {
	color: #ffffff;
	font-size: 11px;
	font-family: Arial;
	text-decoration: none;
}

}/*END Tablet - Mobile Landscape*/

/* Mobile Portrait */
@media screen and (max-width: 600px){
/*DO THIS*/
#topmenu {visibility: hidden;}
#topmenumobile {
position:fixed;
padding-top:15px;
top:0px;
width:100%;
height:60px;
background-color:#107f78;
line-height:15px;
text-align:center;
border-style: solid;
border-top-width: 0;
border-right-width: 0;
border-left-width: 0;
border-bottom-width: 2px;
border-bottom-color: #ffffff;
z-index:1000;
}
li {
display:inline;
margin:0 0px;
}
.bullets li  {
display:list-item;
}
.topphone {
	color: #ffffff;
	font-size: 14px;
	font-family: Arial;
	text-decoration: none;
}
.topmenuemail {
	color: #ffffff;
	font-size: 14px;
	font-family: Arial;
	text-decoration: none;
}
a.topmenuemail:hover {
	color: #ff6600;
	text-decoration: none;
}

.topnav {
	color: #ffffff;
	font-size: 14px;
	font-family: Arial;
	font-weight: bold;
	text-decoration: none;
}

a.topnavigation:link {
	color: #ffffff;
	font-size: 16px;
	font-family: Arial;
	text-decoration: none;
}
a.topnavigation:visited {
	color: #ffffff;
	font-size: 16px;
	font-family: Arial;
	text-decoration: none;
}
a.topnavigation:hover {
	color: #ff6600;
	font-size: 16px;
	font-family: Arial;
	text-decoration: none;
}
a.topnavigation:active {
	color: #ffffff;
	font-size: 16px;
	font-family: Arial;
	text-decoration: none;
}
topemail {
	visibility: hidden;
	display:none;
}
.topemailstyle {
	position: absolute;
	color: #ffffff;
	font-size: 11px;
	font-family: Arial;
	text-shadow: 1px 0px #107f78, 0.54px 0.84px #107f78, -0.41px 0.9px #107f78, -0.98px 0.14px #107f78, -0.65px -0.75px #107f78, 0.28px -0.95px #107f78, 0.96px -0.27px #107f78;
	left: 60%;
	top: 80px;
	z-index: 500;
}
a.topemail:link {
	color: #ffffff;
	text-decoration: none;
}
a.topemail:visited {
	color: #ffffff;
	text-decoration: none;
}
a.topemail:hover {
	color: #ff6600;
	text-decoration: none;
}
a.topemail:active {
	color: #ffffff;
	text-decoration: none;
}

}/* END Mobile Portrait */

/* Desktop - Tablet - Mobile */

a.toplinks:link {
	color: #ffffff;
	font-size: 12pt;
	text-decoration: none;
}
a.toplinks:visited {
	color: #ffffff;
	font-size: 12pt;
	text-decoration: none;
}
a.toplinks:hover {
	color: #ff6600;
	font-size: 12pt;
	text-decoration: none;
}
a.toplinks:active {
	color: #ffffff;
	font-size: 12pt;
	text-decoration: none;
}

