* {margin: 0; padding: 0;}
body {margin: 0; padding: 0; width:100%;
	font-size: 0.8em; font-family: Verdana, Arial, Helvetica, sans-serif;
	background: url("../images/backgrad.jpg") #b6b7bb repeat-x; color: #3e3e3e;
	}
		
#mainContainer {
	width: 960px; 
	padding: 0; 
	margin: 0 auto;
	background:white;
	}	
	
#mainbox {
	width: 915px; 
	padding: 0; 
	margin: 0 auto;
	background:white;
}

a img {border: 0;}
a.indent {padding: 0 0 0 30px;}
span.pink {color: #9d005c; font-weight: bold;}

/*-------------------------------------------- HEADER  */

#header {width: 915px; height: 122px; margin:0; padding: 0; background: url("../images/europebanner.jpg") no-repeat #e6e7e8 top right;}
#language {position: relative; top: -45px; left: 320px;}
#language p {display: inline; color: #5f5f60;}
#language form {display: inline; color: #5f5f60;}


/*-------------------------------------------- NAVIGATION  */

#navlinks {
	width: 915px;
	height: 30px;
        background: url("../images/navRightGrad.jpg") #88004f repeat-x;}

/*---------------------this is the css line for the left hand menu to have the grey gradient background: url("../images/navleftGrad.jpg") #444444 repeat-x;} */


table.timeline td {vertical-align: top; padding: 3px;}


#leftlink {
	width: 700px;
	height: 30px;
	padding: 0 0 0 20px;
	float: left;
	color: #ffffff;
}
	
#leftlink a {
	color: white;
	line-height: 30px;
	text-decoration:none;
	padding: 0 5px 0 5px;
	font-size: 0.8em;
}
	
#rightlink {
	width: 175px;
	padding: 0 20px 0 0;
	height: 30px;
	float: left;
	text-align: right;
	color: #ffffff;
	background: url("../images/navRightGrad.jpg") #88004f repeat-x;
}
	
#rightlink a {
	color: white;
	line-height: 30px;
	text-decoration: none; font-size: 0.8em;
}

#banner {width: 915px; height: 226px; clear: both;}

#columns {width: 915px; clear: both; float: left; padding: 0 0 20px 0;}


/*-------------------------------------------- LEFT NAVIGATION*/

#leftnav {float: left; width: 228px; color: #000000;}
#gradwrap {background: url("../images/leftNav_grad.jpg") repeat-x bottom; padding: 0 10px 10px 10px;}
p.newstitle {font-weight: bold; font-size: 1.2em; margin: 0; padding: 0;}
div.news_image {float: right; padding: 0 0 10px 10px; margin: 0 0 10px 10px;}

