/*
Definition of the styles...
a						Defines the default style for a Navigation Link
a:hover						Defines the styles to use when the mouse moves over a Navigation Link


Definition of the colours...
color:						Defines the text colour of that element 
background-color:				Defines the background colour of the element
*/

/* Top Global Navigation */

	#navigation { text-align: left; width: 100%; background: #2e3e57; font-size: 10pt; }
	#navigation div { border: none; }
	#navigation table { font-size: 10pt; width: 100%; }
	#navigation a { height: 100%; display: block; color: rgb(255,255,255); border-right: 1px solid rgb(255,255,255); font-weight: bold; padding: 1.5em 20px 0.5em 20px;  text-decoration: none; }
	#navigation a:hover { color: #2e3e57; background: rgb(201,212,232); }	
	

/* Top Level Navigation */

	#navigationLower { text-align: left; width: 100%; background: #2e3e57; font-size: 8pt; border-top: 5px solid rgb(255,255,255); }
	#navigationLower div { border: none; }
	#navigationLower table { font-size: 8pt; }
	#navigationLower a { height: 100%; display: block; border-right: 1px solid rgb(255,255,255); color: rgb(255,255,255); font-weight: bold; padding: .5em 10px .5em 10px;  text-decoration: none; }
	#navigationLower a:hover { color: #2e3e57; background: rgb(214,208,197); }	
	
/* Left Navigation */

	#lhs { padding-top: 20px; padding-bottom: 20px; width: 135px; float: left; text-align: left; margin-left: 0px; }
	#lhs div, #lhs table { margin: 0px; padding: 0px; font-size: 10pt; width: 135px; border: none; }
	#lhs a { clear: both; width: auto; display: block; font-weight:bold; padding: .8em 20px 1.2em 10px;  text-decoration: none; background-position: top left; background-repeat: no-repeat; color: rgb(0,0,0); }
	#lhs a:hover { color: #3e2fd4; text-decoration: none; }