/*
 *  PA colours:
 *  	background: #E2E8E9
 *  	dark text: #6D0F14
 *  	light text: #D7C1C2
 *
 */
body{
  padding-top: 10px;
  padding-left: 10px;
  padding-right: 10px;
  font-family: arial, sans-serif;
  background: #E2E8E9;
  color: #6D0F14;
}

h1{
  font-family: arial, sans-serif;
  font-weight: bold;
  font-size: 36pt;
  color: #339933;
  display: inline;
}
h2{
  font-family: arial, sans-serif;
  font-weight: bold;
  font-size: 24pt;
  color: #6D0F14;
  display: inline;
}

div#logoText{
  display: inline;
}

img#logoImage{
  margin-top: 10px;
  margin-left: 10px;
  margin-right: 10px;
	margin-bottom: -10px;
}

div#leftColumn {
  width:240px;
  float: left;
}

ul#menuList{
  width:241px;
  margin-left: 11px;
  padding-left:2px;
  padding-bottom: 5px;
  padding-top: 5px;
  text-align: left;
  font-weight: 900; 
  color: #6D0F14;
  border-left: solid #D7C1C2 1.5pt;
	border-right: solid #D7C1C2 1.5pt;
  display: inline;
  background: #F0F7FF;
  list-style: none;
}
li.menuItem{
  display: inline;
  padding-left: 1.25%;
  padding-right: 1.25%;
}
li.lastMenuItem{
  display: inline;
  padding-left: 1.25%;
  padding-right: 1.25%;
  border-right: 0px;
}

a.menuText{
  color: #D7C1C2;
  text-transform: uppercase;
  text-decoration: none;
  font-weight: bold;
  font-size: 10pt;
}

a.menuText:hover {
  color: #6D0F14;
}

div#searchForm {
  /*position: relative;*/
  top: 10px;
  color: #D7C1C2;
  text-transform: uppercase;
  text-decoration: none;
  font-weight: bold;
  font-size: 12pt;
	float: right;
	
}

.queryBox {
  color: #555555;
  position: relative;
  top: -2px;
  border: solid #D7C1C2 1.5pt;
}

select.box {
  color: #555555;
  border: solid #D7C1C2 1.5pt;
}

input.box {
  color: #555555;
  border: solid #D7C1C2 1.5pt;
}

input#searchButton{
   position: relative;
   top: 2px;
   left: 5px
}

div#content{
   position:relative;
   top: 11px;
   background: #F0F7FF;
   border: solid #D7C1C2 1.25pt;
   color: #6D0F14;
   font-size: 12pt;
   font-weight: normal;
   padding: 40px 30px 10px 10px;
}

table#content{
   position: relative;
   top: 10px;
   background: #F0F7FF;
   border-top: none; /*solid #D7C1C2 1.25pt;*/
   border-bottom: none;
   border: solid #D7C1C2 1.25pt;
   color: #6D0F14;
   font-size: 10pt;
   font-weight: normal;
   padding-left: 8px;
   padding-right: 8px;
   margin-left: 0px;
   margin-right: 0px;
   width: 100%;
}

.contentElement{
   background: #F0F7FF;
   color: #D7C1C2;
   font-size: 12pt;
   font-weight: normal;
}

.headRow{
   background: #F0F7FF;
   color: #D7C1C2;
   height: 40px;
   text-transform: uppercase;
}

.oddRow{
  background: #E2E8E9;
}
.evenRow{
   background: #F0F7FF;
}

a.tableLink{
  color: #6D0F14;
  font-weight: normal;
  font-size: 10pt;
}

.tipText{
   font-size: 10pt;
}

.popup { 
	POSITION: absolute; 
         display: none; 
         BACKGROUND-COLOR: #ffffff;
         width: 350px; 
         BORDER-LEFT: 1px solid #D7C1C2; 
         BORDER-TOP: 1px solid #D7C1C2; 
         BORDER-BOTTOM: 3px solid #D7C1C2; 
         BORDER-RIGHT: 3px solid #D7C1C2; 
         PADDING: 3px; 
         z-index: 10;
	color: #6D0F14;
}

.mapPopup { 
	POSITION: absolute; 
         display: none; 
         BACKGROUND-COLOR: #ffffff;
         BORDER-LEFT: 1px solid #D7C1C2; 
         BORDER-TOP: 1px solid #D7C1C2; 
         BORDER-BOTTOM: 1.25px solid #D7C1C2; 
         BORDER-RIGHT: 1px solid #D7C1C2; 
         PADDING: 0px; 
         z-index: 10;
	color: #6D0F14;
}


.footerText {
   font-size: 8pt;
}

.footerText a {
  color: #6D0F14;
}

.footerText a:visited {
  color: #6D0F14;
}

.newsHead{
  font-size:1.25em;
  color: #339933;
}
.municipalityList{
text-align: center;
color: #339933;
}
