/* ============================================================== */
/* Greenpeace UK stylesheet */
/* ============================================================== */

/* Reset all margins and paddings so all browsers will be on the same playing field. */
*
{
	padding: 0;
	margin: 0;
}

body
{
	background-color: #f6f6f6;
}

body, div, td
{
	font-family: Verdana,Helvetica,Arial,sans-serif;
	font-size: 11px;
	
}

a
{
    color: #333;
    text-decoration: none;
}

a:hover
{

}


li
{
	line-height: 1.4em;
}

/* -------------------------------------------------------------- */
/* Site structure */
/* -------------------------------------------------------------- */

/* Set the width and margins for the main site elements */
#top, #site, #bottom, #footer
{
	width: 780px;
	margin: 0 auto;
}

/* The top of the site */
#top
{
	background-image: url(../images/top-background.gif);
	background-repeat: no-repeat;
	height: 41px;
}

/* The main body of the site */
#site, #footer
{
	background-image: url(../images/site-background.gif);
	background-repeat: repeat-y;
}

#footer
{
	background-image: url(../images/site-background-footer.gif);
}

/* The bottom of the site */
#bottom
{
	background-image: url(../images/bottom-background.gif);
	background-repeat: no-repeat;
	height: 30px;
	clear: both;
}


/* -------------------------------------------------------------- */
/* Content Area */
/* -------------------------------------------------------------- */

#content
{
	width: 740px;
	margin: 0 auto;
}

#header
{
	height: 34px;
	width: 740px;
	background-color: white;
	padding-bottom: 18px;
}

#header a, #header input, #header span
{
	float: left;
}

#header input.image
{
	float: right;
}

#header a, #header span
{
background-image:url(../images/header-background.gif);
background-repeat:no-repeat;
color:#3C632A;
font-family:Verdana,Helvetica,Arial,sans-serif;
font-size:11px;
font-weight:bold;
height:34px;
line-height:34px;
padding:0pt 15px;
}

#header a:hover
{
	color: black;
}

#header .nohover a:hover
{
   color: #3C632A;
}


#header a.logo
{
	padding: 0;
	background-image: none;
}

