/* Tableau des couleurs en fonction des sections */

/*** HTML ELEMENTS ***/
p, form, img, h1, h2, h3, h4, h5, h6, ul, ol, li, html, body {
	margin: 0;
	padding: 0;
}

a img {
	border: none;
}

html {
	height: 100%;
}

body {
	font: 62.5% Arial, Helvetica, sans-serif;
	height: 100%;
	color: #31332d;
}

html, body {	
	background: #d3dbe3;
}


/*** GENERAL STYLE **/
.hide {
	position: absolute;
	left: -5000px;
}

.clear {
	clear: both;
}

/*** PAGES ***/
#page {
	min-height: 100%;
	_height: 100%;
	position: relative;
	width: 980px;
	margin: 0 auto;
	padding: 0 10px;
	background: url(../images/theme/page-bg.png) repeat-y left top;
	z-index: 0;
}

/*** HEADER ***/
#header {
	width: 980px;
	height: 142px;
	margin: 0;
	padding: 0;
	position: relative;
	background: #ffffff url(../images/theme/header-bg.png) repeat-y left top;
	z-index: 5;
}

#header h1 {
	position: absolute;
	left: 0;
	top: 0;
	width: 325px;
	height: 95px;
}

#header h1 a {
	display: block;
	width: 325px;
	height: 95px;
	text-decoration: none;
	background: url(../images/theme/logo.png) no-repeat left top;
}

/* ** MEMBERS LOUNDGE OLD ***/
#header form#members-lounge {
	width: 190px;
	height: 95px;
	position: absolute;
	top: 0;
	right: 0;
	background: #6c1616 url(../images/theme/members-loundge-bg.png) repeat-x left top;
}

#header form#members-lounge h2 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	font-weight: bold;
	color: #FFFFFF;
	padding: 8px 10px;
	text-align: center;
}

#header form#members-lounge h2 a {
text-decoration:none;
color:#fff;
}

#header form#members-lounge p {
	font-size: 1.0em;
	font-family: Arial, Helvetica, sans-serif;
	padding: 0px 0px 1px;
	margin: 0 0 5px 5px;
	color: #fff;
	float: left;
}

#header form#members-lounge input#members-lounge-password {
	width: 102px;
}

#header form#members-lounge p.submit input {
	margin: 0;
	padding: 0;
	background: #601616;
	border: 1px solid #601616;
	color: #FFFFFF;
	font-size: 1.5em;
	font-weight: normal;
	cursor: pointer;
	float: left;
	width: 40px;
	text-align: center;
}
#header form#members-lounge p.submit2 input {
	align:center;
	margin: 0;
	padding: 0;
	background: #601616;
	border: 1px solid #fff;
	color: #FFFFFF;
	font-size: 1.0em;
	font-weight: normal;
	cursor: pointer;
	width: 60px;
	text-transform:uppercase;
	text-align: center;
}

/*** NAV ***/
#header ul#nav {
	position: absolute;
	left: 0;
	top: 95px;
	background: url(../images/theme/nav-bg.png) repeat-x left top;
	padding: 0 0 0 9px;
	width: 971px;
}

#header ul#nav li {
	margin: 0;
	padding: 0;
	display: block;
	height: 48px;
	float: left;
}

#header ul#nav li a {
	margin: 0;
	padding: 0;
	display: block;
	height: 48px;
	float: left;
	text-align: center;
}

#header ul#nav li a span {
	position: absolute;
	left: -5000px;
}


