/*--------------------------------------------------------
[Main Stylesheet]

Project:		European Federation of Therapeutic Communities
Assigned to:	Harry Danes for Intermax Interactive B.V. 2009

http://www.intermaxinteractive.nl
----------------------------------------------------------*/

/*------------------------------------------------------------------ 
 [Color Codes] 
  
 Background: #ffffff (white) 
 Content:    #333333 (black/grey) 
 Header h1:  #7e7e7e (grey) 
 Header h2:  #ff2121 (red) 
 Header h3:  #333333 (same as content)

 a (standard):	#008fb6 (light blue) 
 a (visited):	#008fb6 (light blue) 
 a (active):	#008fb6 (light blue)
 
 [Measurements]
 Full width : 993px 
-------------------------------------------------------------------*/ 

/*------------------------------------------------------------------ 
 [Table of contents] 
  
1. imports
2. defaults
3. structure
4. header banner bar
5. html flex blocks
 -------------------------------------------------------------------*/ 

/* --------- 1. imports  --------- */
@import "menu.css";  

/* --------- 2. defaults  --------- */
body {
	behavior			: url("/js/eftc2009/csshover3.htc");
	margin				: 0;
	margin-top			: 2px;
	margin-left			: 5px;
}
h1{
	color				: #7e7e7e;
	font-size			: 18px;
	font-weight			: bold;
	font-family			: Arial; 
}

h2{
	color				: #ff2121;
	font-size			: 11px;
	font-family			: Arial;
}

h3{
	color				: #333;
}

a{
	color				: #008fb6;
}

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

p, div{
	color				: #333;
	font-size			: 11px;
	font-family			: Arial;
}

img{
	border				: 0px;
}
input{
	border				: 1px solid #929292;
	width				: 250px;
}
.clearer{
	clear				: both;	
	height				: 1px;
}

/* --------- 3. structure  --------- */
div.headerBannerContainer {
}
div.mainContainer {
}
div.leftMenu {
	width				: 258px;
	float				: left;
}
div.centerContent {
	float				: left;
	width				: 541px;
	padding-top			: 37px;
}
div.rightFlexbar {
	float				: left;
	width				: 184px;
	text-align			: center;
	padding-top			: 69px;
}

/* --------- 4. header banner bar  --------- */
div.headerBannerLogo {
	height				: 178px;
	width				: 259px;
	float				: left;
}
div.headerBannerBox {
	float				: left;
	position			: absolute;
	left				: 258px;
	width				: 734px;
	height				: 176px;
}
div.headerBannerLeftTop {
	position 			: absolute;
	background-image	: url("/images/eftc2009/red_banner_repeat.jpg");
	width				: 330px;
	height				: 133px;
	color				: white;
}
div.headerBannerLeftTop img {
	margin-left			: 10px;
	margin-top			: 10px;
}
div.headerBannerLeftBottom {
	position 			: relative;
	top					: 138px;
	color				: #FF2121;
	font-size			: 14px;
	background-color	: #EEE;
	height				: 38px;
	width				: 318px;
	line-height			: 38px;
	padding-left		: 12px;
	cursor				: pointer;
}
div.headerBannerRightTop {
	background-image	: url("/images/eftc2009/grey_banner_repeat.jpg");
	width				: 396px;
	height				: 133px;
	position			: absolute;
	left				: 338px;
}
a.redmax {
	position			: absolute;
	left				: 11px;
	bottom				: 12px;
}

div.headerBannerRightBottom {
	position			: absolute;
	left				: 338px;
	top					: 138px;
	color				: #018FB6;
	font-size			: 16px;
	height				: 38px;
	padding-left		: 7px;
	cursor				: pointer;
}


/* --------- 5. html flex blocks  --------- */
div.menuContentBlock {
	width				: 214px;
	margin-top			: 90px;
	margin-left			: 5px;
	margin-right		: 5px;
	text-align			: center;
}