/*******************************************
COLORS
Background Grey     #d7d7d7
Bright Green        #6eba68
Alt. Bright Green   #44993e - used for body links, as Bright Green doesn't have enough contrast
Pale Green          #e2f1e1
Bright Orange       #eb6e1f
Pale Orange         #fbe2d2
Bright Pink         #f175ad
Pale Pink           #fce3ef
Bright Blue         #8ed8f8
Alt. Bright Blue    #00adf8 - used for Navigation links, as Bright Blue doesn't have enough contrast
Pale Blue           #c5ddf4

PALETTE COLOURS
Blue                #00a5d7
Green               #50b946
Pink                #f0699b
Orange              #f57832
Yellow              #ffdc00
Red                 #e11937

THINGS THAT CHANGE COLOUR DEPENDING ON SECTION
Breadcrumbs
Navigation Sub Menus
Headings

*******************************************/

/*******************************************
BASE STYLES
*******************************************/
html {/* Stops flickering of background images in IE6*/
  filter: expression(document.execCommand("BackgroundImageCache", false, true));}

html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a {
    margin: 0;
    padding: 0;
    border: 0;} 

body {}
    
p, div, td {
    font-size: 12px;
    line-height: 18px;
    font-family: "Helvetica Neue", "Helvetica", Arial, sans-serif; }
    
    
p, table {margin-bottom: 18px;}    

ol, ul, dl {margin: 0 0 18px 18px;}

ol ol,
ol ul,
ul ol,
ul ul {margin-bottom: 0;}

blockquote {
    font-style: italic;
    margin: 18px 36px;}

h1, h2, h3, h4, h5, h6 {
    line-height: 24px;
    margin-bottom: 18px;
    font-family: "Times New Roman", Times, serif;
    font-weight: normal;
    /* color defined by body class, assigned dynamically */}

h1 {font-size: 24px;}

    h1 span {font-variant: small-caps;}
    h1 i {font-style: italic;}
    
h2 {font-size: 22px;}
h3 {font-size: 20px;}
h4, h5, h6 {line-height: 18px;}
h4 {font-size: 18px;}
h5 {font-size: 16px;}
h6 {font-size: 14px;}

a:link {
    color:#50b946; }

a:visited {    
    color: #00573d;}
    
a:focus,
a:hover,
a:active {
    color:#eb6e1f;
    text-decoration: underline;}

/*******************************************
LAYOUT
*******************************************/
div#shadow1 {
    width: 1020px;
    margin: 0 auto;
    background: url(../images/container_bg.gif) top left repeat-y;}
    
    #shadow2 {
        background: url(../images/container_bottom.gif) bottom left no-repeat;}

div#container {
    width:990px;
    margin: 0 auto;
    /*background: url(../images/container_bg.gif) top left repeat-y;*/} 

    div#header {
        float: left;
        width: 990px;
        position: relative; 
        left: 1px;
        height: 115px;
        background-color: #fff;
        border-bottom: 7px solid #d7d7d7;}
        
        #header img {
            float: left;
            display: block;
            border: 0 none;
            margin: 8px 16px 10px 16px;}
            
        #header #skipLinks {
            float: right;
            margin: 2px 12px 0 0;}
            
        #searchBox {
            clear: right;
            float: right;
            height: 24px;
            width: 250px;
            margin: 8px 0 0 0;
            padding: 4px 4px 0 8px;
            color: #fff;
            background-color:#50b946;}
            
            #searchBox label {
                text-transform: uppercase;}
                
            #searchText {
                height: 12px;}
            
            #searchSubmit {
                border: 0;
                color: #fff;
                background-color:#50b946;
                text-transform: uppercase;
                font-weight: bold;}
        
        #actionArea {
            float: right;
            clear: right;
            margin: 32px 12px 0 8px;
            font-family: "Times New Roman", Times, serif;
            font-size: 20px;}   
            
            #ie6only #actionArea {
                margin-right: 6px; 
                /* Have to halve margin because of IE6 bug that doubles margin on the same side of float */}
            
            #actionArea p {
                margin: 0; 
                padding: 0;}
            
            #actionArea ul {
                list-style: none;
                margin: 0;
                padding: 0;}
                
                #actionArea li {
                    display: inline;
                    margin: 0;
                    color: #50b946; }
            
            #actionArea a:link,
            #actionArea a:visited {
                color: #eb6e1f;
                text-decoration: none;}
            
            #actionArea a:focus,
            #actionArea a:hover,
            #actionArea a:active {
                color: #6eba68;}
    
    div#wrapper {
        clear: both;
        width: auto;
        background: url(../images/wrapper_bg.gif) top left repeat-y;}    
        
        div#breadcrumbs {
            float:right;
            width:790px;
            text-indent: 21px;
            height: 36px;
            margin-left: 200px; 
            font-size:11px;
            /* background-color defined by body class, assigned dynamically*/}
        
            .offLeft { /* hides verbose/redundant content from sighted users, provides useful info for screen readers */
                position: absolute;
                left: -999px;
                width: 990px;}
                   
            #breadcrumbs a:link,    
            #breadcrumbs a:visited {
                color: #000;
                text-decoration: none;
                margin: 0 4px;
                line-height: 36px; }
            
            #breadcrumbs a:focus,   
            #breadcrumbs a:hover,   
            #breadcrumbs a:active {
                text-decoration: underline;
                margin: 0 4px 0 4px;
                line-height: 36px; }
                    
        div#content {
            float:right;
            width:740px;
            padding: 25px;
            background-color: #fff;} 