/* Génération automatique du menu */
#header ul#nav li a.home {width: 54px;background: url(../images/theme/nav-buttons-bg.png) no-repeat -0px 0;}#header ul#nav li a.home:hover {width: 54px;background: url(../images/theme/nav-buttons-bg.png) no-repeat -0px -48px;}#header ul#nav li.active a.home, #header ul#nav li.active a.home:hover {width: 54px;background: url(../images/theme/nav-buttons-bg.png) no-repeat -0px -96px;}#header ul#nav li a.about-us {width: 81px;background: url(../images/theme/nav-buttons-bg.png) no-repeat -54px 0;}#header ul#nav li a.about-us:hover {width: 81px;background: url(../images/theme/nav-buttons-bg.png) no-repeat -54px -48px;}#header ul#nav li.active a.about-us, #header ul#nav li.active a.about-us:hover {width: 81px;background: url(../images/theme/nav-buttons-bg.png) no-repeat -54px -96px;}#header ul#nav li a.about-wind-energy {width: 152px;background: url(../images/theme/nav-buttons-bg.png) no-repeat -135px 0;}#header ul#nav li a.about-wind-energy:hover {width: 152px;background: url(../images/theme/nav-buttons-bg.png) no-repeat -135px -48px;}#header ul#nav li.active a.about-wind-energy, #header ul#nav li.active a.about-wind-energy:hover {width: 152px;background: url(../images/theme/nav-buttons-bg.png) no-repeat -135px -96px;}#header ul#nav li a.policy-projects {width: 130px;background: url(../images/theme/nav-buttons-bg.png) no-repeat -287px 0;}#header ul#nav li a.policy-projects:hover {width: 130px;background: url(../images/theme/nav-buttons-bg.png) no-repeat -287px -48px;}#header ul#nav li.active a.policy-projects, #header ul#nav li.active a.policy-projects:hover {width: 130px;background: url(../images/theme/nav-buttons-bg.png) no-repeat -287px -96px;}#header ul#nav li a.publications {width: 105px;background: url(../images/theme/nav-buttons-bg.png) no-repeat -417px 0;}#header ul#nav li a.publications:hover {width: 105px;background: url(../images/theme/nav-buttons-bg.png) no-repeat -417px -48px;}#header ul#nav li.active a.publications, #header ul#nav li.active a.publications:hover {width: 105px;background: url(../images/theme/nav-buttons-bg.png) no-repeat -417px -96px;}#header ul#nav li a.statistics {width: 85px;background: url(../images/theme/nav-buttons-bg.png) no-repeat -522px 0;}#header ul#nav li a.statistics:hover {width: 85px;background: url(../images/theme/nav-buttons-bg.png) no-repeat -522px -48px;}#header ul#nav li.active a.statistics, #header ul#nav li.active a.statistics:hover {width: 85px;background: url(../images/theme/nav-buttons-bg.png) no-repeat -522px -96px;}#header ul#nav li a.press-room {width: 95px;background: url(../images/theme/nav-buttons-bg.png) no-repeat -607px 0;}#header ul#nav li a.press-room:hover {width: 95px;background: url(../images/theme/nav-buttons-bg.png) no-repeat -607px -48px;}#header ul#nav li.active a.press-room, #header ul#nav li.active a.press-room:hover {width: 95px;background: url(../images/theme/nav-buttons-bg.png) no-repeat -607px -96px;}#header ul#nav li a.membership {width: 95px;background: url(../images/theme/nav-buttons-bg.png) no-repeat -702px 0;}#header ul#nav li a.membership:hover {width: 95px;background: url(../images/theme/nav-buttons-bg.png) no-repeat -702px -48px;}#header ul#nav li.active a.membership, #header ul#nav li.active a.membership:hover {width: 95px;background: url(../images/theme/nav-buttons-bg.png) no-repeat -702px -96px;}#header ul#nav li a.events {width: 67px;background: url(../images/theme/nav-buttons-bg.png) no-repeat -797px 0;}#header ul#nav li a.events:hover {width: 67px;background: url(../images/theme/nav-buttons-bg.png) no-repeat -797px -48px;}#header ul#nav li.active a.events, #header ul#nav li.active a.events:hover {width: 67px;background: url(../images/theme/nav-buttons-bg.png) no-repeat -797px -96px;}#header ul#nav li a.job-center {width: 97px;background: url(../images/theme/nav-buttons-bg.png) no-repeat -864px 0;}#header ul#nav li a.job-center:hover {width: 97px;background: url(../images/theme/nav-buttons-bg.png) no-repeat -864px -48px;}#header ul#nav li.active a.job-center, #header ul#nav li.active a.job-center:hover {width: 97px;background: url(../images/theme/nav-buttons-bg.png) no-repeat -864px -96px;}#header ul#nav li a.job-ewea {width: 128px;background: url(../images/theme/nav-buttons-bg.png) no-repeat -961px 0;}#header ul#nav li a.job-ewea:hover {width: 128px;background: url(../images/theme/nav-buttons-bg.png) no-repeat -961px -48px;}#header ul#nav li.active a.job-ewea, #header ul#nav li.active a.job-ewea:hover {width: 128px;background: url(../images/theme/nav-buttons-bg.png) no-repeat -961px -96px;}
/*** CONTENT ***/
#content {
	background: url(../images/theme/content-bg.png) no-repeat left top;
	padding: 16px 0 0 0;
	min-height: 221px;
	_height: 221px;
	z-index: 4;
}
#content p {
	font-size: 1.1em;
	padding: 0 0 8px 0;
}
#content p strong {
	color: #000000;
}
#content h2 {
	font-size: 1.8em;
	font-weight: 400;
	font-family: "Trebuchet MS", arial, helvetica, sans-serif;
	line-height: 26px;
	color: #FFFFFF;
	padding: 0 0 0 10px;
	position: relative;
	height: 26px;
	margin: 0 0 20px;
}
#content h2 a, #content h2 a:visited {
	position: absolute;
	right: 7px;
	top: 0;
	line-height: 26px;
	font-size: 0.58em;
	text-transform: uppercase;
	color: #FFFFFF;
	text-decoration: none;
	font-family: arial, helvetica, sans-serif;
}
#content h2 a:hover {
	text-decoration: underline;
}

