@charset "utf-8";
/* CSS Document */

body {
	padding:0;
	margin:0;
	background-color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
	}
	
p, h1, h2, h3, h4, h5, h6 {
	padding:0;
	margin:0;
}

#maincontainer {
	width:918px;
	margin:0 auto;
	background-image:url(images/background_home.jpg);
	background-repeat:no-repeat;
	background-color:#000001;
}

#maincontainer.secondary {
	background-image:none;
}

#uppercontainer {
	padding-top: 19px;
}

#uppercontainer.secondary {
	background-image:url(images/background_secondary_upper.jpg);
	background-repeat:no-repeat;
	background-position:left top;
}

.secondary2 {
	background-repeat:no-repeat;
	background-position:284px 190px;
	height:243px;
}




#navigation {
	width:918px;
	height:45px;
	background-image:url(images/background_nav_homeB.gif);
	background-repeat:no-repeat;
}

#navigation ul {
	padding:0;
	margin:0;
	list-style-type:none;
	}

#navigation a {
	border:0;
	text-decoration:none;
	float:left;
	}
	
#navigation ul li {
	display:inline;
	}
	
#navigation.secondary {
	background-image:url(EN/images/background_nav_secondary.gif);
	left: 0px;
}

#lowercontainer {
	clear:both;
	padding-bottom:14px;
	background-image:url(images/background_horzred.gif);
	background-position:left bottom;
	background-repeat:no-repeat;
	}
	
#lowercontainer_secondary {
	clear:both;
	background-image:url(images/background_secondary_lower.jpg);
	background-position:right top;
	background-repeat:no-repeat;
}

#lowercontainer_secondary .lowercontainer {
	clear:both;
	background-image:url(images/background_maintext.gif);
	background-position:left top;
	background-repeat:repeat-y;
}
	
	
#maintextarea {
	width:686px;
	float:left;
	position: relative;
	background-image:url(images/background_title2.gif);
	background-position:left top;
	background-repeat:no-repeat;
}

#maintextarea2 {
	width:896px;
	float:left;
	position: relative;
	background-image:url(images/background_title3.gif);
	background-position:left top;
	background-repeat:no-repeat;
}

#maintextarea h1.header, #maintextarea2 h1.header {
	width:367px;
	height:70px;
	position:absolute;
	top:-53px;
	left:284px;
	z-index: 10;
}

.text h2 {
	color:#EE382D;
	padding-bottom: 0.5em;
}

#maintextarea div.text , #maintextarea2 div.text {
	border-left:14px solid #ee382d;
	border-right:6px solid #b1d239;
	font-size:0.8em;
	padding:0px 84px 30px 42px;
	margin-top:44px;
	background-color: #FFFFFF;
	}
	
#maintextarea .text p, #maintextarea2 .text p  {
	padding-bottom:20px;
	line-height:1.5em;
}

#maintextarea .text a, #maintextarea2 .text a, #copyright a {
	color:#2744A2;
	font-weight:bold;
	text-decoration:none;
	}
	
#maintextarea .text a:hover, #maintextarea2 .text a:hover, #copyright a:hover {
	color:#EE382D;
	text-decoration:underline;
	}	

#photoarea {
	width:228px;
	float:right;
	position:relative;
	}
	
	
#photoarea a {
	font-size:0.75em;
	font-weight:bold;
	text-decoration:none;
	color:#B1D239;
	}
	
#photoarea a:hover {
	text-decoration:underline;
	color:#EE382D;
	}

.border_green_6px {
	border:solid #b1d239 4px;
}

#copyright {
	background-color:#FFFFFF;
	padding:5px 0 20px 57px;
	clear:both;
	font-size:0.7em;
	color: #666666;
	}
	
#submenu {
	width:200px; 
	float:right; 
	margin:70px 0px 20px 30px; 
	background-color:#B1D239; 
	padding-top:12px; 
	background-image:url(images/background_ULcorner_green.gif); 
	background-repeat:no-repeat;
	}
	
#submenu div {
	padding-bottom:12px; 
	background-image:url(images/background_LLcorner_green.gif); 
	background-repeat:no-repeat; 
	background-position:left bottom;
}

#submenu ul {
	margin:0;
	padding:0;
	list-style-type:none;
	font-size:.8em;
	}
	
#submenu ul a {
	font-weight:bold;
	text-decoration:none;
	padding:5px 10px 5px 20px;
	display:block;
	color:#304095;
	}
	
#submenu ul a:hover,
body#submenu1 #submenu a.submenu1,
body#submenu2 #submenu  a.submenu2,
body#submenu3 #submenu  a.submenu3,
body#submenu4 #submenu  a.submenu4,
body#submenu5 #submenu  a.submenu5,
body#submenu6 #submenu  a.submenu6,
body#submenu7 #submenu  a.submenu7    {
	color:#fff;
	background-color:#9CBD24;
}

.gutofthemonth a, .speakup a {
	text-decoration:none;
	color:#000000;
	}

.gutofthemonth a:hover, .speakup a:hover {
	text-decoration:underline;
	color:#EE382D;
	}
	
	
.newsevents {
	padding:5px 10px 5px 20px;
	font-size:.8em;
	}
	
.newsevents a {
	color:#1C2F73;
	text-decoration:none;
	font-weight:bold;
	}
	
.newsevents a:hover {
	color:#1C2F73;
	text-decoration:underline;
}	

.black {
color:#000 !important;
}

.blue {
	color:#2A47AB !important;
}
	
	
.clear:after {
	content: ".";
	display:block;
	height:0;
	font-size:0;
	clear:both;
	visibility:hidden;
	}
	
.clear {
	min-height: 1px;
	position: relative;
	}
	
* html .clear {
	height: 1px;
	}
	
.logo2EN {
	background-image:url(EN/images/gutsy_logoEN_secondary.gif);
	background-repeat:no-repeat;
	background-position:left -64px;
	}
	
.logoEN {
	background-image:url(EN/images/gutsy_logoEN_home.gif);
	background-repeat:no-repeat;
	background-position:left -64px;
}

.logo2FR {
	background-image:url(FR/images/gutsy_logoFR_secondary.gif);
	background-repeat:no-repeat;
	background-position:left -64px;
	}
	
.logoFR {
	background-image:url(FR/images/gutsy_logoFR_home.gif);
	background-repeat:no-repeat;
	background-position:left -64px;
}
	
.logo2EN img, .logoEN img, .logo2FR  img, .logoFR  img {
	display:none;
	}
	
@media print {
.logo2EN img, .logoEN img, .logo2FR  img, .logoFR  img {
	display:inline;
	position:relative;
	top:-64px;
	}
}
