/*
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; 
	}

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;
	}

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 {
	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: 345px;
	}
	
div.NavCol {
	padding: 0px 5px 0px 5px;
	text-align: left;
	Width: 170px;
	float: left;
	}

div.Content {
	float: right; 
	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: 98%;
	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; 
	}
	
#HeaderLeft {
	width: 100%;
	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;
	float: left;
	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;
	}