/****************   Default Element Style   ****************/

* {
  margin:0;
  padding:0;
  font-family:Arial,Helvetica,sans-serif;
  color:#a4a7a9;
}	

/****************   Page Structure   ****************/

BODY {  
  background-image:url('../images/background.gif');
  text-align:center; /* to centre the page in IE */
}

#outerWrapper { 
  width:1000px;
  margin:0 auto;     /* centre page in non-IE */
  background-color:#FFF;
  background-image:none;
  position:relative;
}

#innerWrapper { 
  text-align:left;    /* override text-align:center in the BODY tag rule */
  position:relative;
}

#message {
  position:absolute;
  top:140px;
  background-color:#FFF;
  background-position:top left;
  background-repeat:no-repeat;
  z-index:100;
}

#left-column {
  width:180px;
  padding:20px 20px 0 20px;
  float:left;
}

* HTML #left-column {  /* IE dimensions */
  width:220px;
  height:700px;
}

#middle-column {
  width:540px;
  float:left;
  position:relative;
}

#right-column {
  width:240px;
  float:left;
}

/****************   HTML Elements   ****************/

h1 { font-size:27px; line-height:31px; color:#8bc53f; }
ul { margin:0 0 15px 15px; }
ul.small-bullet li, ul.small-bullet li li, ul.small-bullet li li li { list-style-image:url('../images/bullet.gif'); list-style-position:outside;  }


ol { margin:0 0 15px 35px; }
p { margin-bottom:15px; line-height:130%; }
img { border:0; }
a { text-decoration:none; color:#8bc53f; }
a:hover { color:#a4a7a9; }

/****************   Left-column Menu   ****************/

#menu { background:url('../images/dotted-line.gif') bottom left repeat-x; }

#menu ul { list-style-type:none; margin:0;  }

#menu ul li {
  background:url('../images/dotted-line.gif') top left repeat-x;
}

#menu ul li ul li {
  background-image:none;
}

#menu a {
  font-size:75%;
  display:block;
  height:18px;
  padding-top:2px;
  padding-left:3px;  
  color:#a4a7a9;
}

#menu ul li ul li a {
  padding-left:10px;
}

* html #menu a {
  height:20px;
}

#menu a:hover {
  color:#FFF;
  background-color:#8bc53f;
}

#menu a.selected {
  color:#8bc53f;
  font-weight:bold;
}

#menu a.selected:hover {
  color:#FFF;
  background-color:#8bc53f;
}

/****************  Middle-column stuff ***************/

#top-image-wrapper {
	height:140px;
	position:relative;
}

#top-image {
	height:140px;
	width:190px;
	position:absolute;
	left:180px;
}

#middle-center-image {  
	height:193px;
	width:540px;
}

#text-wrapper {
  padding:10px 12px 0 8px;
  font-size:70%;
}

#column-1 {
  width:250px;
  padding-top:5px;
  margin-right:20px;
  float:left;
  background:url('../images/dotted-line.gif') top left repeat-x;
}

#column-2 {
  width:250px;
  padding-top:5px;
  float:left;
  background:url('../images/dotted-line.gif') top left repeat-x;
}

/****************  Right-column stuff ***************/

#leaf {
	height:140px;
  	background:url('../images/leaf.jpg') bottom left no-repeat;
}

#green-block {
	height:310px;
	background-color:#8bc53f;
}

#right-bottom-image {
	height:250px;
  	background-position:bottom left;
	background-repeat:no-repeat;
}


/****************  Diff. Images on Diff Pages ***************/

#home-page #message {   
	width:513px;
	height:166px;
	left:400px;
	background-image:url('../images/home-message.gif'); 
}

#history-page #message {   
	width:382px;
	height:151px;
	left:525px;
	background-image:url('../images/history-message.gif'); 
}
#contacts-page #message {   
	width:412px;
	height:149px;
	left:500px;
	background-image:url('../images/contacts-message.gif'); 
}
#development-page #message {   
	width:369px;
	height:147px;
	left:500px;
	background-image:url('../images/commercial-devt-message.gif'); 
}
#community-page #message {   
	width:382px;
	height:151px;
	left:500px;
	background-image:url('../images/public-transport-message.gif'); 
}
#resources-page #message {   
	width:332px;
	height:163px;
	left:540px;
	background-image:url('../images/resources-message.gif'); 
}


#home-page #top-image, #latest-news #top-image { background-image:url('../images/reeds.jpg'); }
#history-page #top-image { background-image:url('../images/sepia-home.jpg'); }
#contacts-page #top-image { background-image:url('../images/street-scape.jpg'); }
#development-page #top-image { background-image:url('../images/grassy-knoll.jpg'); }
#community-page #top-image { background-image:url('../images/its-a-long-road-but-theres-no-going-back.jpg'); }
#resources-page #top-image { background-image:url('../images/more-parkland.jpg'); }

#home-page #middle-center-image { 
	height:310px;
	background-image:url('../images/leaves-spiral.jpg'); 
}
#history-page #middle-center-image { background-image:url('../images/old-miners.jpg'); }
#contacts-page #middle-center-image { background-image:url('../images/arial-shot.jpg'); }
#development-page #middle-center-image { background-image:url('../images/hard-hats.jpg'); }
#community-page #middle-center-image { background-image:url('../images/watermellon-yummy.jpg'); }
#resources-page #middle-center-image { background-image:url('../images/lovely-vista.jpg'); }
#latest-news #middle-center-image { background-image:url('../images/leaves-spiral-short.jpg'); }

#home-page #right-bottom-image { background-image:url('../images/girl-swinging.jpg'); }
#history-page #right-bottom-image { background-image:url('../images/old-machine-thingyamebob.jpg'); }
#contacts-page #right-bottom-image { background-image:url('../images/dune-wall.jpg'); }
#development-page #right-bottom-image { background-image:url('../images/arial-shot-2.jpg'); }
#community-page #right-bottom-image { background-image:url('../images/arial-shot-3.jpg'); }
#resources-page #right-bottom-image { background-image:url('../images/monkey-bars.jpg'); }
#latest-news #right-bottom-image { background-image:url('../images/girl-swinging.jpg'); }



/****************  Footer  ***************/

#geekit { float:right; width:120px; text-align:right; }

#footer {  
	margin-top:10px;
	height:20px;
	padding-left:20px;
	color:#a4a7a9; 
	font-size:9px;
}

#footer a { 
	color:#a4a7a9; 
	font-size:9px;
	margin-right:8px;
}

#footer a:hover { color:#8bc53f; }

/****************   Miscellaneous   ****************/

.clear { clear:both; }

.site-map ul { margin-bottom:0; }
.site-map li { list-style-type:disc; }