/*
    ecode Newsletter stylesheet

    COLOURS
	Font  					#2E4B9B
	General Background		#f2f6f9
	Menu Highlight			#7198bb
	Menu Lowlight 			#d5e0ea
	Menu Background			#e6f0f6


Last update: 08.07.2003 */

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

a:link, a:active, a:visited {
	border: none; 
	background: transparent; 
	color: navy;
	}
	 
a:hover {
	text-decoration: none; 
	color: black; 
	background: #d5e0ea;
	}

a.top:link, a.top:active, a.top:visited {
	text-align: left; 
	font-size: 8pt; 
	text-decoration: none; 
	padding: 2px; 
	color: navy; 
	background: silver; 
	Border: 0px none
	}
	 
a.top:hover {
	text-decoration: none; 
	color: black; 
	background: #d5e0ea;
	}
	 
a.inpage:link, a.inpage:active, a.inpage:visited {
	text-decoration: none;	
	padding: 0px 2px; 
	color: navy; 
	background: #d5e0ea; 
	Border: 0px none
	}

a.inpage:hover {
	text-decoration: underline; 
	color: blue; 
	background: #f2f6f9;
	}
	 
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: 12px 2px 12px 5px;
	width: 90%;
	text-decoration: none; 
	color: navy; 
	border-top: 1px solid silver; 
	}

a.Section:hover {
	text-align: left;
	width: 90%;
	text-decoration: none; 
	color: black; 
	background: d5e0ea; 
	 }

a.NavMenu:link, a.NavMenu:active, a.NavMenu:visited {
	text-decoration: none; 	
	font-size: 80%;
	width: 60%;
	padding: 0px; 
	color: maroon; 
	background: none; 
	}
	
a.NavMenu:hover {
	width: 60%;
	text-decoration: none; 
	color: black; 
	background: #f4d2db;
	}
	
a.BarLink:link, a.BarLink:active, a.BarLink:visited {
	font-family: arial,sans-serif;
	font-size: 120%;
	font-weight: bold;
	text-decoration: none; 	
	padding: 0px 5px 0px 5px; 
	color: white; 
	background: transparent; 
	}
	
a.BarLink:hover {
	text-decoration: none; 
	color: #f4d2d; 
	background: transparent;
	}
/*	TEXT */	 

p, address, blockquote {
width: 100%;
   	text-align: justify; 
	font-style: normal; 
	color: black; 
	background: transparent; 
	vertical-align:text-top; 
	margin-top: 0px; 
	line-height: 150%; 
	margin-bottom: .75em
	}
p.Small {
	font-size: 75%;
	}
p.Centred {
	text-align: center;
	}
	
em.logobody {
	font-family: tahoma,arial; 
	font-size: 80%; 
	font-weight: 900; 
	font-style: italic; 
	text-decoration: 
	underline; 
	color: black;
	}
em.logoe {
	font-size: 110%; 
	font-weight: 900; 
	color: navy;
	font-style: italic; 
	}

.copyright {
	text-align: center; 
	font-size: 8pt
	}

	
/* 	HEADINGS */

h1 {
   	Color: white;
	text-align: right; 
	font-family: arial,sans-serif;
	font-size: 20pt; 
	font-weight: bold; 
	margin-bottom: 0px; 
	margin-right: 5px;
	}
h1.InContent {
	width: 100%;
	background: #004583;
   	text-align: left;
	padding-left: 5px; 
	margin: 0px 0px 10px 0px; 
	}
h2 {
    Color: navy;
   	text-align: left;
	font-family: arial,sans-serif; 
	font-size: 14pt; 
	font-weight: bold; 
	margin-bottom: .25em; 
	margin-top: .75em
	}
	
h2.TextHeader {	
	font-family: arial,sans-serif; 
	width: 100%;
	font-size: 12pt; 
	font-weight: bold; 	
	padding-left: 180px;
	text-align: left;
	}	
	
h3 {
    font-family: arial,sans-serif; 
   	Color: navy;
	text-align: left; 
	font-size: 12pt; 
	font-weight: bold; 
	margin-bottom: .25em; 
	margin-top: .75em
	}
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;
	}
	
p.Divider{
	font-family: arial, verdana, tahoma, sans-serif; 
	background: maroon;
	text-align: center;
	color: white;
	font-weight: bold; 
	margin-top: 20px; 
	padding-top: 5px; 
	padding-bottom: 5px;
	}
p.DividerLine {
	Text-align: left;
	width: 90%;
	border-top: 1px solid silver; 
	}
	
/*	TABLES */ 
table {
	width: 100%;
	background: white;
	margin: 0px; 
	color: black; 
	padding: 0px; 
	border: none
	}
td {
   	vertical-align:text-top; 
	font-size: 10pt; 
	margin: 0px; 
	padding: 0px 2px 0px 2px;
	border: none
	}
/*	News menu & Text */
h2.NewsTitle{
	font-family: arial, verdana, tahoma, sans-serif; 
	font-size: 11pt; 
	font-weight: bold; 
	color: black; 
	text-align: center; 
	margin: 0px;
	}
p.News {
	font-family: verdana, arial, tahoma, sans-serif; 
	font-size: 8pt; 
	color: black; 
	text-align: left;
	}
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.NewsCentred {
	font-family: verdana, arial, tahoma, sans-serif; 
	font-size: 8pt; 
	font-weight: normal; 
	color: black; 
	text-align: center;
	}

/*  Divs */
div {
	height: 1px;
	}
	/* Above is a fix for (what we consider) an IE Bug where divs without height specified have a problem surrounding other Divs. Giving any height makes it work. */ 
div.Main {
	width: 90%; 
	color: black; 
	background: #f2f6f9; 
	float: none; 
	padding: 0px; 
	border: 1px solid black; 
	padding: 2px;
	}
div.Content {
	float: right;
	padding: 0px;
	}

div.NavCol {
	Width: 150px;
	float: left;
	margin: 0px;
	}

div.footer {
	width: 100%;
	clear: both;
	}
		
div.ColumnA {
	margin-top: 6px;
	float: left; 
	width: 180px; 
	padding-right: 8px;
	}
	
div.ColumnBC {
	border-right: 1px solid silver; 
	float: left;
	width: 66%; 
	padding-right: 10px;
	}
	
div.ColumnBCD {
	float: left;
	padding-right: 20px;
	}	
	
div.ColumnD {
	float: right; 
	width: 34%; 
	padding: 0px 6px 0px 10px;
	}
div.HalfColumn {
	float: left; 
	width: 49%; 
	padding: 0px 6px 0px 10px;
	}
/*	FORMS						 	 */

.forms {background: #e6f0f6; width: 200px; padding: 3px;}
	
/*  LISTS	 			   			 */
ul {text-align: justify; font-style: normal; color: black; background: transparent}
li {text-align: justify; font-style: normal; color: black; background: transparent; list-style-position: outside; line-height: 150%; margin-bottom: .75em}
/*	Rule			 			   	*/
hr {width: 100%; color: navy; background: transparent; border-width: thin;}
p.NewsRule {color: black; background: transparent; border-top: 1px solid black; height: 5px; margin-bottom: -10px;}	

#logo {
	 float: left;
	 margin-right: 5%;
	 }

#PageHeader {
	clear: left;
	width: 100%; 
	background: maroon; 
	Color: white; 
	margin-top: 5px; 
	padding-top: 5px; 
	padding-bottom: 5px;
	}
	
#Header {
	width: 100%;
	text-align: left;
	margin: 0px;
	}
	
#Dateline {
	float: right;
	text-align: right;
	}