/*** Gestion générale des articles (la couleur se définit en fonction du paramètre section transmis à la feuille de style) ***/
#content ul.articles {
	margin: 0 0 20px;
	padding: 0;
	border-bottom: 1px dotted ;
}
#content ul.articles li {
	margin: 0;
	padding: 0;
	list-style: none;
	padding: 0 0 25px;
	min-height: 0; /* holy hack IE */
	_height: 0; /* holy hack IE */
}
#content ul.articles li h3 {
	font-family: Georgia, Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	font-weight: 400;
	color: ;
	padding: 0 0 15px;
}
#content ul.articles li img {
	border: 1px solid ;
	float: left;
	margin: 2px 8px 8px 0;
}
#content ul.articles li p strong.date {
	font-family: Georgia, Arial, Helvetica, sans-serif;
	font-size: 1.09em;
	font-weight: 400;
	color: ;
}
#content ul.articles li p a.more, #content ul.articles li p a.more:visited {
	color: #FFFFFF;
	background: ;
	line-height: 0.9em;
	font-size: 0.9em;
	text-transform: lowercase;
	text-decoration: none;
	padding: 0 3px;
}
#content ul.articles li p a.more:hover {
	color: #000000;
}



/*** events and Publications now defined as DIV (no more UL) ***/
/*** Gestion générale des articles (la couleur se définit en fonction du paramètre section transmis à la feuille de style) ***/
#content div.articles {
	margin: 0 0 20px;
	padding: 0;
	border-bottom: 1px dotted ;
}
#content div.articles {
	margin: 0;
	padding: 0;
	list-style: none;
	padding: 5px 0 3px;
	clear: left;
	min-height: 0; /* holy hack IE */
	_height: 0; /* holy hack IE */
}
#content div.articles h3 {
	font-family: Georgia, Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	font-weight: 400;
	color: ;
	padding: 0 0 15px;
}
#content div.articles img {
	border: 1px solid ;
	float: left;
	margin: 2px 8px 8px 0;
}
#content div.articles p strong.date {
	font-family: Georgia, Arial, Helvetica, sans-serif;
	font-size: 1.09em;
	font-weight: 400;
	color: ;
}
/*#content div.articles p a.more, #content div.articles p a.more:visited {*/
#content div.articles a.more, #content div.articles a.more:visited {
	color: #FFFFFF;
	background: ;
	line-height: 0.9em;
	font-size: 0.9em;
	text-transform: lowercase;
	text-decoration: none;
	padding: 0 3px;
}
/*#content div.articles p a.more:hover {*/
#content div.articles a.more:hover {
	color: #000000;
}

