﻿/* Reset various css, a la Yahoo's resetter */

body,div,ul,ol,li,form,fieldset,input,textarea,th,td
{  
    margin:0; 
    padding:0; 
} 

p, h1, h2, h3, h4
{
    margin-top: 12px;
    margin-bottom: 12px;
}

table { 
    border-collapse:collapse; 
    border-spacing:0; 
} 

fieldset,img {  
    border:0; 
} 

ul 
{ 
    list-style-type: disc; 
} 

th
{ 
    text-align:left; 
} 

q:before,q:after
{ 
    content:''; 
} 

/* */

body 
{
    text-align: center;
    font-family: Tahoma, Verdana, Arial, Sans-Serif;
    font-size: .8em;
    margin: 0;
    padding: 0;
}


/* ALL PAGES */
img
{
    margin: 0;
    padding: 0;
    border: 0;
}

h2
{
    color: black;
    font-size: 1.2em;
}

.pageContainer
{
    width: 744px;
    margin: auto;
    text-align: left;
    padding: 0;
    border-left: solid 1px #7bb753;
    border-right: solid 1px #7bb753;
}


/* Branding (header) */
.branding
{
    border-bottom: solid 3px #7bb753;
    margin: 0;
    padding: 2px 5px 2px 5px;
    height: 50px;
}

/* Secondary links (footer) */
.secondaryLinks
{
    clear: both;
}

.secondaryLinks ul
{
    float: left;
    padding: 0;
    margin: 0;
    padding: 3px 0 3px 0;
    background-color: #F8F1C7;
    width: 372px;
}

.secondaryLinks ul li
{
    list-style: none;
    display: inline;
}

.secondaryLinks ul li a,
.secondaryLinks ul li a:hover,
.secondaryLinks ul li a:visited,
.secondaryLinks ul li a:active
{
    display: block;
    float: left;
    border-right: 1px solid black;
    text-align: center;
    margin: 0;
    padding: 0 1em 0 1em;
    text-decoration: none;
    color: black;
}

.secondaryLinks ul li a:hover
{
    color: red;
}

.secondaryLinks ul li.last a,
.secondaryLinks ul li.last a:hover,
.secondaryLinks ul li.last a:visited,
.secondaryLinks ul li.last a:active
{
    border-right: none;
}

.secondaryLinks .copyright
{
    float: right;
    color: #999999;
    padding: 3px 3px 0 0;
    font-size: .8em;
}

/* SUB PAGES */
.subPage .primaryLinks
{
    width: 160px;
    margin: 0;
    padding-top: 20px;
    float: left;
}

.subPage .primaryLinks .primaryNavigation ul
{
    list-style-type: none;
    margin: 0 0 30px 0;
    padding: 0;
}

.subPage .primaryLinks .primaryNavigation ul li
{
    font-size: 0.95em;
    text-align: right;
}

.subPage .primaryLinks .primaryNavigation ul li a,
.subPage .primaryLinks .primaryNavigation ul li a:visited,
.subPage .primaryLinks .primaryNavigation ul li a:hover,
.subPage .primaryLinks .primaryNavigation ul li a:active
{
    display: block;
    margin: 0 0 0 10px;
    text-transform: uppercase;
    text-align: right;
    padding: 3px 2px 2px 20px;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='../Images/bullet.png');
    background-repeat: no-repeat;
    text-decoration: none;
    color: black;
    width: 130px;
}

/* fixes lack of PNG support in IE 5.5 and IE 6 */
.subPage .primaryLinks .primaryNavigation ul li a[href],
.subPage .primaryLinks .primaryNavigation ul li a:visited[href],
.subPage .primaryLinks .primaryNavigation ul li a:active[href]
{
    background-image: url(../Images/bullet.png);
}

.subPage .primaryLinks .primaryNavigation ul li a:hover
{
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='../Images/bullet_hover.png');
    color: #D62143;
}

/* fixes lack of PNG support in IE 5.5 and IE 6 */
.subPage .primaryLinks .primaryNavigation ul li a:hover[href]
{
    background-image: url(../Images/bullet_hover.png);
}

.subPage .primaryLinks .hotLinks
{
    margin-bottom: 30px;
    text-align: center;
}

.subPage .primaryLinks .hotLinks
{
    margin-bottom: 30px;
    text-align: center;
}
   
.subPage .primaryLinks .hotLinks a,
.subPage .primaryLinks .hotLinks a:visited,
.subPage .primaryLinks .hotLinks a:active
{
    color: #0000EE;
}

