/*
# v1.1
#
# Updates:
# - adjusted for magnetic footer
# - different CSS for menu
#
# All items related to the 'magnetic' footer are commented with 'footer'
#
*/

*
{
	margin: 0;
	padding: 0;
}

html {
	height: 100%; /* footer*/
}

body {

	font-family:Verdana, Arial, Helvetica, sans-serif;

	background-color:#FFF;
	
	color:#000;

	font-size:75%;

	background-image:url(images/bg.gif);

	background-position:left top;

	height: 100%; /* footer*/

}

	
a:link {

	color: #FF0000;

	text-decoration: none;

}

a:visited {

	color: #FF0000;

	text-decoration: none;

}

a:hover {
	color:#999999;
	text-decoration: none;

}



a:active {
	color: #FF0000;
	text-decoration: none;
}

img
{
	border: 0 none transparent;
}


#page{
	background-image:url(images/pageframe.gif);
	background-position:center top;
	margin-left:auto;
	margin-right:auto;
	background-repeat:repeat-y;
	min-height: 100%; /* footer*/
	clear: both;
}

*html #page {
	height: 100%; /* footer*/
}

#header{
	width:760px;
	margin-left:auto;
	margin-right:auto;
}

#logo {
	position: relative;
	z-index: 20;
	/*width: 760px;*/
	height: 117px;
	/*height: 137px;*/
	overflow: hidden;
	margin-top: 0;
	
}
#logo a
{
	display: block;
	height: 137px;
	overflow: hidden;
	color: #FFFFFF;
	font-size: 150%;
	line-height: 137px;
}
#logo span.replacement
{
	display: none;
	position: relative;
	top: 0;
	width: 760px;
	height: 137px;
	background-repeat: no-repeat;
}

* h\tml #logo span.replacement
{
	display: block;
	z-index: 30;
	background-image: url(images/head1.jpg);
}

#logo a span.replacement
{
	display: block;
	z-index: 35;
	background-image: url(images/head1.jpg);
}

.menuangle{
	background-image:url(images/menuangle.jpg);
	background-repeat:no-repeat;
	width:213px;
	height:28px;
	float: left;
	margin-left:0px;
}

#menu
{
	float: left;
	position: relative;
	z-index: 10;
	top: 0;
	width: 545px;
	margin-top: 0;
	margin-left: 0;
	list-style: none;	
	background-image:url(images/menubg.jpg);
	background-position:left top;
	background-repeat:repeat-x;
	height: 28px;
}

#menu li
{
	position: relative;
	float: left;
	margin-top: 6px;
	height: 18px;
}



#menu a
{
	display: block;
	height: 9px;
	overflow: hidden;
	color: #FFF;
	line-height: 9px;
}

#menu a:hover
{
	cursor: hand;
	c\ursor: pointer;
}

#menu a:hover span.replacement
{
	background-position: 0 -9px;
}

#menu li.on a span.replacement, #menu li.on a:hover span.replacement
{
	background-position: 0 -18px;
}

#menu span.replacement
{
	display: none;
}

* h\tml #menu span.replacement
{
	display: block;
	position: relative;
	z-index: 10;
	top: 0;
	height: 9px;
	background-repeat: no-repeat;
	background-position: 0 0;
}

#menu a span.replacement
{
	display: block;
	position: relative;
	z-index: 10;
	top: 0;
	height: 9px;
	background-repeat: no-repeat;
	background-position: 0 0;
}

#menu span.linkText
{
	position: relative;
	z-index: 5;
}

.numberedHeader {
	margin-left: 20px;
}

/* blog, is not language dependent*/
#menuBlog
{
	width: 76px;
	margin-left: 0px;
}

#menuBlog span.replacement
{
	width: 76px;
	background-image: url(images/menuitem5.gif);
	
}

.navigation{
	font-size: 90%;

	clear:right;

	font-weight:bold;

	color:#666666;

	padding-left:20px;

}



#content{

	margin-left:auto;

	margin-right:auto;

	width:760px;
	
	position: relative;
		
	min-height: 100%;

	padding-bottom: 35px;
}

*html #content { 
	height: 100%;
}

#content ul {
	margin-left: 30px;
}

.clearer
{
	clear: both;
	display: block;
	height: 1px;
	margin-bottom: -1px;
	font-size: 1px;
	line-height: 1px;
}

div#news{

	float:left;

	background-image:url(images/boardshadow.jpg);

	background-position:left top;

	background-repeat:repeat-y;

	width:210px;

	color:#999999;

}



.newscontent{

	background-image:url(images/boardhead.jpg);

	background-position:left top;

	background-repeat:no-repeat;

	float:left;

	padding-top:60px;

	padding-left:10px;

	padding-right:10px;

	padding-bottom:20px;

	width:190px;

}



.newsfooter{

	background-image:url(images/boardfoot.jpg);

	background-position:left top;

	background-repeat:no-repeat;

	height:54px;

	width:201px;

	padding-right:9px;

	float:left;

	text-align:right;

}



.flags a{

	float:right;

	height:34px;

	margin-top:9px;

}



a#ukflag{

	display:block;

	width:50px;

}



a:hover#ukflag{

	background-image:url(images/ukflag.jpg);

	background-position:left top;

	background-repeat:no-repeat;

}



a#itflag{

	display:block;

	width:52px;

}



a:hover#itflag{

	background-image:url(images/itflag.jpg);

	background-position:left top;

	background-repeat:no-repeat;

}



a#nlflag{

	display:block;

	width:52px;

}



a:hover#nlflag{

	background-image:url(images/nlflag.jpg);

	background-position:left top;

	background-repeat:no-repeat;

}



div#corpo{

	float:left;

	width:550px;

	padding-top:14px;

}