/* Added by JB (convert p.bodytext into inline)
#content div.articles p {display: block;}
#content div.articles p p.bodytext {display: inline;}
#content #col-middle div.events a.more {margin-left: 10px;} */


/*** COL LEFT ***/
#col-left {
	width: 300px;
	float: left;
	padding: 0 0 0 20px;
}

/*** COL MIDDLE ***/
#col-middle {
	width: 440px;
	float: left;
	padding: 0 0 0 20px;
}

/*** COL MIDDLE LEFT ***/
#col-middle-left {
	width: 210px;
	float: left;
	padding: 0;
}

/*** COL MIDDLE right ***/
#col-middle-right {
	width: 210px;
	float: left;
	padding: 0 0 0 20px;
}

/*** COL RIGHT ***/
#col-right {
	width: 180px;
	float: left;
	padding: 0 0 0 20px;
}

/*** News ***/
/* modification des styles basé sur ceux des articles définit plus haut */
#col-left h2.title-news {
	background: #c70006 url(../images/theme/col-left-h2-bg.png) no-repeat left top;
	_background: #c70006 url(../images/theme/col-left-h2-bg.gif) no-repeat left top;
}
#content #col-left ul.news {
	border-bottom: 1px dotted #c70006;
}
#content #col-left ul.news li h3 {
	color: #c70006;
}
#content #col-left ul.news li img {
	border: 1px solid #c70006;
}
#content #col-left ul.news li p strong.date {
	color: #c70006;
}
/*#content #col-left ul.news li p a.more {*/
#content #col-left ul.news li a.more {
	background: #c70006;
}


/**** modifcation for NEWS ***/
#content ul.news li p a, #content ul.news li p a:visited {
	color: #FFFFFF;
	background: #c70006;
	line-height: 0.9em;
	font-size: 0.9em;
	text-transform: lowercase;
	text-decoration: none;
	padding: 0 3px;
}
#content ul.news li p a:hover {
	color: #000000;
}






/*** Media advisory ***/
/* modification des styles basé sur ceux des articles définit plus haut */
#col-left h2.title-media {
	background: #9e41b3 url(../images/theme/col-left-h2-bg.png) no-repeat left top;
	_background: #9e41b3 url(../images/theme/col-left-h2-bg.gif) no-repeat left top;
}
#content #col-left ul.media {
	border-bottom: none;
	margin: 0;
}
#content #col-left ul.media li h3 {
	color: #9e41b3;
}
#content #col-left ul.media li img {
	border: 1px solid #9e41b3;
}
#content #col-left ul.media li p strong.date {
	color: #9e41b3;
}
#content #col-left ul.media li p a.more {
	background: #9e41b3;
}

/*** Events ***/
/* modification des styles basé sur ceux des articles définit plus haut */
#col-middle h2.title-events {
	background: #0d588d url(../images/theme/col-middle-h2-bg.png) no-repeat left top;
	_background: #0d588d url(../images/theme/col-middle-h2-bg.gif) no-repeat left top;
}
#content #col-middle ul.events {
	border-bottom: 1px dotted #0d588d;
}
#content #col-middle ul.events li h3 {
	color: #0d588d;
}
#content #col-middle ul.events li img {
	border: 1px solid #0d588d;
}
#content #col-middle ul.events li p strong.date {
	color: #0d588d;
}
#content #col-middle ul.events li p a.more {
	background: #0d588d;
}



