body { margin-left: 0px; margin-right: 0px; margin-bottom: 0px;	margin-top : 0px; font : normal 12px arial, verdana, sans-serif; background-color: #FFFFFF; color: #000000; }

/* Header elements */
#header {background : transparent url(Assets/images/NGP_background.jpg) no-repeat top center; margin : 0px 0px 0px 0px;  padding : 0px 0px 0px 0px; height: 100px;}
#header .left {float : left; width : 200px; height: 100px; margin : 0px 0px 0px 0px;  }
#header .right {float : right; top : 0px; height: 100px; margin : 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
#header .center { height: 100px; margin : 0px 0px 0px 0px;  padding : 0px 0px 0px 0px; text-align: center;  line-height : 100px;  vertical-align : middle; }

/*top navigation items*/
#topnav {background : #007C51; padding : 0px 0px 0px 0px; margin : 0px 0px 0px 0px; border-bottom : 5px solid #C6C6C6; text-align : RIGHT; height : 20px; color : #FFFFFF;  vertical-align : bottom;  }
.home {background: transparent; color: #FFFFFF; float : left; width : 150px; height : 18px;  margin : 0px 0px 0px 0px; text-align: center; top: 0px;}
a.white {background : transparent; font : bold 100% Arial, Verdana, sans-serif; color : #FFFFFF; text-decoration : none; margin : 0px 5px 0px 5px; }
a.white:HOVER {background : transparent; font : bold 100% Arial, Verdana, sans-serif; color : #FFFFFF; text-decoration : underline; margin : 0px 5px 0px 5px; }

/*Main elements*/
#main {background : transparent ; margin : 0px 0px 0px 0px; top : 0px;}

/*Left column elements*/
#main .leftcol {background: #656DAD; float : left ; width : 150px; margin : 0px 0px 0px 5px; padding: 0px 0px 0px 0px; height: 500px; top : 0px; color: #FFFFFF; }
html>body>main .leftcol {height: auto; min-height: 500px;}
.nav {background : transparent; font : normal 100% arial, verdana, sans-serif; color : #000000;  padding : 0px 0px 0px 0px; margin : 5px 0px 5px 2px; width: 100%; }
a.zone {background : transparent;  font : bold 120% Arial, Verdana, sans-serif; color : #FFFFFF; text-decoration: none; text-align : left; padding : 0px 0px 0px 0px; margin : 0px 0px 0px 0px; }
a.zone:HOVER {background : transparent; font : bold 120% Arial, Verdana, sans-serif; color: #E6E9F7; text-align : left; text-decoration : underline; padding : 0px 0px 0px 0px; margin : 0px 0px 0px 0px; }
.navsub {background : #C8C8E0; font : normal 100% arial, verdana, sans-serif; color : #000000; padding : 0px 0px 0px 0px; margin : 0px 0px 0px 0px; width: 100%; }
.navsubzone {background : #9598CF; font : normal 100% arial, verdana, sans-serif; color : #000000; padding : 0px 0px 0px 0px; margin : 0px 0px 0px 0px; width: 100%; border-bottom : 1px solid #C8C8E0; }
a.subzone {background : transparent; font : bold 110% Arial, Verdana, sans-serif; text-align : left; color : #FFFFFF; text-decoration : none;  padding : 0px 0px 0px 0px; margin : 0px 0px 0px 10px; width: 100%; }
a.subzone:HOVER {background :   transparent; font : bold 110% Arial, Verdana, sans-serif; color : #FFFFFF; text-align : left; text-decoration : underline; padding : 0px 0px px 0px;  margin : 0px 0px 0px 10px;}
a.page {background : transparent; font : normal 100% Arial, Verdana, sans-serif; color : #000000; text-decoration : none; margin : 0px 0px 0px 10px; }
a.page:HOVER {background : transparent; font : normal 100% Arial, Verdana, sans-serif; color : #000000; text-decoration : underline; margin : 0px 0px 0px 10px; }

/*Right column elements*/
#main .rightcol {background : #FFFFFF; float : right; top : 0px; width : 150px; margin : 0px 0px 0px 0px; padding: 0px 0px 0px 0px; height : 500px;}
html>body>main .rightcol {height: auto; min-height: 500px;}
.featurebox {background : #DADFF3; width : 150px; margin : 5px 2px 10px 2px; padding : 2px 2px 2px 2px; }

/*Centre column elements*/
#main .centercol {  background : transparent ; margin : 0px 150px 0px 150px;  padding : 10px 20px 0px 30px; }
.crumb {background : transparent; font : normal 80% arial, verdana, sans-serif;  color : #000000; margin : 0px 0px 0px 0px; }
a.crumb {background : transparent; font : normal 80% arial, verdana, sans-serif; color : #007C51; text-decoration : underline; }
a.crumb:HOVER {background : transparent; font : normal 80% arial, verdana, sans-serif; text-decoration : underline; color: #000000; }
.news {background : transparent; font : bold 100% arial, verdana, sans-serif; color : #000000; margin : 0px 0px 5px 0px; padding : 5px 5px 5px 5px; text-align : center; border-top : 1px solid #2D4491; border-bottom : 1px solid #2D4491; }
.content {background : transparent; margin : 0px 0px 0px 0px; padding : 0px 5px 10px 5px; width: 100%; }
.directorytop {background : #007C51; font : bold 100% arial, verdana, sans-serif; color : #FFFFFF;  margin : 0px 0px 0px 0px; width: 100%; padding : 5px 5px 5px 5px; }

	/*Index elements*/
	a.title1 {background : transparent; font : bold 160% arial, verdana, sans-serif; color: #000000; margin : 0px 0px 6px 0px;}
	a.title1:HOVER {background : transparent; font : bold 160% arial, verdana, sans-serif; color: #000000; text-decoration: underline; margin : 0px 0px 6px 0px;}
	a.title2 {background : transparent; font : bold 130% arial, verdana, sans-serif; color: #000000; margin : 0px 0px 0px 0px;}
	a.title2:HOVER {background : transparent; font : bold 130% arial, verdana, sans-serif; color: #000000;  text-decoration: underline; margin : 0px 0px 0px 0px;}
	.byline {background : transparent; font : bold 100% arial, verdana, sans-serif; color : #000000;  margin : 0px 0px 6px 0px;  }
  #main .newsindexleft {float : left; width : 30%; top : 0px; margin-top : 0px; font : normal 100% arial, verdana, sans-serif; color : #000000; padding : 0 5% 5% 5%; }
  #main .newsindexright {float : right; width : 30%; top : 0px; margin-top : 0px; font : normal 100% arial, verdana, sans-serif; color : #000000; padding : 0 5% 5% 5%; }
  #main .nsindexleft {float : left; width : 45%; top : 0px; margin-top : 0px; font : normal 100% arial, verdana, sans-serif; color : #000000; padding : 0 5px 15px 5px; }
  #main .nsindexright {float : right; width : 45%; top : 0px; margin-top : 0px; font : normal 100% arial, verdana, sans-serif; color : #000000; padding : 0 5px 15px 5px; }
	img.index1 {height : 33px; width : 50px; border: 1px solid #000000; }
	img.index2 {height : 50px; width : 33px; border: 1px solid #000000; }

	/*sitemap elements*/
	.smzone {background : #354DAC; font : bold 120% arial, verdana, sans-serif; color : #FFFFFF;  padding : 2px 2px 2px 2px; width: 100%;}
	a.smzone {background : transparent;  font : bold 120% Arial, Verdana, sans-serif; color : #FFFFFF; text-decoration: none; padding : 2px 2px 2px 2px; width: 100%; }
	a.smzone:HOVER {background : transparent; font : bold 120% Arial, Verdana, sans-serif; color: #FFFFFF; text-decoration : underline; padding : 2px 2px 2px 2px; width : 100%;  }
	.smsubzone {background : #B0BBE6; font : bold 110% arial, verdana, sans-serif; color : #000000;  padding : 2px 2px 2px 2px; width: 100%;}
	a.smpage {background : transparent; font : normal 100% Arial, Verdana, sans-serif; color : #213169; text-decoration : none; width : 100%; margin : 0px 5px 0px 3px;  }
	a.smpage:HOVER {background : transparent; font : normal 100% Arial, Verdana, sans-serif; color : #213169; text-decoration : underline; width : 100%; margin : 0px 5px 0px 3px;   }

/*Bottom Elements*/
#main .quotation { margin-top : 0px; background : #E7EBF8; font : bold 100% Arial, Verdana, sans-serif; color : #000000; margin : 10px 0px 10px 0px;   padding : 5px 5px 5px 5px; border : 2px solid #2D4491;  }
.attrib {background : transparent; font : normal 75% arial, verdana, sans-serif; color : #A6A6A6; margin : 0px 0px 0px 0px; text-align : center;}

/*Footer column elements*/
#footer {position : static; width : 100%; text-align : center; border-top : 2px solid #FFFFFF; font : normal 75% arial, verdana, sans-serif; }
a.footer {background : transparent; font : normal 75% arial, verdana, sans-serif; color : #000000; text-decoration : underline; }
a.footer:HOVER {background : transparent; font : normal 75% arial, verdana, sans-serif; text-decoration : underline; color: #000000;  }

/*Table elements*/
table {padding : 0px 0px 0px 0px; margin : 0px 0px 0px 0px; color: #000000; }
tr.rowa {background : transparent; color : #000000; }
tr.rowb {background : #CCD5F2; color : #000000; }
tr.rowc {background : #F3F3F3; color : #000000; }
th {background : #007C51; font : bold 80% Arial, Verdana, sans-serif; color : #FFFFFF; padding : 2px 3px 2px 3px;}
td {font : normal 80% arial, verdana, sans-serif; color : #000000;  padding : 2px 3px 2px 3px; }
td.col {background:#CCD5F2;  font : normal 80% arial, verdana, sans-serif; color : #000000;  padding : 2px 3px 2px 3px; }
/*Form elements*/
input {background : #FFFFFF; font : normal 100% Arial, Verdana, sans-serif; color : #000000; border : 1px solid #000000; }
textarea {background : #FFFFFF; font : normal 100% Arial, Verdana, sans-serif; color : #000000; border : 1px solid #000000; }
select {background-color : #FFFFFF; font : normal 100% Arial, Verdana, sans-serif; color : #000000;border : 1px solid #000000; }
.btn {background : #2D4491; font : bold 100% Arial, Verdana, sans-serif; color : #FFFFFF; padding : 0px 2px 0px 2px;  border : 2px outset #E7EBF8; text-align : center; }
label,input {display: block; float: left;}
label {text-align: left; width: 120px;  }
.form{background-color : transparent; font : 9pt Verdana, Arial, sans-serif; color: #000000; border-bottom-width : 1px; border-top-width : 1px; border-left-width : 1px; border-right-width : 1px; border-color : #FFFFFF; }
.field {text-align: left; margin-right: 20px; padding : 1px 0px 0px 5px; }
.question {text-align: right; padding : 0px 5px 0px 0px; font : normal 100% arial, verdana, sans-serif;  vertical-align : top;  }

.hide {display: none; }
.clear { clear: both; }
hr {background : transparent; color: #2D4491;}