/* Here is a simple way of doing 3 column layout that works in IE without
the box model hack.

Need to test this on Firefox, Netscape, Safari and Opera!!


The XHTML needs to be structured in the following way
<div id="container">
	<div id="top" />
	<div id="left" />
	<div id="right" />
	<div id="middle" />
	<div id="bottom" />
</div>

Note the middle column has to appear in the XHTML *after* the right column
*/

/* Thanks to Birkbeck student jlusk for these style tips
   This stylesheet is based on http://www.bbk.ac.uk/~jlusk01/intma/style.css
   which is itself loosely based on http://css.maxdesign.com.au/floatutorial/tutorial0916.htm	
*/

/* Created by Phil Gooch 19 May 2005 */


body {
	background-color: #ffffff ;
	font-family: "Lucida Grande", Lucida, Verdana, Arial, sans-serif;
	font-size: 80% ;
}

table {
	width: 420px;

}

a img {
	border: 0;	
	
}

dfn {
	cursor: help;
}

hr {
	margin: 20px 0px 15px 0px;
}

textarea {
	font-weight: bold;
	border: 1px solid #60140a;
	background-color: white;
	padding: 3px;
}

td {
	padding: 0 3px 3px 3px;
	vertical-align: top;
}

td.question {
	font-weight: bold;
}

tr {
	vertical-align: top;
}

th {
	padding: 3px;
	text-align: left;
}

.table_head {
	border: 1px solid black;
	background-color: #f47836;
}



h1 {
	margin-top:  20px;
	font-size: 18px;
	color: black;
}

h2 {
	margin-top:  20px;
	font-size: 16px;
	color: black;
}

h3 {
	font-size: 14px;
	margin-top: 20px;
	color: black;
}

h4 {
	color: black;
}

.error {
	color: red;
	font-weight: bold;
}

.ok {
	color: black;
	font-weight: normal;
}

.breadcrumbs {
	font-size: 80%;
	border-bottom: 1px solid #60140a;
	padding-bottom: 3px;
}

.notop {
	margin-top: 5px;	
	color: #ffffff;;
}

.bigtop {
	margin-top: 50px;	
	
}

#glossary_container {
	margin: 5px;
	background-color: #f47836 ;
	width: 600px;
	height: 100% ;
}

#glossary_content {
	padding: 8px;
	background-color: #ffffff;
}

#container {
	margin: 0 auto;
	background-color: #f47836 ;
	width: 800px;
	height: 100% ;
}

#top_menu {
	margin: 0px;
	padding: 15px 10px 15px 175px;
	background-color: #f47836;
	border-top: 1px solid #ffffff;
}

#header {
	background-color: #ffffff;
}

#left_content {
	margin-left: 0px;
	padding: 0px 5px 5px 10px;
	width: 160px;		/* OK to use fixed width, it resizes anyway */
	float: left;		/* float the left column to the left */
	background-color: #f47836;
}

#main_content {
	margin-left: 180px;	/* OK to use fixed margins, it resizes anyway */
	margin-right: 160px;
	margin-top: 6px;	
	padding: 8px;
	background-color: #ffffff;
	border: 1px solid #ffffff;
}

#right_content {
	float: right;		/* float the right column to the right */
	padding: 6px;
	width: 140px;		/* OK to use fixed width, it resizes anyway */
	background-color: #f47836;
}

#footer_content {
	clear: both;
	font-size: 80%;
	margin: 20px 5px 5px 5px;
	padding: 5px;
	background-color: #f47836;
	border-top: 1px solid white;
	text-align: right;
	color: #000000;
}

.hide {
	display: none;
	visibility: hidden;
}

.eyelink {
	margin-top:  20px;
	text-decoration: line-through;
	color: #60140a;
}



.topnavnolink {
	display: inline; 
	text-decoration: none; 
	font-weight: 700;
	padding: 5px;
	margin: 0px; 
	background-color: #f47836;
	border: 1px solid #000000;
	color:  #ffffff;

}


.topnav a {
	display: inline;
	text-decoration: none; 
	font-weight: bolder;
	padding: 5px;
	margin: 0px; 
	background-color: #ffffff;
	border: 1px solid #505050;
	color: #60140a;
}

.topnav a:link {
	text-decoration: none;
}

.topnav a:visited {
	text-decoration: none;
	color: #60140a;
}

.topnav a:hover {
	text-decoration: none;
	background-color: #60140a;
	border: 1px solid #000000;
	color:  #ffffff;
}

.topnav a:active {
	text-decoration: none;
}

.sidenavselected {
	display: block; 
	text-decoration: none; 
	font-weight: bolder;
	padding: 4px;
	margin: 6px; 
	background-color: #60140a;
	border: 1px solid #000000;
	color:  #ffffff;
	
}

.sidenavselected a {
	text-decoration: none;
	color: #ffffff;
}

.sidenavimg {
	display: block; 
	text-decoration: none; 
	font-weight: bolder;
	padding: 0px 0px 3px 0px;
	margin: 0px 6px 0px 6px; 
	background-color: #60140a;
	color:  #ffffff;
}

.sidenav a {
	display: block; 
	text-decoration: none; 
	font-weight: bolder;
	padding: 4px;
	margin: 6px; 
	background-color: #ffffff;
	border: 1px solid #000000;
	color: #60140a; 
}

.sidenav a:link {
	text-decoration: none;
}

.sidenav a:visited {
	text-decoration: none;
	color: #60140a;
}

.sidenav a:hover {
	text-decoration: none;
	background-color: #60140a;
	border: 1px solid #000000;
	color:  #ffffff;
}

.sidenav a:active {
	text-decoration: none;
}

p.result {
	background-color: #60140a;
	padding: 10px;
	margin: 15px 0px 20px 0px;
	font-weight: bold;
	color: #ffffff;
}

p.returnToTop {
	text-align: right;
	font-size: 8pt;
}

form {
	margin: 20px 0px 5px 0px; 
}

div#balloonHelp {
	display: none;
	width: 320px;
	height: 180px;
	overflow: auto;
	z-index: 10;
	background-color: #ffffff;
	padding: 5px;
	border: 1px solid black;
	font-size: 8pt;
}

div.balloonClose {
	text-align: right;
}

div.TOC {
	background-color: #f0f0f0;
	padding: 5px 10px 5px 10px;
}

div.summary {
	border-bottom: 1px solid #60140a;
}

span.answer {
	font-weight: bold;
	text-decoration: underline;
}