/* 

Protonomy CSS Style Sheet 11
John Younger
March 2009

	1. defaults
	2. structure
	3. links and navigation
	4. fonts
	5. images

Notes

*/


/* --------- 1. defaults  --------- */

* {
		margin: 0;
		padding: 0;
		}

body {
		background: White;		
		padding: 0;
		
		}
		
/*  --------- 2. structure  --------- */

.wrapper {
		margin: 0;
		border: None;
		}

.MastHead {
		display:none;
		}
		
.Logo {
		height: 85px;
		margin-left: 0px;
		width: 380px;
		float: left;
		background: url(cssimages/PLogo.jpg) no-repeat;
		}

.MastHeadBar {
		display: none;
		}


.MastHeadBar ul {
		text-align: left;
		}

.MastHeadBar li {
		display: inline;
		}
		
.MastHeadBar a:link, .MastHeadBar a:visited {
		font: bold 1.2em  Arial, Helvetica, sans-serif;
		padding: 6px 16px 6px 16px;
		color: DeepSkyBlue;
		text-decoration: none
		}

.MastHeadBar a:hover {
		color: DarkTurquoise;
		text-decoration: underline;
		font: bold 1.2em  Arial, Helvetica, sans-serif;
		}


.L1MastHead {
		height: 125px;
		background: White;
		}

.L1Logo {
		height: 125px;
		margin-left: 0px;
		Width: 510px;
		float: Left;
		background: url(cssimages/PLogoHome.jpg) no-repeat;
		}


.L1MastHeadBar {
		margin-top: 30px;		
		padding: 6px 16px 6px 0px;
		width: 350px;
		float: Right;
		background: White;
		border-bottom: 1px solid #cccccc;
		border-top: 1px solid #cccccc;
		}


.L1MastHeadBar ul {
		text-align: left;
		}

.L1MastHeadBar li {
		display: inline;
		}
		
.L1MastHeadBar a:link, .L1MastHeadBar a:visited {
		font: bold 1.2em  Arial, Helvetica, sans-serif;
		color: Silver;
		text-decoration: none
		}

.L1MastHeadBar a:hover {
		color: DeepSkyBlue;
		font: bold 1.2em  Arial, Helvetica, sans-serif;
		}

.L1MastHeadBar a:link, .L1MastHeadBar a:visited {
		padding: 6px 16px 6px 0px;
		}

.L1Banner {
		padding: 18px 220px 18px 20px;
		width: 660px;
		float:left;
		height: 164px;
		text-wrap: normal; 
		margin-top: 20px;
		margin-bottom: 20px;
    		word-wrap: break-word;
		background: url(cssimages/BannerShout2.jpg) no-repeat;
		}

.L1MainBody {
		padding: 0;
		margin: 0;
    		word-wrap: break-word;
		background-color: White;
		margin-bottom: 5px;
		}

.L1Document {
		padding: 0;
		margin 0;
		float:left;
		text-wrap: normal; 
    		word-wrap: break-word;
		}

.L1Document a:link, .L1Document a:visited  {
		font: bold 10pt  Arial, Helvetica, sans-serif;
		color: DeepSkyBlue;
		text-decoration: underline; 
		}


.L1Document a:hover  {
		font: bold 10pt  Arial, Helvetica, sans-serif;	
		color: DarkTurquoise;
		text-decoration: underline
		}

.L2Heading {
		width: 890px;		
		padding: 6px 0px 0px 10px;
		float: left;
		height: 30px;
		margin-top: 15px;
		background: url(cssimages/L2Heading.jpg) no-repeat;
		}

.L2Heading H2 {
		font: bold 1.3em Arial, Helvetica, sans-serif;
		color: White;
		}

.L2MainBody {
		width: 900px;
		float: left;
		border: 0;
		min-height: 369px;
		overflow-y: auto;
    		word-wrap: break-word;
		background-color: White;
		margin-bottom: 5px;
		}

.L2Document {
		padding: 10px 0px 18px 0px;
		width: 900px;
		float:left;
		text-wrap: normal; 
    		word-wrap: break-word;
		background-color: White;
		}

