/**
* Design and Layout "WB-Org"
* WebsiteBaker Project <http://www.websitebaker2.org/>
* Copyright (C) 2010, Website Baker Org e.V. All rights reserved.
* License conditions: 	The special license (in addition to CC 3.0 by-nc-nd) 
* 							  	have to be asked at contact[at]websitebakers.org.
*/
/* TABLE OF CONTENTS */
/*****************************************************
01 - Global Elements
02 - Main Structure 
03 - Header - Header, Logo, navigation
04 - Main Content - Post boxes, post meta, comments, etc
05 - Sidebar - search, submenu, quicklinks, extra blocks, etc
06 - Footer - Copyright
*****************************************************/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Reset all styles to reduce browser inconsistencies 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
html{ color: #000000; background: #ffffff; }

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{ margin: 0; padding: 0; }

table{ border-collapse: collapse; border-spacing: 0; }

fieldset,img{ border: 0; }

address,caption,cite,code,dfn,em,strong,th,var{ font-style: normal; font-weight: normal; }

li{ list-style: none; }

caption,th{ text-align: left; }

h1,h2,h3,h4,h5,h6{ font-size: 100%; font-weight: normal; }

q:before,q:after{ content: ''; }

abbr,acronym { border: 0; font-variant: normal; }

sup { vertical-align: text-top; }

sub { vertical-align: text-bottom; }

input,textarea,select{
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
}

input,textarea,select{ font-size: 100%; }

legend{ color: #000000; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	01 - Global Elements
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
html{ background: url(../img/bg1.png) repeat-x #ffffff; }

body {
	font-size: 75%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #003366;
}

/* Page Headings */
h1, h2, h3, h4, h5, h6 { color: #336699; }

h1 {
	margin: 10px 0 6px 0;
	font-size: 1.5em;
	font-weight: bold;
}

	
h2 {
	margin: 10px 0 4px 0;
	font-size: 1.3em;
	font-weight: bold;
}

h3 {
	margin: 10px 0 4px 0;
	font-size: 1.2em;
	font-weight: bold;
}

h4 { margin: 10px 0 0 0; font-size: 1em; }

h5 { margin: 10px 0 0 0; font-size: 0.9em; }

h6 { margin: 3px 0 0 0; font-size: 0.75em; }

hr { color: #5b9acf; }

p { margin: 0; line-height: 1.6em; margin: 0 0 15px 0; }

strong { color: #336699; }

a:link, a:visited, a:active { color: #5b9acf; text-decoration: none; }

a:hover { color: #336699; text-decoration: none; }

a:active { border-bottom: none; }

*:focus { outline: 0; }

/*  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	02 - Main Structure 
	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#site { margin: 0px auto; width: 994px; }

	
#wrap {
	width: 994px;
	float: left;
	background: transparent url(../img/bg_wrap.png) repeat-y;
}

/*  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	03 - Header 
	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#top {
	width: 994px;
	float: left;
	height: 145px;
	margin-top: 5px;
	background: url(../img/bg_banner.png) center bottom transparent;
}

#logo {
	float: left;
	height: 72px;
	margin-left: 55px;
	margin-top: -4px;
	width: 400px;
	border: none;
}

#lang {
	float: right;
	height: 60px;
	padding-right: 60px;
	padding-top: 8px;
	width: 250px;
	color: #ffffff;
}

#text_lang { padding: 10px 0; text-align: right; }

#flag { text-align: right; }

#flag img { padding-right: 8px; }

/* font and background navi */
#navi { height: 52px; margin-left: 50px; width: 899px; }

#navimain {
	float: left;
	height: 52px;
	width: 660px;
	padding-left: 20px;
	margin-top: 8px;
}

#navimain li {
	width: auto;
	float: left;
	line-height: 52px;
	position: relative;
}

#navimain a {
	width: auto;
	float: left;
	border-right: 1px solid #ffffff;
	padding-right: 14px;
	font-size: 12px;
	text-decoration: none;
	color: #ffffff;
}

#navimain a.menu-child:hover { color: #003366; }

/*Current page Customisations*/
#navimain a.menu-current{
	height: 52px;
	background: url(../img/menu-hover.jpg) repeat-x;
}

#navimain a.menu-expand:hover { color: #003366; }

#navimain a.menu-sibling:hover { color: #003366; }

#navimain a:hover { color: #003366; }

/* Positioning the Pop-out Drops */
#navimain li:hover {
	position: relative;
	z-index: 10000;
	white-space: normal; /* required to resolve IE7 :hover bug (z-index above is 									ignored if this is not present)
									see http://www.tanfa.co.uk/css/articles/				pure-css-popups-bug.asp for other stuff that work */
}

#navimain ul {
	list-style-type: none;
	position: relative; /* Fix the Stupid IE6 Bug */
	z-index: 1000;
}

/* Root Level Link Formatting */
#navimain ul li { float: left; }

#navimain ul li a {
	font-family: arial, sans-serif;
	letter-spacing: 1px;
	display: block;
	padding: 0 20px;
	color: #ffffff;
	text-decoration: none;
	border-right: 1px solid #ffffff;
	font-size: 1.3em;
	font-weight: bold;
}

/* Root Level link hover */
#navimain ul li a:hover, #navimain ul li a:focus, #navimain ul li a:active, #navimain ul li a.active {
	background: url(../img/menu-hover.jpg) repeat-x;
	color: #003366;
}

