/*
#
# Site:         windc
#
# File:         site.css
#
# Author:       Slawomir Bas / Evergreen Computing Ltd
#
# Date:         June 2008
#
# Copyright:    (c) 2001 Evergreen Computing Ltd
#
*/
/*
html {
    overflow: scroll;
}
*/
* { margin: 0; padding: 0; }

body {
	background-color: #a0a0a4;
	font: 12px Arial, Verdana,  Helvetica, sans-serif;
	/* color: #58595b; */
	color: #3c3c3c;
	margin: 0px;
}

img {
	border: 0;	
}


p {
	padding-top: 5px;
	padding-bottom: 5px;
}

a {
	color: #58595b;
	text-decoration: none;
}

a:hover {
	color: #58595b;
	text-decoration: underline;
}

.menu {
	font-family: Arial, Verdana, sans-serif;
	color:#2390cb; font-size:11pt;
	font-weight:bold;
}

.menu_current {
	font-family: Arial, Verdana, sans-serif;
	color:#2390cb; font-size:11pt;
	font-weight:bold;
}

.second_submenu {
	color:#58595b; font-size:8pt;
	padding-left: 8px;
}

.second_submenu_current {
	color:#58595b; font-size:8pt;
	padding-left: 8px;
}

.box_middle_top h3 {
	color: #fff;
}

h3 {
	color: #2390cb;
}

h3.search {
	font-size: 14px;
	color: #007dc3;
}

h3.search:hover {
	color: #034b8b;
	text-decoration: underline;
}
 
/* class ------------------------------------------------------- */
 
.bigger {
	font-size: 14px;
} 

.soundbite {
	text-align: center;
	font-weight: bold;
	font-size:14px;
}

.small {
   font-size: 10px;
}

 
/* divs ------------------------------------------------------- */

#container {
	width: 990px;
	text-align: left;
	margin: 0px auto;
	border-top: #000 solid 1px;
	border-left: #000 solid 1px;
	border-right: #000 solid 1px;
	border-bottom: #007dc3 solid 3px;
}

/* banner ------------------------------------------------------- */

#banner {
	/*background-color: #0a6ab4;*/
	background-color: #1e62ad;
	height: 140px;
}

#banner_left {
	background-image: url(gfx/banner.jpg);
	background-repeat: no-repeat;
	background-position: right;
	width: 990px;
	height: 140px;
	float: left;
}

#banner_ocean {
	background-image: url(gfx/banner_ocean.jpg);
	background-repeat: no-repeat;
	background-position: right;
	width: 990px;
	height: 140px;
	float: left;
}

#banner_solar {
	background-image: url(gfx/banner_solar.jpg);
	background-repeat: no-repeat;
	background-position: right;
	width: 990px;
	height: 140px;
	float: left;
}

#banner_wind_direct {
	background-image: url(gfx/banner_wind_direct.jpg);
	background-repeat: no-repeat;
	background-position: right;
	width: 990px;
	height: 140px;
	float: left;
}

#logo {
	margin-left: 30px;
	margin-top: 12px;
}

#flash_logo {
	margin-left: 20px;
	margin-top: 12px;
	float: left;
	position: absolute;
}

#banner_flash {
	float: right;
}

/* menu --------------------------------------------------------- */

#menu {
	/* background-image: url(gfx/menu.jpg);
	background-repeat: no-repeat; */
	height: 34px;
    background-color: #2390cb;
}

#menu_flag {
	margin: 0px;
	padding-top: 4px;
	padding-left: 4px;
	width: 42px;
	float: left;
	height: 30px;
	background-color: #2390cb;
}

/* contents ---------------------------------------------------- */

h2 {
	font-size: 28px;
	color: #000;
	font-weight: normal;
	font-family: 'Arial';
	margin: 0px 0 12px 2px;
}

#contents {
	padding: 10px;
	background-color: #fff;
	/* Ie fix so always has min height! */
	min-height: 410px;
	height: auto !important;
	height: 410px;
}

/* footer ---------------------------------------------------- */

#footer {
	width: 990px;
	margin: 0px auto;
	text-align: left;
	color: #007dc3;
	background-color: #fff;
	border-left: #000 solid 1px;
	border-right: #000 solid 1px;
	border-bottom: #000 solid 1px;
	font-size: 12px;
	margin-bottom: 10px;
}

#footer p {
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 10px;
}

#footer a {
	color: #007dc3;
	text-decoration: none;
}

#footer a:hover {
	color: #007dc3;
	text-decoration: underline;
}