.DocLeft {
		padding: 10px 18px 10px 0px;
		width: 282px;
		float:left;
		text-wrap: normal; 
    		word-wrap: break-word;
		background-color: White;
		}

.DocCentre {
		padding: 10px 18px 10px 18px;
		width: 264px;
		float:left;
		text-wrap: normal; 
    		word-wrap: break-word;
		background-color: White;
		}

.DocRight {
		padding: 10px 0px 10px 18px;
		width: 282px;
		float:left;
		text-wrap: normal; 
    		word-wrap: break-word;
		background-color: White;
		}

.ErrorHeading {
		width: 890px;		
		padding: 6px 0px 0px 10px;
		float: left;
		height: 30px;
		margin-top: 15px;
		background: url(cssimages/ErrorHeading.jpg) no-repeat;
		}

.ErrorHeading H2 {
		font: bold 1.3em Arial, Helvetica, sans-serif;
		color: White;
		}

.L3Heading {
		display: none;
		}

.L3Heading H2 {
		font: bold 1.3em Arial, Helvetica, sans-serif;
		color: White;
		}


.L3MainBody {
		padding: 0;
		margin: 0;
		text-wrap: normal; 
    		word-wrap: break-word;
		border: none;
		}

.L3Document {
		padding: 0;
		margin: 0;
		border: none;
		text-wrap: normal; 
    		word-wrap: break-word;
		}

.L3Document a:link, .L3Document a:visited {
		font: bold 10pt  Arial, Helvetica, sans-serif;
		text-decoration: underline;
		color: DeepSkyBlue
		}

.L3Document a:hover {
		font: bold 10pt  Arial, Helvetica, sans-serif;		
		color: DarkTurquoise;
		}

.L3SideHeading {
		display: none;
		}

.L3SideHeading H2 {
		font: bold 1.3em Arial, Helvetica, sans-serif;
		color: White;
		}

.L3SidePanel {
		display: none;
		}

.L3SidePanel H2 {
		font: bold 12pt  Arial, Helvetica, sans-serif;
		color: DarkTurquoise;
		}

.L3SidePanel ul { 
		list-style-type: none;
		}

.L3SidePanel li {
		float: left;
		width: 197px;
		height: 25px;
		border-bottom: 1px dotted #cccccc;
		}

.L3SidePanel a:link, .L3SidePanel a:visited  {
		font: bold 1.2em  Arial, Helvetica, sans-serif;
		color: DeepSkyBlue;
		text-decoration: none; 
		line-height: 2em;
		}

.L3SidePanel a:hover  {
		font: bold 1.2em  Arial, Helvetica, sans-serif;
		color: DarkTurquoise;
		line-height: 2em;
		text-decoration: underline
		}

.L4Heading {
		width: 890px;		
		padding: 6px 0px 0px 10px;
		float: left;
		height: 30px;
		margin-top: 15px;
		background: url(cssimages/L4Heading.jpg) no-repeat;
		}

.L4Heading H2 {
		font: bold 1.3em Arial, Helvetica, sans-serif;
		color: #ffffff;
		}

.L4MainBody {
		width: 720px;
		float: left;
		border: 0;
		min-height: 369px;
		overflow-y: auto;
    		word-wrap: break-word;
		background-color: White;
		margin-bottom: 5px;
		}

.L4Document {
		padding: 10px 0px 18px 0px;
		width: 720px;
		float:left;
		text-wrap: normal; 
    		word-wrap: break-word;
		background-color: White;
		}

.L4SideLinks {
		padding: 0px 0px 18px 0px;
		float: left;
		width: 180px;
		background: White;
		margin-top: 0px;
		}

.L4SideLinks ul {
		list-style-type: none;
		}

.L4SideLinks li {
		float: left;
		background: url(cssimages/LinkBack.jpg) no-repeat 0 0;
		width: 175px;
		}

.L4SideLinks a:link, .L4SideLinks a:visited {
		font: bold 1.2em Arial, Helvetica, sans-serif;
		color: #ffffff;
		text-decoration: none;
		display: block;
		height: 29px;
		padding: 17px 0px 0px 20px;
		}

