/* 
===================== COLOUR PALETTE =====================

DARK GREEN 		3A4712
MID GREEN 		799711
LIGHT GREEN 	94B107
DARK GREY 		6E6E6E
MID GREY 		D9D9D9
LIGHT GREY

===================== COLOUR PALETTE =====================
*/

/* ===================== BASIC SETTINGS ===================== */

body 
{
margin: 0;
padding: 0;
text-align: center;
background: #D9D9D9 url(med/gp_bg_columns.jpg) repeat-y 50% 0;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: small;
/* IE5 Win */
voice-family: "\"}\"";
voice-family: inherit;
font-size: small;
}

html>body 
{
/* be nice to Opera */
font-size: small;
}

h1, h2, h3, h4, h5, h6 
{
margin: 0px;
padding: 0px;
}

* html h2
{
font-size: medium;
f\ont-size: large;
}

* html h3, h4
{
  font-size: small;  /* for IE5.x/win */
  f\ont-size: small;  /* for other IE versions */
}

/* ===================== CONTAINER AND HEADER ===================== */

#container 
{
margin: 0 auto;
width: 748px;
text-align: left;
}


#language 
{
float:right;
}

#header h1 
{
/* Size of the image*/ 
padding-top: 0px;
width: 0px;
/* The image*/ 

/* Hide the text*/ overflow: hidden;
/* WIN IE5 hack */ 
height: 0px;
voice-family: "\"}\"";
voice-family:inherit;
height: 0;
margin: 0px;
}

#header {
      float:left;
      width:740px;
      height:114px;
      background-image: url(med/gp_green_header.gif);
      line-height:normal;
      font-family: Verdana, Helvetica, Arial, sans-serif;
	  font-size: 10px;
      }

/* ===================== TABBED NAVIGATION ===================== */

  
  #header ul {
      margin:0px;
      list-style:none;
      margin-top: 56px;
      margin-right: 2px;
      float: right;
      }
      
      
    #header li {
      float:left;
      background:url("med/left.gif") no-repeat left top;
      margin:0px;
      margin-right: 1px;
      padding:0 0 0 4px;
      }
    #header a {
      float:left;
      display:block;
      background:url("med/right.gif") no-repeat right top;
      padding: 5px 10px 4px 6px;
      text-decoration:none;
      font-weight:bold;
      color:#fff;
      font-size: 10px;
      }
    /* Commented Backslash Hack
       hides rule from IE5-Mac \*/
    #header a {float:none;}
    /* End IE5-Mac hack */
    
    #header a:hover {
      color:#333;
      }
    


/* ===================== LEFT COLUMN ===================== */

#leftcolumn 
{
width:492px;
margin-left: 8px;
float:left;
}

#leftcolumn p 
{
margin-left: 10px;
}

#leftcolumn h2 
{
color:#3A4712;
margin-top: 8px;
margin-bottom: 8px;
margin-right: 6px;
}

#leftcolumn h3 
{
margin-left: 10px;
margin-top: 10px;
}

#leftcolumn h4 
{
margin: 5px;
margin-top: 20px;
padding-top: 20px;
padding-right: 30px;
padding-bottom: 10px;
padding-left: 10px;
border: 1px dashed #799711;
background-color: #FFFEF0;
color: black;
background: url(med/magnify.gif) no-repeat top right;
}

#leftcolumn img 
{
border: 1px solid black;
margin: 12px;
}


#leftcolumn a:link 
{
color: black;
text-decoration: underline;
}

#leftcolumn a:visited 
{
color: black;
text-decoration: underline;
}

#leftcolumn a:hover 
{
color: white;
background-color: #799711;
text-decoration: none;
}

#leftcolumn table.casestudy
{
margin: 5px;
border: 1px dashed #799711;
background-color: #FFFEF0;
color: black;
}

td
{
padding: 4px;
}

/* ===================== BREADCRUBMS ===================== */

#breadcrumbs a:link 
{
color: #799711;
text-decoration: none
}

#breadcrumbs a:visited 
{
color: #799711;
text-decoration: none
}

#breadcrumbs a:hover 
{
color: #799711;
background-color: white;
text-decoration: underline
}

/* ===================== RIGHT COLUMN ===================== */

#rightcolumn 
{
width:214px;
padding-right: 10px;
padding-left: 2px;
float: right;
}

/* the following rule is recognized only by IE */
	
	* html body div#rightcolumn
	{
	width: 218px;
	margin-left: 0px;
	margin-right: 0px;
	}

#rightcolumn p 
{
margin: 0px;
margin-right: 6px;
margin-left: 6px;
}

#rightcolumn h2 
{
color:#3A4712;
font-size: small;
font-weight: bold;
}

