.regionArticle{
}
  
/* ==============================================================
*
* Region styles for Regions List
*
/* --------------------------------------------------------------
/* RegionMediumContainer
-------------------------------------------------------------- */ 
.darkColorRegionMediumContainer, .darkColorRegionMediumContainerHover,
.baseColorRegionMediumContainer, .baseColorRegionMediumContainerHover,
.alternativeColorRegionMediumContainer, .alternativeColorRegionMediumContainerHover{
  text-align: center;
  cursor: pointer;
  width: 182px;
  height: 293px;
}
.regionArticle .darkColorRegionMediumContainer{
  border: solid 1px #A57D66;
  background-color: #A57D66;
}
.regionArticle .baseColorRegionMediumContainer{
  border: solid 1px #A57D66;
  background-color: white;
}
.regionArticle .alternativeColorRegionMediumContainer{
  border: solid 1px #A57D66;
  background-color: #E4D8D1;
}
.regionArticle .darkColorRegionMediumContainerHover,
.regionArticle .alternativeColorRegionMediumContainerHover{
  border: solid 1px #A57D66;
  background-color: white; 
}
.regionArticle .baseColorRegionMediumContainerHover{
  border: solid 1px #A57D66;
  background-color: #E4D8D1;
}

/* --------------------------------------------------------------
/* RegionMediumTitle
-------------------------------------------------------------- */
.regionArticle .regionMediumTitle{ 
  color: #653721;
  font-family: Georgia; 
  font-size: 16px; 
  font-weight: bold; 
  border-style: dotted;
  border-width: 1px 0px;
  border-color: black;
  margin: 6px 6px 6px 6px;
  text-transform: uppercase;
  height: 52px;
  vertical-align: middle;
}
.regionArticle .regionMediumTitle a, 
.regionArticle .regionMediumTitle a:hover, 
.regionArticle .regionMediumTitle a:visited {
  text-decoration: none;
  color: #653721;
}
/* --------------------------------------------------------------
/* regionMediumImage
-------------------------------------------------------------- */
.regionMediumImage{
  padding: 0px 6px 5px 6px;
  width: 166px;
}
.regionMediumNoImage{
  font-family: verdana;
  font-size: 11px;
}
.darkColorRegionMediumContainer .regionMediumNoImage{
  color: White;
}

/* ==============================================================
*
* Region styles for Regions Details View
*
/* --------------------------------------------------------------
/* RegionDetailsContainer
-------------------------------------------------------------- */ 
.regionDetailsContainer {
  padding: 5px; 
  margin: 0px 5px 0px 5px;
  width: 500px;
  border-top: solid 2px #A1775F; 
  border-bottom: dotted 1px #A1775F; 
}
.regionDetailsContainer .regionDetailsTitle {
  text-align: left;
  font-size: 16px;
  font-weight: bold;
  color: #653721; 
  margin: 5px 0px 15px 0px;
  text-transform: uppercase;
  text-align: center;
}
.regionDetailsContainer .regionDetailsDescription {
  text-align: left;
  font-family: Verdana;
  font-size: 12px;
}
.regionDetailsContainer .regionDetailsImageContainer {
  float:left;
  margin: 0px 6px 5px 0px;
}
.regionDetailsContainer .regionDetailsImage{
  width: 190px;
}