﻿body 
{
    background-image:url("images/banner.gif");
    background-repeat:repeat-x;
    background-color:#333333;
    margin: 0 auto;
    width:1024px;
}

.jarologo
{
    padding:20px 0 0 0;
}

.content
{
    background-color:White;
    width:1024px;
    height:580px;
    margin-top:14px;
    padding:0;
    clear:both;
}

ul.navigation
{
    margin-top:34px;
    font-family:Georgia, "Times New Roman", Times, Serif;
    font-size:14px;
    color:#99cc00;
    float:left;
    width:100%;
}

ul.navigation li
{
    display:inline;
}
ul.navigation li a
{
    font-family:Georgia, "Times New Roman", Times, Serif;
    font-size:14px;
    color:#99cc00;
    float:left;
    text-decoration:none;
    padding:0 35px 0 35px;
}
ul.navigation li a:hover
{
    color:#edf8cc;
}
ul.navigation li#active a
{
    color:#edf8cc;
}

.colouredsquare
{
    background-color:#edf7cc;
    width:200px;
    height:480px;
    margin: 30px 0 0 30px;
    float:left;
    padding:20px 15px 20px 15px;
    font-family:Georgia, "Times New Roman", Times, Serif;
    font-size:12px;
    color:#333333;
    text-align:left;
}

h1
{
    margin:0 0 0 0;
    font-family:Georgia, "Times New Roman", Times, Serif;
    font-size:20px;
    color:#323232;
    text-align:left;
}

h2
{
    margin:0 0 22px 0;
    font-family:Georgia, "Times New Roman", Times, Serif;
    font-size:20px;
    color:#323232;
    text-align:center;
}

h3
{
  margin:0 0 0 0;
  font-family:Georgia, "Times New Roman", Times, Serif;
  font-size:12px;
  color:#99cc00;
  text-align:center;
  font-weight:normal;
}

h4
{
  margin:240px 0 0 0;
  font-family:Georgia, "Times New Roman", Times, Serif;
  font-size:20px;
  color:#99cc00;
  text-align:center;
  font-weight:normal;
}

a
{
    color:#99cc00;
}

a:link
{
    color:#99cc00;
}



.maps
{
    margin:30px 0 0 40px;
    float:left;
}
.maps img
{
    border-top: solid 1px #99cc00;
    border-right: solid 1px #99cc00;
    border-left: solid 1px #99cc00;
    border-bottom: solid 1px #99cc00;
}
    

.infopanels
{
    margin:30px 0 0 40px;
    float:left;
}

.infopanels img
{
    border-top: solid 1px #99cc00;
    border-right: solid 1px #99cc00;
    border-left: solid 1px #99cc00;
    border-bottom: solid 1px #99cc00;
}

.leaflet
{
    margin:25px 0 0 40px;
    float:left;
}

.leaflet img
{
    border-top: solid 1px #99cc00;
    border-right: solid 1px #99cc00;
    border-left: solid 1px #99cc00;
    border-bottom: solid 1px #99cc00;
}

.illust
{
    margin:25px 0 0 40px;
    float:left;
}

.illust img
{
    border-top: solid 1px #99cc00;
    border-right: solid 1px #99cc00;
    border-left: solid 1px #99cc00;
    border-bottom: solid 1px #99cc00;
}

.flashholder
{
    margin:30px 0 0 40px;
    float:left;
}

.bottombar
{
    margin: 10px 0 0 273px;
    clear:both;
}

#textmid
{
    margin-top:6px;
    float:left;
}

#imgmid
{
    float:left;
}
    