/* WPS Standard Template A */

body
{
	/* font-family: Verdana, "Bitstream Vera Sans", Geneva, "Lucida Grande", Helvetica, Arial, sans-serif */
	font-family: arial, helvetica, sans-serif;
	font-size: 68.75%; /* same as 12px with IE with Text Size "Normal" @96dpi, "Smallest" @120dpi */
	margin: 0;
	padding: 0; /* Opera has a default padding */
}

/*	Layout only	*/

#wrap{
	width: 798px; 
	margin: 0px auto;
	border: 0;
	position: relative;
	border:1px solid;
}
#topbanner
{
	padding-bottom:8px;
}
#wrap_content
{
	clear: both;
}
#leftblock 
{
	float: left;
	display: inline; /* IE hack */
	width: 165px; 
	padding: 0 0 145px 10px;
	margin: 0;
}
#rightblock {
	float: right;
	display: inline; /* IE hack */
	width: 126px; /* Total width should be 180px */
	padding: 0;
	margin: 0 0 0 2px;
}
#leftblock, #rightblock, #content
{
	overflow: visible;
}
* html #leftblock, * html #rightblock, * html #content
{
	overflow: auto; /* IE6 falls apart otherwise */
}
#content {
	width: 490px;
	padding: 0; /* left padding for FF tables */
	float: right;
	margin: 0;
}
#teasers 
{
	float: right;
	width: 492px; 
	padding: 0;
	margin: 0 0 5px;
	overflow: hidden;
	display: inline; /* IE hack */
}
#wrap_footer 
{
	clear: both;
	margin: 0;
	position: relative;
}
*html #wrap_footer 
{
	height:0;
}
#footer {
	text-align:center;
	padding:1px 0 0;
}




/* Blocks */
#leftbanner
{
	position:absolute;
	top:-123px;
	left:8px;
}
#topbanner img,#rightblock img
{
	border: 0;
	display: block;
}
#rightblock img
{
	border:1px solid;
	margin-top:2px;
}




/* Side Menu */
#smenu
{
	margin-right:3px;
	position:relative;
	z-index:3;
}
#smenu ul,.links
{
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#smenu ul ul
{
	position: absolute;
	z-index: 7;
	left: 95%;
	top: 10px;
	border:1px solid;		
	border-bottom:0;
}
#smenu li,.links li
{ 
	margin: 0;
	padding:0;
	border-bottom:1px solid;
	width:162px;
}
#smenu li:hover,#smenu li.sfhover
{ 
	z-index:2;
	position:relative;
}
* html #smenu a
{ height: 1% } /* hasLayout */

#smenu a {
	text-decoration: none;
	display: inline-block;/* For IE */
	color: #567531;	
	padding: 3px;
	position:relative;
	width:149px;
	padding-right:10px;
	font-weight: bold;
}
#smenu ul ul, #smenu li:hover ul ul, #smenu li:hover ul ul ul,
#smenu li.sfhover ul ul, #smenu li.sfhover ul ul ul
{
	display:none;
}
#smenu li:hover ul, #smenu li li:hover ul, #smenu li li li:hover ul,
#smenu li.sfhover ul, #smenu li li.sfhover ul, #smenu li li li.sfhover ul
{
	display:block;
}
#smenu ul ul a.current, #smenu li:hover li a, #smenu li:hover li:hover a, #smenu div,
#smenu li.sfhover li a, #smenu li.sfhover li.sfhover a
{
	color: #567531;
	background-color:#f5f6f7;
}
#smenu li:hover li,#smenu li.sfhover li{
	background-color: #f5f6f7;
	color:#fff;
}
#smenu li:hover li a:hover,
#smenu li.sfhover li a:hover {
	background-color: #567531;
	color: #fff;
}
#smenu li,#smenu ul ul,.links li
{
	border-color:#ccc;
}
#smenu li.arrow >a
{
	background:url(images/arrow.gif) no-repeat right center;
}