.L4SideLinks a:hover {
		color: White;
		background: url(cssimages/LinkBackHover.jpg) no-repeat 0 0;
		}


.L7Heading {
		width: 890px;		
		padding: 6px 0px 0px 10px;
		float: left;
		height: 30px;
		margin-top: 15px;
		background: url(cssimages/L7Heading.jpg) no-repeat;
		}

.L7Heading H2 {
		font: bold 1.3em Arial, Helvetica, sans-serif;
		color: #ffffff;
		}

.L7MainBody {
		width: 900px;
		float: left;
		border: 0;
		height: 350px;
		overflow-y: auto;
    		word-wrap: break-word;
		background-color: White;
		margin-bottom: 5px;
		}

.L7Document {
		padding: 10px 0px 0px 20px;
		width: 362px;
		height: 340px;
		float:Right;
		text-wrap: normal; 
    		word-wrap: break-word;
		background-color: White;
		border-left: 1px dotted #cccccc;
		}

.L7Document a:link, .L7Document a:visited {
		font: bold 10pt  Arial, Helvetica, sans-serif;
		margin-bottom: 1.0em;
		text-decoration: underline;
		color: DeepSkyBlue
		}

.L7Document a:hover {
		font: bold 10pt  Arial, Helvetica, sans-serif;		
		color: DarkTurquoise;
		}


.ALK1 {
		margin-top: -2px;
		padding: 6px 10px;
		width: 880px;
		float:left;
		background: DeepSkyBlue url(cssimages/5SNBack.jpg) 0 100% repeat-x;
		border-bottom: 8px solid #cccccc;
		}

.ALK1 ul {
		text-align: left;
		}

.ALK1 li {
		display: inline;
		}
		
.ALK1 a:link, .ALK1 a:visited {
		font: bold 1.2em  Arial, Helvetica, sans-serif;
		color: #ffffff;
		text-decoration: none
		}

.ALK1 a:hover {
		color: Yellow;
		}

.ALK1 a:link, .ALK1 a:visited {
		padding: 6px 10px;
		}

.GLK1 {
		display: none;
		}

.GLK1 ul {
		list-style-type: none;
		}

.GLK1 li {
		display: block;		
		float: left;
		}

.GLK1 a:link, .GLK1 a:visited {
		font: bold 1.3em Arial, Helvetica, sans-serif;
		color: #ffffff;
		width: 180px;
		text-decoration: none;
		display: block;
		text-align: center;
		background: Yellow url(cssimages/GLKItem.jpg) no-repeat;
		padding: 6px 0px 8px 0px;
		}

.GLK1 a:hover {
		font: bold 1.3em Arial, Helvetica, sans-serif;
		color: #ffffff;
		background: url(cssimages/GLKHighlight.jpg) no-repeat;
		}

.HBR1 {
		Height: 30px;
		Width: 882px;
		float: left;
		margin-top: 5px;
		padding: 6px 0px 0px 18px;
		border-top: 4px solid #cccccc;
		border-bottom: 4px solid #cccccc;
		background: WhiteSmoke;
		}

.HBR2 {
		Height: 30px;
		margin-top: 5px;
		Width: 702px;
		float: left;
		padding: 6px 0px 0px 18px;
		border-bottom: 4px solid #cccccc;
		background: White;
		}

.MBD1 {
		width: 900px;
		float: left;
		border: 0;
		height: 350px;
		overflow-y: auto;
    		word-wrap: break-word;
		background-color: White;
		margin-top: 5px;
		margin-bottom: 5px;
		}

.MBD2 {
		width: 720px;
		float: left;
		border: 0;
		height: 350px;
		overflow-y: auto;
    		word-wrap: break-word;
		background-color: White;
		margin-top: 5px;
		margin-bottom: 5px;
		}

.FLK1 {
		display: none;
		}

.FLK1 ul {
		text-align: left;
		}

.FLK1 li {
		display: inline;
		}
		
.FLK1 a:link, .FLK1 a:visited {
		font: bold 1.2em  Arial, Helvetica, sans-serif;
		color: Silver;
		border-right: 1px solid #cccccc;
		text-decoration: none;
		padding: 6px 18px 6px 18px;
		}