.subPage .primaryLinks .hotLinks a:hover
{
    color: #E4226A;
}

.subPage .primaryLinks .hotLinks .enquire
{
    margin-bottom: 20px;
}

.subPage .primaryContainer
{
    padding-bottom: 20px;
    clear: both;
    border-bottom: solid 3px #7BB753;
}

.subPage .primaryContent
{
    float: right;
    width: 554px;
    padding-top: 20px;
    padding-right: 10px;
}

.subPage .primaryContent h2
{
    border-bottom: dashed 1px #B7B8B2;
    width: 500px;
    margin: 0;
}
/* HOME PAGE */

.home .primaryContainer a:visited,
.home .primaryContainer a:link,
.home .primaryContainer a,
.home .secondaryContainer a:visited,
.home .secondaryContainer a:link,
.home .secondaryContainer a
{
    color: #4067CF;
    text-decoration: none;    
}

.home .primaryContainer a:hover,
.home .secondaryContainer a:hover
{
    color: Blue;
    text-decoration: none;    
}


/* Primary container */
.home .primaryContainer
{
    clear: both;
    border-bottom: solid 3px #7BB753;
}

.home h2
{
    border-bottom: dashed 1px #B7B8B2;
    width: 330px;
}

.home .primaryContainer .primaryNavigation
{
    float: left;
    width: 332px;
    height: 230px;
    padding: 20px 0 0 20px;
    display: inline; /* This fixes IE's double margin bug */
    background-position: left top;
    background: white url(../Images/canola-tree-faded.jpg) no-repeat;
}

.home .primaryContainer .primaryNavigation ul
{
    float: right;
    display: inline; /* This fixes IE's double margin bug */
    list-style-type: none;
    margin-right: 40px;
    font-size: 1.05em;
}

.home .primaryContainer .primaryNavigation ul li a,
.home .primaryContainer .primaryNavigation ul li a:visited,
.home .primaryContainer .primaryNavigation ul li a:active
{
    display: block;
    text-transform: uppercase;
    text-align: right;
    color: #3F1600;
    padding: 3px 2px 2px 20px;
    border-bottom-style: dotted;
    border-bottom-color: #3F1600;
    border-bottom-width: 1px;
    background-repeat: no-repeat;
    width: 150px;
    text-decoration: none;
    /* fixes lack of PNG support in IE 5.5 and IE 6 */
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='../Images/bullet.png');
}

/* fixes lack of PNG support in IE 5.5 and IE 6 */
.home .primaryContainer .primaryNavigation ul li a[href],
.home .primaryContainer .primaryNavigation ul li a:visited[href],
.home .primaryContainer .primaryNavigation ul li a:active[href]
{
    background-image: url(../Images/bullet.png);
}

.home .primaryContainer .primaryNavigation ul li a:hover
{
    /* fixes lack of PNG support in IE 5.5 and IE 6 */
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='../Images/bullet_hover.png');
    color: #D62143;
}

.home .primaryContainer .primaryNavigation ul li a:hover[href]
{
    background-image: url(../Images/bullet_hover.png);
}

.home .primaryContainer .primaryContent
{
    float: right;
    width: 362px;
    padding-top: 5px;
    padding-right: 30px;
}

/* Secondary container */
.home .secondaryContainer
{
    clear: both;
    border-bottom: solid 3px #7BB753;
}

.home .secondaryContent
{
    float: left;
    width: 287px;
    height: 230px;
    margin-top: 42px;
    margin-left: 65px;
    background: white url(../Images/green-finance-square-logo.jpg) no-repeat;
    display: inline; /* Fixes IE double margin bug */
}

.home .tertiaryContent
{
    float: right;
    width: 362px;
    padding-top: 5px;
    padding-right: 30px;
}

.home .hotLinks
{
    width: 362px;
    margin-top: 20px;
}

.home .hotLinks a,
.home .hotLinks a:visited
{
    display: block;
    float: left;
    width: 33%;
    text-align: center;
}

/* Clear fix (see http://www.positioniseverything.net/easyclearing.html) */
.primaryContainer:after,
.secondaryLinks:after,
.secondaryContainer:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.primaryContainer, .secondaryLinks, .secondaryContainer {display: inline-block;}

/* Hides from IE-mac \*/
* html .primaryContainer, .secondaryLinks, .secondaryContainer {height: 1%;}
.primaryContainer, .secondaryLinks, .secondaryContainer {display: block;}
/* End hide from IE-mac */