body {
margin:0;
text-align:center;
font-family: verdana, arial, sans-serif;
background:#ffffff;
}

html {
    -webkit-text-size-adjust: none; /* Prevent font scaling in landscape */
}

* {box-sizing: border-box;}

#outer {
	width:100%;
	overflow-y:auto;
	overflow-x:hidden;
	text-align:center;
	padding:0em;
	margin:0;
	}

br.clear {
width:95%;
height:0.1em;
clear:both;
padding:0;
margin:0;
background:#ffffff;
}

a:link {color: #0000cc;}
a:visited {color: #0000cc;}
a:hover {color: #ff3300;}
a:active {color: #ff3300;}

h1,h2,h3,h4 {
font-weight:bold;
margin:0.2em auto 0.2em auto;
text-align:center;
}

h1 {
font-size:1.2em;
}

h2 {
font-size:1.0em;
}

h3 {
font-size:0.8em;
}

h4 {
font-size:0.7em;
}

p {
margin:0em;
padding:0em;
}

/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed;
  z-index: 2; /* Sit on top */
  padding:1em; /* Location of the box */
 top:40em;
   right:5em;
   width: 70%;
  height: 30%;
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
}

/* Modal Content (image) */
.modal-content {
  margin: auto;
  display: block;
  width: 80%;
  max-width: 80%;
}

/* Caption of Modal Image */
#caption {
  margin: auto;
  display: block;
  width: 80%;
  max-width: 80%;
  text-align: center;
  color: #ccc;
  padding: 1em;
  height: 1em;
}

/* The Close Button */
.close {
  position: absolute;
  top: 0.2em;
  right: 0.2em;
  color: #ff3300;
  font-size: 2em;
  font-weight: bold;
  transition: 0.3s;
}

.close:hover,
.close:focus {
  color: #bbb;
  text-decoration: none;
  cursor: pointer;
}

#header {float:left;width:100%;margin:0;padding:0;}
#headtop{width:100%;margin:0;padding:0;}
#headbot{float:left;width:100%;margin:0;padding:0;}

#headbotleft {width:20%;float:left;padding:0 0 0 5%;margin:0;background-color:#ffffff;}
#headbotmid {width:60%;float:left;font-weight:bold;margin:0;padding:0;background-color:#ffffff;}
#headbotright {width:20%;float:right;padding:0.5em 0 0 0;margin:0;background-color:#ffffff;}

#headbotmid h1 {font-size:1.0em;margin:0.2em auto 0em auto;}
#headbotmid h2 {font-size:0.7em;margin:0em auto 0em auto;}
#headbotmid h3 {font-size:0.6em;margin:0em auto 0em auto;}
#headbotmid h4 {font-size:0.6em;margin:0em auto 0em auto;}

#contact {display:block;margin:0 0 0 0;padding:0em;font-size:0.8em;background-color:#ffffff;}

#titlearea {float:left;clear:both;width:100%;text-align:center;margin:0em auto 0.2em auto;padding:0;}
#titlemid {width:95%;margin:auto;display:flex;align-items:center;justify-content: center;font-size:0.8em;font-weight:bold;}
#titlemid img {display:block;height:auto;margin:0.1em 0.5em;}
#titleleft {width:25%;float:left;padding:0 0 0 5%;margin:0;}
#titleright {text-align:left;width:70%;float:left;margin:0;padding:0 0 0 0;font-weight:bold;font-size:0.8em;}

#searchbox {width:80%;clear:both;margin:0.5em auto}
#searchicon {text-align:right;float:left;width:15%;padding:0;margin:0;}
#searchinput {text-align:left;float:left;width:80%;margin:0em 0em 0em 0.5em;border:0em solid #3c0084;border-radius:0em;}
input[type=text] {font-size:1.1em;width:100%;text-align:left;padding:0.2em;border-radius:2em;border:0.1em solid #3c0084;}
.inputbox {outline:0;}

#topnav {clear:both;color:0000cc;font-size:0.9em;width:95%;margin:0em auto;padding:0em;text-align:center;}
#topnav a:link {color: #0000cc;}
#topnav a:visited {color: #0000cc;}
#topnav a:hover {color: #ff3300;}
#topnav a {text-decoration:none;}

.topnav35 {
width:35%;display:inline-block;margin:0em auto;padding:0.2em 0em;
border:0.1em solid #008035;border-top-left-radius:0.4em;
border-top-right-radius:0.4em;border-bottom:none;
}

.topnav30 {
width:30%;display:inline-block;margin:0em auto;padding:0.2em 0em;
border:0.1em solid #008035;border-top-left-radius:0.4em;
border-top-right-radius:0.4em;border-bottom:none;
}

.topnav25 {
width:25%;display:inline-block;margin:0em auto;padding:0.2em 0em;
border:0.1em solid #008035;border-top-left-radius:0.4em;
border-top-right-radius:0.4em;border-bottom:none;
}

#bscatnav {clear:both;width:95%;margin:0.2em auto;padding:0em;text-align:center;}
#bscatnav a {color:#ffffff;text-decoration:none;}

#introholder {width:95%;text-align:center;margin:0.5em auto;}
#listintro {clear:both;width:95%;margin:0em auto;padding:0em;border-bottom:0.3em solid #666666;}

#listing {clear:both;width:95%;margin:0em auto;padding:0;border:0.2em solid #008035;border-radius:0.5em;text-align:center;}

.listrow1, .listrow2, .listrow3 {clear:both;border-bottom:0.1em solid #008035;width:98%;margin:0em auto;padding:0.2em 0;text-align:left;}
.topdiv1, .topdiv2, .topdiv3 {font-weight:bold;float:left;width:80%;padding:0em;margin-bottom:0.2em;}
.rightdiv1, .rightdiv2, .rightdiv3 {float:right;width:20%;text-align:center;padding:0em;margin:0;}

.adcontact {float:right;width:20%;text-align:center;margin:0;padding:0em;background-color:#ffffff;}
.adplace {clear:both;width:98%;margin:0em auto;padding:0.2em 0;}

.adrowtop {
float:left;
margin-left:1em;
width:95%;
float:left;
text-align:left;
padding:0em 0em 0.4em 0em;
}

.busname {float:left;padding-top:0.3em;margin-left:0em;}
.busfburl {float:left;width:8%;margin-left:1em;background-color:#ffffff;}
.tel {float:left;margin-left:0.5em;width:8%;padding-top:0.3em;background-color:#ffffff;}

.adrowbot {
float:left;
margin-left:1em;
clear:both;
width:95%;
text-align:left;
background-color:#ffffff;
padding:0em 0em 0.4em 0em;
}

.telpc {display:none;position:relative;}

.telpc .showphone {
  visibility: hidden;
  position: absolute;
  z-index: 1;
  width: 10em;
  padding: 0.3em;
  right: 150%;
  top: 30%;
  background-color:#ececec;
  margin-top:-0.5em;
  border:0.2em solid #ececec;
  border-radius:0.5em;
}

.telpc:hover .showphone {
  visibility: visible;
}

@media only screen
and (min-width: 1025px)
{
.telpc {display:block;}
.telm {display:none;}
}






#maincontent {
width:98%;
text-align:center;
padding:0;
margin:0em auto 0em auto;
border:0em solid #228b22;
border-top:0em;
}

#mainmid {
width:95%;
font-size:0.8em;
padding-top:0em;
margin:0em auto 0em auto;
text-align:center;
}


#intro {

}




#pagefooter {
width:95%;
font-size:0.8em;
margin:0em auto 0em auto;
}
#footcontact {
clear:both;float:left;width:35%;font-size:1em;
}
#footcontact a:link {
font-size:1.3em;
}
#footphone {
float:right;width:60%;
}

