/* = Homepage modules - left hand column = intros and icons
-----------------------------------------------------------------------------*/

#introColumn {
  border: solid 0px black;
  float: left;
  width: 325px;
}

#introText {
  border: dotted 0px red;
}

#icons {
  margin: 14px 0 0 0;
  border: solid 0px blue;
  background: url('../images/introBottom.png') 8px bottom no-repeat;  
  line-height: 100%;
}

#infoPortal {
  border: solid 0px red;
}

#gallery, #idSheets, #risk, #speciesIcon, #actionPlans {
  border: solid 0px red;
}

#introColumn .addPromo {
  margin-top: 14px;
  background: url('../images/introTop.png') 8px 0 no-repeat;
  position: relative;
}

#introColumn .ccd {
  margin-top: 14px;
  background: url('../images/introTopBlue.png') 8px 0 no-repeat;
  position: relative;
}

#introColumn .ccd img {
  margin-left: 19px
}

/* = Homepage modules - centre column = image and maps
-----------------------------------------------------------------------------*/

#secondaryColumnWrap {
  border: solid 0px red;
  margin-left: 330px;
}

#secondaryColumn {
  border: solid 0px red;
  float: left;
  width: 375px;
  padding-top: 1px;
}

.homeBanner {
  width: 370px;
  height: 100%;
}

.homeBanner a {
  outline: none;
}

.homeBanner img {
  border: none;
}

#callOutText {
  margin-top: 3px;
}

/* = Homepage modules - right hand column = what's new and latest news
-----------------------------------------------------------------------------*/

#promoColumn {
  margin: 0 8px 0 383px;
}

#promoColumn, h2 {
  padding: 0px 18px 0px 4px;
  font-size: 1em;
}

#twitterColumn {
  margin: 10px 8px 0 383px;
}

#promoCurveBL {
  background: url('../images/promoCurveBL.png') left bottom no-repeat;
  min-height: 457px;
}

#promoCurveBR {
  background: url('../images/promoCurveBR.png') right bottom no-repeat;  
  min-height: 457px;  
}

#promoCurveTL {
  background: url('../images/promoCurveTL.png') left top no-repeat;
}

#promoCurveTR {
  background: url('../images/promoCurveTR.png') right top no-repeat;
}

#whatsNewWrap {
  border: solid 0px red;
  margin: 0 12px 12px 12px;
  padding: 3px 0 0 0;
}

#alertWrap {
  border: solid 0px blue;
  margin: 0 12px 0 12px;  
  padding: 12px 0 0 0;  
}

.alertBL {
  border: dotted 0px green;
  background: url('../images/alertBL.jpg') left bottom no-repeat;
}

.alertBR {
  border: dotted 0px blue;
  background: url('../images/alertBR.jpg') right bottom no-repeat;  
  padding: 0 0 16px 0;
}

.alertTL {
  border: dotted 0px red;
  background: url('../images/alertTL.jpg') left top no-repeat;  
}

.alertTR {
  border: dotted 0px yellow;
  background: url('../images/alertTR.jpg') right top no-repeat;
}

.alert {
  margin: 15px 0 0 -18px;
  padding-bottom: 15px;
  background: url('../images/alertBorder.jpg') no-repeat bottom left;
}

#whatsNewBL {
  background: url('../images/whatsNewBL.jpg') left bottom no-repeat;
}

#whatsNewBR {
  background: url('../images/whatsNewBR.jpg') right bottom no-repeat;  
}

#whatsNewTL {
  background: url('../images/whatsNewTL.jpg') left top no-repeat;   
}

#whatsNewTR {
  background: url('../images/whatsNewTR.jpg') right top no-repeat;
}

div.bubbleBL {
  background: url('../images/bubbleBL.png') left bottom no-repeat;
  margin-bottom: 20px;
}

div.bubbleBR {
  background: url('../images/bubbleBR.png') right bottom no-repeat;
}

div.bubbleTL {
  background: url('../images/bubbleTL.png') left top no-repeat;   
}

div.bubbleTR {
  background: url('../images/bubbleTR.png') right top no-repeat;
  padding: 18px 10px 10px 0;
}

div.pageElements {
  overflow: hidden; 
  margin-left: 20px; 
}

#contentBody div.pageElements h2 {
  padding: 0px;
}

#contentBody div.pageElements p.subTitle {
  font-size: 10px;
}

/* = Footer
-----------------------------------------------------------------------------*/

#footNavBL {
  background: url('../images/footerBL.jpg') left bottom no-repeat;
  border: solid 0px blue;
}

#footNavBR {
  background: url('../images/footerBR.jpg') right bottom no-repeat;  
  border: solid 0px red;
}

#footNavTL {
  background: url('../images/footerTL.jpg') left top no-repeat;   
  border: solid 0px green;
}

#footNavTR {
  background: url('../images/footerTR.jpg') right top no-repeat;
  border: solid 0px black;  
}

#footerInner {
  border: dotted 0px red;
  margin: 0 8px 0 10px;
  padding: 12px 0 14px 0;
}