#content #col-middle div.events {
	border-bottom: 1px dotted #0d588d;
}
#content #col-middle div.events h3 {
	color: #0d588d;
}
#content #col-middle div.events img {
	border: 1px solid #0d588d;
}
#content #col-middle div.events p strong.date {
	color: #0d588d;
}
/*#content #col-middle div.events p a.more {*/
#content #col-middle div.events a.more {
	background: #0d588d;
}






/*** Short events ***/
/* modification des styles basé sur ceux des articles définit plus haut */
#content #col-middle ul.short-events {
	border-bottom: 1px dotted #0d588d;
	padding: 0 0 20px;
}
#content #col-middle ul.short-events li {
	padding: 0 0 5px 10px; 
	background: url(../images/theme/short-events-bullet.png) no-repeat 0 4px;
}
#content #col-middle ul.short-events li h3 {
	color: #0d588d;
	font-size: 1.2em;
	padding: 0;
	position: relative;
}
#content #col-middle ul.short-events li h3 a {
	width: 130px;
	margin: 0 5px 0 0;
	color: #0d588d;
	text-decoration: none;
	text-align: left;
	display: block;
}
#content #col-middle ul.short-events li h3 a:hover {
	text-decoration: underline;
	color: #0d588d;
}
#content #col-middle ul.short-events li h3 span.date {
	color: #0d588d;
	font-size: 0.83em;
	color: #31332d;
	width: 75px;
	position: absolute;
	right: 0;
	top: 1px;
	text-align: right;
	display: block;
}

/*** Publications ***/
/* modification des styles basé sur ceux des articles définit plus haut */
#col-middle h2.title-publications {
	background: #549313 url(../images/theme/col-middle-h2-bg.png) no-repeat left top;
	_background: #549313 url(../images/theme/col-middle-h2-bg.gif) no-repeat left top;
}
#content #col-middle ul.publications {
	border-bottom: 1px dotted #549313;
}
#content #col-middle ul.publications li h3 {
	color: #549313;
	padding: 0 0 1px;
}
#content #col-middle ul.publications li img {
	border: 1px solid #549313;
}
#content #col-middle ul.publications li p strong.date {
	color: #31332d;
}
#content #col-middle ul.publications li p a.more {
	background: #549313;
}


#content #col-middle div.publications {
	border-bottom: 1px dotted #549313;
}
#content #col-middle div.publications h3 {
	color: #549313;
	padding: 0 0 1px;
}
#content #col-middle div.publications img {
	border: 1px solid #549313;
}
#content #col-middle div.publications p strong.date {
	color: #31332d;
}
/*#content #col-middle div.publications p a.more {*/
#content #col-middle div.publications a.more {
	background: #549313;
}




/*** Video ***/
/* modification des styles basé sur ceux des articles définit plus haut
#col-middle h2.title-video {
	background: #0d8d6e url(../images/theme/col-middle-wide-h2-bg.png) no-repeat left top;
	_background: #0d8d6e url(../images/theme/col-middle-wide-h2-bg.gif) no-repeat left top;
}
 */

/*** Video NEW BY JB ***/
/* modification des styles basé sur ceux des articles définit plus haut */
#col-middle h2.title-video {
	background: #aaa30c url(../images/theme/col-middle-wide-h2-bg.png) no-repeat left top;
	_background: #aaa30c url(../images/theme/col-middle-wide-h2-bg.gif) no-repeat left top;
}


/*** Jobcenter ***/
/* modification des styles basé sur ceux des articles définit plus haut */
#col-middle h2.title-jobcenter {
	background: #341f38 url(../images/theme/col-middle-wide-h2-bg.png) no-repeat left top;
	_background: #341f38 url(../images/theme/col-middle-wide-h2-bg.gif) no-repeat left top;
}

