/*
ecode web site General stylesheet
Last update: 26.10.2003
COLOURS
Font  					Black
Screen background		Silver
Links  					Navy
ToP link background		Silver
General background		#f2f6f9	Very pale blue
Customer title bar		#02A5CE Cyan
Vendor itle bar			#D8831E Orange
General title bar		Black
Top banner background	#004583 Dark blue
Page Menu Background	#7198bb Dark Blue
Menu Highlight 			#d5e0ea Light blue
Form background			#e6f0f6 Pale Blue
News item				#f5f48d Yellow	
*/	

body {
	text-align: center;
	background: silver;
	font-family: verdana, arial, tahoma, sans-serif;
	font-size: 10pt;
	margin: 0px;
}
/*	NAVIGATION */

a:link, a:active, a:visited {
	border: none;
	background: transparent;
	color: navy;
}
a:hover {
	color: black;
	background: #d5e0ea;
}
a.top:link, a.top:active, a.top:visited {
	text-align: left;
	font-size: 8pt;
	border-right: 1px solid black;
	border-bottom: 1px solid black;
	text-decoration: none;
	padding: 2px;
	color: navy;
	background: silver;
}
a.top:hover {
	color: black;
	background: #d5e0ea;
}
a.InPage:link, a.InPage:active, a.InPage:visited {
	text-decoration: underline;
	padding: 0px 2px;
	color: navy;
	background: transparent;
	Border: 0px none
}
a.InPage:hover {
	color: black;
	text-decoration: none;
	background: #d5e0ea;
}
a.Mail:link, a.Mail:active, a.Mail:visited {
	padding: 0px;
	color: navy;
	background: transparent;
	Border: 0px none
}
a.Mail:hover {
	text-decoration: none;
	color: black;
	background: #d5e0ea;
}
a.Section:link, a.Section:active, a.Section:visited {
	font-size: 80%;
	Text-align: left;
	padding: 6px 2px 6px 5px;
	width: 90%;
	text-decoration: none;
	color: navy;
	background: transparent;
	border-top: 1px solid silver;
	display:block;
}
a.Section:hover {
	color: black;
	background: #d5e0ea;
}
a.PressButton:link, a.PressButton:active, a.PressButton:visited {
	font-size: 80%;
	Text-align: center;
	padding: 6px 2px 6px 5px;
	width: 90%;
	text-decoration: none;
	color: White;
	background: Red;
	border-right: 2px solid gray;
	border-bottom: 2px solid gray;
	display:block;
}
a.PressButton:hover {
	color: white;
	border: none;
	background: Red;
	border-left: 2px solid #f2f6f9;
	border-top: 2px solid #f2f6f9;
}
a.NavMenu:link, a.NavMenu:active, a.NavMenu:visited {
	text-decoration: underline;
	font-size: 80%;
	line-height: 150%;
	width: 100%;
	padding: 0px;
	color: white;
	background: none;
}
a.NavMenu:hover {
	text-decoration: none;
	color: black;
	background: #d5e0ea;
}
a.BarLink:link, a.BarLink:active, a.BarLink:visited {
	font-family: arial, sans-serif;
	font-size: 90%;
	font-weight: bold;
	text-decoration: none;
	padding: 0px 5px 0px 5px;
	color: white;
	background: transparent;
}
a.BarLink:hover {
	color: silver;
}
a.FooterMenu:link, a.FooterMenu:active, a.FooterMenu:visited {
	text-decoration: underline;
	font-size: 80%;
	line-height: 160%;
	padding: 0px;
	color: navy;
	background: none;
}
a.FooterMenu:hover {
	text-decoration: none;
	color: black;
	background: #d5e0ea;
}
/*	TEXT */	 