/* columns ---------------------------------------------------- */

#column_1 {
	float: left;
	width: 227px;
	margin-right: 14px;
}

#column_2 {
	float: left;
	width: 488px;
}

#column_3 {
	float: left;
	width: 227px;
	margin-left: 14px;
}

/* box ------------------------------------------------------- */

.box {
	
}

.box_header {
	color: #fff;
	background-color: #508dd0;
	height: 30px;
	font-size: 14px;
	clear: both;
}

.box_header p {
	padding-top: 6px;
	padding-left: 6px;
}

.box_header a {
	color: #fff;
	text-decoration: underline;
}

.box_header a:hover {
	color: #fff;
}

.box_content {
	padding: 5px;
}

.box_content ul {
	list-style-image: url('gfx/li.gif');
	padding-left: 25px;
	padding-bottom: 10px;
}

.box_content li {
	padding-top: 2px;
}

.box_content_list li {
}

.box_content_with_img {
	background-image: url(gfx/background_grey_box.gif);
	background-repeat: repeat-x;
	height: 75px;
	margin-bottom: 5px;
	margin-top: 5px;
}

.box_content_with_img_corner {
	background-image: url(gfx/grey_box_corner.gif);
	background-repeat: no-repeat;
	float: left;
	width: 11px;
	height: 75px;
}

.box_content_with_img img {
	float: right;
}

.box_content_with_img p {
	color: #0979b8;
	padding-top: 23px;
	padding-left: 14px;
	font-size: 15px;
}

.box_content_shorter_list {
	padding: 2px;
}

.box_content_shorter_list a {
	font-weight: bold;
}

.box_content_shorter_list ul {
	list-style-image: url('gfx/li.gif');
	padding-left: 25px;
	padding-bottom: 0px;
}

.box_content_shorter_list p {
	padding: 0px;
	padding-left: 6px;
	font-style: italic;
	font-size: 11px;
}

.box_middle_bottom_content {
	color: #000;
}


/* .box_middle_top ------------------------------------------------------- */

.box_middle_top {
	color: #fff;
	margin-bottom: 10px;
}

.box_middle_top_header {
	background-image: url(gfx/background_middle_top_header.gif);
	background-repeat: repeat-x;
	height: 36px;
	font-size: 15px;
	font-style: normal;
}

.box_middle_top_header h3 {
	padding-top: 9px;
	padding-left: 25px;
}

.box_middle_top_header a {
	color: #fff;
}

.box_middle_top_header a:hover {
	color: #fff;
}

.box_middle_top_content {
	background-color: #528fd1;
	padding-top: 5px;
	padding-left: 25px;
	padding-right: 25px;
	padding-bottom: 5px;
}

.box_middle_top_content p {
}


/* .box_middle_bottom ------------------------------------------------------- */

#boxes_middle_bottom {
	background-color: #508dd0;
	color: #fff;
	width: 483px;
	padding-bottom: 5px;
	padding-right: 5px;
}

.box_middle_bottom {
	color: #fff;
	width: 231px;
	float:left;
}

.box_middle_bottom_right {
	color: #fff;
	width: 241px;
	float:right;
}

.box_middle_bottom_header {
	height: 30px;
	font-size: 14px;
}

.box_middle_bottom_header p {
	padding-top: 6px;
	padding-left: 12px;
}
.box_middle_bottom_header a {
	color: #fff;
}

.box_middle_bottom_header a:hover {
	color: #fff;
}

.box_middle_bottom_content {
	clear: all;
	margin-left: 5px;
	height: 166px;
	background-color: #fff;
}


/* boxes midd ----------------------------------------------------- */

#prev_button_expert,
#prev_button_people,
#prev_button_party,
#prev_button_project {
	float: left;

}

#next_button_expert,
#next_button_people,
#next_button_party,
#next_button_project {
	float: right;
	padding-left: 5px;
	padding-right: 5px;
	
}

#prev_button_expert img,
#prev_button_people img,
#prev_button_party img,
#prev_button_project img {
	padding-top: 60px;

}

#next_button_expert img,
#next_button_people img,
#next_button_party img,
#next_button_project img {
	padding-top: 60px;
}

#expert_img, #people_img,
#party_img, #project_img {
	text-align: center;
	padding-top: 5px;
	height: 126px;
	width: 170px;
	float: left;
}

.box_table {
	height: 120px;
	width: 170px;
	text-align: center;

}
	