#navimain ul ul ul { position: absolute; top: 1px; left: 100%; }

#navimain .menu li ul {
	position: absolute;
	left: 0;
	z-index: -100;
	top: 53px;
	margin-top: -1px;
	height: auto;
	padding-top: 0px;
	padding-bottom: 10px;
	display: none;
	width: 212px;
	background: none;
	clear: both;
}

	
#navimain .menu li ul a.menu-parent { color: #666666; }

/* Child link hover*/
#navimain .menu li ul a:hover,  #navimain .menu li ul a.menu-current { color: #000000; }

 
#navimain li li {
	float: none;
	height: auto;
	width: 200px;
	line-height: 20px !important;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-top: none;
	background: #efefef;
}

#navimain li li a {
	float: none;
	padding: 0;
	font-weight: normal;
	font-size: 1em;
	color: #003366;
	height: auto;
	border-bottom: 1px solid #ffffff;
	padding: 6px 4px 6px 12px;
	border-right: none;
}

#navimain li li a:hover {
	color: #003366 !important;
	background: url(../img/list1.gif) #dddddd no-repeat 4px 50%;
}

#navimain li li.bottom {
	background: url(../img/bottom-dropdown.png) no-repeat;
	width: 202px;
	height: 8px;
	border: none;
}

#navimain li li a.menu-current {
	background: url(../img/list1.gif) #bbbbbb no-repeat 4px 50%;
	height: auto;
}

#navimain .menu li ul ul { display: none; }

#navimain .menu li:hover ul ul, #nav .menu li.subMenu ul ul { display: none; }

/* Show and hide */
#navimain .menu li:hover ul, #nav .menu li a:focus ul, #nav .menu li.subMenu ul { display: block; }

#navimain .menu li:hover ul, #navimain .menu li li:hover ul, #navimain .menu li.subMenu ul, #navimain.menu li li.subMenu ul { display: block; z-index: 1000; }

#navimain .menu-last { border-right: none; }

#navimain .menu-last a { border-right: none; }

#navimain .menu-parent {
	background: url(../img/menu-hover.jpg) repeat-x;
	color: #ffffff;
}

#search { float: right; }

#searchbox {
	position: relative;
	padding: 15px;
	width: 160px;
	margin-top: 5px;
}

#searchbox input { vertical-align: top; border: none; }

#search_btn{ width: 20px; float: left; margin-top: 5px; }

#searchbox #input_field{
	background: transparent url(../img/search_bg.png) no-repeat scroll left center;
	border: none;
	color: #666666;
	padding: 5px 5px;
	margin-top: 4px;
	width: 120px;
	float: left;
}

#input_field input { width: 100%; }

a.external {
	background: url(../img/external.png) center right no-repeat;
	padding-right: 13px;
}

