.pictureBottomBorder {
	background-image: url(images/pictureBottomBorder.png);
	background-repeat: repeat-x;
        height: 17px; 
        padding: 0px;
}




.googleMap {
	color: #171748;  /* dark blue */
}

/* Partner logos tables -------------------------------------------------------------------- */

.partnerTable {
        border:      0px;
        margin:      0px;
}

.partnerTable A {
        font-size:      0.9em;}

.partnerLogo {
        padding:      3px;
        border:       0px;
        display:      block;
        margin-left:  auto;
        margin-right: auto;

}


/* Station Facilities table -------------------------------------------------------------------- */

.facilitiesTable {
        border:      0px;
        margin:      0px;
        font-size:   0.9em;
}

.facilitiesTable th {
        color:       #99CC00; /* apple green */
        font-size:   1.1em;
}

.facilitiesTable A {
        font-size:      0.9em;
}



/* Hyperlinks ------------------------------------------------------------------------ */

A {    
        color:           white;
        text-decoration: underline;
}



A:hover {  
        color:  #FFE303;      /* cadmium lemon */
}


#faqList A {                       /* Turn off underline on these hyperlinks */
        text-decoration: none;
}

#faqList A:hover {
        text-decoration: underline;
}

#campaignsList A {                /* Turn off underline on these hyperlinks */
        text-decoration: none;
}

#campaignsList A:hover {
        text-decoration: underline;
}


/* Bullet list --------------------------------------------------------------------- */

ul.generalList {
        list-style-type: disc;
        list-style-position: inside;
        margin:   3px;
        font-size: 0.9em;

}

li.generalListItem {
        margin-top:   3px;
}

.generalList A {
        font-size: 1.0em;   /* Keep hyperlinks same size as paragraph content */
}



/* Divs for floating pictures & legends left or right ------------------------------ */

div.right {
float: right;
margin-left:   20px;
margin-bottom: 10px; 
}



div.left {
float: left;
margin-right:  20px;
margin-bottom: 10px; 
}



/* MAKEOVER ------------------------------ */

body {
        margin:           0px;
	background-color: #00008C;  /* mid blue */
        font-family:      lucida sans console, Verdana, arial, sans-serif;
	text-align:       center;  /* centre for CSS non-compliant browsers */
        color:            white;
}

#container {
        text-align: left;
        margin: 0 auto;  /* centre for CSS compliant browsers */
        width: 975px;
        background-color:  #171748; /* dark blue */

        border-left-width:   2px;
        border-right-width:  2px;
        border-top-width:    0px;
        border-bottom-width: 2px;
        border-color:      #267F26; /* dark green shadow 267F26 */
        border-style:      solid;

}


#header {
	width:             100%;
	background-image:  url(images/backgroundGradient70.png);
	background-repeat: repeat-x; 
        font-size:         3.5em;
        color:             #99CC00; /* apple green */
        align:             left;
}


#underConstruction {
        text-align: left;
        v-align: center;
        color:  black;
        margin-top:  10px;
        margin-left:  auto;
        margin-right:  auto;  
        margin-bottom:  10px;  
        width: 900px;
        height: 80px;
        background-color:  yellow;
        padding-left:   10px;

        border-left-width:   2px;
        border-right-width:  2px;
        border-top-width:    0px;
        border-bottom-width: 2px;
        border-color:      black; 
        border-style:      solid;

}


/* PICTURE BOTTOM BORDER ===================== */

#indexPictureFooter {
        background-color: #99CC00; /* apple green */
        height: 3px; 
        padding: 0px;
        margin-top:  -3px;  /* not sure why both FF & IE leave a small gap above this element */
        clear: both;
        margin-bottom: 15px;
}

/* MAIN NAVIGATION MENU BAR AS A LIST ============ */


#mainMenuBar {
        
        height:          22px;
        margin-left:     0px;
        padding:         0px 0px 0px 0px;
        border:          0px;

        border-left:     12px solid #99CC00; /* apple green */   
        background-color: #267F26; /* dark green */
             
}



#mainMenuBar li {
    margin: 0px;
    display:       inline;    
    padding-left:  20px;
    padding-right: 20px;

    border-right:  1px solid #99CC00; /* apple green */  


}


