﻿body
{
    font-family: Verdana, Sans-Serif;
    font-size: 10pt;
    margin: 0px;
    padding: 0px;
    color: #C39F6C;
    background-color: White;
}
a, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a
{
    color: #4B5676;
    text-decoration: none;
}
a:Hover
{
    color: #C00000;
}

h1, h2, h3, h4, h5, h6
{
    margin: 0px;
    padding: 0px;
    border: 0px;
    font-weight: normal;
    color: #BB9257;
}
p
{
    margin: 0px;
    padding: 0px;
    border: 0px;
}
h1, h2
{
    font-size: 16pt;
}
h3
{
    font-size: 12pt;
}
h4, h5
{
    font-size: 10pt;
}

#page,
#header, #header .logo, #header .coords,
#navigation,
#content,
#left,
#right,
#far-right,
#footer, #footer .tel, #footer .url,
#legal,
#iso, #iso .left, #iso .middle, #iso .right,
#logos, #logos .img
{
    overflow: hidden;
    height: 100%;
}

#page
{
    width: 870px;
    margin: 0px auto;
}

/* Header */
#header
{
    background-color: #4C5A75;
    color: White;
}
#header h1
{
    font-size: 22pt;
    text-transform: uppercase;
    color: White;
}
#header h2
{
    font-size: 14pt;
    color: White;
}
#header h3, #header p
{
    font-size: 10pt;
    margin-bottom: 5px;
    color: White;
}
#header h1, #header h1 a, #header .coords a
{
    color: White;
}
#header h1 a:Hover, #header .coords a:Hover
{
    text-decoration: underline;
}
#header .logo
{
    float: left;
    width: 50%;
    padding: 22px 0px 15px 10px;
}
#header .coords
{
    float: right;
    width: 40%;
    text-align: right;
    padding: 5px 5px 5px 0px;
}

/* Main navigation */
#navigation
{
    margin-bottom: 30px;
}
#navigation, .Menu ul.Links li a, #right .record-menu ul.Links li a, .Menu-Item
{
    background: #7385A3 none;
}
#navigation ul, #navigation li,
.Menu ul.Links, .Menu ul.Links li,
.record-menu ul, .record-menu ul li
{
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}
#navigation li a,
.Menu ul.Links li a,
#right .record-menu ul.Links li a
{
    display: block;
    padding: 2px 4px;
    color: White;
    border-top: solid 1px #D7D7D7;
}
#navigation li a:Hover, #navigation li a.Selected
{
    background-color: #3F4C67;
}

/* Main page content */
#content
{
    min-height: 380px;
    padding: 0px 0px 15px 0px;
}
#content, #iso
{
    background: White url("page-bg-2.png") repeat-y left top;
}
#left, #iso .left
{
    float: left;
    width: 170px;
    margin-right: 14px;
}
#right, #iso .middle
{
    float: left;
    width: 502px;
    padding: 15px 0px 0px 0px;
    margin-right: 13px;
}
#far-right, #iso .right
{
    float: right;
    width: 170px;
}
#right a
{
    padding-left: 8px;
    background: Transparent url("link.gif") no-repeat left center;
}
#right a:Hover
{
    background-image: url("link-selected.gif");
}
#right h1 a, #right h2 a, #right h3 a, #right h4 a, #right h5 a, #right h6 a,
#right h1 a:Hover, #right h2 a:Hover, #right h3 a:Hover, #right h4 a:Hover, #right h5 a:Hover, #right h6 a:Hover
{
    background-image: none;
    padding: 0px;
}
h1 a:Hover, h2 a:Hover, h3 a:Hover, h4 a:Hover, h5 a:Hover, h6 a:Hover
{
}


/* Footer */
#footer
{
    background-color: #313131;
    color: White;
    padding: 6px 0px;
    font-size: 8pt;
    text-align: center;
}
#footer a
{
    color: White;
    text-decoration: underline;
}
#footer a:Hover
{
    text-decoration: none;
}
#footer ul.Links
{
    margin: 0px 0px 5px 0px;
    padding: 0px;
    list-style-type: none;
}
#footer ul.Links li
{
    display: inline;
    margin: 0px;
    padding-left: 4px;
}
#footer ul.Links li a
{
    border-right: solid 1px White;
    padding-right: 4px;
}

/* ISO section */
#iso
{
    text-align: center
}
#iso h5
{
    font-size: 12pt;
    margin: 0px 0px 5px 0px;
    text-transform: uppercase;
}
/* Inherits width and float from #content id's */
#iso .left
{
}
#iso .middle
{
    font-size: 8pt;
    padding-top: 25px;
    text-align: center;
}
#iso .right
{
    font-family: Arial, Sans-Serif;
    font-size: 7pt;
    padding-bottom: 10px;
    color: #C1A949;
}
#iso img
{
    margin-bottom: 2px;
}

/* Logos for the right-hand side */
#logos
{   
}
#logos .img
{
    border-top: solid 1px #7385A3;
    border-right: solid 10px #7385A3;
    border-bottom: solid 1px #7385A3;
    border-left: solid 1px #7385A3;
    background-color: #EAF6D6;
    height: 90px;
    margin-bottom: 1px;
}
#logos a.img-link
{
    color: White;
    background-color: #7385A3;
    display: block;
    padding: 3px;
    text-align: center;
    width: 120px;
    position: relative;
    top: 65px;
    float: right;
}
#logos a.img-link:Hover
{
    text-decoration: underline;
}
#logos .enquiry-pic
{
    background: #EAF6D6 url("images/enquiry.jpg") no-repeat left top;
}
#logos .mission-pic
{
    background: #EAF6D6 url("images/mission.jpg") no-repeat left top;
}
#logos .brochure-pic
{
    background: #EAF6D6 url("images/brochure.jpg") no-repeat left top;
}
#logos .plant-pic
{
    background:#EAF6D6 url("images/plant.jpg") no-repeat left top;
}
#logos .process-pic
{
    background: #EAF6D6 url("images/process.jpg") no-repeat left top;
}
#logos .gallery-pic
{
    background: #EAF6D6 url("images/gallery.jpg") no-repeat left top;
}
#logos .donate-pic
{
    background: #EAF6D6 url("images/donate.jpg") no-repeat left top;
}