.FLK1 a:hover {
		color: DeepSkyBlue;
		text-decoration: underline
		}

.CPF1 {
		padding: 18px;
		width: 840px;
		float:left;
		text-wrap: normal; 
    		word-wrap: break-word;
		}


.CPF2 {
		padding: 18px;
		width: 660px;
		float:left;
		text-wrap: normal; 
    		word-wrap: break-word;
		background-color: White;
		}

.CPL1 {
		padding: 18px;
		width: 600px;
		float: left;
		text-wrap: normal; 
    		word-wrap: break-word;
		background-color: White;
		}

.CPL2 {
		padding: 18px;
		width: 420px;
		float: left;
		text-wrap: normal; 
    		word-wrap: break-word;
		background-color: White;
		}

.CPR1 {
		padding: 18px;
		width: 600px;
		float: right;
		text-wrap: normal; 
    		word-wrap: break-word;
		background-color: White;
		}




.contentedit {
		width: 856px;	
		height: 315px;	
		padding: 18px;
	      overflow: scroll;
    		text-wrap: normal; 
    		word-wrap: break-word;
		background-color: #ffffff;
		}

hr  		{
		height: 0.2em;
		margin-bottom: 0.2em;
		border: none;
		color: Black;
		}

.SPL1 {
		padding: 18px;
		width: 200px;
		float: left;
		background: WhiteSmoke;
		text-decoration: none
		}

.SPL1 ul { 
		list-style-type: none;
		}

.SPL1 a:link, .SPL1 a:visited  {
		font: bold 1.2em  Arial, Helvetica, sans-serif;
		color: DodgerBlue;
		line-height: 2em;
		}

.SPL1 a:hover  {
		font: bold 1.2em  Arial, Helvetica, sans-serif;
		color: Red;
		line-height: 2em;
		text-decoration: none
		}


.SPR1 {
		padding: 18px;
		width: 200px;
		float: right;
		background: WhiteSmoke;
		text-decoration: none
		}

.SPR1 ul { 
		list-style-type: none;
		}

.SPR1  a:link, .SPR1  a:visited  {
		font: bold 1.2em  Arial, Helvetica, sans-serif;
		color: DodgerBlue;
		line-height: 2em;
		}

.SPR1  a:hover  {
		font: bold 1.2em  Arial, Helvetica, sans-serif;
		color: Red;
		line-height: 2em;
		text-decoration: none
		}


.SPR2 {
		padding: 18px;
		width: 200px;
		float: right;
		background: White;
		text-decoration: none
		}

.SPR2 ul { 
		list-style-type: none;
		}

.SPR2  a:link, .SPR2  a:visited  {
		font: bold 1.2em  Arial, Helvetica, sans-serif;
		color: DodgerBlue;
		line-height: 2em;
		}

.SPR2  a:hover  {
		font: bold 1.2em  Arial, Helvetica, sans-serif;
		color: Red;
		line-height: 2em;
		text-decoration: none
		}


.SLK1 {
		width: 180px;
		background: White;
		margin-top: 10px;
		}

.SLK1 ul {
		list-style-type: none;
		}

.SLK1 li {
		float: left;
		background: url(cssimages/LinkBack.jpg) no-repeat 0 0;
		width: 175px;
		}

.SLK1 a:link, .SLK1 a:visited {
		font: bold 1.2em Arial, Helvetica, sans-serif;
		color: #ffffff;
		text-decoration: none;
		display: block;
		height: 29px;
		padding: 17px 0px 0px 12px;
		}

.SLK1 a:hover {
		background: url(cssimages/LinkBackHover.jpg) no-repeat 0 0;
		}

.SLK1 h2 {
		padding: 18px;
		}

.SLK2 {
		width: 180px;
		background: White;
		margin-top: 10px;
		}

.SLK2 ul {
		list-style-type: none;
		}

.SLK2 li {
		float: left;
		background: url(cssimages/LinkBack.jpg) no-repeat 0 0;
		width: 175px;
		}