/*  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	04 - Main Content 
	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#slider_container {
	background: #ffffff;
	border: none;
	float: left;
	height: 260px;
	margin-left: 76px;
	width: 850px;
	margin-top: 10px;
	margin-bottom: 20px;
}

#left {
	float: left;
	margin-left: 100px;
	min-height: 400px;
	width: 750px;
}

#left img.right { float: right; padding: 0 0 10px 10px; }

#left img.left { float: left; padding: 0 10px 10px 0; }

#block1 {
	float: left;
	min-height: 500px;
	width: 750px;
	line-height: 1.6em;
}

#block1 a:link, #block1 a:active, #block1 a:visited{ border-bottom: 1px dotted; }

#block1 a:hover { color: #336699; border-bottom: 1px solid; }

#breadcrumb { padding-left: 15px; font-size: 90%; }

#text1 { padding: 15px; text-align: justify; }

#text1 ol { margin: 0.5em 0 1.0em 20px !important; }

#text1 ol li {
	list-style-type: decimal;
	list-style-position: outside;
	margin: 0 0 0.2em 0;
	line-height: 1.4em;
	font-size: 12px;
}

#text1 ul { list-style: none; margin: 0.5em 0 1.0em 0; }

#text1 ul li {
	list-style: none;
	font-size: 1em;
	padding-left: 5px;
	margin-left: 20px;
	list-style-image: url(../img/bullet.gif);
	list-style-position: outside;
	min-height: 25px;
}

#text1 ul li li{ list-style: outside; margin-left: 13px; }

#text1 h1{
	font-size: 1.2em;
	color: #ffffff;
	font-weight: bold;
	margin: 0;
	padding: 5px 0 25px;
	text-align: center;
	background: transparent url(../img/h1-bg.png) no-repeat top center;
}

	
#text1 h4{
	font-size: 1.2em;
	color: #003366;
	font-weight: bold;
	line-height: 1.5em;
	min-height: 30px;
	margin: 0 0 0px 12px;
	padding: 0 0 0 30px;
	background: transparent url(../img/check.gif) no-repeat top left;
}

#text1 h5{
	font-size: 1em;
	color: #666666;
	font-weight: normal;
	line-height: 1.4em;
	min-height: 30px;
	margin: 0 0 0px 12px;
	padding: 0 0 0 30px;
	background: transparent url(../img/check.gif) no-repeat top left;
}

#block2 {
	float: left;
	width: 548px;
	color: #ffffff;
	margin: 16px 16px 16px 38px;
	background: transparent url(../img/block2-bottom.png) scroll center bottom no-repeat;
	padding: 0 0 8px 0;
}

#block2-top {
	background: url(../img/block2-top.png) top no-repeat;
	height: 8px;
}

	
#text2{
	padding: 16px;
	background: #5b9acf;
	font-size: 1em;
	line-height: 1.2em;
}

#text2 h1{ font-size: 1.5em; color: #ffffff; font-weight: bold; }

#text2 h2{ font-size: 1.3em; color: #ffffff; font-weight: bold; }

	
#text2 ul li{ list-style: inside; padding: 5px 0px; }

	
td {
	padding: 0 15px;
	border: #ffffff 2px solid;
	background-color: #efefef;
	text-align: left;
}

tr { border-bottom: #ffffff 8px solid; }

.round {
	background-color: #efefef;
	padding: 6px 6px;
	text-align: left;
	font-size: 11px;
	width: 180px;
	height: 275px;
	float: left;
	margin: 6px;
}

.roundwidth {
	background-color: #efefef;
	padding: 12px 12px;
	text-align: center;
	width: 90%;
	height: 190px;
	float: left;
	margin: 12px;
}

.round:hover { background: #ebebeb; }

.clear { clear: left; }

/*  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	05 - Sidebar
	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#right { float: right; margin-right: 70px; width: 210px; }

.heading-subnavi a{ font-weight: bold; padding-left: 25px; color: #003366; }

#subnavi {
	float: left;
	margin: 35px 0px 10px 0px;
	width: 210px;
	color: #003366;
	background: #efefef url(../img/subnavi-bottom.png) scroll center bottom no-repeat;
	padding: 0 0 18px 0;
}

#subnavi-top {
	background: transparent url(../img/subnavi-top.png) top no-repeat;
	height: 8px;
	width: 210px;
}

#submenu { padding: 0 15px 10px 0px; }

#submenu a {
	text-decoration: none;
	color: #5b9acf;
	padding-left: 12px;
	background: url(../img/list.gif) no-repeat 2px 50%;
	display: block;
}

#submenu a:hover {
	color: #003366;
	background: url(../img/list1.gif) no-repeat 4px 50%;
}

#submenu a:active { border: none; }

#submenu a.menu-current{
	font-weight: bold;
	background: url(../img/list1.gif) no-repeat 4px 50%;
	color: #003366;
}

#submenu ul { margin: 0 0 0 14px; }

#submenu ul li {
	padding: 8px 0;
	line-height: 1.4em;
	font-size: 12px;
	list-style-type: none;
	border-bottom: #cccccc 1px solid;
}

#submenu ul li.a{ padding: 0px 10px; }

#submenu ul li li{
	border-bottom: none;
	padding-bottom: 0px;
	font-size: 11px;
}

#submenu ul li li a:link, #submenu ul li li a:visited {
	color: #003366;
	background: url(../img/list1.gif) no-repeat 2px 50%;
}

	
#submenu ul li li a:hover { background: url(../img/list1.gif) no-repeat 4px 50%; }

#quicklinks {
	min-height: 468px;
	padding: 0px;
	width: 210px;
	margin-top: 20px;
}

#quicklinks a:active { border-bottom: none; }

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

/* quicklinks on homepage as buttons*/
#news a{
	background: url(../img/quicklinks.png) no-repeat 0 0;
	background-position: -279px 0px;
	display: block;
	height: 70px;
	margin-bottom: 10px;
}

