/* eppsmobile.css */

body {
font-family: Tahoma, Arial, sans-serif;
font-size: 12pt;
color: black;
background-color: white;
     }

a {
	text-decoration: none;
	color: black;
	}
		
a:visited {
	text-decoration: underline;
	color: gray;
	}
	
a:hover {
	text-decoration: underline;
	color: black;
	font-weight: bold;
	}
	
p {
  margin-top: 10px;
  margin-bottom: 5px;
  margin-left: 10px;
  margin-right: 5px;
  font-family: Tahoma, Arial, sans-serif;
font-size: 12pt;
color: black;
  }
  	 
.menutitlemobile {
font-family: Tahoma, Arial, sans-serif;
font-size: 14pt;
color: white;
}

// Home Page

.msgtxt {
font-family: Tahoma, Arial, sans-serif;
font-size: 10pt;
color: black;
     }
	 
.blacktitle {
font-family: Tahoma, Arial, sans-serif;
font-size: 14pt;
font-weight: bold;
color: black;
}

.addrtitle {
position: relative;
font-family: Arial, sans-serif;
font-size: 10pt;
font-weight: bold;
color: black;
top:-5px;
}

#topyellowbox {
background-color: #f9e526;
}

#phonetitle {
font-family: Arial, sans-serif;
font-size: 18pt;
font-weight: bold;
color: black;
text-decoration: none;
}

#contactlabel {
position: relative;
left: 5px;
font-family: Arial, sans-serif;
font-size: 16pt;
font-weight: bold;
color: black;
text-decoration: none;
}

#countOnUs {
font-family: Tahoma, Arial, sans-serif;
font-size: 11pt;
color: black;
font-weight: bold;
}

#indexContent {
font-family: Tahoma, Arial, sans-serif;
font-size: 11pt;
color: black;
font-weight: normal;
}


#extrasmallsize {
position: relative;
font-family: Tahoma, Arial, sans-serif;
font-size: x-small;
font-weight: bold;
color: black;
}


#redlabel {
position: relative;
font-family: Tahoma, Arial, sans-serif;
font-size: 12pt;
font-weight: bold;
color: #d62828;
margin: 2px 2px 2px 2px;
}

#redtitle {
font-family: Tahoma, Arial, sans-serif;
font-size: 12pt;
font-weight: bold;
color: #d62828;
}

#homepageinfotitle {
position: relative;
top:-12px;
left: 15px;
}

#indexWalkIntitle {
font-family: Tahoma, Arial, sans-serif;
font-size: 9pt;
font-weight: bold;
}

#hoursText {
font-family: Tahoma, Arial, sans-serif;
font-size: 9pt;
font-weight: normal;
}

#calloutImage {
position: absolute;
right: 0px;
top: 165px;
height: 115px;
}

#calloutText {
position: absolute;
font-family: Arial, sans-serif;
font-size: 9.5pt;
color: red;
font-weight: bold;
font-style: italic;
text-align: center;
right: 35px;
top: 200px;
}

#topyellowbox {
background-color: #f9e526;
}

.logo {
    position: relative;
    max-width: 100%;
    height: auto;
}

.checkedImage {
    position: relative;
    top: -5px;
}

.yellowBackground {
    background-color: yellow;
}

.imgLinkPlaceholders {
    height: 30px;
    width: 30px;
}

.imgLinkPlaceholdersBar {
    background-color: white;
    text-align:center;
}

// Map Page
.mapLogo {
    position: relative;
    max-width: 100%;
    text-align: center;
    display: block;
    margin-left: auto;
    margin-right: auto 
}

#mapContent {
position: relative;
font-family: Tahoma, Arial, sans-serif;
font-size: 10pt;
color: black;
top: 0px;
text-align: center;
}

#mapWalkIntitle {
position: relative;
font-family: Tahoma, Arial, sans-serif;
font-size: 10pt;
font-weight: bold;
color: black;
top: 0px;
text-align: center;
}

nav {
    background-color: #ffffff;
    border: 1px solid #dedede;
    border-radius: 1px;
    box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.055);
   // color: #888888;
    display: block;
    margin: 0px 0px 0px 0px;
    overflow: hidden;
    width: 100%; 
    text-align: center;
}

nav ul {
    margin: 0;
    padding: 0;
}

nav ul li {
    display: inline-block;
    list-style-type: none;
}
	
nav > ul > li > a {
    color: #aaaaaa;
    display: block;
    text-decoration: none;
}

#redLinkOut {
font-family: Arial, sans-serif;
font-size: 11pt;
font-weight: bold;
color: #d62828;
text-decoration: none;
}

#blackLinkOut {
font-family: Arial, sans-serif;
font-size: 11pt;
font-weight: bold;
color: black;
}

.ui-navbar a {
    background: white; /* Old browsers */
    background: linear-gradient( white,#545454 ) repeat scroll 0 0 white !important;
    background: -moz-linear-gradient( white,#545454 ) repeat scroll 0 0 white !important; /* FF3.6+ */
    background: -webkit-linear-gradient( white,#545454 ) repeat scroll 0 0 white !important; /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient( white,#545454 ) repeat scroll 0 0 white !important; /* Opera 11.10+ */
    background: -ms-linear-gradient( white,#545454 ) repeat scroll 0 0 white !important; /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='white', endColorstr='#545454',GradientType=0 ) !important;/* IE6-9 */   
    height: 10px !important; 
    text-align: left !important;
    font-family: Tahoma, Arial, sans-serif !important;
    font-size: 10.5pt !important;
    color: white !important;
}