/*

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

*/

body
{
	margin: 0;
	padding: 0;
	font-size: 8pt;
	font-family: Verdana;
	background: #F1F5F9;
	text-align: center;
	color: #002E64;
	background: #213A71 url(/images/background.jpg) repeat-x top;
}

a{text-decoration: none;}

h1
{
    font-family: Verdana;
	font-size: 10pt;
	color: #003574;
	font-weight: bold;
	margin: 5px 0 5px 0;
}

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

input, textarea, select
{
	padding: 2px;
	font-size: 8pt;
	font-family: Verdana;
	border: 1px solid #A9A9A9;
	background: #F6F6F8;
}

div#background-container
{
    position: relative;
	width: 990px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
	margin-bottom: 30px;
	bottom:0px;
	text-align: center;
	background: url(/images/background-background.gif) repeat-y center 260px;;
}

div#background-container div#top-background
{
    position: absolute;
	left: 0;
	top: 0;
}

div#page-container
{
    position: relative;
	width: 780px;
	background: #FFF;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

div#page-container div#languageselect-container
{
    position: absolute;
	right: 0px;
	top: 0px;
	width: 121px;
	height: 18px;

	margin-top: -18px;
	margin-right: 30px;
	background: url(/images/languageselect-background.gif);
}

div#page-container div#languageselect-container table
{
    margin: 2px 0 0 26px;
}

div#page-container div#languageselect-container td
{
    font-size: 7pt;
    color: #FCB936;
}

div#page-container div#languageselect-container td a,
div#page-container div#languageselect-container td.separator
{
    color: #FFF;
}

div#page-container div#languageselect-container td.separator
{
    padding: 0 3px 0 3px;
}

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

div#top-container
{
    position: relative;
	width: 773px;
	height: 70px;
	margin-left: 3px;
	margin-top: -4px;
	background: url("/images/top-background.gif") no-repeat top left;
}

div#top-container div#toplogo
{
    position: absolute;
    margin: 15px 0 0 17px;  
}
div#top-container div#toplogo {behavior: url(/style/bestpngfix.htc);}


/************************************************************************/
/* blue container */
/************************************************************************/
div#blue-container
{
    position: relative;
	width: 742px;
	height: 225px;
	margin: 0 0 0 19px;
	background: url(/images/bluecontainer-background.gif) no-repeat top left;
	border: 1px solid #FFF;
}

div#blue-container div#bluecontainer-backimage
{
    position: absolute;
	top: 0px;
	right: 0px;
}
div#blue-container div#bluecontainer-backimage img{behavior: url(/style/bestpngfix.htc);}

div#blue-container div#bluecontainer-mask
{
    position: absolute;
    left: 0;
	top: 192px;
}
div#blue-container div#bluecontainer-mask img{behavior: url(/style/bestpngfix.htc);}


/* Top menu */
div#blue-container div#topmenu
{
    position: absolute;
    margin: 200px 0 0 40px;
}

div#blue-container div#topmenu a
{
    color: #003574;
}

div#blue-container div#topmenu div.topmenuitem1,
div#blue-container div#topmenu div.topmenuitem1_active
{
    float: left;
	margin: 2px 0 2px 0;
    padding: 0 20px 0 10px;
}

div#blue-container div#topmenu div.topmenuitem1
{
    background: url(/images/leftmenu-bullet.gif) no-repeat left center;
}

div#blue-container div#topmenu div.topmenuitem1_active
{
    background: url(/images/leftmenu_bullet_white.gif) no-repeat left center;
}

div#blue-container div#topmenu div.topmenuitem1_active a{color: #FFF;}

div#blue-container div#topmenu div.sitemapitem
{
    float: right;
	margin: 0 20px 0 0;
	padding: 2px 20px 2px 10px;
}
div#blue-container div#topmenu div.sitemapitem a{color: #6181A8;}


/************************************************************************/
/* navigation container */
/************************************************************************/
div#navigation-container
{
	margin: 1px 0 3px 12px;
	font-size: 7pt;
	color: #698EB8;
	/* text-transform: lowercase; */
}
div#navigation-container a{color: #698EB8;}


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

div#middle-container
{
    position: relative;
	margin: 0 20px 0 20px;
}

div#middle-container div#leftmenu-container
{
    float: left;
	width: 154px;
	min-height: 172px;
	background: url(/images/leftmenu-background.gif) no-repeat top;
}
* html div#middle-container div#leftmenu-container{height: 172px;}

div#middle-container div#leftmenu-container a
{
    color: #003574;
}

div#middle-container div#leftmenu-container div#inner-leftmenu-container
{
    margin: 12px;
}

div#middle-container div#leftmenu-container div#inner-leftmenu-container div.leftmenuitem1,
div#middle-container div#leftmenu-container div#inner-leftmenu-container div.leftmenuitem1_active
{
    padding: 2px 10px 2px 10px;
    background: url(/images/leftmenu-bullet.gif) no-repeat left center;
}

div#middle-container div#content-container
{
    float: right;
	width: 568px;
	background: url("/images/content-background.jpg") no-repeat;
}

div#middle-container div#content-container div#inner-content-container
{
    margin: 10px 0 10px 20px;
	min-height: 300px;
}
* html div#middle-container div#content-container div#inner-content-container
{
    height: 300px;
}

/************************************************************************/
/* bottom container */
/************************************************************************/

div#bottom-container
{
    position: relative;
	padding-top: 2px;
	padding-bottom: 10px;

	text-align: center;
	font-size: 7pt;
	color: #94B8E3;
	background: #213A71;
}

div#bottom-container a{color: #FFF;}


/************************************************************************/
/* individual stuff */
/************************************************************************/
div#top_whitestripe,
div#bottom_whitestripe
{
    font-size: 1px;
}

div.sitemap-container
{
    margin-top: 30px;
}

div.sitemap-container a{color: #003574;}

div.sitemap-container ul li{margin: 4px 0 4px 0;}


/************************************************************************/
/* firstpage */
/************************************************************************/
div#firstpage-content-container
{
    position: relative;
	text-align: left;
	margin-bottom: 10px;
	text-align: right;
	height: 200px;
}