/* General HTML classes */

/* Catchall definition */

body
{
	font-size: 68.8%;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}

/*	Layout only	*/

#wrap_logo, #wrap_menu, #topbanner, #wrap_content, #separator
{
	width: 770px;
	margin: 0px auto;
	border: 0;
	position: relative;
}
	#toplogo
	{
		min-height: 50px;
	}
#wrap_menu
{
	border: 1px solid;
	border-left: none;
	border-right: none;
	position: static;
}
	#navigation
	{
		position: static; /* needed for menu to display at the right place */
		overflow: visible; /* in case there are too much menus */
	}
#topbanner
{
	clear: both;
	overflow: hidden;
}
#wrap_content
{
	clear: both;
}
	#leftblock
	{
		float: left;
		display: inline; /* IE hack */
		width: 175px;
		padding: 14px 0 5px 1px;
		margin: 0;
	}
	#rightblock
	{
		float: right;
		display: inline; /* IE hack */
		width: 205px; /* Total width should be 180px */
		padding: 0;
		margin: 0 8px 0 0;
	}
	#leftblock, #rightblock, #content
	{
		overflow: visible;
	}
	* html #leftblock, * html #rightblock, * html #content
	{
		overflow: auto; /* IE6 falls apart otherwise */
	}
	#content
	{
		width: 553px;
		padding: 10px 0; /* left padding for FF tables */
		float: right;
		display: inline; /* IE6 hack */
		margin: 0 21px 0 0;
	}
	#frontpage #content
	{
		width: 353px;
		margin-right: 8px;
		padding-right: 8px;
	}
	#teasers
	{
		float: right;
		width: 585px;
		padding: 0 0 0 0;
		margin: 21px 0 5px 0;
		overflow: hidden;
		clear: right;
		display: inline; /* IE hack */
	}
	#wrap_footer
	{
		clear: both;
		margin: 0;
		position: relative;
		height: 51px;
	}
		#footer
		{
			padding: 18px 0 0;
		}

/* ShortCuts Menu */
* html div.shortcuts
{
	float: right;
	display: inline; /* IE6 */
}


div.shortcuts ul
{
	margin: 0;
	padding: 0 7px 0 3px;
}
* html div.shortcuts ul
{
	width: 1%;
}
div.shortcuts ul li
{
	float: right;
	display: inline; /* IE6 */
	margin: 0;
	padding: 0 0 0 1px;
	background: url("images/sign_bg.gif") no-repeat;
	list-style-type: none;
	height: 19px;
}
div.shortcuts ul li a
{
	color: #10008C;
	text-decoration: none;
	padding: 0 13px 0 4px;
	background: #fff url("images/sign_bg.gif") no-repeat right top;
	line-height: 19px;
	height: 19px;
	display: block;
}


/* Dropdown Menu */
.mainmenu, .submenu
{
	text-decoration: none;
	font-size: 100%;
}
.mainmenu
{
	line-height: 16px;
	padding: 0;
}
.submenu
{
	line-height: 16px;
	padding-left: 5px;
	padding-right: 9px;
}
td.mainmenu
{
	padding: 0px 5px;
}
td.submenu
{
	padding: 0;
}
#menu0
{
	padding: 2px 0 !important; /* match with div.submenu margin */
	margin: 0; /* Firefox does not stretch container div */
	float: left;
	display: inline; /* IE6 hack */
}
div.submenu
{
	border: 1px solid;
	margin-top: -2px; /* match with #menu0 padding */
}
div.submenu div.submenu
{
	margin-top: 0; /* reset it in menu items */
}


/* Blocks */
#rightblock #autoscroller
{
	background: transparent url(images/left_nav_borderH.gif) repeat-x left bottom;
	padding-bottom: 2px;
	margin-bottom: 25px;
}
#rightblock h2
{
	font-size: 1.08em;
	font-weight: bold;
	padding: 0 0 5px 0;
	margin-bottom: 0.4em;
}

#toplogo img, #topbanner img
{
	border: 0;
	display: block;
}

iframe.autoscroller-border
{
	margin: 0;
	width: 185px; /* IE hack: should be width-(2*border_width) */
	height: 154px;
	padding: 3px; /*border: 1px solid;*/
}
html > body iframe.autoscroller-border
{
	width: 182px;
}
form.vertical input.box
{
	display: block;
}
#breadcrumbs
{
	margin-bottom: 1em;
	font-style: italic;
}



/* Side Menu */