#expert_desc, #people_desc,
#party_desc, #project_desc {
	clear: left;
	padding-left: 15px;
	width: 190px;
	font-size: 11px;
	margin-top: 5px;
}

#expert_desc span, #people_desc span,
#party_desc span, #project_desc span {
	font-style: italic;
}


/* news ----------------------------------------------------- */

.news_content {
	margin-left: 110px;
	margin-right: 20px;
}

.events_content {
	margin-left: 20px;
	margin-right: 200px;
	height: 150px;
}

.jobs_content {
	margin-left: 20px;
	margin-right: 20px;
}

.news_content h1,
.events_content h1,
.jobs_content h1 {
	font-size: 14px;
	padding-bottom: 5px;
}

.news_content span,
.events_content span,
.jobs_content span {
	font-size: 14px;
	color: #007dc3;
	font-weight: bold;
}

.news_content a,
.eventd_content a,
.jobs_content a {
	color: #007dc3;
}

.news_picture {
	float: left;
	
}

.events_picture {
	float: right;
	margin-right: 30px;
	
}

.news_hr,
.events_hr,
.jobs_hr {
	width: 500px;
	margin-left: 250px;
}

#contents_table {
	margin: 0px;
	padding: 0px;
}

#contents_table p a {
	color: #007dc3;
	text-decoration: underline;
}

#contents_table p a:hover {
	color: #58595b;
}

#contents_table p a.jobtitle {
	color: #007dc3;
	text-decoration: none;
}

#contents_table p a.jobtitle:hover {
	color: #58595b;
}

#contents_table ul {
	list-style-position: inside;
}

#contents_table ol {
	list-style-position: inside;
}

/********************** Countries Page ********************/

#countries_overview a {
	color: #2390cb;
	font-size: 14px;
	font-weight: bold;
}

/********************* Data Tables *************************/

.dev_consented {
	font-size: 11px;
	width: 510px;
	margin: 0 0 0 -3px;
	padding: 0px;
}

.dev_consented a {
	color: #007dc3;	
}

.dev_consented td {
	background: #f6e0cc;
	text-align: left;
	padding: 2px 2px 2px 5px;
}

.dev_consented td.center {
	text-align: center;
}

.dev_consented th {
	background: #e5a663;
	text-align: left;
	font-weight: bold;
	padding: 4px;
}

.dev_consented td.table_footer {
	font-size: 14px;
	background: #e5a663;
	color: #fff;
	text-align: center;
	font-weight: bold;
	text-indent: 4px;
	padding: 8px;
}

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

.dev_nearsub {
	font-size: 11px;
	width: 510px;
	margin: 0 0 0 -3px;
	padding: 0px;
}

.dev_nearsub a {
	color: #007dc3;	
}

.dev_nearsub td {
	background: #f9e9db;
	text-align: left;
	padding: 2px 2px 2px 5px;
}

.dev_nearsub td.center {
	text-align: center;
}

.dev_nearsub th {
	background: #e8b988;
	text-align: left;
	font-weight: bold;
	padding: 4px;
}

.dev_nearsub td.table_footer {
	font-size: 14px;
	background: #e5a663;
	color: #fff;
	text-align: center;
	font-weight: bold;
	text-indent: 4px;
	padding: 8px;
}

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

.eng_construct {
	font-size: 11px;
	width: 510px;
	margin: 0 0 0 -3px;
	padding: 0px;
}

.eng_construct a {
	color: #007dc3;	
}

.eng_construct td {
	background: #dbedf3;
	text-align: left;
	padding: 2px 2px 2px 5px;
}

.eng_construct td.center {
	text-align: center;
}

.eng_construct th {
	background: #bfe3eb;
	text-align: left;
	font-weight: bold;
	padding: 4px;
}

.eng_construct td.table_footer {
	font-size: 14px;
	background: #6dc5db;
	color: #fff;
	text-align: center;
	font-weight: bold;
	text-indent: 4px;
	padding: 8px;
}

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

.eng_future {
	font-size: 11px;
	width: 510px;
	margin: 0 0 0 -3px;
	padding: 0px;
}

.eng_future a {
	color: #007dc3;	
}

.eng_future td {
	background: #e6f2f6;
	text-align: left;
	padding: 2px 2px 2px 5px;
}

.eng_future td.center {
	text-align: center;
}

.eng_future th {
	background: #cbe9ef;
	text-align: left;
	font-weight: bold;
	padding: 4px;
}