#mainMenuBar li a {
    text-decoration: none;
	
}


#mainMenuBar a:hover {
    background-color: white;
    color: #267F26; /* dark green */
}


#mainMenuBarFooter {                    /* A thin horizontal line */
        background-color: #99CC00;  /* apple green */
        height:           3px; 
        padding:          0px;
        margin-top:      -3px;  /* not sure why both FF & IE leave a small gap above this element */
        clear:            both;
}



/* BREADCRUMBS ==================================== */


#breadcrumbs {
    margin-top:    4px;
    margin-right:  10px;
    margin-bottom: 10px;
    margin-left:   10px;
    float:         left;

    font-size:     0.7em;

}

/* SECTION NAVIGATION MENU    ===================== */


#sectionNavigation {
    width:         200px;    
    margin-top:     0px;
    margin-right:  0px;
    margin-bottom: 20px;
    margin-left:   10px;
    float:         left;

    font-size:    0.9em;

}

#sectionNavigation ul {
    list-style: none;
    margin: 0;
    padding: 0;
}


#sectionNavigation li a {
    display:          block;
    padding:          5px 5px 5px 0.5em;
    border-left:      12px solid #99CC00; /* apple green */
    border-right:     1px solid #99CC00; /* apple green */
    background-color: #267F26; /* dark green */
    color:            white;
    text-decoration:  none;
}

#sectionNavigation li {
    border-bottom: 1px solid #99CC00; /* apple green */

}


#sectionNavigation li a:hover {
    background-color: white;
    color: #267F26; /* dark green */
}


#sectionNavigationHeader {
    display:          block;
    padding:          5px 5px 5px 0.5em;
    border-left:      12px solid #99CC00; /* apple green */
    border-right:     1px solid #99CC00; /* apple green */
    border-top:       1px solid #99CC00; /* apple green */

    background-color: #171748;  /* dark blue */
    color:            white;
    text-decoration:  none;
}



/* SITE MAP ======================================= */

#siteMapSections li { 
    margin-top:    3px;
    margin-bottom: 3px;
 }


#siteMapSections li a {
    font-size:    0.9em;
}



/* FOOTER NAVIGATION MENU BAR ===================== */


#footer {
        clear: both;

        padding-top: 0px;
        padding-bottom: 0px;

        font-size:    0.7em;
        border-left-width:   0px;
        border-right-width:  0px;
        border-top-width:    2px;
        border-bottom-width: 0px;
        border-color:      #99CC00; /* apple green */
        border-style:      solid;

        list-style-type: none;
        margin:   0px;

}

#footer ul {
    margin-top:        1px;   
    margin-bottom:     2px;  

}

#footer li {
    margin:        0px;
    display:       inline;    
    padding-left:  50px;
    padding-right: 50px;

    border:        0px; 


}

#footer li a {
    text-decoration: none;
    margin:        0px;     /* Ignored by FF, needed by IE */
}






/* SECTION CONTENT - Used for narrative part of section index pages  */

#sectionContent {

        width: 740px;
        clear: none;
        float:right;
        display: inline;


        margin-top:      0px;
        margin-bottom:   0px;
        margin-left:    0px;
        margin-right:   15px;

        padding-top:    0px;
        padding-bottom: 10px;
        padding-left:   0px;
        padding-right:  0px;
}


/* PAGE CONTENT - Used for narrative part of non-index pages  */

#pageContent {

        width: 950px;
        clear: right;
        float:right;
        display: inline;


        margin-top:      0px;
        margin-bottom:   0px;
        margin-left:    10px;
        margin-right:   10px;

        padding-top:     0px;
        padding-bottom: 20px;
        padding-left:    0px;
        padding-right:   0px;
}


/* Paragraph styles  -------------------------------------------------------------------- */


.paragraphContent {
        margin-top:    0px;
        margin-right:  4px;
        margin-bottom: 8px;
        margin-left:   0px;
        font-size:     0.9em;
        line-height:   140%;  /* gives slightly larger than normal line spacing */
}

.paragraphContent A {
        font-size: 1.0em;   /* Keep hyperlinks same size as paragraph content */
}

.paragraphContent li {
        font-size: 0.9em;   /* Keep list items same size as paragraph content */
}