.SLK2 a:link, .SLK2 a:visited {
		font: bold 1.2em Arial, Helvetica, sans-serif;
		color: #ffffff;
		text-decoration: none;
		display: block;
		height: 29px;
		padding: 17px 0px 0px 12px;
		}

.SLK2 a:hover {
		background: url(cssimages/LinkBackHover.jpg) no-repeat 0 0;
		}

.SLK2 h2 {
		padding: 18px;
		}





.adminbutton { 
		position: relative;
		top:	-20px;
		left: 850px
		}


.saveeditbutton { 
		position: Absolute;
		top:	95px;
		left: 50px
		}

.editreturnbutton { 
		position: Absolute;
		top:	95px;
		left: 100px
		}

.boxoutleft {
		float: left;
		width: 180px;
		margin: 0 20px 20px 0px;
		padding: 0 10px;
		background: #e1e1e1 url(cssimages/boxout-bottom.gif) 0 100% no-repeat;
		}

.boxoutright {
		float: right;
		width: 180px;
		margin: 0 0 20px 20px;
		padding: 0 10px;
		background: #e1e1e1 url(cssimages/boxout-bottom.gif) 0 100% no-repeat;
		}
		
.boxoutleft h2, .boxoutright h2 {
		margin: 0 -10px 10px;
		padding: 5px 10px;
		font: bold 1.2em  Arial, Helvetica, sans-serif;
		text-transform: uppercase;
		color: #ffffff;
		background: rED url(cssimages/bollocks.jpg) no-repeat;
		}

.PBoxLeft {
		float: left;
		width: 415px;
		height: 150px;
		margin: 0px 10px 20px 0px;
		padding: 0px 10px 10px 10px;
		border-left: 1px solid #cccccc;
		border-right: 1px solid #cccccc;
		border-bottom: 1px solid #cccccc;
		border-top: 1px solid #cccccc;
		}

.PBoxRight {
		float: right;
		width: 415px;
		height: 150px;
		margin: 0px 0px 20px 10px;
		padding: 0px 10px 10px 10px;
		border-left: 1px solid #cccccc;
		border-right: 1px solid #cccccc;
		border-bottom: 1px solid #cccccc;
		border-top: 1px solid #cccccc;
		}

.PBoxLeft h2, .PBoxRight h2 {
		margin: 0px -10px 0px -10px;
		padding: 5px 10px;
		height: 35px;
		font: bold 1.3em  Arial, Helvetica, sans-serif;
		color: #ffffff;
		background: White url(cssimages/PBH.jpg) no-repeat;
		}



.PBoxLeft p, .PBoxRight p {
		font: bold 10pt  Arial, Helvetica, sans-serif;
		color: DarkGray;
		}

.PBoxLeft a:link, .PBoxLeft a:visited, .PBoxRight a:link, .PBoxRight a:visited  {
		font: bold 10pt Arial, Helvetica, sans-serif;
		color: DarkTurquoise;
		text-decoration: underline; 
		}

.PBoxLeft a:hover, .PBoxRight a:hover   {
		font: bold 10pt Arial, Helvetica, sans-serif;
		color: DeepSkyBlue;
		text-decoration: underline;
		}

.PBoxFull {
		float: left;
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		border-left: 1px solid #cccccc;
		border-right: 1px solid #cccccc;
		border-bottom: 1px solid #cccccc;
		border-top: 1px solid #cccccc;
		background: White;
		text-wrap: normal; 
    		word-wrap: break-word;
		}	

.PBoxFull h3 {
		font: 13pt  Arial, Helvetica, sans-serif;
		color: Black;
		text-wrap: normal; 
    		word-wrap: break-word;
		}

.PBoxFull .RightImage {
		float: right;
		margin: 0cm 0.2cm 0.3cm 0.2cm;
		}

.PBox6 {
		float: right;
		width: 240px;
		margin: 0px 0px 10px 10px;
		padding: 10px 10px 10px 10px;
		border-left: 1px solid #cccccc;
		border-right: 1px solid #cccccc;
		border-bottom: 1px solid #cccccc;
		border-top: 1px solid #cccccc;
		}

