/*

Page layout, main colours & fonts.
========================================================================

*/

body
{
	margin: 0;
	padding: 0;
	font-size: 8pt;
	font-family: Verdana;
	text-align: center;
	color: #000000;
	background: #FFFFFF;
}

a{text-decoration: none;}

h1
{
    font-family: Verdana;
	font-size: 8pt;
	color: #383838;
	font-weight: bold;
	margin: 0 0 15px 0;
}

div{margin:0; padding:0; border:0px solid red;}

input, textarea, select
{
	padding: 2px;
	font-size: 8pt;
	font-family: Arial;
	color: #000;
	border: 0px;
	border-top: 1px solid #E8E5E0;
	border-left: 1px solid #E8E5E0;
	background: #FFF;
}

a{color: #383838;}

form
{
	margin: 0;
	padding: 0;
}

input.button
{
    background: #EBEE39;
	border: 1px solid #FBF5B9;
}

div#page-container
{
    position: relative;
	width: 1000px;
	height: 990px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

/************************************************************************/
/* top container */
/************************************************************************/

div#top-container
{
	height: 190px;	
	background: url(/images/topcontainer_bg.jpg);
}

div#top-container div#topbanner-container
{
	float: right;
	height: 160px;
	width: 470px;
	padding: 15px;

	background: url(/images/topbanner_bg.jpg);

}


/************************************************************************/
/* middle container */
/************************************************************************/

div#middle-container
{
    position: absolute;
	top: 190px;
	width: 100%;

	background: #FFFFFF;
}


div#middle-container div#topmenu-search-container
{
	height: 32px;
	background: #FDCA00;
}


/* Horizontal top menu with search */
div#middle-container div#topmenu-search-container div#topmenu-horizontal-container
{
	float: left;
	display: inline;
	margin: 0 0 0 450px;
}

div#middle-container div#topmenu-search-container div#topmenu-horizontal-container div.topmenuitem-horizontal
{
	margin: 5px 0 0 0;
}

/* Search */
div#middle-container div#topmenu-search-container div#search-container
{
	float: right;
	display: inline;
	margin: 0 40px 0 0;
}

div#middle-container div#topmenu-search-container div#search-container div.searchinput
{
}

div#middle-container div#topmenu-search-container div#search-container div.searchinput input
{
	width: 120px;
	height: 12px;
	margin: 5px 10px 0 0;

	border: 2px solid #000000;
	font-size: 11px;
	background: #FDCA00;
}

div#middle-container div#topmenu-search-container div#search-container div.searchbutton
{
	margin: 4px 0 0 0;
}


/* Vertical top menu */
div#middle-container div#topmenu-vertical-container
{
}

div#middle-container div#topmenu-vertical-container div.topmenuitem-vertical
{
	height: 28px;
	padding: 4px 0 0 450px;

	background: #FDCA00;
}

div#middle-container div#topmenu-vertical-container div.topmenuitem-vertical-active
{
	height: 31px;
	padding: 1px 0 0 210px;

	background: #FDCA00;
}


/************************************************************************/
/* content - rightmenu-container */
/************************************************************************/

div#middle-container div#content-rightbanner-container
{
    clear: both;
	margin: 16px 0 0 0;
}


/* Stripes */
div#middle-container div#content-rightbanner-container td.leftstripe
{
	width: 48px;
	border-right: 1px solid #58595B;
}


/* Content cell */
div#middle-container div#content-rightbanner-container td.contentcell
{
	padding: 0 5px 0 5px;
	border-right: 1px solid #58595B;
}


/* Content container */
div#middle-container div#content-rightbanner-container td.contentcell div.rightimage-container
{
	float: right;
	display: inline;
}


/* Content */
div#middle-container div#content-rightbanner-container td.contentcell div.content
{
	float: left;
	display: inline;
}


/* Bottom stripe */
div#middle-container div#content-rightbanner-container td.bottomstripecell div.bottomstripe
{
	text-align: right;
	padding: 3px 0 3px 0;
}



/* Right banners */
div#middle-container div#content-rightbanner-container td.rightbanners
{
	width: 200px;
}

div#middle-container div#content-rightbanner-container td.rightbanners div#rightbanner-container
{
	width: 200px;
}

div#middle-container div#content-rightbanner-container td.rightbanners div#rightbanner-container div.rightbanneritem
{
	margin: 0 16px 16px 16px;
}


div#middle-container div#content-rightbanner-container td.norightbanner
{
	width: 48px;
}




/************************************************************************/
/* content items */
/************************************************************************/
div.contentitem
{
	margin: 0 0 30px 0;
}


/* News */
div.news-container
{}

div.news-container td.image
{
	width: 130px;
	padding-right: 5px;
}

div.news-container td.content
{
}

div.news-container div.structureimage
{
	margin: 5px 0 5px 0;
}



/************************************************************************/
/* file container */
/************************************************************************/
div.file-container
{
    position: absolute;
}

* html div.file-container img{behavior: url(/style/bestpngfix.htc);}