.eng_future td.table_footer {
	font-size: 14px;
	background: #7fcde1;
	color: #fff;
	text-align: center;
	font-weight: bold;
	text-indent: 4px;
	padding: 8px;
}

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

.adv_construct {
	font-size: 11px;
	width: 510px;
	margin: 0 0 0 -3px;
	padding: 0px;
}

.adv_construct a {
	color: #007dc3;	
}

.adv_construct td {
	background: #e1ebe0;
	text-align: left;
	padding: 2px 2px 2px 5px;
}

.adv_construct td.center {
	text-align: center;
}

.adv_construct th {
	background: #acc3ae;
	text-align: left;
	font-weight: bold;
	padding: 4px;
}

.adv_construct td.table_footer {
	font-size: 14px;
	background: #90b393;
	color: #fff;
	text-align: center;
	font-weight: bold;
	text-indent: 4px;
	padding: 8px;
}

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

.ops_construct {
	font-size: 11px;
	width: 510px;
	margin: 0 0 0 -3px;
	padding: 0px;
}

.ops_construct a {
	color: #007dc3;	
}

.ops_construct td {
	background: #e5d9ea;
	text-align: left;
	padding: 2px 2px 2px 5px;
}

.ops_construct td.center {
	text-align: center;
}

.ops_construct th {
	background: #d6c6dd;
	text-align: left;
	font-weight: bold;
	padding: 4px;
}

.ops_construct td.table_footer {
	font-size: 14px;
	background: #d6c6dd;
	color: #fff;
	text-align: center;
	font-weight: bold;
	text-indent: 4px;
	padding: 8px;
}

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

.table_offshore {
	font-size: 11px;
	width: 510px;
	margin: 0 0 0 -3px;
	padding: 0px;
}

.table_offshore td {
	background: #f1d8d8;
	text-align: left;
	padding: 2px 2px 2px 5px;
}

.table_offshore a {
	color: #007dc3;	
}

.table_offshore td.center {
	text-align: center;
}

.table_offshore th {
	background: #e8c7c7;
	text-align: left;
	font-weight: bold;
	padding: 4px;
}

.table_offshore td.table_footer {
	font-size: 14px;
	background: #e8c7c7;
	color: #fff;
	text-align: center;
	font-weight: bold;
	text-indent: 4px;
	padding: 8px;
}

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

.table_onsite {
	font-size: 11px;
	width: 510px;
	margin: 0 0 0 -3px;
	padding: 0px;
}

.table_onsite td {
	background: #a5b9e1;
	text-align: left;
	padding: 2px 2px 2px 5px;
}

.table_onsite a {
	color: #007dc3;	
}

.table_onsite td.center {
	text-align: center;
}

.table_onsite th {
	background: #233e74;
	text-align: left;
	font-weight: bold;
	padding: 4px;
	color: #fff;
}

.table_onsite td.table_footer {
	font-size: 14px;
	background: #233e74;
	color: #fff;
	text-align: center;
	font-weight: bold;
	text-indent: 4px;
	padding: 8px;
}

/****************  Service Intro Page Tables ***************/

#serv_intro a {
	color: #333;
	text-decoration: underline;
}

.dev_servicesintro td {
	background: #f6e5d6;
	height: 20px;
	padding: 4px;
}

.dev_servicesintro td.head {
	background: #e6aa69;
	height: 30px;
	padding: 4px;
}

.eng_servicesintro td {
	background: #ddedf4;
	height: 20px;
	padding: 4px;
}

.eng_servicesintro td.head {
	background: #c3e1e6;
	height: 30px;
	padding: 4px;
}

.op_servicesintro td {
	background: #e5d9ea;
	height: 20px;
	padding: 4px;
}

.op_servicesintro td.head {
	background: #d6c6dd;
	height: 30px;
	padding: 4px;
}

.adv_servicesintro td {
	background: #d3dcd2;
	height: 20px;
	padding: 4px;
}

.adv_servicesintro td.head {
	background: #b1c3ad;
	height: 30px;
	padding: 4px;
}