.PBox7 {
		float: left;
		width: 265px;
		margin: 0px 15px 20px 0px;
		padding: 0px 10px 10px 10px;
		border-left: 1px solid #cccccc;
		border-right: 1px solid #cccccc;
		border-bottom: 1px solid #cccccc;
		border-top: 1px solid #cccccc;
		}

.PBox8 {
		float: right;
		width: 274px;
		margin: 0px 0px 20px 0px;
		padding: 0px 10px 10px 10px;
		border-left: 1px solid #cccccc;
		border-right: 1px solid #cccccc;
		border-bottom: 1px solid #cccccc;
		border-top: 1px solid #cccccc;
		}

.PBox9 {
		float: right;
		width: 575px;
		margin: 0px 0px 20px 0px;
		padding: 0px 10px 10px 10px;
		border-left: 1px solid #cccccc;
		border-right: 1px solid #cccccc;
		border-bottom: 1px solid #cccccc;
		border-top: 1px solid #cccccc;
		}


.PBox7 .BoxImage, .PBox8 .BoxImage {
		display: block;		
		margin-left: auto;
		margin-right: auto;
		margin-top: 0px;
		margin-bottom: 0px
		}

.PBox7 h3, .PBox8 h3  {
		font: 13pt  Arial, Helvetica, sans-serif;
		color: DeepSkyBlue;
		line-height: 1.3846153em;
		margin-bottom: 0em;
		text-wrap: normal; 
    		word-wrap: break-word;
		}

.PBox7 a:link, .PBox7 a:visited, PBox8 a:link, .PBox8 a:visited, {
		font: bold 10pt Arial, Helvetica, sans-serif;
		color: DarkTurquoise;
		text-decoration: underline; 
		}

.PBox7 a:hover, .PBox8 a:hover {
		font: bold 10pt Arial, Helvetica, sans-serif;
		color: DeepSkyBlue;
		text-decoration: underline;
		}

.PBox7 h2, .PBox8 h2, .PBox9 h2 {
		margin: 0px -10px 0px -10px;
		padding: 5px 10px;
		height: 20px;
		font: bold 1.3em  Arial, Helvetica, sans-serif;
		color: #ffffff;
		background: White url(cssimages/PBH.jpg) repeat-x;
		}



/* ---------- 3. links and navigation ---------- */

a:link 	{
		font: bold 1.2em  Arial, Helvetica, sans-serif;
		color: DarkGray
		}
		
a:visited {
		font: bold 1.2em  Arial, Helvetica, sans-serif;
		color: DarkGray

		}
		
a:hover, a:focus {
		font: bold 1.2em  Arial, Helvetica, sans-serif;
		color: DodgerBlue;
		text-decoration: none
		}


.AdminBar {
		float: left;	
		width: 120px;
		padding: 11px 0px 10px 0px;
		background: White;		
		border-bottom: 4px solid #cccccc;
		}

.PageHeader {
		font: bold 12pt  Arial, Helvetica, sans-serif;		
		color: #c0c0c0;		
		margin-bottom: 1.0em;
		}

/* ---------- 4. fonts ---------- */

html {
		font-size: 100%;
		}

body {
		font-size: 62.5%;
		font-family: "Lucida Grande", "Lucida Sans Unicode", Lucida,  Arial, Helvetica, sans-serif;
		}

PRE {
		font-family: "Lucida Grande", "Lucida Sans Unicode", Lucida,  Arial, Helvetica, sans-serif;		
		float: left;
		font-size: 1.1em;
		white-space: pre-wrap; 
    		white-space: -moz-pre-wrap; 
   	 	white-space: -pre-wrap; 
    		white-space: -0-pre-wrap; 
    		word-wrap: break-word;
		}
h1 {
		font: bold 14pt Arial, Helvetica, sans-serif;
		margin-bottom: 0.2em;
		color: Black;
		}
h2 {
		font: bold 11pt Arial, Helvetica, sans-serif;
		color: Black;
		}

h3 {
		font: 13pt  Arial, Helvetica, sans-serif;
		color: Black;
		line-height: 1.3846153em;
		margin-bottom: 1.0em;
		}

