/* 
COLOUR GUIDE
#035748 - dark green border, and hover for links
#fff - white
#000 black
#cccccc  - light grey border
#808080 - grey text in footer
#3c3c3c - darker grey of nav links
##035748 - green of the h1 span and the headers, footer links
#ffcc00 - yellow of zest
#cc33cc - purple/pink of life
#58326A - purpley border H2
*/

body {
	margin:0px;
	padding:0px;
	background: url(images/purplegradient.png) repeat-x top #035748;
	text-align:center;
	font-family:arial helvitica, sans-serif;
	font-size:75%;
}
img {
border:0;
}

#container {
	width:900px;

	border: 2px solid #58326A;
	text-align:left;
	margin: 15px auto;
	background: url(images/bigger_grey_stripe.png) repeat-y top #fff;
	colour ##E7E2F2
}

#simpler #container {
background-image:none;
}

#leftcolumn {
position:relative;
  float: left;
 
  width: 170px;
}


#textwrapper {
  width: 728px;

  float: left;
  text-align:left;
}

#middlecolumn {
  
  padding: 0px 8px 0px 16px;
  
  clear: left;
  float: left;
  color: #333333;
 text-align: justify; 
  width: 250px;
}


#rightcolumn {
  
  padding: 0px 10px 0px 16px;
  color: #333333;
 text-align: justify; 
  width: 250px;
  float: left;
}

#farright {

  padding: 0px 5px 0px 10px;
  color: #333333;
text-align: justify;
  width: 160px;
  float: left;
}

#footer {
  border-top: 1px solid lightgrey;
  background: white;
  color:#808080;
  text-align: center;
  width: 100%;
  height: 24px;
  min-height: 24px;
  clear: both;
  padding-bottom: 10px;
}

#fulltext {
width:550px;
background:#fff;
}

#centralbox {
width:470px;
float:left;
margin-left:100px;
}

.doubler {
width:120px;
float:left;
}

#subheader{
width:500px;
background:#fff;
}


/* navigation styles */

#navcontainer {
  background: white none repeat scroll 0%;
  float: left;
  color: #333333;
  margin-top: 15px;
margin-bottom:50px;
  width: 170px;
}
#navcontainer ul, #navcontainer ul li {
  margin: 5px 0px 0px;
  list-style-type: none;
  list-style-image: none;
  list-style-position: outside;
  font-weight: bold;
  text-decoration: none;
  padding-left: 10px;
  background-image: none;
  padding-bottom:0;
}
#navcontainer ul li a {
  font-weight: bold;
  text-decoration: none;
  padding-left: 10px;
  color: #3c3c3c;
}
#navcontainer ul li a:hover {
  background-image: url(images/bullet.png);
  background-repeat: no-repeat;
  background-position: 0 4px;
  padding-left: 10px;
  color: #035748;
}


a:link, a:visited, a:hover  {
color:#035748;
}


#farright ul, #farright ul li {
 list-style-type: none;
 list-style-position: outside;
 padding:2px;
 background-image: none;
}

#farright ul li a {
  background-repeat: no-repeat;
  background-position: 0 4px;
  padding-left:2px;
font-weight: bold;
text-decoration: none;
color: #3c3c3c;
  }
#farright ul li a:hover {
  background-image: url(images/bullet.png);
  background-repeat: no-repeat;
  background-position: 0 4px;
  padding-left:10px;
  }  
  

/* map hovers */
.maps, .maps2, .maps3 {
width:270px;
height:100px;
font-size:120%;
}

.maps a:link, .maps a:visited {
display:block;
height:100px;
padding-left: 145px;
background-image: url(images/map1-aa.png);
text-decoration:none;
}

.maps a:hover, #maps a:active {
background-image: url(images/map1-bb.png);
background-color: #abc7c2;
color:#000;
}


.maps2 a:link, .maps2 a:visited {
display:block;
height:100px;
padding-left: 145px;
background-image: url(images/map2-aa.png);
text-decoration:none;
}

.maps2 a:hover, #maps2 a:active {
background-image: url(images/map2-bb.png);
background-color: #abc7c2;
color:#000;
}


.maps3 a:link, .maps3 a:visited {
display:block;
height:100px;
padding-left: 145px;
background-image: url(images/map3-aa.png);
text-decoration:none;
}

.maps3 a:hover, #maps3 a:active {
background-image: url(images/map3-bb.png);
background-color: #abc7c2;
color:#000;
}


/* text styles */
h1 {
font-size: 180%;
padding-top:10px;
text-align:center;
/* color:#58326A; */
}

h1 span {
color:#58326A;
}

h2 {
color:#58326A;
text-align:left;
font-size:160%;
margin-bottom:17px;
}

#subheader h2 {
color:#000;
}

#subheader span {
color:#09357AF;
}

h3 {
color:##58326AF;
text-align:left;
font-size:130%;
}

.zest {
font-size: 130%;
color:#ffcc00;
font-weight:normal;
}
.life {
font-size:130%;
color:#cc33cc;
font-weight:normal;
}

.b {
font-weight:bold;
}

/* removed li styles just for index's far right link list */
 /* li   {
  margin-left: -20px;
  padding-left: 10px;
  list-style-type: none;
  list-style-image: none;
  list-style-position: outside;
  background-image: url(images/bulletgrey.png);
  background-repeat: no-repeat;
  background-position: 0 4px;
  padding-bottom:0.5em;
}
*/

hr {
  border:  none;
  margin: 0 0 3px;
  background: #cccccc;
  color: #cccccc;
  height: 1px;
  clear:both;
}


#credits {
margin-top:50px;
padding-left:10px;
}

h1.energy
 {
font-size: 200%;
padding-top:15px;
text-align:center;
color: #694E72;
}

h2.energy2
 {
color:#6B4977;
margin-left: 10px;
text-align:center;
font-size:170%;
}

h3.energy3
{
color:#A36FA9;
text-align:center;
font size: 140%;
}


.floatright
{
float: right;
margin: 0 0 10px 10px;
padding: 2px;
}

p.right {text-align: right}
p.center {text-align: center}

.contentimg
{
margin-left:10px}