/* CSS Document by Arve */


body {
	background-color:#CCCCCC;
	background-image:url(../gfx/bgContainer.jpg);
	background-repeat:repeat-y;
	background-position:center;
	margin:0;
	padding:0;}


/* CONTAINER  (This is the mainwrapper)
------------------------------------------------------------------ */
#container { 
	width:901px;
	margin:0 auto;}


/* HEADER 
------------------------------------------------------------------*/
#header {
	height:200px;
	z-index:15;
	position:relative;}
	
#header .left /* logo */ {
	float:left;
	margin:60px 0 0 1px;
	width:300px;}
	
#header .right /* slogan */ {
	float:left;
	width:400px;
	margin-top:82px;
	font-family:"Times New Roman", Times, serif;
	font-size:26px;
	font-style:italic;
	color:#00549F;
	text-align:center;}

#header .flags  {
	position:absolute;
	right:30px;
	top:10px;}
	
	
/* LEFT
------------------------------------------------------------------ */
#left {
	width:270px;
	float:left;
	padding:45px 0 0 25px;
	position:relative;}
	
#left .slideshow {
	width:263px;
	height:332px;
	float:left;
	overflow:hidden;
	z-index:1;
	position:relative;}


/* MAINCONTENT
------------------------------------------------------------------ */
#mainContent {
	float:left;
	width:558px;
	margin:45px 0 0 23px;
	line-height:140%;}

/* frontpage.cfm */	

#mainContent .middle { 
	width:260px;
	float:left;
	padding-right:7px;
	line-height:normal;}
	

/* jQuery boxes in frontpage.cfm */	
#mainContent .box { 
	width:260px;}	
	
#mainContent .boxHeader {
	background-image:url(../gfx/bgBoxHeader.jpg);
	background-repeat:no-repeat;
	background-position:bottom center;
	height:4px;
	font-size:0;}	
	
#mainContent .boxMiddle {
	background-image:url(../gfx/bgBox.jpg);
	background-repeat:no-repeat;
	background-color:#F2F2F2;
	color:#105EA4;
	font-size:16px;
	padding:25px 10px 10px 35px;
	border-left:1px solid #DBDBDB;
	border-right:1px solid #DBDBDB;
	min-height: 40px;
	height: auto !important;
	height:40px;}	
	
#mainContent .boxSlide { /* shows when called upon */
	color:#105EA4;
	font-size:13px;
	padding:15px 10px 10px 4px;}
	
#mainContent .boxFooter {
	background-image:url(../gfx/bgBoxFooter.jpg);
	background-repeat:no-repeat;
	background-position:top;
	height:4px;
	font-size:0;}	
	
#mainContent .right {
	width:260px;
	margin-left:25px;
	float:left;
	line-height:140%;}
	

/* FOOTER (outside the #container)
------------------------------------------------------------------ */
#footer {
	width:880px; 
	margin:0 auto;
	height:80px;
	padding:60px 0 0 30px;
	background-image:url(../gfx/bgFooter.jpg);
	background-repeat:no-repeat;
	color:#00549F;
	background-position:bottom center;}
	
#footer a:hover {
	text-decoration:underline;}

#powered {
	width:860px; 
	margin:0 auto;
	color:#888787;
	text-align:right;
	font-size:80%;}
	
#powered a:link,
#powered a:visited {
	color:#888787;
	text-decoration:none;}