/*
	WebbIE CSS
	June 2006
	
	The design has the following elements;
	1 pageHeader: Top navigation border, with big WebbIE on left and Download/Search on the right.
	1.1 topBar: right-hand links in top navigation bar
	2 navbar: Left navigation bar.
	3 main: Main content on the right.
	
	The colour scheme uses the following:
	- Dark green - #00be00
	- Light green - #0a0f0a
	- Yellow - #fffc00
*/



/* Old IE bug: won't recognise first rule. */
.dummyRandomStringlskfjjshjk { text-align:center; }

/* HTML */
html {
	border:0;
	margin:0;
	padding:0;
	font-size:1em;
}
/* BODY */
body {
	color:black;
    font-family: Palatino, Georgia, serif;
    font-size:120%;
    padding:0;
    margin:0;
    padding-bottom:3em;
}

/* 
	div.main
	This is the main content container.
*/
div.main {
	margin:0;
  	/* margin-left:11em;  */ /* to allow for the navigation bar */
  	padding:0;
  	padding-left:5%;
  	padding-right:5%; /* nice whitespace right margin */
  	text-align:justify; 
  	margin-top:3em; /* allow for top navigation bar */
  	
}

/* 
	div.pageHeader
	The big heading "WebbIE" on the front page. 
	This contains a big "WebbIE" on the left, as the site 'logo', and some other buttons.
*/
div.pageHeader {
	padding:0;
	margin:0;
	border:0;
	padding-left:5%;
	padding-top:2em;
	background-color:green;
}
/* Inside the page header might be the main page title (for the front page) or simply the "WebbIE" logo, in a span.
   Give them the same characteristics */
div.pageHeader  h1, div.pageHeader  a {
	margin:0;
	padding:0;
	border:0;
	font-family:arial, verdana, sans-serif;
	font-size:200%;
	font-weight:bold;
	line-height:1.2em;
	display:block;
	text-align:left;
	color:white;
}
div.pageHeader span {
	margin:0;
	padding:0;
	border:0;
	color:white;
	font-family:arial, verdana, sans-serif;
}

/*
	navbar
	This is the left navigation bar
*/
ul.navbar { 
	padding:0;
	margin:0;   
	border:0;
	position: absolute; 
	top:6em;
	left:-20em;
	width:8em;
	height:12em;
	
}


/* 
	topBar
	This is the top-right navigation bar.
*/
div.topBar {
	font-family:verdana, sans-serif;
	position: absolute; 
	top:4.2em;
	left:5%;
	
	margin:0;
	padding:0;
}
div.topBar ul {
	padding:0;
	margin:0;
	padding:0.5em;
	padding-left:0;
}
div.topBar li {
	list-style:none;	
	display:inline;
	padding:0.5em;
	padding-left:0;
	border:0;
	margin:0;
}
div.topBar a {
}
div.topBar a:hover, div.topBar a:active {
}

ADDRESS { margin-left: 3em }
DT { margin-bottom: 0; font-weight: bold;  }
DD { margin-top: 0; margin-left: 3em }
HR { border: solid; color:black; margin-left:-5%; margin-right:0;}        /* 'border-bottom' could also have been used */
A { color:blue; }
A:visited { color: red; }        /* visited links */
A:active { color: blue;  }        /* active links */
A:link IMG { border: 2px solid blue }
A:visited IMG { border: 2px solid red }
A:active IMG { border: 2px solid lime }

/* IE hack since IE refuses to respect CSS for list items. This patter (* html body ...) does not in fact match
anything, since html is the top node, but since IE falsely thinks it does, it matches IE only... what a mess. */
/* * html body ul.navbar { padding-left:%; padding-top:7%; }

* html body ul.navbar li { margin-top:-15px; } */


h1 { 
	color:black;
	font-family:arial, verdana, sans-serif;
	padding:0;
	margin:0;
	border:0;
	text-align:left;
}




div.pageHeader h2 {
	font-family:arial, verdana, sans-serif;
	padding:0;
	margin:0;
	padding-left:2em;
	padding-right:2em;
	border:0;
}

div.pageHeader > a {
	
}

h2 {
	font-family:arial, verdana, sans-serif;
}

ul.navbar {
	border:0;
	margin:0;
	padding:0;
	
}
ul.navbar li { 
	list-style:none; 
	padding:0; 
	margin:0; 
	border:none;
	}
ul.navbar li a { 
	display:block;
	padding:0; 
	margin:0; 
	font-family:verdana, sans-serif;
	font-weight:bold;
	
	}
ul.navbar li span.currentLink { 
	margin:0;
	font-family:verdana, sans-serif; 
	display:block; 
	font-weight:bold;
}
ul.navbar li a img {
	width:2em;
	vertical-align:middle;
}

a {
	
}


div.center { text-align:center; display:block; margin-top:1em;}
div.center IMG { border:solid; }
p#docDate { margin-top:2em; border-top:solid #00be00;; padding:0.25em; clear:both; font-size:smaller; font-family:verdana, sans-serif;}
del { text-decoration:line-through; }
UL.leftmost { margin-left:0em; padding-left:0em;  list-style-type:none;}
UL.leftmost LI { margin-left:0em; padding-left:0em; }
LI { margin-left: 3em; text-align:left;  }

div.roundTopLeft {
	border:0;
	margin:0;
	padding:0;
}
div.roundTopLeft2 {
	border:0;
	margin:0;
	padding:0;
}
div.roundTopRight {
	border:0;
	margin:0;
	padding:0;
}
div.roundTopRight2 {
	border:0;
	margin:0;
	padding:0;
}
div.roundBottomRight {
	border:0;
	margin:0;
	padding:0;
}
div.roundBottomLeft {
	border:0;
	margin:0;
	padding:0;
}

/* Hidden by CSS (e.g. navbar on front page */
#noDisplay { display:none;}
#hiddenMain { display:none; } /* for front page */

a:focus { background-color:yellow; }
a:hover { background-color:yellow; }
a:active { background-color:yellow; }