.row_blue   { background:#b0dff5 }
.row_yellow { background-color:#FFFFEE }
.row_purple  { background-color:#dac6d2 }
.row_green  { background-color:#aee1b6 }
.row_brick  { background-color:#eeb69b }
.row_grey   { background-color:#DDDDDD }
.row_white  { background-color:#FFFFFF }

.hlight0 { background: #FFFF00 }
.hlight1 { background: #CCFFCC }
.hlight2 { background: #CCCCFF }
.hlight3 { background: #FFCCCC }

#windd_strip {
	background: #d9e7e8;
	text-align: left;
	height: 34px;
	position: relative;
	z-index: 100;
}
#windd_strip p{
	position: relative;
	left: 0px;
	padding: 11px 11px 11px 30px;
	font-family: Arial, Verdana, sans-serif;
	color:#777;
	font-size: 8pt;
	font-weight: normal;
	float: left;
}
#windd_strip p a {
	font-size: 11px;
	text-decoration: underline;
}

#contact_box {
/*
	border: 1px solid #dedede;
	background: #f8f8f8;
*/
	width: 150px;
	margin-left: 12px;
	text-align: left;
	margin-top: 40px;
}
#contact_box #inside {
	margin: 2px;
	font-family: Arial, Verdana, sans-serif;
        color:#555;
        font-size: 11px;
        font-weight: normal;
}
#contact_box #inside p {
	padding: 1px;
	font-family: Arial, Verdana, sans-serif;
        color: #555;
        font-size: 11px;
        font-weight: normal;
	margin-bottom: 8px;
}
#contact_box #inside p a{
	color: #555;
	font-size: 11px;
	text-decoration: underline;
}
#min_height_div {
	/* Ie fix so always has min height! */
	min-height: 300px;
	height: auto !important;
	height: 300px;
}


/* Wind Farm Project Page Css */

table#project_record {
	font-size: 11px;
}

table#project_record td.b-left {
	border-left: 1px solid #444;
}

table#project_record td.b-right {
	border-right: 1px solid #444;
}

table#project_record * td {
	padding: 2px 4px 2px 4px;
}

table#project_record td.right {
	text-align: right;
}

table#project_record tr.row1, tr.row3 {
	background: #d9e9eb
}

table#project_record tr.row1 td {
	border-top: 1px solid #444;
}

table#project_record tr.row4 td {
	border-bottom: 1px solid #444;
}

table#project_record td.bold {
	font-weight: bold;
}

table#project_record td.l-right {
	border-right: 1px solid #777;
}

table#project_record td.l-bottom {
	border-bottom: 1px solid #777;
}

table#project_record tr.row5 td {
	font-size: 9px;
}

table#project_docs {
	margin-top: 0px;
}
div#project_docs {
	float: left;
	width: 100%;
}

table#project_docs a {
	color: #007dc3;
	text-decoration: underline;
}

table#windd_project {
	font-size: 13px;
}

table#windd_project tr.row1, tr.row3 {
	background: #d9e9eb
}

table#windd_project td {
	padding: 6px;
}

.caption {
	text-align:center;
	font-style:italic;
	margin-bottom:10px;
}

.wf_nav_contain {
	float: left;
	width: 100%;
}
.wf_navigation {
	right: 0px;
	float: right;
	width: 120px;
}
#project_record {
	float: left;
}
p.wf_nav {
	text-align: center;
	color: #007dc3;
}
a.wf_nav {
	padding-top: 1px;
	display: block;
	font-size: 10px;
}

.cv_button {
   border: #007dc3 solid 1px; 
   padding: 10px; 
   text-align: center; 
   margin: 0 auto; 
   color: #007dc3;
   font-weight: bold;	
   background-color: #eee;
}

#header_business_stream {
   color: #000;
   font-size: 12px;	   
   margin: 0px;
   padding: 0px;
}



/* gallery ------------------------------------------------------- */

#projects_container {
	width: 580px;
	float:left;
}

div.content {
	/* The display of content is enabled by a javascript generated style on the page.
	   This is so that the slideshow content won't display unless javascript is enabled. */
	display: none;
	float:right;
	width:400px;
	height: 750px;
	padding-right: 0px;
}
div.content a, div.navigation a {
	color: #777;
}
div.content  a:focus, 
div.content  a:hover, 
div.content  a:active {
	text-decoration: underline;
}
div.controls {
	height: 23px;
}
div.controls a {
	padding: 5px;
}
div.ss-controls {
	float: left;
}
div.nav-controls {
	float: right;
}

div.loader {
	background-image: url('egc/gfx/transp1.gif');
	background-repeat: no-repeat;
	background-position: center;
	width: 400px;
	height: 350px
}
div.slideshow {
	clear: both; 
}
div.slideshow span.image-wrapper {
	float: left;
	padding-bottom: 12px;
}
div.slideshow a.advance-link {
	padding: 2px;
	display: block;
	border: 1px solid #ccc;
}
div.slideshow img {
	display: block;
}
div.download {
	float: right;
}
div.embox {
	clear: both;	
	padding: 12px;
	padding-top: 0px;
}

