﻿.foo {} /* W3C CSS validator likes CSS files to start with a class rather than a comment. Soooooo.... */
/*
**  burntstudio.com styles
**  Colours:
**      Burnt Green: #c1d82f
*/
body
{
    background-color: #292a2c;
}

/* 'Overrule' default styles across browsers */
body, h1, h2, h3, h4, h5, h6, p, div, ul, ol, li, table, img
{
    font-family: Verdana, Helvetica, Arial, Sans-Serif;
    font-size: 100%; /* Set to 100% to ensure even size text throughout */
    color: #3f3f3f;
    margin: 0; padding: 0;
}

p { font-size: 80%; }

h1 { color:#ffffff; font-family: serif; font-size: 180%; font-weight: lighter; margin-left: 30px; margin-top: 30px; margin-bottom: 20px; margin-right: 350px; font-size: 80%; margin-left: -1500px;}

a img
{   /* turn off image borders in links */
    border: 0px;
}
span.textHighlight { color: #c1d82f; }

span.nobreak { white-space: nowrap }
p { color: #ffffff; margin-left: 30px; margin-right: 400px }
img.titleImage { margin-left: 30px; margin-bottom: 25px }

p a { color: #bfd539; text-decoration: none }

p #emailAddress { color: #bfd539; text-decoration: none; text-transform: none }

p.tag { color:#bfd539; font-size: 80%; text-align: right; margin-top: 120px; margin-bottom: 15px; margin-right: 15px }
p.tag a { color: #ffffff; text-decoration: none; text-transform: none }

p #contactEmailAddress a,
p.tag #emailAddressInTag { color: #ffffff; text-decoration: none; text-transform: none }

p.copyrightNotice { color: #3e3e40; margin-left: 0px; margin-top: 10px; margin-bottom: 15px }

div.pageContainer { width: 985px; margin-left: auto; margin-right: auto; margin-top: 30px }
div.pageContent { border-color: #ffffff; border-width: 15px; border-style: solid }

div.bannerContainer { background-image: url(images/banner.png); background-repeat: no-repeat; padding-top:91px }

div.mainMenuContainer
{ 
    border-bottom-width: 6px;
    border-bottom-color: #3e3e40;
    border-bottom-style: solid;
    padding-top: 10px;
    padding-bottom: 2px;
}

ul.mainMenu { padding-top: 1px; display: block; list-style: none;}
ul.mainMenu li
{
    float: left;
    padding-bottom: 8px;
    background-image: url(images/menuItemOff.gif);
    background-repeat: no-repeat;
    background-position: bottom right;
}

ul.mainMenu li:first-child a
{  
    margin-left: 30px;
}

ul.mainMenu li a,
ul.mainMenu li a:visited
{
    color: #ffffff;
    text-decoration: none;
    padding-right: 60px;
    padding-left: 3px;
    font-size: 80%;
}
ul.mainMenu li a:hover
{
    color: #c1d82f;
    text-decoration: none;
}

ul.mainMenu li.selected
{ 
    background-image: url(images/menuItemOn.png);
    background-repeat: no-repeat;
    background-position: bottom right;
}
ul.mainMenu li.selected a:hover
{ 
    color: #ffffff
}