/*******************************************
EXCEPTIONS
*******************************************/            
        .home div#content {
            width: 790px;
            padding: 0;}
            
            .home div#content img {
                display: block;
                position: relative;
                left: 1px;}
                        
            .home #ie6only div#content img {
                left: 2px;}
                        
        .home div#navigation,
        .other div#navigation {
            top: 12px;
            margin-bottom: 0;}
                       
/*******************************************
LEFT NAVIGATION
*******************************************/
    
    div#navigation {
        float:left;
        position: relative;
        top: 12px;
        left: 0;
        width:200px;
        margin-bottom: 0;
        background-color: #ebebeb;
        /*background-color: #e2f1e1;*/}
        
        #ie6only div#navigation {
            left: 2px;}
        
        #navigation ul {
            margin: 0 18px 0 9px;
            list-style: none;
            font-size: 20px;
            font-family: "Times New Roman", Times, serif;
            /*font-family: "Kabob Regular", "Trebuchet MS", Verdana, sans-serif;*/
            font-weight: bold;}
            
            #navigation ul li {
                line-height: 24px;
                /*color: #6eba68;*/
                margin: 8px 0;
                padding-left: 9px;
                border-bottom: 1px solid #fff;}
            
            #navigation a:link,    
            #navigation a:visited {
                color: #000;
                text-decoration: none;}   
            
            #navigation a:focus,   
            #navigation a:hover,   
            #navigation a:active {
                color: #eb6e1f;
                text-decoration: underline;}
            

/*******************************************
            li.currentSection,
            li.currentSubSection {
                border: 1px solid #ccc;}
*******************************************/
            
            li#currentPage {
                font-weight: bold;
                /*background-image: url(../images/hasSub.gif);
                background-repeat: no-repeat;*/}
                
            
            #navigation ul ul {
                margin: 0 0 12px 6px;
                font-size: 12px;
                font-family: "Helvetica Neue", "Helvetica", Arial, sans-serif;
                font-weight: normal;}
                
                #navigation ul ul li {
                    line-height: 14px;
                    text-transform: none;
                    border-bottom: 0 none;}
                
                #navigation ul ul li.currentSection {
                    font-weight: bold;}
                
                #navigation ul ul ul {margin-bottom: 0;}
                
                #navigation ul ul a:link,    
                #navigation ul ul a:visited {
                    text-decoration: none;
                    /* color defined by body class, assigned dynamically*/}   
                
                #navigation ul ul a:focus,   
                #navigation ul ul a:hover,   
                #navigation ul ul a:active {
                    text-decoration: underline;
                    /* color defined by body class, assigned dynamically*/}

/*******************************************
SOCIAL NETWORKING AREA
*******************************************/        

            #socialNetworking {
                width:190px;
                margin: 15px 0 0 10px;}
        
/*******************************************
BOTTOM STUFF
*******************************************/
    div#extra {
        clear:both;
        width: 990px;
        margin: 0;
        padding: 0;
        position: relative;
        left: 1px;
        background-color: #fff;
        border-top: 7px solid #d7d7d7;
        text-align: center;}
        
        #extra p {
            margin: 0;
            padding: 0;}
        
        #extra table {
            text-align: center;
            width: 80%;
            margin: 0 auto;}
        
    div#footer {
        float: left;
        clear: both;
        margin: 0;
        width: 991px;
        background-color: #fff;
        /*border-bottom: 7px solid #d7d7d7;*/}
        
        #legal {
            float: left;}
            
            #legal p {
                font-size: 11px;
                line-height: 18px;
                margin: 4px 8px;}
        
        #utility {
            float: right;
            text-align: right;
            margin: 4px 8px;}        
            
            #utility ul {
                list-style: none;
                margin: 0;
                padding: 0;}
                
                #utility li {
                    display: inline;
                    margin: 0 4px 0 0;
                    padding-left: 6px;
                    font-size: 11px;
                    line-height: 12px;
                    border-left: 1px solid #000;}
                    
                    #utility li:first-child,
                    #utility li.firstLi {
                        border-left: 0 none;}
                    
                    #utility a:link,
                    #utility a:visited {
                        color: #000;
                        text-decoration: none;}
                    
                    #utility a:focus,
                    #utility a:hover,
                    #utility a:active {
                        color: #f57832;
                        text-decoration: underline;}
                    
        
/*******************************************
DYNAMIC COLOUR DEFINITIONS
*******************************************/    
.locationInclude h2,
.locationInclude h3 {margin-top: 18px;}