#rightcolumn h3#one 
{
/* Size of the image*/ 
padding-top: 50px;
width: 199px;
/* The image*/ 
background-image: url(med/1.gif);
background-repeat: no-repeat;
/* Hide the text*/ overflow: hidden;
/* WIN IE5 hack */ 
height: 50px;
voice-family: "\"}\"";
voice-family:inherit;
height: 0;
margin: 0px;
}

#rightcolumn h3#two 
{
/* Size of the image*/ 
padding-top: 50px;
width: 199px;
/* The image*/ 
background-image: url(med/2.gif);
background-repeat: no-repeat;
/* Hide the text*/ overflow: hidden;
/* WIN IE5 hack */ 
height: 50px;
voice-family: "\"}\"";
voice-family:inherit;
height: 0;
margin: 0px;
}

#rightcolumn h3#three 
{
/* Size of the image*/ 
padding-top: 50px;
width: 199px;
/* The image*/ 
background-image: url(med/3.gif);
background-repeat: no-repeat;
/* Hide the text*/ overflow: hidden;
/* WIN IE5 hack */ 
height: 50px;
voice-family: "\"}\"";
voice-family:inherit;
height: 0;
margin: 0px;
}

#rightcolumn ul 
{
margin: 0px;
}

#rightcolumn hr 
{

}

.rightcolinputtext 
{
background-color: white;
color: black;
border: 1px solid #3A4712;
width: 160px;
height: 16px;
margin-left: 10px;
}

.rightcolinputsubmit 
{
margin-top: 4px;
margin-left: 10px;
}

#rightcolumn a:link 
{
color: black;
text-decoration: underline;
}

#rightcolumn a:visited 
{
color: black;
text-decoration: underline;
}

#rightcolumn a:hover 
{
color: white;
background-color: #799711;
text-decoration: none;
}

#rightcolumn h3#gplogo
{
/* Size of the image*/ 
padding-top: 45px; width: 180px; 

/* The image*/ 
background-image: url(med/greenpeace_logo.gif); background-repeat: no-repeat; 

/* Hide the text*/ overflow: hidden; 

/* WIN IE5 hack */ 
height: 45px; 
voice-family: "\"}\""; 
voice-family:inherit; 
height: 0;
margin: 0px; 
}

* html #rightcolumn ul
{
  margin-left: 24px;  /* for IE5.x/win */
  m\argin-left: 24px;  /* for other IE versions */
}

#sidebar-right
{
width: 90%;
background-color: #CCCCCC;
position: relative;
left: 20px
z-index:+1;
}

#trip-search-form .form-text
{
background-color: white;
color: black;
border: 1px solid #3A4712;
width: 160px;
height: 16px;
margin-left: 10px;
}

#trip-search-form .form-submit
{
margin-top: 4px;
margin-left: 10px;
}

/* Action Works stuff */

#aw-rightcolumn 
{
width:214px;
padding-right: 10px;
padding-left: 2px;
float: right;
}

/* the following rule is recognized only by IE */
	
	* html body div#aw-rightcolumn
	{
	width: 218px;
	margin-left: 0px;
	margin-right: 0px;
	}

#rightcolumn p#burst
{
font-weight: bold;
font-size: small;
margin-bottom: 10px;
background-color: #FFF500;
padding: 5px;
border: 1px dashed black;
}

/* ===================== ADVERTISING ===================== */

/* ===================== FOOTER ===================== */

#footer 
{
margin-top: 30px;
padding-top: 4px;
padding-bottom: 4px;
background-color:#6E6E6E;
width: 740px;
height: 24px;
border-top:1px black solid;
font-size: xx-small;
float:left;
}

#footer a:link 
{
color: #D9D9D9;
font-size: xx-small;
font-weight: bold;
text-decoration: none
}

#footer a:visited 
{
color: #D9D9D9;
font-size: xx-small;
font-weight: bold;
text-decoration: none
}

#footer a:hover 
{
color: #D9D9D9;
font-size: xx-small;
font-weight: bold;
text-decoration: underline
}

/* ===================== HOME PAGE SPECIFIC ===================== */

div#hp-left-ul
{
float: left;
width: 45%;
}

#hp-left-ul h3
{
padding-top: 30px;
background: url(med/news6.gif) no-repeat top right; 
}

div#hp-right-ul
{
float: left;
width: 45%;
}

#hp-right-ul h3
{
padding-top: 30px;
background: url(med/calendar2.gif) no-repeat top right; 
}


ul#news
{

}

ul#events
{

}



/* ===================== GLOBAL CLASSES AND ELEMENTS ===================== */

.hidden
{
display: none;
}
.pipe 
{
font-weight: bold;
font-size: medium;
color: #D9D9D9;
}