h4 {
		font: 13pt  Arial, Helvetica, sans-serif;
		color: Black;
		}

p {
		font: 11pt  BaskerVille, Arial, Helvetica, sans-serif;
		color: Black
		}

.pheaderpanel   {
		background: DodgerBlue;
		}

.ptotalpanel   {
		background: DodgerBlue;
		}

.pgridheader   {
		font: bold 1.2em  Arial, Helvetica, sans-serif;		
		margin-bottom: 1.0em;
		color: #ffffff;
		}

.pdatalabel {
		font: bold 1.2em  Arial, Helvetica, sans-serif;		
		margin-bottom: 1.0em;
		color: DodgerBlue;
		}

.pdatatext  {
		font: bold 1.2em  Arial, Helvetica, sans-serif;		
		margin-bottom: 1.0em;
		color: Black;
		}

.pgridfooter   {
		font: bold 1.2em  Arial, Helvetica, sans-serif;		
		margin-bottom: 1.0em;
		color: #ffffff;
		}


.pgriddata  {
		height: 20px;
		font: bold 9pt  Arial, Helvetica, sans-serif;		
		color: DodgerBlue;
		}

.pgridadata  {
		height: 20px;
		font: bold 9pt  Arial, Helvetica, sans-serif;		
		color: DodgerBlue;
		background: WhiteSmoke
		}

.pgridselected  {
		height: 20px;
		font: Bold 1.2em  Arial, Helvetica, sans-serif;		
		color: White;
		background: DodgerBlue;
		}

.pgridselected a:link, .pgridselected a:visited {
		font: bold 9pt  Arial, Helvetica, sans-serif;
		color: White;
		}

.pgridselected a:hover {
		color: Black;
		text-decoration: none
		}

.pgriddropdown  {
		font: 1.1em  Arial, Helvetica, sans-serif;		
		color: Black;
		vertical-align: middle
		}

.pgrideditbox  {
		font: 1.1em  Arial, Helvetica, sans-serif;		
		color: Black;
		vertical-align: middle
		}


.pgridtopbutton  {
		font: bold 9pt  Arial, Helvetica, sans-serif;		
		color: White;
		height: 29px;
		background: DodgerBlue;
		vertical-align: middle
		}

.pgridbutton  {
		font: bold 9pt  Arial, Helvetica, sans-serif;		
		color: White;
		background: DodgerBlue;
		vertical-align: middle
		}

.EnquiryPanel {
		padding: 0px;
		float: left;
		height: 384px;
		width: 868px;
		background-color: White;
		}

.EnquiryPanel a:link, .EnquiryPanel a:visited {
		font: bold 9pt  Arial, Helvetica, sans-serif;
		color: DodgerBlue;
		text-decoration: underline
		}

.EnquiryPanel a:hover, .EnquiryPanel a:focus {
		font: bold 9pt  Arial, Helvetica, sans-serif;
		color: Black;
		text-decoration: underline
		}


p.footer {
		clear: both;
		text-align: right;
		padding-top: 1.63636363em;
 		}

blockquote  {
		margin: 3.6em 150px;
		}
		
blockquote p {
		color: #555555;
		font-size: 1.3em;
		line-height: 1.3846153em;
		font-weight: bold;
		text-align: justify;
		background: url(assets/quote-close.gif) 100% 90% no-repeat;		
		padding: 0 33px;
		margin-bottom: 0;
		}


/* ---------- 5. images ---------- */

a img {
		border: 0;
		}

.ContentPanel img {
		border: 0;
		}
		
img.RightImage {
		float: right;
		margin: 0cm 0.2cm 0.3cm 0.2cm;
		}

img.LeftImage {
		float: left;
		margin: 0px 18px 0px 0px;
		}

img.BoxImage {
		display: block;		
		margin-left: auto;
		margin-right: auto;
		margin-top: 20px;
		margin-bottom: 20px
		}
		
.SPL1 img {
		display: block;
		margin-bottom: 1.8em;
		}

.SPL1 img {
		display: block;
		margin-bottom: 1.8em;
		}