/* WPS Standard Template A */

body, p, div, td, input {
	font-family: Arial,Helvetica,sans-serif;
	font-size:95%;
}
body {
	margin: 0;
	padding: 0; /* Opera has a default padding */
}

/*	Layout only	*/

#toplogo, #navigation, #topbanner, #wrap_content, #separator {
	width: 770px; 
	margin: 0px/* auto*/;
	border: 0;
	position: relative;
}
#toplogo
{
	height: 100px;
}
#navigation
{
/*	height: 18px;*/
	position: static; /* needed for menu to display at the right place */
}
#topbanner
{
	display: block;
}
#separator
{
	display: none;
}
#leftblock 
{
	float: left;
	display: inline; /* IE hack */
	width: 158px;
	padding: 5px 15px 5px 16px;
	margin: 0;
}
#rightblock { 
	float: right;
	display: inline; /* IE hack */
	width: 158px;
	padding: 5px 16px 5px 15px;
	margin: 0;
}
#frontpage #rightblock img 
{
	margin: 5px 0 0 0;
}
#frontpage #leftblock img
{
	margin: 0 0 5px 0;
}
#wrap_content
{
	clear: both;
}
#content {
	overflow: auto;
	width: 510px;
	padding: 5px 5px 15px 5px;
	text-align: left;
	float: left;
	margin: 5px 0 0 20px;
}
#frontpage #content {
	width: 353px;
	float: right;
	margin: 5px 9px 0 0;
}
#teasers 
{
	float: right;
	width: 521px;
	padding: 0 20px 0 0;
	margin: 0 20px 0 0;
	overflow: hidden;
	clear: right;
	display: inline; /* IE hack */
}
#wrap_footer 
{
	clear: both;
}
#footer {
	padding: 3px 6px;
	text-align: right;
}

/*	Shortcuts or Search Layout */ /* not used */

#toplogo div.search, #toplogo div.shortcuts
{
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 1;
	margin: 0;
}
#toplogo div.search
{
	margin: 0 8px 8px 0;
}
#navigation div.shortcuts, #navigation div.search 
{
	float: right;
	margin: 0;
	padding: 0;
	/*display: inline;*/
}


/* Search form */
div.search h1, div.shortcuts h1, #topbanner h1
{
	display: none; /* 4.2.4 draws an empty blockhead */
}
div.search br
{
	display: none; /* Fixes buggy search module */
}
div.search form, div.search table /* latter for 4.2.4 */
{
	margin: 0px 0 0 0;
	padding: 0;
}
div.search > form, div.search > table /* latter for 4.2.4 */
{
	margin-top: 0px;
}
div.search input.button
{
	vertical-align: text-top;
	border: 1px solid #666;
	margin-top: 1px;
	line-height: 13px;
	height: 18px;
	padding: 0;
	background-color: #f3f3f3;
	color: #000;
}
span.searchbuttonbox > input.button, #submit1.button
{
	padding: 0 0.4em;
	display: inline;
}
div.search input.searchwords
{
	height: 16px;
	border: 1px solid #666;
	padding: 0 0.3em;
	font-size: 100%;
}
* html #Submit1
{
	margin-top: -1px;  /* for 4.2.4 */
}

/* ShortCuts Menu Styling */ /* not used */


div.shortcuts ul
{
	margin: 0;
	padding: 0;
	border: 1px dotted #fff;
	border-left: 0;
}

div.shortcuts ul li
{
	list-style-type: none;
	display: inline;
	padding: 2px 2px 2px 4px;
	border-left: 1px dotted #fff;
}


div.shortcuts ul li a
{
	text-decoration: none;
	line-height: 20px;
	color: #fff;
}

div.shortcuts li.print
{
	background-image: url(images/printer_w.gif);
	background-position: 3px 50%;
	background-repeat: no-repeat;
	padding: 2px 2px 2px 17px;
}

div.shortcuts li.search 
{
	background-image: url(images/search_w.gif);
	background-position: 3px 50%;
	background-repeat: no-repeat;
	padding: 2px 3px 2px 17px;
}


/* Dropdown */
ul.dropdownreplacement
{
	padding: 1px 0 0 0;
}
ul.dropdownreplacement a
{
	display: inline;
}
.mainMenuOff, .subMenuOff, .mainMenuOn, .subMenuOn, ul.dropdownreplacement li a {
	text-decoration: none;
	margin: 0;
	line-height: 16px;
}
td.mainMenuOff, td.mainMenuOn, ul.dropdownreplacement li a, ul.dropdownreplacement li.firstitem a {
	padding: 3px 3px;
	border: 5px solid;
	border-top: 0;
	border-bottom: 0;
}
td.subMenuOff, td.subMenuOn {
	padding: 3px 3px !important;
	border: 5px solid;
	border-top: 0;
	border-bottom: 0;
}
div.mainMenuOff, div.subMenuOff 
{
}
div.subMenuOff 
{
	border: 1px solid;
}