div.image-desc {
	line-height: 1.3em;
	padding-top: 2px;
}
div.navigation {
	/* The navigation style is set by a javascript generated style on the page.
	   This is so that the javascript specific styles won't be applied unless javascript is enabled. */      
}

ul.thumbs {
	margin: 0;
	padding: 0;
	padding-top: 0px;
	width: 180px;
}

ul.thumbs li {
	float: left;
	padding: 0;
	margin: 5px 10px 5px 0;
	list-style: none;
	text-align: center;
	width: 76px;
}

a.thumb {
	padding: 2px;
	display: block;
	border: 1px solid #ccc;
}
ul.thumbs li.selected a.thumb {
	background: #4f3f66;
}
a.thumb:focus {
	outline: none;
}
ul.thumbs img {
	border: none;
	display: block;
}
div.pagination {
	clear: both;
}
div.navigation div.top {
	margin-bottom: 12px;
	height: 11px;
}
div.navigation div.bottom {
	margin-top: 12px;
}
div.pagination a, div.pagination span.current {
	display: block;
	float: left;
	margin-right: 2px;
	padding: 4px 7px 2px 7px;
	border: 1px solid #ccc;
}
div.pagination a:hover {
	background-color: #eee;
	text-decoration: none;
}
div.pagination span.current {
	font-weight: bold;
	background-color: #4f3f66;
	color: #fff;
	border: 1px solid #ccc;
}

/**********
 * Info for the community website picture in wf_project
**********/

div#wind_prev_container {
	background: url('/gfx/com_back.png');
	float: left;
	width: 235px;
	height: 201px;
	position: relative;
	margin-bottom: 15px;
}
div#wind_prev {
	width: 203px;
	height: 130px;
	position: relative;
	top: 14px;
	left: 15px;
	float: left;
	margin-bottom: 0px;
	padding-bottom: 0px;
	z-index: 0;
}
div#wf_bottom {
	height: 25px;
	float: left;
	width: 100%;
	position: absolute;
	bottom: 0px;
	left: 0px;
	z-index: 0;
	text-align: center;
	line-height: 25px;
	font-family: Arial, Verdana, sans-serif;
	font-size: 11px;
}

a.pro_over {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	display: block;
}
div.pro_name {
	margin-top: 24px;
	font-family: Georgia,Times New Roman,serif;
	font-size: 26px;
	padding: 10px 10px 0px 10px;
	color: #008193;
	text-align: center;
	font-weight: normal;
	float: left;
	width: 92%;
}
div.pro_title {
	width: 92%;
	font-family: Arial, Verdana, sans-serif;
	float: left;;
	text-align: center;
	font-size: 13px;
	color: #000;
	text-transform: uppercase;
	padding: 4px 10px 0px 10px;
}
div.wf_green {
	background: url('gfx/top_back_green_small.png') no-repeat top left;
}
div.wf_purple {
	background: url('gfx/top_back_purple_small.png') no-repeat top left;
}
div.wf_yellow {
	background: url('gfx/top_back_yellow_small.png') no-repeat top left;
}
div.wf_blue {
	background: url('gfx/top_back_blue_small.png') no-repeat top left;
}
div.wf_brick {
	background: url('gfx/top_back_brick_small.png') no-repeat top left;
}
div.wf_direct {
	background: url('gfx/top_back_direct_small.png') no-repeat top left;
}
div.wf_green_bottom {
	background: url('gfx/bottom_back_green_small.jpg') repeat-x;
}
div.wf_green_bottom a {
	color: #222;
}
div.wf_purple_bottom {
	background: url('gfx/bottom_back_purple_small.jpg') repeat-x;
}
div.wf_purple_bottom a {
	color: #222;
}
div.wf_yellow_bottom {
	background: url('gfx/bottom_back_yellow_small.jpg') repeat-x;
}
div.wf_yellow_bottom a {
	color: #222;
}
div.wf_blue_bottom {
	background: url('gfx/bottom_back_blue_small.jpg') repeat-x;
}
div.wf_blue_bottom a {
	color: #222;
}
div.wf_brick_bottom {
	background: url('gfx/bottom_back_brick_small.jpg') repeat-x;
}
div.wf_brick_bottom a {
	color: #222;
}
div.wf_direct_bottom {
	background: url('gfx/bottom_back_direct_small.jpg') repeat-x;
}
div.wf_direct_bottom a {
	color: #fff;
}