/* Friends of the Earth - CSS Stylesheet: lg-common.css, /lg/css/lg-common.css */

/* Friends of the Earth - CSS Stylesheet: lg-common.css, /lg/css/lg-common.css */
/* CSS Document */
/*html {min-height: 100.1%}*/
html {overflow-y: scroll}
body {text-align:center; margin:0px; padding:0px;}
/* element styles */
a {color:#360; text-decoration:none}
a:visited {color:#418200}
a:hover {color:#030; text-decoration:underline}
h1, h2, h3, h4, h5, h6, legend {font-family: Arial, Helvetica, sans-serif; text-align:left; color: #030; font-weight: bold}
h1 {font-size:13pt; padding-top:0px; margin-top:0px}
h2 {font-size:12pt; padding-top:0px; margin-top:0px}
h2 a:visited {color:#030}
h3 {font-size:11.5pt}
h4, legend {font-size:11pt}
h5 {font-size:10pt}
h6 {font-size:9pt}
p, ol, ul, td, th, blockquote, div {font-family:Arial, Helvetica, sans-serif; font-size:10pt}
p {margin-top:0px}
ul {list-style-type:circle}
label, form, select, input {margin:0px; padding:0px}
textarea {overflow:scroll}
acronym {cursor:help}
img {border:0px}
fieldset {padding:0px}
/* navigation bar tracking styles */
p.tracker {color:#bbb; font-size:8pt; margin:0px; padding:0px}
p.tracker a {color:#360}
p.tracker b {color:#000; font-weight:bolder}
/* alignment styles */
.r {text-align:right}
.center {text-align:center}
/* some sizes - used for captions/form elements */
.small {font-size:8pt}
.marginright10 {margin-right:10px}
/* others */
.hide {display:none}
/* lg */
#lglogobox {width:478px; margin:0px 0px 0px 2px; float:left; padding:0px;}
#lgframe {width:644px; margin-right:auto; margin-left:auto; margin-top:21px; padding:0px; text-align:left; background-color:#FFF}
.lgnamename,.lgnamefoe {font-family: Verdana, sans-serif; font-weight: bold;}
.lgnamename {font-size: 18pt; padding-top: 0px; margin-top: 0px;}
.lgnamefoe { font-size: 18pt; padding-bottom: 0px; margin-bottom: 0px;}
.lgleft {width:478px; margin:0px 0px 0px 6px; float:left; padding:0px;}
.lgright {width:140px; margin:0px 6px 0px 0px; float:right; padding:0px; text-align:right}
/*.lglefttop {width:478px; height:30px; margin:0px 0px 0px 0px; float:left; padding:0px 0px 0px 8px}*/
/* titlebar with expanding height depending on content - added by JN Apr09*/
/* for non-IE browsers */
.lglefttop {
width:476px;
border:1px solid #e7e7e7;
background-color:#f6f6f6;
padding:0px 0px 0px 0px;
min-height:30px; 
height:auto;
clear:both;
}
/* for Internet Explorer */
/*\*/
* html .lglefttop {
height: 30px;
}
.lgrighttop {width:140px; height:30px; margin:0px 0px 0px 0px; float:right; padding:0px; text-align:right}
.lgleftmiddle {width:462px; margin:0px 0px 0px 0px; float:left; padding:8px 8px 17px 8px}
.lgrightmiddle {width:134px; margin:0px 0px 0px 0px; float:left; padding:13px 6px 14px 0px; background-color:#efefef}
.lgleftbottom {width:478px; height:6px; margin:0px 0px 15px 0px; float:left; padding:0px}
.lgrightbottom {width:140px; height:8px; margin:0px 0px 15px 0px; float:right; padding:0px}
.lglefttop h2 {margin:5px 0px 0px 7px; padding:0px; font-weight:600; font-size:12pt}
.lglefttop h1 {margin:5px 0px 0px 7px; padding:0px; font-weight:600; font-size:13pt}
.lgrighttop h2 {margin:5px 5px 0px 0px; padding:0px; font-weight:600; font-size:11pt; text-align:right}
.lglefttop a:hover {color:#033}
.lgrighttop a {color:#033}
.lgrighttop a:hover {color:#063}
.lgrightmiddle p {font-size:8pt}
.lgrightmiddle a {color:#000}
.lgrightmiddle a:hover {color:#063}
.lgleftmiddle img {margin:0px 10px 10px 0px; float:left}
.margintop30 {margin-top:30px}
.lggreenbox {width:142px; height:21px; background-color:#093; margin:0px 0px 1px 0px; text-align:right}
.lggreenbox h2 {margin:0px 2px 0px 0px; padding:0px; font-weight:600; font-size:11pt; text-align:right}
.lggreenbox a {color:#FFF}
.lggreenbox a:visited {color:#FFF}
.lggreenbox a:hover {color:#ddd; text-decoration:none}
.shareutils {padding:0px 0px 1px 0px; float:right; vertical-align:middle; height: 30px}
.showdocs { display: inline; background: #efe; }
.show { display: inline; }
.hidden { display: none; }
#docarea {
width: 700px;
font-size: 8pt;
border: dotted thin green;
}
.lgaddrcell { vertical-align: top; }
form input.submitbutton {
        border: none;
        height: 29px;
        width: 75px;
        text-align: left;
        padding: 0 0 0 10px;
        margin: 0;
        color: #fff;
        cursor: pointer;
        font-weight: bold;
        float: right;
        }
/* end *//* CSS Document */
body {background-image:url(/lg/img/background.gif)}

/* lg */
#lgframe {background-image:url(/lg/img/bg3.gif)}
/*.lglefttop {background-image:url(/lg/img/lgtop.gif);background-repeat: no-repeat}*/
.lgrighttop {background-image:url(/lg/img/lgrighttop.gif)}
.lgleftmiddle {background-image:url(/lg/img/lgmiddle.gif)}
.lgleftbottom {background-image:url(/lg/img/lgbottom.gif)}
.lgrightbottom {background-image:url(/lg/img/lgrightbottom.gif)}
form input.submitbutton {background: url(/lg/img/formsubmit.gif) #009241 no-repeat;


/* end *//* Lightbox gallery effects stylesheet */
#lightbox{
    background-color:#eee;
    padding: 10px;
    border-bottom: 2px solid #666;
    border-right: 2px solid #666;
    }
#lightboxDetails{
    padding-top: 0.4em;
    font: normal 11px/14px Arial, Helvetica, sans-serif;
    }    
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }
#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }
#overlay{ background-image: url(/lg/img/overlay.png); }
.news img {display:none}
.xjBody {display:none}
/* sg commented out 22/06/2010 - doesnt understand or like the folloing
* html #overlay{
    background-color: #333;
    back\ground-color: transparent;
    background-image: url();
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/lg/img/overlay.png", sizingMethod="scale");
    }
*/