/* Common stuff */
body {font-family:verdana,arial,sans-serif; font-size:12px; vertical-align:top; text-align:left; color:black;}
body.mp, body.mp td, body.mp p {font-size:11px; vertical-align:top;}

/* Standard button */
.btn {font-family:verdana,arial,sans-serif; font-size:9pt; color:black; background-color:#ffff99;}

/* Text for header at top of most pages */
.pagehd {font-size:14pt; color:white; text-align:center; padding-top:5px; padding-bottom:5px;}
/* Text for header on home pages */
body.mp td.hd {font-size:18pt; color:white; text-align:center; padding-top:5px; padding-bottom:5px;}

/* Standard text and grey italic variant */
/* .pictext is same as body default */
.greypictext {color:#999999; font-style:italic;}
.footnote {color:#777777; font-style:italic;}

/* Main table for pages */
.pictab {margin:15px auto; background-color:#f0f0f0; border:20px solid #f0f0f0;}

/* Buspic page */
body.buspic {background-color:#cccccc;}
div.bpw {width:637px; margin:15px auto; background-color:#f0f0f0; border:20px solid #f0f0f0;
         box-shadow:10px 10px 5px #aaaaaa; border-radius:5px;}

div.bphpt {box-shadow:7px 7px 3px #aaaaaa; padding:18px; background:white; border:1px solid #cccccc;}

div.bph {width:100%; padding-top:5px; padding-bottom:5px; font-size:16pt; color:white; text-align:center;}
div.bpp {width:100%; text-align:center;}
#bpimg {pointer-events:none}

div.bpt {margin:20px 10px 0 10px;}
div.bpt>hr {color:white; margin:15px 0; }
div.bpt a {color:blue; text-decoration:none; font-weight:normal}
div.bpt a:hover {color:green; text-decoration:underline;}
div.bpt>#copy {font-size: 11px; color:white; font-style: italic; margin-top: -40px;}

div.bpl {margin:14px 0; clear:left; padding:10px;}
div.bpl>div {padding:4px;}

div.bpla,
div.bplap,
div.bpl a,
div.em input[type="button"],
div.em input[type="submit"]
    {float:left; color:#777777; text-decoration:none; font-family:inherit; font-size:11px;
      box-shadow:3px 3px 3px #aaaaaa;
      border:1px solid gray; padding:4px; margin-left:10px; background-color:#ffffcc; text-align:center;
      border-radius:3px;}

div.bpla:hover,
div.bpl a:hover,
div.em input[type="button"]:hover,
div.em input[type="submit"]:hover 
    {background-color:#4AB1BA;  font-size:11px; color:white; border-color:green; text-decoration:none; cursor:pointer;}

div.bpl>div.bplap {padding:0; border:0;}
div.bplap>a>img {float:left; padding:0; margin-right:5px;}
div.bplap>a  {float:left; padding:0; margin-left:0;}
div.bplap>a>div {float:left; margin:4px;}

div.bpl a.MapPushpinBase {border:none; box-shadow:none; background-color:transparent}

/* embedded message styles */
div.em {clear:left; background-color:#dddddd; margin:10px; padding:5px; font-size:8pt}
/* .em input[type="button"], */
/* .em input[type="submit"] {font-size:9pt; color:black; background-color:#ffff99;} */
.em input[type="text"],
.em textarea {font-family:verdana,arial,sans-serif; font-size:8pt; vertical-align:top; text-align:left; color:black;}
div.emitem {border-top:3px ridge #ffff99; margin-top:5px; padding:10px; clear:both;}
form.emform {}
div.mthpic {float:left; width:108px; margin:6px 10px 10px 0; border:1px solid #bbbbbb; box-shadow:7px 7px 5px #aaaaaa;}
.mthpic img {border-style:none; width:100px; height:67px; padding:4px; background-color:#f0f0f0;}

/* floating itendia link */
div.r {float:right;text-align:center; border-style:none; font-size:8pt; padding:6px; margin:3px 3px 3px 6px;}
div.r a, div.r a:hover {color:#f0f0f0; font-size:6pt; text-decoration:none; font-weight:normal}

/* Main text in home pages */ 
.maintext {color:#404040;}
.maintext a {color:#404040; text-decoration:none; font-weight:bold}
.maintext a:hover {color:#ff0066; text-decoration:underline; font-weight:bold}
/* thumbnails on main pages */
td.bw>a>img {filter:url(/filters.svg#grayscale); filter:gray; -webkit-filter:grayscale(100%);}
/* Home page right hand column */
.whitetext {color:white;}
.lastchange {color:white; background-color:#663300;margin-bottom:5px;}
.lastchange a {color:white;text-decoration:none;}
.phweek {color:white; background-color:#ff0000; margin-bottom:10px;}
.latest {color:white; background-color:#006600;margin-bottom:10px;}
.ebay {color:white; background-color:#3399ff;margin-bottom:10px;}
.upload {color:white; background-color:purple;}
.upload a {color:white;text-decoration:none;}
.feedback {color:white; background-color:purple;}

div.yrsago {margin:5px 70px; border:1px solid olive; height:80px; padding:12px; text-align:center;background-color:#b9c3a8;}
div.yrsagomore {margin:5px 70px; border:1px solid olive; height:95px; padding:12px; text-align:center;background-color:#b9c3a8;}
#yimg {border:4px double olive; width:100px; height:67px;}

/* Navigation bars on left of home pages */
tr.navrow td {border-bottom:#003 1px solid; border-left:medium none; border-right:#003 1px solid; 
  border-top:#6666ff 1px solid; vertical-align:middle}

td.navbarl {background-color:#6666ff; border-right:medium none}
div.navbar {line-height:14px; padding-left:6px}
div.navbar a {color:white; font-size:8pt; text-decoration:none}

td.navbartl {background-color:#ff9999; border-right:medium none}
div.navbart {color:white; line-height:14px; padding-left:6px}

/* text in main index page */
td.ixtoptext {width:280px}
.ixtoptext {font-size:9pt; color:black; line-height:12pt;}
.ixtoptextwhite {font-size:9pt; color:white; line-height:12pt; padding:3px;}
.ixtoptext a {color:blue; text-decoration:none; }
.ixtoptext a:hover {color:#990000;}

/* classes for article style s1 (whats new) */
.s1text {padding:6px 3px; width:475px;}
.s1head {font-weight:bold; color:#ff6600; text-align:right; padding:6px 3px; width:125px}
.s1text a:link {color:blue; text-decoration:none; font-weight:normal}
.s1text a:visited {color:blue; text-decoration:none; font-weight:normal}
.s1text a:hover {color:green; text-decoration:underline; font-weight:normal}

/* borderless pictures */
a:link img {border-style:none;}
a:visited img {border-style:none;}
a:active img {border-style:none;}

/* floating pics for articles */
div.artl { float:left;text-align:center;border:1px solid black; font-size:8pt;
            background-color:#99ccff; padding:6px; margin:3px 6px 3px 3px;
            font-family:arial,sans-serif;}
div.artr { float:right;text-align:center;border:1px solid black; font-size:8pt;
            background-color:#99ccff; padding:6px; margin:3px 3px 3px 6px;
            font-family:arial,sans-serif;}

/* ix styles */
body.ix {background-color:#cccccc; font:normal normal normal 8pt Verdana,Arial,sans-serif; text-align:center;}
div.ixw {width:620px; background-color:#f0f0f0; margin:10px auto; padding:10px;text-align:left;}
div.ixh {margin:5px auto 5px auto; padding-top:5px; padding-bottom:5px;  font-size:14pt; color:white; text-align:center; width:600px; background-color:#990033;}
div.ixt {margin:20px 10px 20px 10px; clear:left;}
div.ixc {clear:left; margin:10px 10px 10px 10px;}
div.ixcp {float:left; width:110px; margin:0px 10px 10px 10px;}
img.ixcpi {width:100px; height:67px; border:thin solid black;}
div.ixct {margin:10px 10px 10px 10px;}

/* gallery styles g/g1 */
body.gbody,
body.g1body {background-color:#cccccc; font:normal normal normal 8pt Verdana,Arial,sans-serif; text-align:center;}
div.gw,
div.g1w {width:730px; background-color:#f0f0f0; margin:10px auto; padding:10px; text-align:left;}
div.gh,
div.g1h {margin:5px auto 5px auto; padding-top:5px; padding-bottom:5px;  font-size:14pt; color:white; text-align:center;}
div.gt,
div.g1t {clear:left; margin:15px auto;}
div.gtfoot,
div .g1tfoot {clear:both; font-size:0px; padding:0; margin:0 auto; width:730px;}
div.gp,
div.g1p {width:108px; float:left; margin:5px 5px 15px 5px; border:#dddddd 1px solid; font-size:8pt; box-shadow:7px 7px 5px #aaaaaa;}
div.gp img {width:100px; height:67px; padding:4px;}
div.g1p img {width:150px; height:100px; padding:4px 9px 4px 4px;}
div.gp p,
div.g1p p {width:100px; margin-top:0px; margin-bottom:3px; padding:4px;}
div.gp div {padding:4px;}
div.g1p div {padding:4px 4px 4px 8px;}
div.gphead,
div.g1phead {clear:left; margin-top:15px; padding-top:5px; border-top:#808080 1px solid;}

/* gallery styles g2*/
body.g2body {background-color:white; text-align:center; font:normal normal normal 14pt Calibri,Arial,sans-serif;}
div.g2w {width:100%; margin:0 auto; padding:0; text-align:left;}
div.g2h {font:normal normal normal 18pt Verdana,Arial,sans-serif; color:white; text-align:center; background-color:black; 
    padding-top:10px; padding-bottom:14px;}
div.g2t {clear:left; margin:30px auto; width:800px;}
div.g2t input.btn {font-size:12pt;}
div.g2tfoot {clear:both; border-top:1px dashed gray; font-size:0px; padding:0; margin:0 auto; width:800px;}
div.g2p {margin:20px auto; clear:both; width:800px; border-top:1px dashed gray; padding-top:12px;}
div.g2p img {width:300px; padding:4px 9px 4px 4px;}
div.g2p p {width:300px; margin-top:0px; margin-bottom:3px; padding:4px;}
div.g2p div {padding:4px 4px 4px 325px;}
div.g2phead {clear:left; margin:20px auto; width:800px; padding-top:15px; border-top:#808080 1px solid; font:normal normal bold 18pt Calibri,Arial,sans-serif;}

/* gallery styles g3*/
body.g3body {background-color:white; text-align:center; font:normal normal normal 14pt Calibri,Arial,sans-serif;}
div.g3w {width:880px; margin:0 auto; padding:0; text-align:left;}
div.g3h {font:normal normal normal 18pt Verdana,Arial,sans-serif; color:white; text-align:center; background-color:black; 
    padding-top:10px; padding-bottom:14px;}
div.g3t {margin:30px auto; width:100%; clear:both;}
div.g3t input.btn {font-size:12pt;}
div.g3tfoot {clear:both; border-top:1px dashed gray; font-size:0px; padding:0; margin:0 auto; width:880px;}
div.g3p {margin:0 20px; float:left; width:400px; border-top:1px dashed gray; padding-top:12px;}
div.g3p img {width:400px; padding:4px 9px 4px 4px;}
div.g3p p {width:400px; margin-top:0px; margin-bottom:3px; padding:4px; font-size:13pt;}
div.g3phead {clear:left; margin:20px auto; width:800px; padding-top:15px; border-top:#808080 1px solid; font:normal normal bold 18pt Calibri,Arial,sans-serif;}

/* gallery styles g4*/
body.g4body {background-color:white; text-align:center; font:normal normal normal 14pt Calibri,Arial,sans-serif;}
div.g4w {width:880px; margin:0 auto; padding:0; text-align:left;}
div.g4h {font:normal normal normal 18pt Verdana,Arial,sans-serif; color:white; text-align:center; background-color:black; 
    padding-top:10px; padding-bottom:14px;}
div.g4t {margin:30px auto; width:100%; clear:both;}
div.g4t input.btn {font-size:12pt;}
div.g4tfoot {clear:both; border-top:1px dashed gray; font-size:0px; padding:0; margin:0 auto; width:880px;}
div.g4p {margin:0 8px; float:left; width:200px; border-top:1px dashed gray; padding-top:12px;}
div.g4p img {width:200px; padding:4px 9px 4px 4px;}
div.g4p p {width:200px; margin-top:0px; margin-bottom:3px; padding:4px; font-size:11pt;}
div.g4phead {clear:left; margin:20px auto; width:800px; padding-top:15px; border-top:#808080 1px solid; font:normal normal bold 18pt Calibri,Arial,sans-serif;}

/* search page */
body.searchBody {background-color:white; font:normal normal normal 14pt Calibri,Arial,sans-serif; text-align:center;}
div.searchBody {width:100%; margin:0 auto; padding:0; text-align:left;}
div.searchBody>div {margin:20px auto; clear:both;}
div.searchHead {width:100%;}
div.searchHead>h1 {font:normal normal normal 18pt Verdana,Arial,sans-serif; color:white; text-align:center; background-color:black;
    padding-top:5px; padding-bottom:5px;}
div.searchForm {width:980px;margin:20px; border:1px solid #bbbbbb; padding:6px;}
.searchForm, .searchForm input, .searchForm p {font-size:14pt; }
div.searchForm p {margin:5px 0;}
div.searchPiconly p, div.searchPiconly input {color:#dddddd}
div.searchResults {width:980px;}
div.searchResult {width:300px; height:145px; float:left; margin:5px 10px 15px 10px; border:#dddddd 1px solid; font-size:11pt; box-shadow:7px 7px 5px #aaaaaa;}
div.searchText {float:left; width:134px; padding:8px; line-height:100%;}
div.searchText img {width:130px; height:87px; padding:2px;}
div.searchFoot {width:980px;border-top:1px dashed gray; margin:20px auto; padding-top:10px; text-align:center; clear:left;}
.searchBtn {color:black; font:normal normal normal 8pt Verdana,Arial,sans-serif; }

/* events */
div.evtmon {position:relative; background-color:#fffaf2; width:230px; float:left; margin:10px; padding:10px; border:2px solid #aaaaaa;
border-radius: 3px 3px 3px 3px; box-shadow: 3px 3px 3px #AAAAAA; font-weight:bold; font:normal normal bold 25px arial; }
div.evtmon>img {width:230px; z-index:0}
div.evtmon>div {z-index:1; position:absolute; left:10px; top:11px; width:230px; background-color:white; opacity:0.6; filter:alpha(opacity=60);}
div.evtmon>p {z-index:2; position:absolute; left:10px; top:11px;  margin: 0 0 0 10px; color:#505ebd; }
div.evtevents {float:left; width:600px;}
div.evt {background-color:#fffaf2; width:240px; float:left; margin:10px; padding:10px; border:2px solid #aaaaaa;
border-radius: 3px 3px 3px 3px; box-shadow: 3px 3px 3px #AAAAAA;}
div.evt>h3 {color:#505ebd; margin-top:0px; font-size:15px;}
div.evt>div {float:right; width:50px; background-color:#84a4c3; text-align:center; color:white; font:normal small-caps bold 25px arial;}
div.evt>div>div.mon {background-color:#9cb6c3; padding:3px; font-size:15px;}
div.evt>div>div.day {background-color:#84a4c3; padding:3px; margin-bottom:10px;}
div.evtmsg {clear:both; border:1px dotted gray; padding:5px; margin:30px 100px 10px 100px}