#smenu ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	background: url(images/left_nav_borderH.gif) repeat-x left top;
}
#smenu ul ul
{
	background: none;
}
#smenu li
{
	margin: 0;
}
#smenu a
{
	background: url(images/left_nav_borderH.gif) repeat-x left bottom;
}
* html #smenu a
{
	height: 1%;
}
/* hasLayout */
#smenu a, table a.hover, table span.hover, table a.hover-current, table span.hover-current
{
	text-decoration: none;
	display: block;
	color: #000;
	padding: 3px 1px 4px 10px;
}
#smenu ul a, a.smenu-section, span.smenu-section
{
	font-weight: bold;
}
#smenu ul ul a, a.smenu-item, span.smenu-item
{
	font-weight: normal;
}
#smenu ul ul ul a, a.smenu-subitem, span.smenu-subitem
{
	padding-left: 15px;
	font-style: italic;
}
#smenu ul ul ul ul a, a.smenu-subitem3, span.smenu-subitem3
{
	padding-left: 20px;
	font-style: italic;
}
#smenu ul ul ul ul ul a
{
	padding-left: 25px;
	font-style: italic;
}
#smenu ul ul ul ul ul ul a
{
	padding-left: 30px;
	font-style: italic;
}
#smenu a:hover, table a.hover:hover, table span.hover:hover, table a.hover-current:hover, table span.hover-current:hover
{
	color: #000;
	background-color: #f3f3f3;
}


#smenu div.search
{
	display: none; /* hide unwanted search box */
}

/* Teasers */

#teasers img
{
	border: 0;
	display: block;
}
div.teaser
{
	float: left;
	clear: right;
	display: inline; /* IE float padding hack */
	position: relative;
	width: 160px;
	margin: 0px 0px 10px 7px;
	padding: 78px 0 15px;
	border: 1px solid #ccc;
}
div.teaser.first
{
	margin-left: 45px;
}
a.t_frame
{
	display: block;
	position: absolute;
	width: 163px;
	height: 100%;
	background: url(images/mask.gif) no-repeat;
	z-index: 4;
}
a.t_frame.c1
{
	top: -1px;
	left: -1px;
}
a.t_frame.c2
{
	bottom: -1px;
	left: 150px;
	width: 11px;
	height: 18px;
	background-image: url(images/main_bottom3.gif);
}
a.t_frame.c3
{
	bottom: -1px;
	left: -1px;
	width: 11px;
	height: 18px;
	background-image: url(images/main_bottom1.gif);
}
div.t_text
{
	padding: 1px 5px;
	min-height: 5em;
}
* html div.t_text
{
	height: 5em;
}
div.t_text h3
{
	font-weight: bold;
	font-size: 1em;
	line-height: 20px;
	padding: 0;
	margin: 0;
	position: relative;
	z-index: 2;
	color: #10008C;
}
div.t_text h3 a
{
	text-decoration: none;
	color: #10008C;
}
div.t_text p
{
	margin: 0;
	position: relative;
	z-index: 2;
	line-height: 1.25em;
}
div.t_readmore
{
	position: absolute;
	bottom: 0;
	right: 5px;
	line-height: 1.25em;
	height: 13px;
	width: 13px;
	z-index: 3;
}
a.t_img
{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}
a.t_img img
{
	width: 160px;
	height: 78px;
	display: block;
}

/* Teasers Colours */

div.teaser
{
	color: #000;
	background-color: #fff;
}





/*	Styling (Colours, backgrounds) */
body
{
	background: #fff;
	color: #000;
}
#wrap_body, #frontpage
{
	background-color: #F3F3F3;
}
#wrap_logo, #toplogo, #wrap_menu, #navigation
{
	background-color: #fff;
}
#wrap_menu
{
	border-color: #fff;
}
#wrap_content
{
	background: #fff url(  "images/bg.gif" ) repeat-y;
	color: #000;
}
#rightblock h2
{
	color: #10008C;
}
#frontpage #content
{
	background: #fff url(  "images/bg1.gif" ) repeat-y right 0;
}
#wrap_footer
{
	color: #fff;
	background: #ee1b24 url(  "images/footer.gif" ) no-repeat;
}
a.copyright
{
	color: #000;
	text-decoration: none;
	font-weight: bold;
}
a.copyright:hover
{
	color: #fff;
	text-decoration: underline;
}
div.submenu
{
	border-color: #666;
}
.mainmenu, .submenu
{
	color: #10008C;
	background-color: #fff;
}
ul.dropdownreplacement a:hover, .mainmenu.on, .submenu.on
{
	background-color: #f3f3f3;
}
div.submenu td.arrow
{
	background-image: url(images/arrow_next.gif);
	background-position: 92% 50%;
	background-repeat: no-repeat;
	background-attachment: scroll;
}
/* False values for IE7+IE6 */
html:not([dummy]) div.submenu td.arrow
{
	background-position: 99% 50%;
}
/* True values for Safari and Firefox */
@media all and (min-width: 0px)
{
	div.submenu td.arrow
	{
		background-position: 99% 50%;
	}
}
/* True values for Opera */

span.dailytip, .autoscroller-border, #autoscroller-body
{
	color: #000;
	background-color: #fff;
	padding: 0;
}
iframe.autoscroller-border
{
	border-color: #ccc;
}
a, #content a:link
{
	color: #10008C;
}
a img
{
	border: none;
}
#wrap_footer a
{
	color: #fff;
}
#breadcrumbs a
{
	color: #64727C;
}
/*.printer-icon, .tipafriend-icon
{
	background: #fff url(  "images/printer_icon_red.gif" ) no-repeat left center;
	padding-left: 15px;
	float: right;
}
.tipafriend-icon
{
	background-image: url(  "images/arrow_red.gif" );
}*/
.icons
{
	text-align:right;
}