.areaContainer {
    margin-left: 18px;}
   
.pink h1, 
.pink h2, 
.pink h3, 
.pink h4, 
.pink h5, 
.pink h6,
.pink #navigation ul li#currentPage,
.pink #navigation ul li.currentSection a.currentSectionLink:link,
.pink #navigation ul li.currentSection a.currentSectionLink:visited,
.pink #navigation ul li.currentSection span.currentSection,
.pink #navigation ul li.currentSubSection a.currentSubSectionLink:link,
.pink #navigation ul li.currentSubSection a.currentSubSectionLink:visited,
.pink #navigation ul li.currentSubSection span.currentSubSection,
#navigation ul li.color1 a:link,
#navigation ul li.color1 a:visited {
    color: #f0699b;}

.orange h1, 
.orange h2, 
.orange h3, 
.orange h4, 
.orange h5, 
.orange h6,
.orange #navigation ul li.currentSection a.currentSectionLink:link,
.orange #navigation ul li.currentSection a.currentSectionLink:visited,
.orange #navigation ul li.currentSection span.currentSection,
.orange #navigation ul li.currentSubSection a.currentSubSectionLink:link,
.orange #navigation ul li.currentSubSection a.currentSubSectionLink:visited,
.orange #navigation ul li.currentSubSection span.currentSubSection,
.orange #navigation ul li#currentPage,
#navigation ul li.color3 a:link,
#navigation ul li.color3 a:visited,
.other h1, 
.other h2, 
.other h3, 
.other h4, 
.other h5, 
.other h6,
.other #navigation ul li#currentPage  {
    color: #f57832;}

.blue h1, 
.blue h2, 
.blue h3, 
.blue h4, 
.blue h5, 
.blue h6,
.blue #navigation ul li#currentPage,
.blue #navigation ul li.currentSection a.currentSectionLink:link,
.blue #navigation ul li.currentSection a.currentSectionLink:visited,
.blue #navigation ul li.currentSection span.currentSection,
.blue #navigation ul li.currentSubSection a.currentSubSectionLink:link,
.blue #navigation ul li.currentSubSection a.currentSubSectionLink:visited,
.blue #navigation ul li.currentSubSection span.currentSubSection,
#navigation ul li.color5 a:link,
#navigation ul li.color5 a:visited  {
    color: #00a5d7;}

.red h1, 
.red h2, 
.red h3, 
.red h4, 
.red h5, 
.red h6,
.red #navigation ul li#currentPage,
.red #navigation ul li.currentSection a.currentSectionLink:link,
.red #navigation ul li.currentSection a.currentSectionLink:visited,
.red #navigation ul li.currentSection span.currentSection,
.red #navigation ul li.currentSubSection a.currentSubSectionLink:link,
.red #navigation ul li.currentSubSection a.currentSubSectionLink:visited,
.red #navigation ul li.currentSubSection span.currentSubSection, 
#navigation ul li.color2 a:link,
#navigation ul li.color2 a:visited,
.locations h1, 
.locations h2, 
.locations h3, 
.locations h4, 
.locations h5, 
.locations h6,
.locations #navigation ul ul a:link,    
.locations #navigation ul ul a:visited,
.locations #navigation ul li#currentPage,
.locations #navigation ul li.currentSection a.currentSectionLink:link,
.locations #navigation ul li.currentSection a.currentSectionLink:visited,
.locations #navigation ul li.currentSection span.currentSection,
.locations #navigation ul li.currentSubSection a.currentSubSectionLink:link,
.locations #navigation ul li.currentSubSection a.currentSubSectionLink:visited,
.locations #navigation ul li.currentSubSection span.currentSubSection   {
    color: #e11937;}
    
.green h1, 
.green h2, 
.green h3, 
.green h4, 
.green h5, 
.green h6,
.green #navigation ul li#currentPage,
.green #navigation ul li.currentSection a.currentSectionLink:link,
.green #navigation ul li.currentSection a.currentSectionLink:visited,
.green #navigation ul li.currentSection span.currentSection,
.green #navigation ul li.currentSubSection a.currentSubSectionLink:link,
.green #navigation ul li.currentSubSection a.currentSubSectionLink:visited,
.green #navigation ul li.currentSubSection span.currentSubSection,
#navigation ul li.color4 a:link,
#navigation ul li.color4 a:visited  {
    color: #50b946;}    

#navigation ul li.color1 li a:link,
#navigation ul li.color1 li a:visited,
#navigation ul li.color2 li a:link,
#navigation ul li.color2 li a:visited,
#navigation ul li.color3 li a:link,
#navigation ul li.color3 li a:visited,
#navigation ul li.color4 li a:link,
#navigation ul li.color4 li a:visited,
#navigation ul li.color5 li a:link,
#navigation ul li.color5 li a:visited {
    color: #000;
}

/*******************************************
FORMS STYLES
*******************************************/

.formErrorStyle {
    color: #f00;
    font-weight: bold;}