.presblock{

	float:left;

	width:549px;

	background-image:url(images/presbody.jpg);

	background-position:left top;

	background-repeat:repeat-y;

}



.prescontent{

	background-image:url(images/preshead.jpg);

	background-position:left top;

	background-repeat:no-repeat;

	float:left;

	padding-top:12px;

	padding-left:20px;

	padding-right:10px;

	padding-bottom:0px;

	width:519px;

}



.presfooter{

	background-image:url(images/presfoot.jpg);

	background-position:left top;

	background-repeat:no-repeat;

	height:22px;

	width:549px;

	float:left;

}






.one{

	float:left;

	background-image:url(images/oneshadow.gif);

	background-position:left top;

	background-repeat:repeat-y;

	width:760px;

	

}

.wideColumn{
	float:left;
	background-position:left top;
	background-repeat:repeat-y;
	width:506px;
	padding-top:14px;
	padding-left:20px;
	padding-right:20px;
	padding-bottom: 0px;
}


.narrowColumnImg {
	float:left;
	width:170px;
	padding-top:50px;
	padding-right:20px;
}

.narrowColumn {
	float:left;
	width:170px;
	padding-top:20px;
	padding-right:20px;
}
.halfColumn {
	float:left;
	width:340px;
	padding-top:20px;
	padding-left:20px;
	padding-right:20px;
	padding-bottom: 10px;
}
.halfColumnPrimary {
	float:left;
	width:340px;
	padding-top:14px;
	padding-left:20px;
	padding-right:20px;
	padding-bottom: 10px;
}

.thirdColumn {

	float: left;
	width:213px;
	padding-top:14px;
	padding-left:20px;
	padding-right:20px;
	padding-bottom: 10px;

}
.onetop{

	float:left;

	background-image:url(images/onetop.jpg);

	background-position:left top;

	background-repeat:no-repeat;

	width:720px;

	padding-top:14px;

	padding-left:20px;

	padding-right:20px;

	

}



.onebot{

	float:left;

	background-image:url(images/onebot.jpg);

	background-position:left top;

	background-repeat:no-repeat;

	width:760px;

	height:22px;

	

}



.two{

	float:left;

	background-image:url(images/twoshadow.gif);

	background-position:left top;

	background-repeat:repeat-y;

	width:380px;

	

}



.twotop{

	float:left;

	background-image:url(images/twotop.jpg);

	background-position:left top;

	background-repeat:no-repeat;

	width:340px;

	padding-top:14px;

	padding-left:20px;

	padding-right:20px;

	

}



.twobot{

	float:left;

	background-image:url(images/twobot.jpg);

	background-position:left top;

	background-repeat:no-repeat;

	width:380px;

	height:22px;

	

}



.three{

	float:left;

	background-image:url(images/threeshadow.gif);

	background-position:left top;

	background-repeat:repeat-y;

	width:253px;

	

}



.threetop{

	float:left;

	background-image:url(images/threetop.jpg);

	background-position:left top;

	background-repeat:no-repeat;

	width:213px;

	padding-top:14px;

	padding-left:20px;

	padding-right:20px;

	

}



.threebot{

	float:left;

	background-image:url(images/threebot.jpg);

	background-position:left top;

	background-repeat:no-repeat;

	width:253px;

	height:22px;

	

}



.divver{

	margin-left:auto;

	margin-right:auto;

	width:792px;

	clear:both;

}



#languages{
	float: right;
	background-image:url(images/languages.jpg);
	background-position:right top;
	background-repeat:no-repeat;
	width:210px;
	height:56px;
	padding-top:1px;
	margin-right:5px;
}



a#ukflagpage{

	display:block;

	width:50px;

}



a:hover#ukflagpage{

	background-image:url(images/ukflag_page.jpg);

	background-position:left top;

	background-repeat:no-repeat;

}



#footer {
	font-size:90%;
	position: relative;	/* footer*/
	margin: -38px auto 0 auto; /* footer*/
	color:#FFF;
	width:740px;
	height:18px;
	background-image:url(images/foot_bg.jpg);
	background-position:center;
	background-repeat:no-repeat;
	text-align:center;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:10px;
	padding-top:10px;
}



/* A CSS hack that only applies to IE -- specifies a different height for the footer */
* html #footer {
	margin-top: -38px; /* footer*/
}

#footer a:link{

	color:#000000;

	text-decoration:none;

}



#footer a:visited{

	color:#000000;

	text-decoration:none;

}



#footer a:hover{

	color:#ccc;

	text-decoration:none;

}



#footer a:active{

	color:#000000;

	text-decoration:none;

}

.black{

	color:#000000;

}



.red{

	color:#FF0000;

}





h1 {
	font-size:17px;
	color:#F00;
	margin:0 0 10px 0;
	padding:0 0 .1em;
	border-bottom:1px dotted black;
}

h2 {
	font-size:14px;
	color: red;
	margin:0 0 .25em;
	border-bottom:1px dotted black;
}

.error {
	color:red;
	
}

/* used in: breadcrumb*/
.smallGrey {
	font-size: 90%;
}


/* form */

/*
#contactform div {padding-top:5px;}
*/

#contactform label {
  display:block;
  padding-bottom:1px;
  }
#contactform input.text {width:200px;}
#contactform input#subject {
  voice-family: "\"}\"";
  voice-family:inherit;
  width:95%;
  } html>body #contactform input#subject {}  
#contactform input.text, #contactform textarea {
  background:#eee;
  border:1px solid #999;
  }
#contactform textarea {
  voice-family: "\"}\"";
  voice-family:inherit;
  width:95%;
  height:17em;
  } html>body #contactform textarea {width:100%;}