#content #col-middle #video dl a, #col-middle #video dl a:visited {
	color: #341f38;
	text-decoration: underline;
	}

#content #col-middle #video dl a:hover {
	background-color: #341f38;
	color: #fff;
	text-decoration: none;
	}


/*** Opinion ***/
/* Application des style généraux des articles mais pour un simple 'div' et non un 'ul' */
#col-right #opinion {
	width: 160px;
	border: 1px solid #464646;
	margin: 0 auto 20px;
	background: #f8f8f7 url(../images/theme/opinion-bg.png) repeat-x left bottom;
}

#col-right #opinion h2 {
	font-size: 1.9em;
	font-weight: 400;
	line-height: 25px;
	color: #FFFFFF;
	padding: 0 0 0 10px;
	position: relative;
	height: 25px;
	margin: 0 0 20px;
	background: #6d3a7a url(../images/theme/col-right-h2-bg.png) no-repeat left top;
	_background: #6d3a7a url(../images/theme/col-right-h2-bg.gif) no-repeat left top;
}
#col-right #opinion h2 a, #col-right #opinion h2 a:visited {
	position: absolute;
	right: 9px;
	top: 0;
	line-height: 26px;
	font-size: 0.58em;
	text-transform: uppercase;
	color: #FFFFFF;
	text-decoration: none;
}
#col-right #opinion h2 a:hover {
	text-decoration: underline;
}
#col-right #opinion h3 {
	font-family: Georgia, Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	font-weight: 400;
	color: #6d3a7a;
	padding: 0 8px 3px;
}
#col-right #opinion img {
	border: 1px solid #464646;
/*	border-right: none; */
	float: right;
	margin: 2px auto 8px auto;
}
#col-right #opinion p {
	padding: 0 8px 8px;
}
#col-right #opinion p.details {
	font-family: Georgia, Arial, Helvetica, sans-serif;
	font-size: 1.09em;
	font-weight: 400;
	color: #31332d;
}
#col-right #opinion p a.more, #col-right #opinion p a.more:visited {
	color: #FFFFFF;
	background: #6d3a7a;
	line-height: 0.9em;
	font-size: 0.9em;
	/*text-transform: lowercase;*/
	text-decoration: none;
	padding: 0 3px;
}
#col-right #opinion p a.more:hover {
	color: #000000;
}

#col-right #opinion .csc-textpic-text p {text-align: left;}

/*** Banner top ***/
/*
#page a.banner-top {
	border: 1px solid #404040;
	display: block;
	width: 412px;
	height: 58px;
	position: absolute;
	top: 18px;
	left: 354px;
}
*/
/*** Banner top MODIFIED KOEN***/
#page #topbanner {
	/*border: 1px solid #404040;*/
	display: block;
	width: 412px;
	height: 58px;
	position: absolute;
	top: 6px;
	left: 344px;
z-index: 100;		
}


/*** Banner right ***/
#page a.banner-right {
	border: 1px solid #464646;
	margin: 0 auto;
	display: block;
	width: 160px;
	height: 600px;
}
#page p.banner-right {
	color: #FFFFFF;
	background: #464646;
	line-height: 18px;
	height: 18px;
	width: 71px;
	float: right;
	padding: 0;
	text-align: center;
	margin: 0 9px 0 0;
}

/*** FOOTER **/
#spacer-footer	{
	height: 40px;
	clear: both;
}

#footer {
	height: 31px;
	z-index: 10;
	position: relative;
	margin: -40px auto 0;
	padding: 9px 0 0 20px;
	width: 960px;
}

#footer p {
	width: 760px;
	border-top: 1px dotted #393939;
	color: #393939;
	padding: 8px 0 0 0;
	font-size: 1.1em;
	position: relative;
}

#footer p a, #footer p a:visited {
	color: #727272;
	text-decoration: none;
}