p, address, blockquote {
	text-align: justify;
	font-style: normal;
	color: black;
	background: transparent;
	vertical-align:text-top;
	margin: 0px 0px 20px 0px;
	line-height: 150%;
}
p.Unjustified {
	text-align: left;
}
p.Centred {
	text-align: center;
}
p.small {
	font-size: 80%;
}
p.Caption {
	text-align: center;
	color: gray;
	line-height: 120%;
	margin-bottom: 0px;
}
p.PageCaption {
	font-family: arial, verdana, tahoma, sans-serif;
	background: black;
	text-align: center;
	color: white;
	font-weight: bold;
	margin-top: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
}
p.News {
	font-family: verdana, arial, tahoma, sans-serif;
	font-size: 8pt;
	color: black;
	text-align: justified;
}
p.NewsCentred {
	font-family: verdana, arial, tahoma, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	color: black;
	text-align: center;
}
p.PageMenu {
	clear: left;
	float: left;
	width: 200px;
	margin: 4px 0px 0px 0px;
}
p.NewsHeading {
	font-family: arial, verdana, tahoma, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	color: black;
	text-align: left;
}
p.NewsSubHead {
	font-family: arial, verdana, tahoma, sans-serif;
	font-size: 9pt;
	font-weight: normal;
	font-style: italic;
	color: black;
	text-align: center;
}
p.Divider {
	font-family: arial, verdana, tahoma, sans-serif;
	background: black;
	text-align: center;
	color: white;
	font-weight: bold;
	margin-top: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
}
p.DividerLine {
	line-height: 5px;
	Text-align: left;
	width: 90%;
	border-top: 1px solid silver;
}
em.LeadIn {
	font-family: arial, sans-serif;
	font-weight: bold;
	font-style: normal;
	color: black;
}
.logoe {
	font-size: 10pt;
	font-weight: bold;
}
.logobody {
	font-size: 7pt;
	font-weight: bold;
	font-style: italic;
	text-decoration: underline
}
.BoldQuote {
	font-family: arial, sans-serif;
	font-weight: bold;
}
.Copyright {
	width: 100%;
	text-align: center;
	font-size: 8pt
}
acronym {
	cursor: help;
}
code {
	font-family: Courier, serif;
	text-align: left;
	font-style: normal;
	color: black;
	background: transparent;
	vertical-align:text-top;
	margin: 0px 0px 20px 0px;
	line-height: 150%;
}
/* 	HEADINGS */

h1 {
	Color: white;
	text-align: right;
	font-family: arial, sans-serif;
	font-size: 12pt;
	font-weight: 900;
	margin-bottom: 0px;
	margin-right: 5px;
	margin-top: -18px;
}
h1.InContent {
	clear: left;
	width: 100%;
	background: black;
	text-align: left;
	padding: 2px 0px 2px 0px;
	margin: 20px 0px 10px 0px;
	padding-left: 5px;
	padding-top: 6px;
	padding-bottom: 6px;
}
h2 {
	color: black;
	text-align: left;
	font-family: arial, sans-serif;
	font-size: 12pt;
	font-weight: bold;
	margin: 20px 0px 10px 0px;
}
h2.TextHeader {
	font-family: arial, sans-serif;
	width: 100%;
	font-size: 12pt;
	font-weight: bold;
	padding-left: 195px;
	margin-top: 10px;
	text-align: left;
}
h3 {
	font-family: arial, sans-serif;
	text-align: left;
	font-size: 10pt;
	font-weight: bold;
	margin-bottom: .25em;
	margin-top: .75em
}
h2.NewsTitle {
	font-family: arial, verdana, tahoma, sans-serif;
	font-size: 11pt;
	font-weight: bold;
	color: black;
	text-align: center;
	margin: 0px;
}
/*	TABLES */ 
table {
	width: 100%;
	background: white;
	margin: 0px;
	color: black;
	padding: 0px;
	border: none
}
table.blend {
	background: transparent;
}
th {
	font-family: arial, sans-serif;
	text-align: left;
	font-size: 10pt;
	font-weight: bold;
	border-top: 1px solid silver;
	border-bottom: 1px solid silver;
}
td {
	vertical-align:text-top;
	font-size: 10pt;
	margin: 0px;
	padding: 0px 2px 0px 2px;
	border: none
}
/*	 Images */

