/*
very pale purple: rgb(252,252,253);
pale purple: rgb(222,217,234);
mid purple: rgb(162,166,195);
very dark blue/purple: #36457c;
extremely dark blue/purple: rgb(28,36,64);
mid dark green: #4AA448;
dark purple: rgb(128,0,128);
*/

body {
	margin: 0;
	padding: 0;
	background-color: rgb(252,252,253);
}

#topbar {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 70px;
	position: absolute;
	z-index: 1;
	top: 20px;
	left: 0px;
	background-color: rgb(222,217,234);
	background-image: url(../images/thintopstrip.jpg);
	background-repeat: repeat-y;
	background-position: right;
}

#topbarborder {
	margin: 0;
	padding: 0;
	width: 83%;
	height: 70px;
	position: absolute;
	z-index: 1;
	top: 20px;
	right: 0px;
	border-bottom: 3px solid #4AA448;
}

#titlebar {
	margin: 0;
	padding: 0px 0px 0px 130px;
	height: 70px;
	position: absolute;
	z-index: 2;
	top: 25px;
	left: 0px;
	font-family: garamond, 'times new roman', serif;
	font-weight: bold;
	font-size: 40px;
	color: #36457c;
}

#subtitle{
	position: absolute;
	z-index: 2;
	top: 64px;
	width: 439px;
	height: 25px;
	left: 198px;
	background-image: url(../images/subtitle_anim.gif);
	background-repeat: no-repeat;
}

#language {
	margin: 0;
	padding: 0;
	position: absolute;
	z-index: 3;
	top: 24px;
	right: 12px;
	width: 25%;
	height: 70px;
	color: white;
}

#logo {
	position: absolute;
	z-index: 2;
	top: 12px;
	left: 12px;
	border: none;
}

#leftcolourstrip {
	margin: 0;
	padding: 0;
	width: 151px;
	height: 1240px;
	position: absolute;
	top: 0px;
	background-color: rgb(222,217,234);
}

#leftcurve {
	margin: 0;
	padding: 0;
	width: 44px;
	height: 1240px;
	position: absolute;
	top: 0px;
	left: 151px;
	background-image: url(../images/curve_new2.jpg);
	background-repeat: repeat-y;
	background-position: bottom left;
}

#under-header{
	width: 100%;
	height: 1240px;
	padding-top: 104px;
	background-image: url(../images/nmp_pale_large_new.gif);
	background-repeat: no-repeat;
	background-position: top right;
}

/*Navigation Buttons*/

#mainnav {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 275px;
	left: 12px;
	width: 194px;
}

.barbox {
	border: none; 
	font-family: arial, sans-serif;
	height: auto;
	margin: 0;
	padding: 0;
}


/*Button lists*/

.nav-list {
list-style: none;
margin: 0;
padding: 0;
font-family: arial, sans-serif;
font-weight: bold;
font-size: 11pt;
}

.nav-list-item {
display: block;
}

.nav-list-item a:link, .nav-list-item a:visited {
	border-bottom: 3px solid #4AA448;
	text-decoration: none;
	display: block; /*the span surrounding these should be block so it works in IE*/
	width: 88%;
	margin: 20px 0px;
	padding: 1pt 6%;
	font: normal 10pt/1.5em arial, sans-serif;
	background-color: rgb(162,166,195);
	background-image: url(../images/thinbuttonstrip.jpg);
	background-repeat: repeat-y;
	background-position: top left;
	color: white;
}

.nav-list-item a:hover {
	border-bottom: 3px solid #4AA448;
	margin: 20px 0px;
	background-color: #36457c;
	background-image: none;
	color: white;
}

.current_link {
display: block;
}

.current_link a:link, .current_link a:visited {
	border-bottom: 3px solid #36457c;
	text-decoration: none;
	display: block; /*the span surrounding these should be block so it works in IE*/
	width: 88%;
	margin: 20px 0px;
	padding: 1pt 6%;
	font: normal 10pt/1.5em arial, sans-serif;
	background-color: rgb(162,166,195);
	background-image: url(../images/thinbuttonstrip.jpg);
	background-repeat: repeat-y;
	background-position: top left;
	color: white;
}

.current_link a:hover {
	border-bottom: 3px solid #36457c;
	margin: 20px 0px;
	background-color: #36457c;
	background-image: none;
	color: white;
}

/*
No .current_sublink needed for this job
*/


/*Content*/

.content {
	position: relative;
	width: auto;
	margin-left: 218px;
	margin-right: 30px;
	padding: 0;
	color: rgb(28,36,64);
	font-family: Garamond, 'times new roman', serif;
}


/*Online Training*/

#online-training {
	margin: 0px 6px 0px 0px;
	padding: 0;
	border: solid 1px rgb(13,15,92);
	width: 100%;
	float: right;
	height: 480px;
	overflow: scroll;
	background-color: white;
}

#online-training-header {
	margin: 0;
	padding: 0;
	background-color: rgb(77,77,115);
	width: auto;
	color: white;
	font-family: arial, sans-serif;
	font-size: 12pt;
	font-weight: normal;
	line-height: 1.5em;
	border-bottom: 1px solid black;
	background-image: url('../images/smallerbox.gif');
	background-position:  3px 50%;
	background-repeat: no-repeat; 
}

#online-training-header-inner {
	padding: 0pt 0pt 0pt 12pt;
}

.training-form {
	margin: 0;
	padding: 0;
}

#online-training-inner {
	margin: 0;
	padding: 12pt;
}


/*Main text*/

h1 {
	font-family: Garamond, 'times new roman', serif;
	font-size: 20pt;
	font-weight: bold;
	color: #36457c;
}

h2 {
	font-family: Garamond, 'times new roman', serif;
	font-size: 16pt;
	font-weight: bold;
	color: #36457c;
}

h3 {
	font-family: Garamond, 'times new roman', serif;
	font-size: 20pt;
	font-weight: bold;
	color: black;
}

.content p {
	font-family: Garamond, 'times new roman', serif;
	font-size: 14pt;
	font-weight: normal;
	color: black;
}

.content li {
	font-family: Garamond, 'times new roman', serif;
	font-size: 14pt;
	font-weight: normal;
	color: black;
}

#contact-details{
	font-weight: bold;
}

/*Positional*/

.floatleft {
	float: left;
}

.floatright {
	float: right;
}

.clearboth {
	clear: both;
	height: 0;
	line-height: 0;
	margin: 0;
	padding: 0;
}

.onlyclearboth {
	clear: both;
	height: 0;
}

.plainclearboth {
	clear: both;
}

.clearleft {
	clear: left;
}

.font14pt{
	font-size: 14pt;
}

.picture-centre {
	text-align: center;
}

.pictureleft {
	float: left;
	margin: 8pt 8pt 8pt 0pt;
	border: none;
}

.picturelefttop {
	float: left;
	margin: 0pt 8pt 3pt 0pt;
	border: none;
}

.pictureright {
	float: right;
	margin: 8pt 0pt 8pt 8pt;
	border: none;
}

.picturerighttop {
	float: right;
	margin: 0pt 0pt 3pt 8pt;
	border: none;
}

.message{
	background-color: transparent;
}

#message {
	clear: both;
	margin: 0px;
	padding: 3px 0px 3px 3px;
	background-color: white;
	color: black;
	border: 2px solid rgb(173,173,173);
}

.boldred{
	color: red;
}

label{
	font-style: normal;
}
	
#survey{
	width: 100%;
	padding: 0;
	margin: 0;
}