/* WPS Standard Template A */

body {
	font-family: Arial, Tahoma, Helvetica, sans-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_logo, #toplogo, #wrap_menu, #navigation, #topbanner, #wrap_content, #separator {
	width: 980px;
	margin: 0px auto;
	border: 0;
	position: relative;
}
#toplogo {
	min-height: 175px;
}
#wrap_logo {
	border:1px solid #FFF;
}
#wrap_menu {
	border:1px solid #01243D;

	border-left:0;
	border-right:0;
	padding:0;
	background:#01243D;
	position: relative;
	z-index:100;
	height:19px;

}
#navigation {
	height: 19px; /* 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 */
}
#separator {
	display: none;
}
#wrap_content:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
* html #wrap_content {
	height: 1%;
}
#wrap_content {
	zoom: 1;
	display: block;
	clear: both;
	border:1px solid #FFF;
	margin-top:20px;
}
#rightblock {
	float: right;
	display: inline; /* IE hack */
	width:200px; /* Total width should be 180px */
	margin: 0 0 20px 0;
}
#leftblock{
	float:left; 
	width:200px;
	display:inline;
	margin: 0 0 20px 0;
}
#leftblock, #rightblock, #content {
	overflow: visible;
}
* html #leftblock, * html #rightblock, * html #content {
	overflow: auto; /* IE6 falls apart otherwise */
}
#content {
	display: inline; /* IE6 hack */
	width: 750px;
	margin:0 0 20px 0;
	float:left;
}
#wrap_body #content{
	width:525px;
	margin:0 0 20px 25px;
}
#wrap_footer {
	clear: both;
	margin: 0;
	position: relative;
	text-align:right;
}
#footer{
	padding:5px 10px;
}
/*	Shortcuts or Search - Positioning and Layout */ 

/* Search form */
/* Side Menu */
#smenu{ margin-bottom:10px;}
#smenu ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
	background: #036;
	border-top: 1px solid;
}
#smenu ul ul{
	border-top: none;
}
#smenu li{ 
	margin: 0;
}
* html #smenu a{ height: 1% } /* hasLayout */

#smenu a{
	border-bottom: 1px solid;
}
#smenu a{
	text-decoration: none;
	display: block;
	color: #FFF;
	background: #036;
	padding-top: 2px;
	padding-bottom: 2px;
}
#smenu ul a {
	padding-left: 5px;
}
#smenu ul ul a {
	padding-left: 15px;
	font-weight: normal;
	background: #666;
}
#smenu ul ul ul a{
	padding-left: 25px;
	font-style: italic;
}
#smenu ul ul ul ul a{
	padding-left: 35px;
	font-style: italic;
}
#current-smenu.current{
	background-color: #01243D;
}
#smenu a:hover{
	color: #FFF;
	background-color:#01243D;
}

#smenu ul, #smenu a
{
	border-color: #FFF;
}

#smenu div.search
{
	display: none; /* hide unwanted search box */
}

/* ShortCuts Menu Styling*/

/* Dropdown Menu */

/* Blocks */

 #rightblock h2 {
	background:#01243D;
	font-size: 1.08em;
	font-weight: bold;
	padding: 2px 5px;
	border:1px solid #000;
	color:#FFF;
	margin-bottom:0;
}
#toplogo img, #topbanner img {
	border: 0;
	display: block;/*	width: auto;
	height: auto; our banner module sucks, but ie6 sucks more */
}

#rightblock .block form
{
	color:#fff;
	margin-top:4px;
}
#rightblock .block form div
{
	padding: 7px 5px;
	background-color: #999a9c;
	text-transform:uppercase;
	margin-top:-5px;
}
#rightblock .block input.searchwords
{
	width: 115px;
	height:15px;
	border: none;
}
#rightblock .block .separator,#rightblock .block .note{ display:none;}
#frontpage #rightblock label{ width:55px; display:block; float:left; text-align:right; margin-right:5px;}
#rightblock .searchwords{ margin-left:6px;}
/* Side Menu */

/* Teasers */

div.teaser {
	float: left;
	clear: right;
	display: inline; /* IE float padding hack */
	position: relative;
	width: 166px;
	height: 126px;
	margin: 0px 0px 0px 7px;
	border: none;
}
.teaser-head {
	font-weight:700;
}
/* Teasers Colours */

div.teaser {
	color: #000;
	background-color: #fff;
}
/*	Styling (Colours, backgrounds) */
body {
	background: #fff;
	color: #000;
}
#wrap_body, #frontpage {
	background-color: #FFF;
}
#wrap_content {
	background: #fff;
	color: #000;
}
/* #wrap_body #wrap_content{background: #fff url(images/smenubg.gif) left repeat-y;}*/
#wrap_footer {
	border-top:1px solid #01243D;
	color: #036;
	background:#FFF;
}
#wrap_footer a {
	color: #01243D;
	text-decoration:none;
}
#wrap_footer a:hover {
	text-decoration:underline;
}
a {
	color: #00007F;
	text-decoration:none;
}
a:hover {
	color:#98002E;
}
#toplogo div.shortcuts span {
	color: #000;
}
#navigation .printer-icon {
	float:right;
	margin:1px 3px 0 0;
	width:13px;
	height:12px;
}
/* Text styling (fonts) */

/* Top nav */
#topmenu {
	float:left;
	display:inline;
	width:950px;
}
* html #topmenu * {
	height: 1%
} /* hasLayout */
#topmenu ul {
	list-style-type: none;
	margin: 0;
	padding:0;
}
#topmenu ul ul {
	position: absolute;
	left: 0;
	top: 100%;
	border-top: 0;
	padding:0;
	border-top:1px solid #01243D;
}
#topmenu ul ul ul {
	left: 100%;
	top: -2px;
}
#topmenu li {
	float: left;
	display: inline;
	margin: 0;
	padding: 0;
	position: relative; /* for submenu positioning */
}
#topmenu a {
	float: left;
	line-height: 19px;
	height: 19px;
	display: table;
	/* fix for Opera's no-width nested floats hover bug */
	text-align:center;
	text-decoration: none;
	color: #FFF;
	padding: 0 10px;
}
#topmenu ul ul li {
	display: block;
	float: none;
	width: 12em;
}
#topmenu ul ul ul li:first-child {
	margin-top:2px;
}
#topmenu ul ul li a {
	display: block;
	float: none;
	height: auto;
	text-align:left;
	line-height: 19px;
	padding: 0 5px;
	border-right:0;
	font-size:95%;
	border:1px solid #01243D;
	border-top:none;
}
#topmenu ul ul li a {
	margin: 0;
}
* html #topmenu ul ul li a {
	width: 12em;
	display: inline-block;
}
#topmenu ul ul, #topmenu li:hover ul ul, #topmenu li:hover ul ul ul, #topmenu li.sfhover ul ul, #topmenu li.sfhover ul ul ul {
	display: none;
}
#topmenu li:hover ul, #topmenu li li:hover ul, #topmenu li li li:hover ul, #topmenu li.sfhover ul, #topmenu li li.sfhover ul, #topmenu li li li.sfhover ul {
	display: block;
}

#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: #003366;
}
#topmenu .search{background:#003366; padding:5px;}
#topmenu .search p{color:#FFF; margin:0; padding:0 0 5px 0;}
#topmenu .search form{ margin:0; padding:0;}