img {
	border: solid 1px black;
}
img.Merge {
	border: none;
}
img.Right {
	border: none;
	float: right;
	margin-left: 10px;
}
img.Left {
	border: none;
	float: left;
	margin-left: 10px;
}
img.Bullet1 {
	float: left;
	margin-top: 5px;
	border: none;
}
img.InfoIcon {
	border: none;
	vertical-align: bottom;
	margin: 0px 5px 0px 0px;
}
img.Splash {
	border: none;
	vertical-align: top;
	Float: right;
	margin: 0px 0px 0px 0px;
}
/*  Divs */

div {
	min-height: 1px;
}
/* Above is a fix for suspected IE Bug where divs without height specified have a problem surrounding other Divs. Giving any height makes it work. */ 

div.NavArea {
	width: 360px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:20px;
	height:80px;
}
div.NavCol {
	padding: 0px 5px 0px 5px;
	text-align: left;
	Width: 170px;
	float: left;
}
div.Content {
	float: left;
	width:75%;
	border-left: 1px solid silver;
	padding: 0px 10px 0px 10px;
}
div.Content2 {
	float: left;
	width:70%;
	border-left: 1px solid silver;
	padding: 0px 10px 0px 10px;
}
div.ColumnA {
	margin-top: 6px;
	float: left;
	width: 180px;
	padding-right: 8px
}
div.ColumnB {
	Width: 33%;
	float: left;
	padding-right: 10px;
}
div.ColumnC {
	Width: 33%;
	float: left;
	padding-left: 10px;
	padding-right: 10px;
}
div.ColumnBC {
	border-right: 1px solid silver;
	float: left;
	padding-right: 10px;
}
div.ColumnBCD {
	float: left;
	background: #f2f6f9;
	width: 100%;
}
div.ColumnD {
	float: right;
	width: 33%;
	padding-left: 10px;
}
div.NewsItem {
	width: 93%;
	background: #f5f48d;
	float: none;
	padding: 8px;
	border: solid 1px black;
}
div.footer {
	width: 100%;
	padding-right: 10px;
	clear: both;
}
/*	FORMS						 	 */

.forms {
	background: #e6f0f6;
	width: 200px;
	padding: 3px;
}
input {
	color: #2E4B9B;
}
select {
	color: #2E4B9B;
}
textarea {
	color: #2E4B9B;
}
.mandatory {
	color: #2E4B9B;
	vertical-align:text-top;
	background:silver;
}
/*  LISTS	 			   			 */
ul {
	text-align: justify;
	font-style: normal;
	color: black;
	background: transparent;
}
ul.News {
	margin-left: 15px;
	text-align: justify;
	font-style: normal;
	font-size: 8pt;
	color: white;
	background: transparent;
}
li {
	text-align: justify;
	font-style: normal;
	background: transparent;
	list-style-position: outside;
	line-height: 150%;
	margin-bottom: .75em;
}
/*	Rules			 			   	*/
hr {
	width: 100%;
	color: silver;
	background: transparent;
}
p.NewsRule {
	color: black;
	background: transparent;
	border-top: 1px solid black;
	height: 5px;
	margin-bottom: -10px;
}
/*	General Layout		 			   	*/

#Main {
	background: #f2f6f9; /*url(../images/hgrad-blue-01.gif) top left fixed repeat-y;*/
	width: 90%;
	color: black;
	float: none;
	padding: 2px;
	border: 1px solid black;
	margin-left: auto;
	margin-right: auto;
}
#HeaderLeft {
	width: 99.6%;
	background-image: url("../images/v4_top_left.jpg");
	background-repeat: no-repeat;
	background-position: top left;
	text-align: center;
	margin: 0px;
}
#HeaderRight {
	background: #004583;
	background-image: url("../images/v4_right_banner.jpg");
	background-repeat: no-repeat;
	background-position: top right;
	text-align: left;
	margin: 0px;
}
#HeaderSpace {
	float: left;
	width: 110px;
	margin-top: 40px;
}
#PageTitle {
	clear: left;
	width: 100%;
	background: black;
	Color: white;
	text-align: left;
	margin-top: 5px;
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
}