/* Layout Stylesheet */


/* DEAD-CENTER:

http://www.wpdfd.com/editorial/thebox/deadcentre4.html

1.
The 'horizon' is positioned absolutely 50% 
from the top of the page, is 100% wide and 
has a nominal height of 1px. 
Its overflow is set to 'visible'.

2.
The 'container' box is nested inside the 'horizon' box and
is 800px wide, 450px high and is positioned absolutely 50% 
from the left - but has a negative margin that is exactly 
half of its width, -400px. To get it to centre vertically,
it has a negative top position that is exactly half of its height,
 -225px.

3.
Because I can't measure exactly the width and height of the
'container' box, I set the width and height numbers slightly
with my 'eyes'

*/





#horizon {
	text-align: center;
	position: absolute;
	top: 50%;
	left: 0px;
	width: 100%;
	height: 1px;
	overflow: visible;
	visibility: visible;
	display: block
}

 

#container {

 padding: 0px;
 margin: 0px;

 width: 800px;
 height: 430px;
 text-align: left;

 margin-left: -410px;
 position: absolute;
 top: -215px;
 left: 50%;
 visibility: visible

}

#menucontent{
 width: 300px;
 float: left;
 }

#maincontent{
 margin: 0px;
 margin-left: 305px;
 width: 492px;
 height: 400px;
 }

img {
	border: none
}

p {
	padding: 2px;
	margin: 0px;
	margin-bottom: 12px;
	margin-top: 12px;

}

#admin-menu {
	clear: left;
}

#ifabc {
	float:left

}

#english {
	text-align: center;
	padding-top:20px;
	padding-right:20px;
}

.title {
	border-bottom: 2px solid #042147;
	border-top: 5px solid #042147;
	margin: 0px;
	font-size: 18px;
	font-weight: bold;
	padding: 0px;
	width: 100%;
	display: block;
}

#news {
	float: left;
	width: 240px;
	padding-right: 0px;
	padding-left: 0px;
	margin: 0px;
	height: 320px;
}

#news p {
	border-bottom: 2px solid #042147;
	padding-top: 2px;
	padding-bottom: 12px;
	/*height: 70px;*/
	/* It does not work: I wanted to align the paragraph on the bottom
	of the 70px high place
	*/
	vertical-align: text-bottom;
}

#pressfacts, #doreg {
	margin-left: 249px;
	width: 240px;
}

#pressfacts p {
	/* The top border of the #doreg be on the same line as 
	the bottom border of the first news:
	news = 70px, 2px border and khmm... What the hell is that 67 pixel?
	*/
	/*height: 67px;*/

}

.mainlink {
	font-size: 11px;
}

#doreg {
	height: 140px;
}

#banner {
	text-align: center;
	padding: 0px;
	margin-bottom: 20px;
}

.banner-inner {
	width: 468px;
	height: 60px;
}