@import url("acd4_1col.css") only screen and (max-width:1199px);
@import url("acd4_2col.css") only screen and (min-width:1200px);

/* ==============================================================================*/
/* == global tag overrides == */
/* ==============================================================================*/

body {
  font-family: Arial, Helvetica, sans-serif;
  font-size:14px;
  background-image:url("Grph/marijuana.jpg");
}

a:link {
  color:#0000ff;
  text-decoration:none;
}
a:visited {
  color:#0033ff;
  text-decoration:none;
}
a:hover {
  color:#cc6600;
  text-decoration:underline;
}

/* ==============================================================================*/
/* == IDs & media == */
/* ==============================================================================*/

#flexi_page, .flexi_page { /* map */
  max-width:1176px;
  min-width:580px;
} 
#white_page, .white_page, #flexi_page, .flexi_page  {
  border-radius:16px;
}
.panel, .panelTit, .panelList {
  border-radius:12px;
}
.inner, .CommScrollBox {
  border-radius:6px;
}
.block, .blockFullShort, .blockFullMed, .blockFullTall
, .mapI, .forumI, .menuPic, .PicFrame {
  border-radius:5px;
}
 .detRow, .cValWidthWide, .contentWide, .contents, a.idxPanel {
  border-radius:4px;
}

/* -- switched -- */

#white_page, .white_page, #flexi_page, .flexi_page  {
  position:relative;
  margin:12px auto 12px auto;
  background:#FFFFDD; 
  display:block;
  padding:6px;
  overflow:auto;
} 

.panelTit {
  position:relative;
  display:block;
  min-width:556px;  
}
.tit_leaf {
  position:absolute;
}
.nav-bar {
  display:block;
  position:absolute;
  border:1px solid #FF9999;
  box-shadow:0 0 9px #FFFFFF;
  background-color:#33AA33;
  background:linear-gradient(#008800, #00FF00, #00CC00);
}
.ACD_search {
  width:180px;
  display:block;
  background-color:#EEEEEE;
}
#ACD_SearchBox {
  position:absolute;
  left:10px;
  top:0px;
  width:142px;
  border:0;
  background-color:#EEEEEE;
}
#ACD_SearchBut {
  position:absolute;
  left:158px;
}

/* ==============================================================================*/
/* == classes == */
/* ==============================================================================*/

/* -- panels --------------------*/