div.newsitem {padding: 10px 0 10px 0;}
div.newsitem p.newsdate a {color: #b52d6f; font-weight: bold; text-decoration: none;}

p.news_year {color: #b52d6f; font-size: 1.5em; padding: 0 0 0 20px; margin: 0;}
p a.archivelink {color: #b52d6f;font-weight: bold;text-decoration: none;}

div.mapright { padding: 20px 0 10px 0; margin: 0 0 10px 0;}
#MapWidth {float:right;}


/*-------------------------------------------- MIDCOLUMN*/



#midtext {float: left;
	width: 347px;
	line-height: 1.5em;
	padding: 0 20px 10px 20px;
}

#midtext p {
	padding: 0 0 10px 0;
}

h1 {color: #9d005c; font-size: 1.2em; padding: 0 0 10px 0; margin: 0;}
h2 {color: #9d005c; font-size: 1.2em; padding: 10px 0 10px 0; margin: 0;}
	
h2.title, h3.title {
	color: #055093;
	font-weight: bold;
	font-size: 1em;
}
ul {padding: 5px 0 10px 40px;}


	
	
/*-------------------------------------------- RIGHTCOLUMN*/	
	
	
#rightcolumn {width: 300px; float: left; }
p.companies {font-weight: bold; font-size: 1.2em;}
#accordion {width: 300px; margin: 0;}
.accordion {width: 300px; color: #ffffff;}
.accordion dt {width: 280px; height: 27px; letter-spacing: 5px; line-height: 26px; margin: 5px 0 0 0; cursor: pointer; background-color: #9d005c; padding: 0 10px 0 10px; font-family: verdanna, helvetica, arial, san-serif;}
.accordion dt:hover {color: #000000; width: 280px; height: 27px; letter-spacing: 5px; line-height: 26px; margin: 5px 0 0 0; cursor: pointer; background-color: #9d005c; padding: 0 10px 0 10px; font-family: verdanna, helvetica, arial, san-serif;}
.accordion dd {color: #3e3e3e; overflow: hidden; background: #ffffff; margin: 0; padding: 0; text-align: center;}
.accordion p {display: block; width: 280px; padding: 0 0 10px 0; line-height: 1.5em; text-align: left;}
.accordion dd p a.companylinks {text-decoration: none; color:#9d005c; font-weight: bold;}
.accordion dd img {text-align: center; padding: 10px 0 10px 0;}
span.readmore {float: right; height: 27px; vertical-align: middle; font-size: 0.9em; color: #d784b6; letter-spacing: normal;}
span.readmore img {vertical-align: middle; height: 26px;}
img.floatimgleft {float: left; padding: 0 10px 0 0;}
img.menulogo {vertical-align:middle;}

#basic-accordian{width: 300px; margin: 0;}
.accordion_headings{color: #ffffff; width: 280px; height: 27px; letter-spacing: 5px; line-height: 26px; margin: 5px 0 0 0; cursor: pointer; background-color: #9d005c; padding: 0 10px 0 10px; font-family: verdanna, helvetica, arial, san-serif;}
.accordion_headings:hover{color: #000000; width: 280px; height: 27px; letter-spacing: 5px; line-height: 26px; margin: 5px 0 0 0; cursor: pointer; background-color: #9d005c; padding: 0 10px 0 10px; font-family: verdanna, helvetica, arial, san-serif;}
.accordion_child{color: #3e3e3e;background: #ffffff; margin: 0; padding: 0; text-align: center;}
.accordion_child p {display: block; width: 280px; padding: 0 0 10px 0; line-height: 1.5em; text-align: left;}
.accordion_child p a.companylinks {text-decoration: none; color:#9d005c; font-weight: bold;}
.accordion_child img {text-align: center; padding: 10px 0 10px 0;}


/*-------------------------------------------- Wide column - Middle and right combined*/	
div#widecol {width: 667px; float: left; padding: 0 0 0 20px;}
div#widecol p {padding: 0 0 10px 0; }
div#widecol a { color: #9d005c; line-height: 1.8em;}
div#widecol ul {padding: 0 0 10px 40px; }



/*---------------------------------------------- FORM */
div#form {float: left; width: 500px; padding: 20px 0 0 0; font-size: 0.8em;}
div.formLine {clear: both; padding: 5px 0 5px 0; float: left; width: 500px;}
div.Lcol {float: left; width: 200px; padding: 0;}
div.Rcol {float: left; width: 300px; padding: 0;}

div#contactright {width: 315px; float: left; padding: 20px;}
div#contactright h1.indexh1 {color: #b52d6f; font-size: 1.5em;padding: 0 0 15px 0;margin: 0;}
div#contactleft {width: 515px; float: left; padding: 20px;}
div#contactleft p.contactpara {padding: 0 0 30px 0;}

/*-------------------------------------------- FOOTER*/
	
#footer {clear: both;width: 915px;text-align: center;font-size: 0.8em; }
#footer p { vertical-align: middle; padding: 20px 0 20px 0; color: #6a6a6a; text-align: center;}
#footer a { color:#6a6a6a; padding: 0 3px 0 3px; text-decoration: none;}
#footer img {padding: 10px 0 5px 0;}
div.h1design {float: right; padding: 20px 0 0 0;}
div.h1design a {text-decoration: none; font-size: 0.6em; color: #999999;}
div.itwlegal {float: left; padding: 20px 0 0 0; color: #999999; font-size: 0.8em;}

/*------------------------------------------------Validation */

.validation-advice {
	margin: 5px 0;
	padding-left: 5px;
	background-color: #FF3300;
	color : #FFF;
	font-weight: bold;
font-size:10px;
}

.custom-advice {
	margin: 3px 0px 3px 5px;
	padding-left: 5px;
	background-color: #FF3300;
	color : #FFF;
	font-weight: bold;
font-size:10px;
}
.red
{
color:red;
}