/* WPS Standard Template A */
body {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 77%; /* same as 12px with IE with Text Size "Normal" @96dpi, "Smallest" @120dpi */
	margin: 0;
	padding: 0; /* Opera has a default padding */
}
/*	Layout only	*/

#wrap_page2 {
	width: 950px;
	margin: 0px auto;
	border: 0;
	position: relative;
}
html {
}
#wrap_body, #frontpage {
}
#topleftlogo {
	position:absolute;
	left:15px;
	top:15px;
	z-index:10;
}
#shortcuts {
	position:absolute;
	right:15px;
	top:10px;
	z-index:20;
}
#shortcuts a {
	text-decoration:none;
}
#toplogo {
	min-height:56px;
	padding:29px 0 0 0;
	margin:0 0 0 328px;
}
#wrap_menu {
	margin-top:58px;
}
#navigation {
	height: 36px; /* not necessary, ruins Opera height */
	position: static; /* needed for menu to display at the right place */
	overflow: visible; /* in case there are too much menus */
	margin:0 0 0 140px;
}
#navigation li {
	z-index: 10;
}
#separator {
	display: none;
}
#wrap_content {
	background:url(images/wrapcontentbg1.gif) repeat-y;
	margin:29px 0 0 0;
	clear:both;
}
#wrap_content2:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
* html #wrap_content2 {
	height: 1%;
}
#wrap_content2 {
	zoom: 1;
	display: block;
	background:url(images/wrapcontentbg2.png) bottom no-repeat;
	overflow:auto;
	padding-bottom:20px;
}
#rightblock {
	float: right;
	display: inline; /* IE hack */
	width: 320px; /* Total width should be 180px */
	padding: 35px 15px 0 15px;
	margin: 0;
	min-height:400px;
	background:#004EA0 url(images/scrollbg.png) top no-repeat;
	color:#FFF;
}
#rightblock, #content_wide {
	overflow: visible;
}
* html #rightblock, * html #content {
	overflow: auto; /* IE6 falls apart otherwise */
}
#content {
	float: left;
	display: inline; /* IE6 hack */
	width:560px;
	padding:20px 20px 0 20px;
	background:#FFF url(images/contenttopbg.png) top no-repeat;
	min-height:400px;
	line-height:1.5;
	color:#333;
}
#content .article-title {
	padding:10px 0;
	margin:0;
}
#frontpage h1.article-title {
	color: #E05012;
}
body.wide #content {
	width: 960px;
	padding: 10px; /* left padding for FF tables */
}
#wrap_footer {
	clear: both;
	margin:0;
	position: relative;
	padding:25px 0 55px 0;
	text-align:center;
	color:#FFF;
}
#footer a {
	color:#FFF;
}
/*	Shortcuts or Search - Positioning and Layout */ 

/* Search form */

/* ShortCuts Menu Styling*/

/* Dropdown Menu */

/* Blocks */

#rightblock h2 {
	font-size:180%;
	font-weight:normal;
	color:#FFF;
	padding:10px 0;
	margin:0;
}
#autoscrollerblock {
	margin-bottom:15px;
}
iframe.autoscroller-border {
	margin: 0;
	width: 320px; /* IE hack: should be width-(2*border_width) *//*border: 1px solid;*/
}
html>body iframe.autoscroller-border {
	width: 320px;
}
#autoscroller-body {
	color: #333;
	background-color: #fff;
	padding: 0;
}
iframe.autoscroller-border {
	border-color: #ccc;
}
#providersblock a {
	width:90px;
	height:60px;
	background:#003670;
	position:relative;
	margin:0 0 14px 14px;
	display:inline;
	float:left;
}
#providersblock a img {
	position:absolute;
	left:-2px;
	top:-2px;
	width:90px;
	height:60px;
}
#providersblock a:hover {
	background:#000;
}
/* Side Menu */

/* Teasers */
#teasers:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
* html #teasers {
	height: 1%;
}
#teasers {
	zoom: 1;
	display: block;
	margin-left:-20px;
	width:580px;
	min-height:250px;
}
#teasers h2 {
	font-size:180%;
	font-weight:normal;
	color:#004EA0;
	padding:10px 0;
	margin:0 0 0 20px;
}
div.teaser {
	float: left;
	display: inline; /* IE float padding hack */
	position: relative;
	width: 125px;
	height: 125px;
	margin: 0px 0px 20px 20px;
}
div.teaser img {
	border:none;
}
/* Teasers Colours */

