/* core NOF stuff to start with */

body	{	background: #000066;
			background-repeat: no-repeat }

body	{ 	background-image: url("http://www.diduknow.info/portraits/images/bar_bg.gif") }

.accessLink {	position:absolute;
				top:2px;
				width:99%;
				z-index:1 }

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

.homelink {	position:absolute;
			left:8px;
			top:5px;
			width:41px;
			height:16px;
			padding: 0px;
			margin: 0px;
			z-index:1
}

.ohheader {	position:absolute;
			left:90px;
			top:1px;
			width:508px;
			height:21px;
			padding: 0px;
			margin: 0px
}

.imagelink {	border: none
}

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

/* module specific stuff here */

.pdtitle {	position:absolute;
			left:25px;
			top:40px;
			width:700px;
			height:69px;
			padding: 0px;
			margin: 0px
}

.pdtitlesmall {	position:absolute;
				left:40px;
				top:35px;
				width:500px;
				height:48px;
				padding: 0px;
				margin: 0px;
}

.pdhometext {	position:absolute;
				left:20px;
				top:130px;
				width:290px;
				background-color:#000066;
				padding: 5px
}

.pdsections {	position:absolute;
				left:335px;
				width:435px;
				background-color:#666699;
				padding:0px;
				/*margin-top:2px;*/
				margin:0px;
				/*vertical-align: center*/
}

.sectionhead {	font-family: arial, helvetica, sans-serif;
				font-size: 1.1em;
				font-weight: bold;
				color: #66ff00
}

.homenb {	position:absolute;
			top: 100px;
			width: 116px;
			height: 15px;
			z-index:10
}

.mainnb {	position:absolute;
			top: 75px;
			height: 15px;
			z-index:10
}

/* customisable styles here */

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

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

A	{	color: #ffffff }

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

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

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

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

A:hover {	color: #66ff33 }

.textPanel { 	position:absolute;
				left:10px;
				top:100px;
				width:340px;
				background-color:#000066;
				padding: 5px
}

.questionPanel { 	position:absolute;
					left:10px;
					top:100px;
					width:340px;
					height:85px;
					background-color:#000066;
					border-color:#ffffff;
					border-style:solid;
					border-width: 1px;
					padding: 5px
}

.mysteryPanel { 	position:absolute;
					width:345px;
					height:70px;
					left:20px;
					background-color:#000066
}

.answerPanel { 	position:absolute;
				width:260px;
				height:80px;
				left:95px;
				padding: 5px
}

.feedbackPanel { 	position:absolute;
					width:320px;
					left:20px;
					background-color:#000066;
					border-color:#66ff33;
					border-style:solid;
					border-width: 2px;
					padding: 5px
}

.introPanel { 	position:absolute;
				left:10px;
				top:90px;
				width:340px;
				background-color:#000066;
				padding: 5px
}