#news a:hover{ background-position: 0px 0px; }

#download a{
	background: url(../img/quicklinks.png) no-repeat 0 0;
	background-position: -279px -72px;
	display: block;
	height: 70px;
	margin-bottom: 10px;
}

#download a:hover{ background-position: 0px -72px; }

#modules a{
	background: url(../img/quicklinks.png) no-repeat 0 0;
	background-position: -279px -144px;
	display: block;
	height: 70px;
	margin-bottom: 10px;
}

#modules a:hover{ background-position: 0px -144px; }

#templates a{
	background: url(../img/quicklinks.png) no-repeat 0 0;
	background-position: -279px -216px;
	display: block;
	height: 70px;
	margin-bottom: 10px;
}

#templates a:hover{ background-position: 0px -216px; }

#portable a{
	background: url(../img/quicklinks.png) no-repeat 0 0;
	background-position: -279px -288px;
	display: block;
	height: 70px;
	margin-bottom: 10px;
}

#portable a:hover{ background-position: 0px -288px; }

#demo a{
	background: url(../img/quicklinks.png) no-repeat 0 0;
	background-position: -279px -360px;
	display: block;
	height: 70px;
	margin-bottom: 10px;
}

#demo a:hover{ background-position: 0px -360px; }

/* German quicklinks*/
#news_de a{
	background: url(../img/quicklinks_de.png) no-repeat 0 0;
	background-position: -279px 0px;
	display: block;
	height: 70px;
	margin-bottom: 10px;
}

#news_de a:hover{ background-position: 0px 0px; }

#download_de a{
	background: url(../img/quicklinks_de.png) no-repeat 0 0;
	background-position: -279px -72px;
	display: block;
	height: 70px;
	margin-bottom: 10px;
}

#download_de a:hover{ background-position: 0px -72px; }

#modules_de a{
	background: url(../img/quicklinks_de.png) no-repeat 0 0;
	background-position: -279px -144px;
	display: block;
	height: 70px;
	margin-bottom: 10px;
}

#modules_de a:hover{ background-position: 0px -144px; }

#templates_de a{
	background: url(../img/quicklinks_de.png) no-repeat 0 0;
	background-position: -279px -216px;
	display: block;
	height: 70px;
	margin-bottom: 10px;
}

#templates_de a:hover{ background-position: 0px -216px; }

#portable_de a{
	background: url(../img/quicklinks_de.png) no-repeat 0 0;
	background-position: -279px -288px;
	display: block;
	height: 70px;
	margin-bottom: 10px;
}

#portable_de a:hover{ background-position: 0px -288px; }

#demo_de a{
	background: url(../img/quicklinks_de.png) no-repeat 0 0;
	background-position: -279px -360px;
	display: block;
	height: 70px;
	margin-bottom: 10px;
}

#demo_de a:hover{ background-position: 0px -360px; }

/* Dutch quicklinks*/
#news_nl a{
	background: url(../img/quicklinks_nl.png) no-repeat 0 0;
	background-position: -279px 0px;
	display: block;
	height: 70px;
	margin-bottom: 10px;
}

#news_nl a:hover{ background-position: 0px 0px; }

#download_nl a{
	background: url(../img/quicklinks_nl.png) no-repeat 0 0;
	background-position: -279px -72px;
	display: block;
	height: 70px;
	margin-bottom: 10px;
}

#download_nl a:hover{ background-position: 0px -72px; }

#modules_nl a{
	background: url(../img/quicklinks_nl.png) no-repeat 0 0;
	background-position: -279px -144px;
	display: block;
	height: 70px;
	margin-bottom: 10px;
}

#modules_nl a:hover{ background-position: 0px -144px; }