blockquote
{
width: 300px;
text-align: center;
margin: 0;
padding: 0;
font-family: georgia, serif;
font-size: 150%;
letter-spacing: -1px;
line-height: 1em;
color: #555;
background: url(med/quote_top.gif) no-repeat top left;
}

.quote
{
margin: 0 10px 0 0;
padding: 20px 20px 10px 20px;
background: url(med/quote_end.gif) no-repeat right bottom;
}

.author
{
margin: 0 10px 0 0;
padding: 0 0 10px 0;
color: #999;
font-size: 60%;
}

dl
{
margin: 5px;
border: 1px dashed #799711;
background-color: #FFFEF0;
color: black;
}

dt 
{
margin-left: 5px;
font-weight: bold;
}

dd
{
margin-left: 15px;
padding-left: 15px;
}

h3.didyouknow
{
color:#3A4712;
font-size: 130%;
font-weight: bold;
text-align: left;
padding-top: 40px;
padding-left: 60px;
background: url(med/magnify.gif) no-repeat top left;
}

ol#takeaction li
{
padding-bottom: 20px;
}

/* ================ LINKS AND OTHER LINK TYPE SELECTORS ============ */

#header #language a
{
background-image: none;
color: #ffffff;
}

#header #language a:link 
{
text-decoration: none;
font-size: x-small;
font-weight: bold;
}

#header #language a:visited 
{
text-decoration: none;
font-size: x-small;
font-weight: bold;
}

#header #language a:hover 
{
text-decoration: underline;
font-size: x-small;
font-weight: bold;
}

div.links
{
margin-left: 10px;
}

/* 

\\\\\\\\\\\\ SPECAIL SECTION FOR CSS MAGIC \\\\\\\\\\\\\\\\\

*/

/* ONION SKIN DROP SHADOW */

/* ===================== debbie's additions ===================== */
#leftcolumn .facts
{
color: #6E6E6E;
}

#leftcolumn .boxtitle
{
color: #799711;
font-size:medium;
}


#leftcolumn .img2 
{
border: 1px solid black;
margin: 5px 10px 0 0;
}

#leftcolumn .imgnobord 
{
border: 0;
margin: 5px 10px 0 0;

}

/*----------------------*/
/*	Action Engine	*/
/*----------------------*/


.AEIntroHead{
	font-size: 20px;
	margin-top: 6px;
	margin-bottom: 6px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.AEIntro{
	Xmargin-bottom: 6px;
	font-size: 10pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.AEIntroInstructionsHead{
	font-weight: bolder;
	margin-top: 6px;
	margin-bottom: -6px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.AEIntroInstructions{
	margin-bottom: 3px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
}

.AELetter{
	margin: 6px;
	font-size: 10pt;
	margin-bottom: .8em;
	background-color: #E0E0E0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.AELetterBorder{
	border: 1px solid black;
	padding: 3px;
	background-color: #E0E0E0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.AEForm{
	font-size: 10pt;
	width: auto;

}

.AELink{
}

.AEPrompt{
	margin-bottom: 6px;
}

.AELearnMoreLink {
	visibility:hidden;
}

/*----------------------*/
/*	   general  	*/
/*----------------------*/

.aw-rightcolumn-list {
	font-weight:normal;
}

.ErrorMessage, .Prompt{
	font-size: 9pt;
	font-weight: bold;
	margin-top: 1em;
	margin-bottom: 1em;
}

/* The error message colour and treatment */
.ErrorMessage{
	color: #FF0000;
	font-style: italic;
}

.Prompt{
	color: blue;
}
.BoldPrompt{
	font-size: 8pt;
	font-weight: bold;
}

/*----------------------*/
/*	Remember Me	*/
/*----------------------*/

.RememberMeLinkClass{
	font-size: 8pt;
	font-style: italic;
	font-weight: normal;
}

.RememberMeBoxClass{
	background-color: #B0B0B0;
	padding: 0px 2px 1px 1px;
	margin-bottom: 10px;
	font-size: 8pt;
}

/*----------------------*/
/*	input fields	*/
/*----------------------*/

.InputPrompt{
	font-size: 8pt;
	font-weight: bold;
}



.CheckBox, .ListBox, .RadioButton, .TextBox{
	height: 15px;
	text-align: left;
	vertical-align: middle;
	font-family: Verdana, sans-serif;
	font-size: 8pt;
	padding: 2px 2px 2px 2px;
}
.CheckBox{
}
.ListBox{
}
.RadioButton{
	text-align: right;
}
.TextArea{
	font-size: 9pt;
	width: 400px;
}
.TextBox{
	border-style: solid;
	border-width: 1px;
}


.awCSSTextInput
{

}

h3 a
{
font-size: .8em;
}