/* Blocks */

#toplogo img, #topbanner img
{
	border: 0;
	display: block;
}

#teasers h2 {
	height: 18px;
	display: block;
	width: 100%;
	margin: 0 0 10px 0;
	padding: 0px 10px;
	font-size:117%;
	font-weight: bold;
}
iframe.autoscroller-border 
{
	margin: 0;
	width: 154px; /* IE hack: should be width-(2*border_width) */
}
#rightblock > iframe.autoscroller-border 
{
	width: 156px;
}

/*----------------------smenu---------------------*/
#smenu {
	border-top: 1px solid #FFF;
	background: #F3776D;
}
#smenu ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
#smenu ul a {
	border-bottom: 1px solid #FFF;
	display: block;
	color: #000;
	text-decoration: none;
	border-left: 5px solid #F3776D;
	border-right: 5px solid #F3776D;
}
#smenu ul #current-smenu {
	border-left: 5px solid #0055A4;
	border-right: 5px solid #0055A4;
}
#smenu ul a:hover,#smenu ul #current-smenu:hover {
	color: #FFF;
	background: #0055A4;
	border-left: 5px solid #FFF;
	border-right: 5px solid #FFF;
}
#smenu ul a {
	padding: 1px 5px 1px 5px;
	font-weight: bold;
}
#smenu ul ul a {
	padding: 1px 5px 1px 10px;
	font-weight: normal;
}
#smenu ul ul ul a {
	padding: 1px 5px 1px 15px;
	font-style: italic;
}

/* Teasers */

div.teaser
{
	float: right;
	clear: left;
	display: inline; /* IE float padding hack */
	position: relative;
	width: 150px;
	height: 125px;
	margin: 0 0 0 22px;
}
div.t_frame
{
	display: none;
}
a.t_img
{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}
a.t_img img
{
	width: 150px;
	height: 125px;
	display: block;
	border: 0;
}

/* Teasers Colours */

div.teaser
{
	color: #fff;
	background-color: #666;
}

/*	Styling (Colours, backgrounds) */
body
{
	background: #fff;
	color: #000;
}
#wrap_body, #frontpage, #toplogo
{
	background-color: #fff;
} 
#wrap_logo
{
}
#wrap_menu
{
}
#topbanner, #toplogo
{
	background-color: #f3776d;
	border-bottom: 1px solid #fff;
}
#navigation 
{
	background-color: #0055a4;
	border-bottom: 1px solid #fff;
}
#wrap_content {
	background: #fff url("images/faux.gif") repeat-y scroll left;
}
#content
{
	color: #000;
	/*background-color: Yellow; /* For testing */
}
#leftblock, #rightblock 
{
	color: #000;
	/*background-color: Pink; /* For testing */
}
#leftblock img, #rightblock img
{
	border: 1px solid #9c9d9f;
}
#leftblock td img
{
	border: 0;
}
#teasers
{
	/*background-color: Lime; /* For testing */
}
#teasers h2
{
	color: #000;
	background-color: #f3776d;
}
#wrap_footer, #footer {
	background-color: #0055a4; /* Both must be set for IE */
	color:  #fff;
}
.mainMenuOff, .subMenuOff {
	color: #fff;
	background-color: #0055a4;
}
.mainMenuOn, .subMenuOn, ul.dropdownreplacement li a:hover {
	color: #000;
	background-color: #f3776d;
}
td.mainMenuOff,  td.subMenuOff, ul.dropdownreplacement li a, ul.dropdownreplacement li.firstitem a
{
	border-color: #0055a4;
}
td.mainMenuOn,  td.subMenuOn, ul.dropdownreplacement li a:hover
{
	border-color: #fff;
}
div.subMenuOff 
{
	border: 1px solid #fff;
}

a, #content a:link, #content a:visited
{
}
#content a:hover, #content a:active
{
}
* html #Submit1
{
	height: 17px;
	position: relative;
	top: -1px;
}

/* Text styling (fonts) */

#navigation a, #rightblock 
{
	font-family: Arial,Helvetica,sans-serif;
}


a.copyright { color:#fff; text-decoration: none; font-weight: bold; }
a.copyright:hover { color:#fff; text-decoration: underline;}