#templates_nl a{
	background: url(../img/quicklinks_nl.png) no-repeat 0 0;
	background-position: -279px -216px;
	display: block;
	height: 70px;
	margin-bottom: 10px;
}

#templates_nl a:hover{ background-position: 0px -216px; }

#portable_nl a{
	background: url(../img/quicklinks_nl.png) no-repeat 0 0;
	background-position: -279px -288px;
	display: block;
	height: 70px;
	margin-bottom: 10px;
}

#portable_nl a:hover{ background-position: 0px -288px; }

#demo_nl a{
	background: url(../img/quicklinks_nl.png) no-repeat 0 0;
	background-position: -279px -360px;
	display: block;
	height: 70px;
	margin-bottom: 10px;
}

#demo_nl a:hover{ background-position: 0px -360px; }

/* end quicklinks on homepage */
#block3 {
	float: left;
	width: 210px;
	color: #003366;
	background: url(../img/block3-bottom.png) scroll center bottom no-repeat;
	padding: 0 0 8px 0;
}

#block3-top {
	background: url(../img/block3-top.png) top no-repeat;
	height: 8px;
}

#text3{
	padding: 16px;
	background: #d6d6d6;
	font-size: .9em;
	line-height: 1.2em;
}

#text3 h1{ font-size: 1.5em; color: #003366; font-weight: bold; }

	
#text3 h2{ font-size: 1.3em; color: #003366; font-weight: bold; }

	
#text3 ul li{ list-style: inside; padding: 5px 0px; }

/*  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	06 - Footer 
	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#bg_footer {
	height: 80px;
	background: #003366;
	float: left;
	width: 100%;
}

#footer_inner {
	background: transparent url(../img/bg_footer_end.jpg) center bottom no-repeat;
	height: 56px;
	margin: 0px auto;
	width: 994px;
}

#navi2 {
	float: left;
	padding-left: 90px;
	padding-top: 10px;
	width: 830px;
}

#navi2 ul { float: left; list-style: none; }

#navi2 li {
	float: left;
	padding-right: 14px;
	padding-left: 14px;
	border-right: 1px solid #336699;
}

#navi2 .menu-first { padding-left: 0px; }

#navi2 .menu-last { border-right: none; }

#navi2 a { color: #336699; font-size: 1.1em; }

#navi2 a:hover { color: #000000; }

#navi2 .menu-current a { color: #000000; }

#site_footer {
	height: 20px;
	margin: 0 auto;
	padding-left: 30px;
	width: 850px;
}

#powered_by{
	color: #cccccc;
	float: left;
	font-size: 10px;
	width: 450px;
}

#powered_by a {
	text-decoration: none;
	color: #cccccc;
	border-bottom: none;
}

#wb_footer {
	color: #cccccc;
	float: right;
	font-size: 10px;
	text-align: right;
	width: 400px;
}

#wb_footer a { text-decoration: none; color: #cccccc; }

#wb_footer a:hover { color: #ffffff; }

/*******************************
* editor.css doubles *
*******************************/
.highlight {
	background-color: #ffff00;
	font-weight: bold;
	border-bottom: 1px dotted #000000;
}

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
   STYLES TO HIGHLIGHT TEXT WITHIN A PARAGRAPH (SPAN ELEMETS)
  ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