.backToTop A {
        font-size: 0.9em;   /* Special class so we can have smaller font for Back To Top links */
}

.quote { font-style: italic; }




#footer A {
        text-decoration: none
}


.EeeMaleAdres {color:yellow;}   /* Garbled name to keep pesky robots away */
 

h1 {
        font-family:      Trebuchet MS, lucida sans console, Verdana, arial, sans-serif;
        font-size:        1.6em;
        color:            yellow; 
        margin-bottom:    1px;  
        margin-top:       0px;
}


h1.yellow { color: yellow; }  /* Use sparingly for unusual headlines */

h2 {
        font-family:      Trebuchet MS, lucida sans console, Verdana, arial, sans-serif;
        font-size:        1.2em;
        color:            #99CC00; /* apple green */    
        margin-bottom:    1px;  
        margin-top:       5px;
}

h3 {
        font-family:      Trebuchet MS, lucida sans console, Verdana, arial, sans-serif;
        font-size:        1.0em;
        font-style:       italic;
        color:            #99CC00; /* apple green */    
        margin-bottom:    1px;  
        margin-top:       5px;
}



/* Divs ---------------------------------------------------------------------------- */

#clearingFooter {
    clear:both;
}




/* Pictures ------------------------------------------------------------------------ */

.pictureRight {
        margin-top:    5px;
        margin-right:  0px;
        margin-bottom: 2px;
        margin-left:   10px;     
        border-width:  2px;
        border-color:  #99CC00 #267F26 #267F26 #99CC00 ; /* apple green 99CC00 & dark green shadow 267F26 */
        border-style:  solid;
        float:         right;
}

.pictureLeft {
        margin-top:    5px;
        margin-right:  10px;
        margin-bottom: 2px;
        margin-left:   0px;     
        border-width:  2px;
        border-color:  #99CC00 #267F26 #267F26 #99CC00 ; /* apple green 99CC00 & dark green shadow 267F26 */
        border-style:  solid;
        float:         left;
}

.surveyGraph {
        margin:       0px;
        border-width: 2px;
        border-color: #99CC00 #267F26 #267F26 #99CC00 ; /* apple green 99CC00 & dark green shadow 267F26 */
        border-style: solid;

}


.pictureLeftNoBorder {
        margin-top:    5px;
        margin-right:  10px;
        margin-bottom: 2px;
        margin-left:   0px;     
        border-width:  0px;
        float:         left;
}

/* Divs for picture with caption (right) */

div.captionedPictureRight {
    display:        inline;
    float:          right;

    margin:         5px auto;

    padding-left:   5px;
    padding-bottom: 2px;
    padding-top:    0px; 

    font-size:     0.8em;
    color:         #99CC00; /* apple green */
    text-align:    right;
    font-style:    italic;

}

div.captionedPictureRight img {
        border-width: 2px;
        border-color: #99CC00 #267F26 #267F26 #99CC00 ; /* apple green 99CC00 & dark green shadow 267F26 */
        border-style: solid;
}

/* Divs for picture with caption (left) */

div.captionedPictureLeft {
    display: inline;
    float:   left;

    margin:         5px auto;

    padding-left:   0px;
    padding-bottom: 2px;
    padding-top:    0px; 
    padding-right:  5px;

    font-size:     0.8em;
    color:         #99CC00; /* apple green */
    text-align:    left;
    font-style:    italic;

}

div.captionedPictureLeft img {
        border-width: 2px;
        border-color: #99CC00 #267F26 #267F26 #99CC00 ; /* apple green 99CC00 & dark green shadow 267F26 */
        border-style: solid;
}



/* Divs for picture with caption (mid) */

div.captionedPictureMid {
    display: inline;
    float:   left;

    margin:         5px auto 5px 50px;

    padding-left:   0px;
    padding-bottom: 2px;
    padding-top:    0px; 
    padding-right:  5px;

    font-size:     0.8em;
    color:         #99CC00; /* apple green */
    text-align:    left;
    font-style:    italic;

}

div.captionedPictureMid img {
        border-width: 2px;
        border-color: #99CC00 #267F26 #267F26 #99CC00 ; /* apple green 99CC00 & dark green shadow 267F26 */
        border-style: solid;
}