/* tiny mobile */
@media only screen
and (max-width: 379px)
and (orientation:portrait)
{
body { font-size:80%;}
}


/* mobile */
@media only screen
and (min-width: 380px)
and (max-width: 480px)
and (orientation:portrait)
{
body { font-size:100%;}
}

/* mobile landscape */
@media only screen
and (min-width: 481px)
and (max-width: 768px)
and (orientation:landscape)
{
body { font-size:130%;}
}

/* ipads etc */
@media only screen
and (min-width: 481px)
and (max-width: 768px)
and (orientation:portrait)
{
body { font-size:130%;}
}


/* most desktops */
@media only screen
and (min-width: 770px)
and (max-width: 1024px)
{
body { font-size:150%;}
#contact {margin-top:0.5em;}
input[type=text] {font-size:1.4em;}
 .modal {top:10em;right:5em;width: 60%;height: 60%;}

#pagefooter {width:80%;}
#footcontact {float:left;width:40%;text-align:right;margin:0;}
#footcontact a:link {font-size:1.5em;}
#footphone {float:left;width:55%;margin:0;}
}

/* else */
@media only screen
and (min-width: 1025px)
{
body { font-size:150%;}
#headbotmid {font-size:1.4em;margin-top:0.5em;}
#contact {margin-top:0.5em;}
input[type=text] {font-size:1.5em;}
 .modal {top:10em;right:5em;width: 60%;height: 60%;}
#pagefooter {width:80%;}
#footcontact {float:left;width:40%;text-align:right;margin:0;}
#footcontact a:link {font-size:1.5em;}
#footphone {float:left;width:55%;margin:0;}
}