#footer p a:hover {
	color: #393939;
	text-decoration: underline;
}

#footer span.by {
	position: absolute;
	right: 0;
	top: 8px;
}

#footer p.copy a {margin-left: 15px;}


#mainBanner {width: 980px; height: 230px;}
/* #mainBanner {background: url(mainBanner.jpg) 50% 50% no-repeat;} */

/* Hide crazy Typo3 ID */
#mainBanner a {display: none;}
#mainBanner h2 a {display: block; width: 980px; height: 230px; overflow: hidden;}
#mainBanner h2 a span {display: block; text-indent: -999em;}
#mainBanner hr {display: none;}

/* New MainBanner with Feature */
#header {height:130px;}
#mainBanner {height:140px;}
#mainBanner #featureArea    {float: left; width: 339px; height: 140px; border-right: 1px solid #333333; background: #005596 url(http://www.ewea.org/fileadmin/templates/images/theme/featureGrad.jpg) 100% 0 repeat-y; color: #fff; overflow: hidden; font-size: 12px; position: relative;}
#mainBanner #featureArea a  {display: inline; margin: 0; padding: 0; color: #fff; text-decoration: none;}
#mainBanner #featureArea h4 {float: right; width: 19px; height: 140px; border-right: 1px solid #081011; background: #2e3f42 url(images/featureH4.gif) 0 0 no-repeat; margin: 0; padding: 0; text-indent: -5000px;}
#mainBanner #featureArea dt {float: left; margin: 0; padding: 10px; position: absolute; top: 0; left: 0; background: url(/fileadmin/templates/images/theme/featureShadow.gif) 50% 100% no-repeat;}
#mainBanner #featureArea img {border: 1px solid #fff; display: block; padding: 0; width: 98px; height: 118px;}
#mainBanner #featureArea h3   {margin: 10px 0 10px 120px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px;}
#mainBanner #featureArea h3 a {margin: 10px 0 10px 0; font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px;}
#mainBanner #featureArea p  {margin: 10px 5px 10px 120px; font-style: normal; font-size: 12px;}
#mainBanner #banner         {float: right; width: 640px; height: 140px; overflow: hidden;}
#mainBanner #featureArea div.csc-textpic-imagewrap {margin-left:10px !important;}


/* Jobsite Button */
div#jobsiteButton {margin: 5px 0 0 9px; padding: 0 0 10px 0; clear:both;}
div#jobsiteButton a {display: block; width: 162px; height: 100px; margin: 0; padding: 0;}
div#jobsiteButton img {display: block; width: 162px; height: 100px; margin: 0; padding: 0; border: 0;}

/* NEWS COLUMN
================================================== */

#content #col-left ul.news         {
	margin: 0 0 10px 0; 
	border-bottom: 1px dotted #C70006; 
	float: left; 
	clear: both;
	width: 300px;
	}
#content #col-left ul.news a       {text-decoration: none;}
#content #col-left ul.news a:hover {text-decoration: underline;}
#content #col-left ul.news li      {list-style: none; padding: 0;}
#content #col-left ul.news li img  {float: left; margin: 2px 8px 8px 0; border: 0; width: 100px; height: 100px;}
#content #col-left ul.news h3      {margin: 0 0 5px 0; padding: 0;}
#content #col-left ul.news h3 a    {color: #C70006; font-size: 12px;}
#content #col-left ul.news .title  {padding: 0;}
#content #col-left ul.news .date   {display: block; margin: 0 0 5px 0; padding: 0; font-size: 10px; color: #666; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal;}
#content #col-left ul.news p.desc  {margin: 0 8px 8px 0; padding: 0; font-size: 12px;}

/* EVENTS COLUMN
================================================== */
 
