/*
 *  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;
}

div#content_wrapper{
        margin: 0 auto;
        width:960px;
        text-align:left;
}

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{
  float:left;
  margin-top: 10px;
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: -10px;
}

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

ul#menuList{
  float:left;
  position:relative;
  top:122px;
  width:441px;
  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;
}

ul#adminMenuList{
  position: relative;
  display: inline;
  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;
  background: #F0F7FF;
  list-style: none;
}

#adminMenuWrapper{
	float:left;
	position:relative;
  	top:20px;
	width:1000px;
	height:50px;
}

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;
   background: #F0F7FF;
   border: solid #D7C1C2 1.25pt;
   color: #6D0F14;
   font-size: 12pt;
   font-weight: normal;
   padding: 40px 30px 10px 10px; 
   clear:both;
}

div#content.job{
   position:relative;
   border: solid #D7C1C2 1.25pt;
   background: #FFFFFF;
   color: #000000;
   font-weight: normal;
   font-family: arial, sans-serif;
   font-size: 14pt;
   padding: 40px 30px 10px 30px;
}

table#content{
   position: relative;
   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: 10px;
   padding-right: 10px;
   margin-left: 0px;
   margin-right: 0px;
   width: 100%;
   clear:both;
}

.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; 
         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;
	width:400px;
	height:350px;
}


.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;
}

#fbimageDiv {
    float:right;
    position:relative;
    top:112px;
    width:170px;
}

#facebookImage {
    width: 108px;
    height: 33px;
}

.textresizer { border: 2px solid #cecece; list-style: none; margin: 0 0 0 5px; padding: 2px; display: inline }
.textresizer li { float: left; line-height: 26px; margin-right: 5px; }
.textresizer .small { font-size: 10px;}
.textresizer .medium { font-size: 14px; }
.textresizer .large { font-size: 22px; }

#header_wrapper{
	height:180px;
}