/* core NOF stuff to start with */

body	{
	background-color: #993300;
	margin: 0px; 
	background-image:url("../images/bar_bg.gif");
	background-repeat: no-repeat;
}

html, body {
	height: 100%; 
	margin: 0;
	padding: 0;
}

.strip {
	margin: 0px;
	background-image: url("../images/thinstrip.gif");
	width: 100%;
	height: 36px;
	z-index: 2;
	position: absolute;
	top: 40px;
	left: 0px;
}

.close {
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #CC0000;
}

.close:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #CC0000;
}

.accessLink {	position:absolute;
				top:2px;
				width:98%;
				text-align:right;
				z-index:1 }

.accessLink p  a {	font-family:verdana,helvetica,arial,sans-serif;
					color:#000066;
					font-size:0.9em;
					font-weight:bold }

.homelink {
	height: 20px;
	width: 50px;
	left: 5px;
	top: 4px;
	position: absolute;
	z-index: 1;
}

.ohbanner {
	position: absolute;
	left: 89px;
	top: 1px;
	z-index: 10;
}

.imagelink {
	border: none #000000;
	color: #000000;
}

.moreinfopanel {	position:absolute;
					top:100px;
					width:760px }

/* module specific stuff here */



/* customisable styles here */

p, ul, ol, blockquote, .normal {
	font-family: verdana, arial, helvetica, sans-serif;
	color: #330000;
}

ol ul, ul ol {	font-family: verdana, arial, helvetica, sans-serif;
				font-size: 1em;
				color: #330000 }



H1, .H1 {	font-family: verdana, arial, helvetica, sans-serif;
			font-size: 1.1em;
			color: #330000 }

H2, .H2 {	font-family: verdana, arial, helvetica, sans-serif;
			font-size: 1.0em;
			color: #330000 }

H3, .H3 {	font-family: verdana, arial, helvetica, sans-serif;
			font-size: 0.9em;
			color: #330000 }

H4, .H4 {	font-family: verdana, arial, helvetica, sans-serif;
			font-size: 0.8em;
			color: #330000 }

A	{
	color: #990000;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

A:hover {	color: #ff0000 }
A:visited { color: #663366 }
A:visited:hover { color: #ff0000 }

.static {
	color: #990000;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.static:visited {
	color: #990000;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.guidePanel { 	position:absolute;
				left:50px;
				top:250px;
				width:69px;
				height:225px }

.navBar {	position:absolute;
			left:10px;
			top:70px;
			width:120px;
			height:120px }


.speechStalk {	position:absolute;
				width:25px;
				height:35px;
				left:140px;
				top:311px;
				z-index:5 }

.sbText {
	background:#ffffcc;
	padding: 5px;

}

.ltSide {	background-image:url("../images/sb_left.gif") }

.rtSide {	background-image:url("../images/sb_right.gif") }

.figure {
	position:absolute;
	left:175px;
	top:71px;
	width: 498px;
	height: 269px;

}

.helppanel {
	background-color: #FFCC66;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	color: #000000;
	border: 2px solid black;
	padding: 5px;
}

.popup {
	background-color: #0000FF;
	height: 150px;
	width: 300px;
	z-index: 15;

}
.popper {
	position:absolute;
	left:0px;
	top:0px;
	width:250px;
	height:75px;
	padding: 5px;
	margin: 5px;
	background-color: #FFFFFF;
	border: 5px #000000;
	visibility: hidden;
	z-index: 10;
}
.targ {
	left: 0px;
	top: 0px;

}
.blacktext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	color: #000000;
	text-decoration: none;
	font-variant: normal;
}

.topbuttons {
	position: absolute;
	left: 76px;
	top: 30px;
	z-index: 25;
}
glospop {
	border: medium solid #000000;
	position: absolute;
	z-index: 40;
	left: 16px;
	top: 38px;
}
.tpSide {
	background-image: url("../images/sb_top.gif");
}
.btSide {
	background-image: url("../images/sb_bottom.gif");
}
.gloscontrol {
	background-image: url("../images/scroll_loop.gif");
	background-repeat: repeat-y;
}
.glosstelacontrol {
	background-image: url("../images/glos_stela_loop.gif");
	background-repeat: repeat-y;
}
.greenbg {
	background-color: #336600;
}
.whitlink {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: x-small;
	color: #FFFFFF;
	font-weight: bold;
}

.whitlinkhl {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: x-small;
	color: #FFCC33;
	font-weight: bold;
}

.whitlink:visited { color: #FFFFFF; }
.whitlinkhl:visited { color: #FFCC33; }

.caption {
	font-size: x-small;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;

}
.glossary2 {
	position: relative;
	background-image: url("../images/glos_stela_loop_red.gif");
	z-index: 5;
	height: 100%;
	width: 212px;
	left: 76%;
	top: 75px;
}

.glossary {
	background-image: url("../images/glossary_scroll.gif");
	z-index: 25;
	height: 390px;
	width: 200px;
}

.glosguide {
	background-color: #FFCC66;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	color: #000000;
	border: 2px solid black;
	padding: 5px;
	position:absolute; 
	left:74%; 
	top:130px; 
	z-index: 81;
}

.navguide {
	background-color: #FFCC66;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	color: #000000;
	border: 2px solid black;
	padding: 5px;
	position:absolute;
	left:20%; 
	top:130px; 
	z-index: 80; 
	width: 60%;
}

.speechbubble {
	position:absolute; 
	left:10px; 
	top:90px;
	z-index: 26; 
	width: 95%;
}

.cornsacks1 {
	position:absolute; 
	left:10px; 
	top:360px;
	z-index: 28; 
}

.cornsacks2 {
	position:absolute; 
	left:100px; 
	top:355px;
	z-index: 27; 
}

.cornsacks3 {
	position:absolute; 
	left:75px; 
	top:365px;
	z-index: 29; 
}

.navbuttons {
	position:absolute; 
	left:70px; 
	top:30px; 
	z-index: 25; 
	width: 70%; 
	height: 10px;
}

.glospop {
	position:absolute; 
	left:10%; 
	top:10%; 
	z-index: 30; 
	width: 80%; 
	background-color: #FFFFCC;
	border: groove black 1px;
}
.guide {
	position:absolute; 
	left:5px; 
	top:100px; 
	z-index: 1; 
	width: 137px; 
	height: 167px;
}