span.caption { font-size: small; color: #666666; font-style: italic; }

span.emphasise1 { font-weight: bold; color: #ff0000; }

span.emphasise2 { font-weight: bold; color: #2e8b57; }

span.emphasise3 {
	font-family: 'Courier New', Courier, monospace;
	font-size: 95%;
	color: #990000;
}

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
   STYLES FOR SPECIAL PARAGRAPHS (NOTICES, WARNINGS, CODE) 
  ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* special notices you want to highlight */
blockquote {
	margin: 0;
	margin: 8px 5px 8px 5px;
	padding: 0.6em;
	background: #efefef;
	border-left: 8px #003366 solid;
}

blockquote p { margin: 0; padding: 0; }

  
/* code you want to display (HTML, CSS, PHP, Javascript) */
.code {
	font-family: 'Courier New', Courier, monospace;
	margin: 0;
	margin: 8px 5px 8px 5px;
	padding: 0.6em;
	color: #990000;
	background: #ffffe6;
	font-size: 95%;
	line-height: 1.4em;
	border: 2px solid #eeeeee;
	overflow: auto;
}

.copyright { font-size: 90%; }

.license { color: #990000; font-size: 90%; }

	
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
   STYLES TO ALIGN IMAGES LEFT/RIGHT (FLOATING TEXT AROUND)
  ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
img.left { float: left; padding: 0.6em; }

img.right { float: right; padding: 0.6em; }

/* Download Gallery */
.dlzip {
	background: url("../img/downloadzip.png") no-repeat scroll;
	background-position: 0px 0px;
	height: 28px;
}

.dlzip:hover {
	background: url("../img/downloadzip.png") no-repeat scroll;
	background-position: 0px -32px;
	height: 28px;
}

.dltar {
	background: url("../img/downloadtar.png") no-repeat scroll;
	background-position: 0px 0px;
	height: 28px;
}

.dltar:hover {
	background: url("../img/downloadtar.png") no-repeat scroll;
	background-position: 0px -32px;
	height: 28px;
}

/*********************************
* Teamsite organisation/teams.php 
********************************/
.team1 {
	background-color: #eeffdf;
	width: 85%;
	float: left;
	margin-left: 1em;
	margin-right: auto;
	border: 2px solid #1a3500;
	padding: 1em 1em 0.5em 2em;
}

h3.team1 { color: #339966; }

.team2 {
	background-color: #ffffdf;
	width: 85%;
	float: left;
	margin-left: 1em;
	margin-right: auto;
	border: 2px solid #1a3500;
	padding: 1em 1em 0.5em 2em;
}

h3.team2 { color: #ff6600; }

.team3 {
	background-color: #dff0ff;
	width: 85%;
	float: left;
	margin-left: 1em;
	margin-right: auto;
	border: 2px solid #1a3500;
	padding: 1em 1em 0.5em 2em;
}

h3.team3 { color: #800080; }

.team4 {
	background-color: #ffeaff;
	width: 85%;
	float: left;
	margin-left: 1em;
	margin-right: auto;
	border: 2px solid #1a3500;
	padding: 1em 1em 0.5em 2em;
}

h3.team4 { color: #800080; }

/*********************************
* CSS definition for WebsiteBaker module: Download Gallery 2 
********************************/
.mod_download_gallery_line_f, .mod_download_gallery_line_rightalign_f {
	border-bottom: 1px solid #dddddd;
	font-size: 12px;
	padding: 12px 12px 0px 0px;
}

.mod_download_gallery_line_rightalign_f { text-align: right; white-space: nowrap; }

.mod_download_gallery_line_f { text-align: left; min-width: 180px; }

.mod_download_gallery_th_f {
	background-color: #d6e5f3;
	padding: 3px;
	margin: 3px;
	color: #ffffff;
}

.mod_download_gallery_line_text_f { padding: 0px 0px 0px 0px; background-color: #ffffff; }

.mod_download_gallery_dgheader_f {
	font-size: 12px;
	font-weight: bold;
	background-color: #cddeef;
	padding: 4px;
}

/* Start Buttons  */
button.mod_download_gallery_btn_f,
button.mod_download_gallery_btn_ra_f {
	border: 0px solid #ccaa44;
	background: none;
	cursor: pointer;
	padding: 0 16px 0 0;
	margin: 0 2px 0 2px;
}

button.mod_download_gallery_btn_f { width: auto; overflow: visible; text-align: left; }

button.mod_download_gallery_btn_ra_f { text-align: right; }

button.mod_download_gallery_asc_f {
	background: url(images/up_16.png) right center no-repeat;
}

button.mod_download_gallery_desc_f {
	background: url(images/down_16.png) right center no-repeat;
}

/* End Buttons */
/* user Upload starts here */
div.download_gallery.upload td.field_title { font-family: Verdana, sans-serif; font-size: 12px; }

div.download_gallery.upload td { vertical-align: top; }

div.download_gallery.upload input.field,
div.download_gallery.upload select { width: 300px; }

div.download_gallery.upload textarea { width: 300px; height: 60px; }

div.download_gallery.upload input, 
div.download_gallery.upload img { width: 150px; vertical-align: middle; }

.mod_download_gallery_line_img {
	background: url(http://wbneu.websitebakers.com/media/download.png) #ffffff no-repeat 0 -50px;
	display: block;
	height: 50px;
}

.mod_download_gallery_line_img A {
	background: url(http://wbneu.websitebakers.com/media/download.png) #ffffff no-repeat -50px -100px;
	display: block;
	height: 50px;
}

/** 
* user Upload ends here | End Download Gallery here
**/