.links li
{
	width:auto;
	margin-right:3px;
}
.links a
{
	display:block;
	background:#567531 url(images/newsletter.gif) no-repeat 2px center;
	padding:3px 0 3px 20px;	
	font-weight:bold;
}
.links a.search
{
	background-image:url(images/search.gif);
}
.links a,.links a:hover
{
	text-decoration:none;
	color:#fff;
}
/* Teasers */
#teasers img
{
	border: 0;
	display: block;
}
div.teaser
{
	float: left;
	display: inline; /*IE6*/
	position: relative;
	width: 218px;
	height:auto;
	margin: 0 15px 25px 9px;
	padding:107px 0 15px;
	border:1px solid #ccc;
}
a.t_frame
{
	display: block;
	position: absolute;
	line-height: 0;
	font-size: 1px; /* IE6 sizing fix */
	width: 9px;
	height: 7px;
	background-image: url(images/t_frame.gif);
	background-repeat: no-repeat;
	z-index: 2;
}
a.t_frame.c1
{
	right: -4px;
	top: -1px;
	background-position: left top;
}
a.t_frame.c2
{
	bottom: -1px;
	left: -4px;
	background-position: right bottom;
}
a.t_img
{
	display: block;
	position:absolute;
	top: 0;
	left: 0;
	z-index: 1;
}
a.t_img img
{
	width: 218px;
	height: 107px;
}
div.t_text
{
	position: static;
	padding: 1px;
	min-height: 6.25em;
	background: #fff url("images/dot3.gif") repeat-x 2px 0;
}
* html div.t_text
{
	height: 6.25em;
}
div.t_text h3
{
	font-weight: bold;
	font-size: 1.2em;
	padding: 0;
	margin: 10px 0 0;
	position: relative;
	z-index: 2;
}
div.t_text h3 a
{
	text-decoration: none;
	color: #567531;
}
div.t_text p
{
	margin: 0;
	padding: 0 6px 2px 0;
	position: relative;
	z-index: 2;
	line-height: 1.25em;
}
.t_readmore
{
	background: #fff url("images/arrow-readmore.gif") no-repeat;
	padding-left:18px;
	position:absolute;
	bottom:10px;
	right:5px;
}
.t_readmore a,.t_readmore a:hover
{
	text-decoration:none;
	color: #567531;
}
/* Teasers Colours */

div.teaser
{
	color: #000;
	background-color: #fff;
}


/*	Styling (Colours, backgrounds) */
body
{
	background: #fff;
	color: #036;
}
#wrap_body, #frontpage
{
	background-color: #567531;
} 
#topbanner
{
	background: #fff url("images/top_bg.gif") no-repeat 0 bottom;
}
#wrap
{
	border-color: #fff;
}
#leftblock,#rightblock img
{
	border-color:#ccc;
}
#wrap_content 
{
	background: #fff url("images/front_bg.gif") repeat-y scroll 175px 0;
	color: #036;
}
#wrap_footer {
	color:  #fff;
	background: #567531 url("images/footer.gif") no-repeat;
	font-weight: bold; 
}
#wrap_footer a,#wrap_footer a:hover
{
	color:#fff;
}
a {
	color: #567531;
	text-decoration: underline;
}
a:hover {
	color: red;
	text-decoration: underline;
}
a:active {
	color: #567531;
	text-decoration: none;
}
a img 
{ 
	border: none; 
}
#toplogo div.shortcuts span
{
	color: #000;
}
h1 {font-size: 18px;}
h2 {font-size: 16px;}
h3 {font-size: 14px;}
h4 {font-weight: bold;}



input {
	font-family: arial, helvetica, sans-serif;
	font-size: 90.9%;
	font-style: normal;
	font-weight: normal;
	color: #000;
}
input.button {
	font-family: arial, helvetica, sans-serif;
	font-size: 90.9%;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #fff;
	background-color: #036;
	border: 1px solid #003;
	cursor: hand;

}
select {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 90.9%;
	font-style: normal;
	font-weight: normal;
}	