.panelTit {
  background:#EEE899; 
  background:linear-gradient(#EEE866, #FFF9CC);
  border:1px solid #FF9999;
} 
.panelTit, .centre {
  text-align:center;
}
.panel, .panelTit, .panelList {
  margin:6px;
  padding:6px;
}
.panel, .panelList {
  position:relative;
  background:#006600; 
  background:linear-gradient(#006600, #009900);
  float:left;
}
.p2width {
  clear:both;
}

/* -- panel inners --------------------*/
.inner, .mapI {
  clear:left;
  overflow:auto;
}
.inner {
  background:#99FF99; 
  background:linear-gradient(#009900, #33CC33);
  margin:0;
  padding:6px;
}
.inner > :last-child {
  margin-bottom:0;
}
.inTall {
  max-height:770px;
}
.NoPad {
  padding:0;
}

/* inside inner and panel - usually content -  white background */
.mapI, .forumI, .CommScrollBox, .detRow, .contents, .PicFrame, a.idxPanel
  , .block, .blockFullShort, .blockFullMed, .blockFullTall {
  border:1px solid #009900;
  margin:0;
}
.block, .blockFullShort, .blockFullMed, .blockFullTall, .contentWide, .cBGwht {
  background:white;
}

.contentWide { /* stretch-wide (switched) shallow */
  float:left;
}

.mapI, .forumI, .CommScrollBox  {
  display:block;
  padding:0;
  margin:0;
}
.mapI, .forumI, .contents, .CommScrollBox {
  width:550px;
}
.mapI {
  height:514px;
}
.forumI {
  min-height:514px;
}

/* -- headings ---------------- */

.centre {
  display:block;
  position:relative;
  margin:auto;
}
.BigHead {
  margin:0px auto 0px auto;
  text-align:center;
  font-size:30px;
  font-weight:bold;
  color:#CC0000;
}
h2.MedHead {
  margin:12px 0 6px 0;
}

/* -- common panel sections ------*/

.panel_head, .panel_head_sm, .panel_head_xs, .panel_tail {
  clear:left;
}
.panel_head, .panel_head_sm, .panel_head_xs {
  height:21px;
  text-align:center;
  color:white;
  font-weight:600;
}
.panel_tail {
  height:16px;
  padding-top:6px;
}
.panel_head {
  font-size:16px;
}
.panel_head_sm {
  font-size:14px;
}
.panel_head_xs {
  font-size:12px;
}
.panel_head img, .panel_head_sm img, .panel_head_xs img, .panel_tail img {
  vertical-align:middle;
}
.panel_head a:link, .panel_head a:visited, .panel_head_sm a:link, .panel_head_sm a:visited, .panel_head_xs a:link, .panel_head_xs a:visited {
  color:#99CCFF;
  text-decoration:underline;
}
.panel_head a:hover, .panel_head_sm a:hover, .panel_head_xs a:hover {
  color:#FF9900;
}

.TopBut {
  float:right;
}

/* -- info rows ------------*/

.detRow, .contents, .block, .blockFullShort, .blockFullMed, .blockFullTall {
  clear:left;
  float:left;
  overflow:auto;
  margin:0 0 2px 0;
}
.detRight {
  clear:none;
  margin-left:2px;
}

.cBGimg {
  background-image:url("Grph/colBG.png");
}
.cBGimgI, .contents {
  background-image:url("Grph/colBGicon.png");
}

ul.pageNav {
  display:block;
  margin:0;
  padding:4px;
  float:left;
  list-style-image:url('Grph/Down.png');
}
ul.pageNavInset {
  margin-left:16px;
}
.col, .iconColLabel, .iconColLabelAddr, .labelCont, .iconColValue, .iconColValueAddr, .iconColIcon {
  position:relative;
  padding:4px;
  float:left;
}
.cLab, .iconColLabel, .iconColLabelAddr, .labelCont {
  border-top-left-radius:3px;
  border-bottom-left-radius:3px;
}
.cLab, .labelCont {
  width:114px;
}
.cValWidthNormal, .iconColValue, .iconColValueAddr {
  width:420px;
}
.cValWidthHalf {
  width:143px;
}
.cValWidthWide {
  width:542px;
  text-align:center;
}
.iconColValueAddr, .iconColLabelAddr  {
  font-size:18px;
}
.labelCont {
  height:96px;
}

.iconColLabel, .iconColLabelAddr{
  width:90px;
}

.block, .blockFullShort, .blockFullMed, .blockFullTall {
  width:532px;
  padding:9px;
}
.blockFullShort {
  height:268px;
}
.blockFullMed {
  height:495px;
}
.blockFullTall {
  height:734px;
}
/* -----------------------*/
.PicCentre {
  display:table-cell;
  text-align:center;
  vertical-align:middle;
  width:552px;
}
.PicCentre.lrgPic {
  width:564px;
  height:528px;
}
.PicFrame {
  background:white; 
  padding:5px;
}

.CommRow {
  margin:0px 1px 1px 0px;
  padding:3px;
  background:#EEFFEE;
}

.ShopName {
  font-size:32px;
  font-weight:bold;
  color:#CC0000;
}
.TownName {
  font-size:28px;
  font-weight:bold;
  color:#CC0000;
}

.imgLeft, .imgRight {
  display: inline-block;
  vertical-align: middle;
}
.imgLeft {
  float:left;
  margin-right:12px;
}
.imgRight {
  float:right;
  margin-left:12px;
}
.imgCentre {
  display: block;
  margin:0 auto;
}
.tailMess, .tailMess a {
  color:white;
}
/* -- index page -----------*/

a.idxPanel {
  display:inline-block;
  height:137px;
  text-decoration:none;
  color:black;
  float:left;
  padding:6px;
}
a.idxPanel:hover {
  background:yellow;
}
.adPanel {
  width:668px;
  height:94px;
  margin:auto;
  background:white;
}
.ad {
  float:left;
  position:relative;
  padding:6px;
}

/* -- Geo List -------------*/
.GeoTable   {
  background:#009900; 
  border-spacing:1px;
  margin:-1px;  
}
.GeoDistHead {
  text-align:left;
  font-size:14px;
  color:white;
  padding:3px;
}
.GeoNeighHead {
  background:#99CC99; 
  text-align:center;
  font-size:11px;
  color:black;
  padding:2px;
}

.GeoPCcell, .GeoStCell, .GeoNoCell, .GeoShCell, .alphaKW, .alphaShop, .AmsStCell, .AmsNoCell, .AmsShCell, .TownNameCell, .TownNumbCell {
  font-size:14px;
  padding:3px;
}
.GeoPCcell {
  width:20px;
}
td.GeoPCcell {
  color:#AAAAAA;
}
.GeoStCell {
  width:197px;
}
.GeoNoCell {
  width:54px;
}
.GeoShCell {
  width:254px;
}
.AmsStCell {
  width:204px;
}
.AmsNoCell {
  width:54px;
}
.AmsShCell {
  width:274px;
}
.TownNameCell {
  width:234px;
}
.TownNumbCell, .GeoTable th.TownNumbCell {
  width:45px;
  font-size:12px;
  text-align:right;
}
.GeoTable th.TownHead {
  text-align:center;
}
.GeoTable th {
  background:#66CC66;
  font-weight:normal;
  text-align:left;
}
td.GeoPCcell, td.GeoStCell, td.GeoNoCell, td.GeoShCell, td.alphaKW, td.alphaShop, td.TownNameCell, td.TownNumbCell, td.AmsStCell, td.AmsNoCell, td.AmsShCell {
  background:white;
}
td.GeoPCcell, td.GeoStCell {
  vertical-align:top;
}
.GeoStreetCont { /* see here ams only */
  width:552px;
  padding:6px;
  background:white; 
  display:block;
} 

/* -- Alpha List -------------*/
.alphaKW {
  width:129px;
}
.alphaShop {
  width:410px;
}
.Alphabet {
  display:block;
  float:left;
  width:16px;
  border:2px outset green;
  margin-right:1px;
  text-align:center;
  background:#FFFF66;
  font-weight:bold;
}
.Alphabet a {
  display:block;
}
/*
.Alphabet:last-child{
  margin-right:0;
}
*/
/* -- Directory page ----------*/
.AmIndTable   {
  width:552px;
  background:#009900; 
  border-spacing:1px;
  margin:0;
}
.AmIndCell {
  font-size:14px;
  padding:2px 6px 2px 6px;
  background:white;
  min-width:90px;
}
.AmIndNote1, .AmIndNote2 {
  font-size:12px;
  text-align:center;
  margin-top:2px;
  background:white;
  border:1px solid #666666;
  padding:2px;
}
.AmIndNote2 {
  line-height:24px; 
  vertical-align:middle;
}
.imgNamePlate {
  margin:0;
  padding:0;
  border:none;
  vertical-align:middle;
}
.blockFullMed ul {
  float:left;
  display:block;
  margin:0 0 0 36px;
  padding:0;
}
.CommScrollBox {
  overflow:auto;
}
.blockFullMed .CommScrollBox {
  padding:0;
  margin:0;
  width:530px;
  height:492px;
}
.blockFullShort .CommScrollBox {
  padding:0;
  margin:0;
  width:512px;
  height:212px;
}
.blockFullMed .CommScrollBox .GeoTable td {
  background:white;
  width:504px;
  padding:3px;
}
.TownScrollBox .GeoTable td {
  background:white;
  padding:3px;
}

/* ------------------- */
.TypeIcon {
  margin:0px;
  padding:0px
  width:16px;
  height:16px;
  vertical-align:bottom;
}

.Closed {
  text-decoration:line-through;
}
.Confirmed {
  font-weight:bold;
}
.AmsMap {
  display:block;
  margin:12px auto 12px auto;
  text-align:center;
  width:1039px;
  height:1139px;
}
.Red16bold {
  color:#CC0000;
  font-size:16px;
  font-weight:bold;
}  
.CorComTab {
}
.CorComTab th {
  text-align:left;
}
.CorComTab td {
  vertical-align:top;
}

/* --- main menu -----------------------------*/
.search form {
}
ul.MainMenu {
  display:block;
}
.MainMenu li {
  float:left;
}
ul.MainMenu, ul.provMenu {
  list-style:none;
  margin:0;
  padding:0;
}
.MainMenu li a, .provMenu li a {
  display:block;
}
.MainMenu li a {
  text-decoration:none;
  text-shadow:0 0 12px #FFFFFF;
  border-style:solid;
  border-width:0 2px 0 0;
  border-right-color:#BBEECC;
  border-right-style:groove;
}
.MainMenu li:last-child a {
  border:0;
}
.provMenu li a {
  padding:0 14px 0 14px;
}
.MainMenu li a:hover:not(.active)  {
  color:#FFFFFF;
}
.MainMenu li a:not(.active) {
  color:black;
}
.MainMenu li a.active, .provMenu li.active a {
  color:#990000;
}
.dropdown {
  position:absolute;
  list-style:none;
  overflow:auto;
  padding:0;
  background-color:#33CC33;
  border:1px solid #009900;
  border-radius:0px 0px 6px 6px;
  box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2);  
  display:none;
  z-index:2;
}
.dropdown li {
  clear:both;
  padding-left:28px;
  
  width:250px;
  max-height:31px;
}
.dropdown li:hover {
  background:#006600;
}
.dropdown a:hover {
  color:white;
  text-shadow:0 0 12px #FFFFFF;
}

.MainMenu li ul li a { /* override used for sub-menu - clear MainMenu li for dropdown */
/* clear from .MainMenu li */
  float:none;
/* clear from .MainMenu li a */
  text-shadow:none;
  border-style:none;
  border:0;
  
  
  line-height:auto;
  /* font-size: 12px; */
    
  padding:0;
  margin:0;

  text-align:left;
  font-weight:normal;

  width:auto;
  height:auto;
  
  font-weight:bold;
}



.dropdown li a {
}

.MainMenu li:hover .dropdown {
  display:block;
}
/*-------Neighbourhood pages--------------------*/
.NeighTbl {border-spacing:1px; margin:-1px;}
.nBlock {display:inline-block; background-color:#FFEEAA; text-align:center; border:1px solid #CCBB99;}
.nB12 {padding:6px; width:74px;}
.nB21 {padding:1px; width:161px; height:16px;}
.nB11 {padding:1px; width:77px; height:16px;}
/*----------------------------------------------*/