#header input.email
{
	width: 104px;
	border: 1px solid #e6e6e6;
	background-color: #e6e6e6;
	height: 17px;
	margin-top: 9px;
	padding-left: 5px;
	font-size: 9px;
	color: #999;
	letter-spacing: 1px;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

/* The graphical banner (ship) */
#banner
{
	padding-bottom: 23px;
	background-color: white;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

/* The left navigation bar */
#left
{
	float: left;
	width: 140px;
	font-size: 11px;
	line-height: 12px;
	background-color: #f6f6f6;
	padding-bottom: 10px;
}

#left div.nav a
{
	color: #3C632A;
	display: block;
	height: 12px;
	padding: 6px;
	background-color: #e4e4e4;
	border-bottom: 3px solid #f6f6f6;
}

#left div.nav a.active, #left div.nav a:hover
{
	background-color: #377B35;
	color: white;
	font-weight: bold;
	border-bottom-color: #377B35;
}

#left div.sub
{
}

#left div.sub a
{
	display: block;
	color: #377B35;
	background-color: #D1E8C1;
	margin-bottom: 0;
	border-bottom: 1px solid #377B35;
	background-image: url(/images/left-nav-sub-background-closed.gif);
	background-repeat: no-repeat;
	padding-left: 14px;
}

#left div.sub a.active, #left div.sub a:hover
{
	color: #333;
	font-weight: bold;
	background-image: url(/images/left-nav-sub-background-open.gif);
	padding-left: 17px;
	background-color: #D1E8C1;
	height: auto;
}

/* active second-level nav elements with no children: class="active nosub" */
#left div.sub a.active.nosub, #left div.sub a.active.nosub:hover
{
	background-image: url(/images/left-nav-sub-background-closed.gif);
	padding-left: 14px;
}

#left div.sub2 a, #left div.sub2 a.active, #left div.sub2 a:hover
{
	background-color: #fbfbfb;
	background-image: none;
	padding-left: 22px;
    height: auto;
}

#left div.sub2 a.active, #left div.sub2 a:hover
{
	color: #222E1A;
}

#left div.search
{
	background-color: #949494;
	padding: 6px;
	font-weight: bold;
	color: white;
}

#left div.search input
{
	width: 117px;
	margin-top: 3px;
	border: 1px solid white;
	background-color: white;
	color: #999;
	font-size: 8pt;
	padding: 3px;
	letter-spacing: 1px;
}

#left div.regionChooser
{
	padding: 0 6px;
}

#left div.regionChooser select
{
	width: 100%;
	border: 1px solid #7B97B2;
	background-color: #f6f6f6;
}

#left div.rss
{
	background-image: url(/images/rss.gif);
	background-repeat: no-repeat;
	height: 16px;
	background-position: 6px 0;
	padding-left: 28px;
	color: #666;
}

#left div.rss a
{
	color: #666;
	font-size: 10px;
	line-height: 14px;
}

#left div.rss a:hover
{
	color: #333;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

/* Main body column */
#main
{
	margin-left: 0px;
	width: 430px;
}

#main h1
{
	font-size: 21px;
	color: #333;
	margin-bottom: 4px;
}

/* Dates for sub-pages */
#main h2.date
{
	font-size: 10px;
	color: #999;
	margin-top: 1.2em;
}

#main h2.date + p
{
	margin-top: 0;
}

#main.blog h2.date
{
	margin-top: 0;
	margin-bottom: 14px;
}

#main div.picture.right
{
	float: right;
	margin-top: 1.4em;
	margin-left: 10px;
}

#main div.picture.left
{
	float: left;
	margin-top: 1.4em;
	margin-right: 10px;
}

#main div.picture img
{
	margin-bottom: 4px;
}

#main div.picture div.caption
{
	color: #999;
}

#main.blog div.picture div.caption
{
	text-align: right;
	margin-right: 5px;
}

#main p
{
	margin-top: 1.2em;
	line-height: 1.4em;
    font-size: 12px;
}

/* Links in the main body paragraphs */
#main p a
{
	color: #377B35;
	border-bottom: 1px dotted #377B35;
}

#main p a:hover
{
	color: #333;
	border-bottom: 1px dotted #333;
}

#main.campaign div.buttons
{
	margin-top: 1.2em;
	margin-bottom: 2em;
	margin-left: -9px;
	height: 20px;
}

#main.campaign div.buttons a
{
	float: left;
	width: 137px;
	height: 28px;
	margin-left: 9px;
	text-align: center;
	background-image: url(/images/cp_blue_dk_bg.gif);
	color: white;
	font-size: 15px;
	font-weight: bold;
	line-height: 28px;
	overflow: hidden;
}

#main.campaign div.buttons a:hover
{
	background-image: url(/images/cp_blue_lt_bg.gif);
	color: #487DB3;
}

#main.campaign div.buttons a.action
{
	background-image: url(/images/cp_orange_dk_bg.gif);
	text-transform: uppercase;
}

#main.campaign div.buttons a.action:hover
{
	background-image: url(/images/cp_orange_lt_bg.gif);
	color: #F98B36;
}

#main div.buttons, #main.campaign div.story div.buttons
{
	margin: 1.2em 0;
	margin-left: -6px;
	height: 20px;
}

#main div.buttons a, #main.campaign div.story div.buttons a
{
	width: 89px;
	height: 20px;
	margin-left: 6px;
	background-image: url(/images/button-background.gif);
	color: #4B6C45;
	font-size: 10px;
	font-weight: bold;
	line-height: 18px;
	float: left;
	display: block;
	text-align: center;
}

#main div.buttons a:hover, #main.campaign div.story div.buttons a:hover
{
	color: #333;
	background-image: url(/images/button-background_over.gif);
}

#main div.story
{
	margin-top: 1.2em;
	border-top: 1px dotted #ccc;
	padding-top: 1.2em;
}

#main div.story img
{
	float: left;
}

#main div.story div.content
{
	margin-left: 135px;
}

#main div.story h1
{
	color: #333;
	margin-bottom: 8px;
	font-size: 15px;
}

#main div.story a:hover
{
	color: #333;
}

#main div.story ul
{
	margin-left: 1.3em;
	list-style-type: square;
}

#main div.story ul li a
{
	color: #4B6C45;
	font-weight: bold;
}

#main div.feature div.controls
{
	float: right;
	padding-top: 6px;
}

#main div.feature div.controls a
{
	margin-right: 3px;
}

#main div.pullquote
{
	float: right;
	background-color: #f6f6f6;
	font-size: 17px;
	line-height: 24px;
	font-style: italic;
	color: #333;
	width: 185px;
	padding: 8px;
	margin: 12px 0 12px 18px;
}

/* viral marketing */
#main div.internets
{
	border-top: 1px dotted #ccc;
	padding-top: 12px;
	margin-top: 12px;
}

#main.blog div.internets
{
	border-top-style: none;
	border-bottom: 1px dotted #ccc;
	margin-top: 12px;
	margin-bottom: 20px;
	padding-bottom: 6px;
}

#main.blog div.internets div.grey
{
	background-color: #f6f6f6;
	padding: 10px 6px 8px;
	padding-bottom: 28px;
}

#main.blog div.internets a
{
	color: #377B35;
}

#main.blog div.internets a:hover
{
	color: #333;
}

#main div.internets a.viral, #main div.internets span
{
	float: left;
	margin-left: 6px;
	display: block;
	height: 16px;
	color: #333;
	margin-right: 10px;
	padding-top: 3px;
}

#main.blog div.internets div.links span
{
	float: none;
	display: inline;
	margin: 0 12px;
}

#main div.internets a.viral
{
	background-repeat: no-repeat;
	padding-left: 23px;
}

#main.blog div.internets div div
{
	margin-left: 6px;
	margin-bottom: 6px;
}

#main div.internets a.digg
{
	background-image: url(/images/icon-digg.gif);
}

#main div.internets a.delicious
{
	background-image: url(/images/icon-del.icio.us.gif);
}

#main div.internets a.technocrati
{
	background-image: url(/images/icon-technocrati.gif);
}

/* breadcrumbs for sub-pages */
#breadcrumbs
{
	font-size: 10px;
	color: #999;
	border-bottom: 1px dotted #ccc;
	padding-bottom: 4px;
	margin-bottom: 6px;
}

#breadcrumbs a
{
	color: #999;
}

#breadcrumbs a:hover
{
	color: #666;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

/* Right column */

#right
{
	float: right;
	width: 150px;
	background-color: #f6f6f6;
	font-size: 10px;
	padding-bottom: 18px;
}

#right div.feature
{
	background-color: #F98B36;
	color: white;
}

#right div.feature h1
{
	color: white;
	text-transform: uppercase;
	font-size: 15px;
	background-image: url(/images/right-take_action.gif);
	background-repeat: no-repeat;
	height: 16px;
	padding: 8px;
	padding-left: 25px;
	padding-top: 5px;
	white-space: nowrap;
	overflow: hidden;
}

#right div.feature img
{
	border-top: 1px solid white;
	border-bottom: 1px solid white;
}

#right div.feature div
{
	padding: 8px;
}

#right div.feature h2
{
	font-size: 11px;
	margin-bottom: 2px;
}

#right div.feature a
{
	color: white;
}

#right ul
{
	margin: 0 8px;
	margin-left: 2em;
	list-style-type: square;
}

#right ul.feature
{
	margin-top: 10px;
}

#right ul li
{
	margin-bottom: 12px;
}

#right div.border
{
	height: 4px;
	background-color: #F98B36;
}

#right div.blog
{
	margin-top: 18px;
	background-color: #487DB3;
	padding-bottom: 2px;
	color: white;
}

#right.blog div.blog, #right.campaign div.blog
{
	margin-top: 0;
}

#right div.blog h1
{
	color: white;
	font-size: 15px;
	background-image: url(/images/right-blog-background.gif);
	background-repeat: no-repeat;
	height: 21px;
	padding: 8px;
	padding-top: 6px;
	padding-left: 25px;
	white-space: nowrap;
	overflow: hidden;
}

#right div.blog div.about
{
	padding: 0 12px 8px;
}

#right div.blog div.about a
{
	font-weight: bold;
}

#right div.blog p
{
	margin-bottom: 1.4em;
}

#right div.blog a
{
	color: white;
}

#right div.news, #right div.generic
{
	margin-top: 18px;
	background-color: #ddd;
	padding-bottom: 2px;
	color: #333;
}

#right div.news a
{
	color: #333;
}

#right div.news h1, #right div.generic h1, #right.blog div.blog h1
{
	color: #202C18;
	font-size: 15px;
	background-image: url(/images/right-grey-background.gif);
	background-repeat: no-repeat;
	height: 21px;
	padding: 8px;
	padding-top: 6px;
	white-space: nowrap;
	overflow: hidden;
}

#right div.generic h1, #right.blog div.blog h1
{
	background-image: url(/images/right-blue-background.gif);
	color: white;
}

#right div.generic a.more
{
	display: block;
	padding-bottom: 8px;
	padding-left: 2em;
	font-weight: bold;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

/* The footer */

#footer
{
	text-align: center;
	color: #666;
	padding-top: 3em;
	font-size: 11px;
	clear: both;
}

#footer a
{
	color: #666;
}

#footer a:hover
{
	color: #000;
}

#footer a, #footer span
{
	margin-right: 15px;
}