/*	Styling (Colours, backgrounds) */
body {
	background: #fff;
	color: #000;
}
#wrap_body, #frontpage {
	background:#B6D6EF url(images/bottombg.png) bottom repeat-x;
}
#wrap_page {
	background:url(images/bodybg.png) center 0 repeat-x;
}
#wrap_page2 {
	background:url(images/headerbg.png) left 0 no-repeat;
}
#toplogo, #navigation, #topbanner, #wrap_content, #separator {
	border-color: #ccc;
}
#wrap_content {
	color: #000;
}
#wrap_content_wide {
	background-color: #fff;
	color: #000;
}
a {
	color: #004EA0;
}
a:hover {
	color:#E04F00;
}
/* Text styling (fonts) */

/* Top nav */

* html #topmenu * {
	height: 1%
} /* hasLayout */
#topmenu ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#topmenu ul ul {
	position: absolute;
	left: 1px;
	top: 100%;
	padding-top:1px;
}
#topmenu ul div {
	border-top: 1px solid;
}
#topmenu ul ul ul {
	left: 100%;
	top: -1px;
}
#topmenu li {
	float: left;
	display: inline;
	margin: 0;
	padding: 0;
	position: relative; /* for submenu positioning */
}
#topmenu li:hover {
	z-index: 11;
}
#topmenu a {
	float: left;
	line-height: 36px;
	height: 36px;
	display: table; /* fix for Opera's no-width nested floats hover bug */
	text-decoration: none;
	color: #FFF;
	background:#004EA0 url(images/menu1.png) 0 0 no-repeat;
	white-space: nowrap;
	padding: 0 16px 0 18px;
	margin: 0;
	font-weight:700;
}
#topmenu ul ul li {
	display: block;
	float: none;
	/*	height: 20px;
	line-height: 20px;*/
	width: 180px;
}
#topmenu ul ul li a {
	display: block;
	float: none;
	height: auto;
	white-space: normal;
	text-transform: none;
	/*	height: 20px;*/
	line-height: 23px;
	font-size:91.7%;
	width: 90%;
	padding: 0 5%;
	font-weight:normal;
}
#topmenu ul ul li a {
	/*	display: inline-block; /* fix IE7 gap at bottom */
	margin: 0;
}
* html #topmenu ul ul li a {
	width: 180px;
	display: inline-block;
}
#topmenu ul ul, #topmenu li:hover ul ul, #topmenu li:hover ul ul ul {
	display: none;
}
#topmenu li:hover ul, #topmenu li li:hover ul, #topmenu li li li:hover ul, #topmenu li.sfhover ul {
 display: block;
}
/* arrow for 4 levels! do not touch! */
#topmenu li li.arrow a, #topmenu li.arrow li.arrow li.arrow a {
	background-position: 99% 50%;
	background-repeat: no-repeat;
	background-attachment: scroll;
}
#topmenu li li.arrow a:hover, #topmenu li li.arrow li.arrow a:hover {
}
#topmenu li.arrow li.arrow li a, #topmenu li.arrow li.arrow li.arrow li a {
	background-image: none;
}
#topmenu a.current, #topmenu li:hover a, #topmenu li.sfhover a {
	color: #6FF;
	background:#003670 url(images/menu2.png) left 0 no-repeat;
}
#topmenu ul ul a.current, #topmenu li:hover li a, #topmenu li:hover li:hover a, #topmenu li.sfhover li a, #topmenu li.sfhover li.sfhover a {
	color: #FFF;
	background:#004EA0 url(images/menu3.png) 0 0 repeat-x; /* reset for submenus */
}
#topmenu li:hover li a:hover, #topmenu li.sfhover li a:hover {
	color: #FFF;
	background:#003670 url(images/menu3.png) 0 -23px repeat-x;
}
#topmenu li:hover ul a {
}
#topmenu ul ul a.current {
}
#topmenu ul ul, #topmenu ul ul li, #topmenu ul div {
}
/* Layout engine test! */