#content #col-middle ul.events          {margin: 0 0 10px 0; border-bottom: 1px dotted #0D588D;}
#content #col-middle ul.events a       {text-decoration: none; color: #0d588d;}
#content #col-middle ul.events a:hover {text-decoration: underline;}
#content #col-middle ul.events li      {list-style: none; padding: 0;}
#content #col-middle ul.events li img  {float: none; margin: 2px 8px 8px 0; border: 0;}
#content #col-middle ul.events h3      {margin: 0 0 5px 0; padding: 0;}
#content #col-middle ul.events h3 a    {color: #0D588D; font-size: 12px;}
#content #col-middle ul.events p.desc  {margin: 2px 8px 8px 0; font-size: 12px; clear: both;}
#content #col-middle ul.events .title  {padding: 0;}
#content #col-middle ul.events .date   {display: block; margin: 0; padding: 0; font-size: 10px; color: #666; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal;}
#content #col-middle ul.events .place  {display: block; margin: 0 0 5px 0; padding: 0; font-size: 10px; color: #666; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal;}
#content #col-middle ul.events .logo   {text-align: center;}
#content #col-middle ul.events br.hide {display: none;}
#content #col-middle ul.events li .contenttable    {margin-top: -10px;}
#content #col-middle ul.events li .contenttable td {width: 33%; text-align: center;}
#content #col-middle ul.events li .contenttable td p,
#content #col-middle ul.events li .contenttable td img {margin: 0;}

/* PUBLICATIONS COLUMN
================================================== */
 
#content #col-middle ul.publications         {margin: 0 0 10px 0; border-bottom: 1px dotted #0D588D;}
#content #col-middle ul.publications a       {text-decoration: none;}
#content #col-middle ul.publications a:hover {text-decoration: underline;}
#content #col-middle ul.publications li      {list-style: none; padding: 0;}
#content #col-middle ul.publications li img  {float: left; margin: 2px 8px 8px 0; border: 1px solid #005596;}
#content #col-middle ul.publications h3      {margin: 0 0 5px 0; padding: 0;}
#content #col-middle ul.publications h3 a    {color: #549313; font-size: 12px;}
#content #col-middle ul.publications p.desc      {margin: 2px 8px 8px 0; font-size: 12px;}
#content #col-middle ul.publications .title      {padding: 0;}
#content #col-middle ul.publications .date       {display: block; margin: 0 0 5px 0; padding: 0; font-size: 10px; color: #666; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal;}
#content #col-middle ul.publications .event-logo {text-align: center;}
#content #col-middle ul.publications .clear      {clear: both; height: 0;}
#content #col-middle ul.publications br.hide     {display: none;}
 
#col-left h2.title-media {margin-top:20px;}

/* Blog Button
================================================== */

#blogButton   {width: 162px; height: 100px; margin: 0 auto 15px auto;}
#blogButton a {display: block; width: 162px; height: 100px; margin: 0 auto; text-indent: -9999px; overflow: hidden; background: url(http://www.ewea.org/fileadmin/ewea_documents/images/banners/blogbutton.jpg) 0 0 no-repeat;}


/* Member's Lounge Login
================================================== */

#header form#members-lounge {background: none;position:absolute;right:0;top:0;width:180px;height:95px;}
#header form#members-lounge h2   {color: #005596; padding: 8px 10px 5px 5px; text-align: left;}
#header form#members-lounge h2 a {font-size: 14px;}
#header form#members-lounge input {color: #666; font-family: verdana, Helvetica, sans-serif; font-size: 13px; border-left: 1px solid #aaa; border-top: 1px solid #aaa; border-right: 1px solid #eee; border-bottom: 1px solid #eee; }
#header form#members-lounge p.submit2 input {
background:none;
border:1px solid #FFFFFF;
color:#FFFFFF;
cursor:pointer;
font-size:1em;
font-weight:normal;
margin:0;
padding:0;
text-align:center;
text-transform:uppercase;
width:60px;
}
#header form#members-lounge p.submit input {background: #005596; border: 1px solid #fff; font-size: 13px;}

textarea,input {font-family: Arial, helvetica, sans-serif;}