/* 

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: 20px 0;
		
		}
		
/*  --------- 2. structure  --------- */

.wrapper {
		width: 900px;
		margin: 0 auto;
		border: None;
		background-color: #ffffff;
		}



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

.MastHeadBar {
		margin-top: 25px;
		padding: 6px 0px 6px 0px;
		float: right;
		background: White;
		border-bottom: 1px solid #cccccc;
		border-top: 1px solid #cccccc;
		display: inline;
		}


.MastHeadBar ul {
		text-align: right;
		}

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

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

.LoggedInBar {
		margin-top: 25px;		
		padding: 6px 0px 6px 0px;
		float: right;
		background: White;
		border-bottom: 1px solid #cccccc;
		border-top: 1px solid #cccccc;
		}

.LoggedInBar p {
		font: bold 1.2em  Arial, Helvetica, sans-serif;
		color: DarkTurquoise;
		padding: 0px 10px 0px 0px;
		text-decoration: none;
		border-right: 1px solid #cccccc;
		}



.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 {
		width: 900px;
		float: left;
		border: 0;
		overflow-y: auto;
    		word-wrap: break-word;
		background-color: White;
		margin-top: 5px;
		margin-bottom: 5px;
		}

.L1Document {
		padding: 18px 0px 18px 0px;
		width: 900px;
		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;
		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;
		}

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

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

.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 {
		width: 672px;		
		padding: 6px 0px 0px 10px;
		float: left;
		border: 0;
		height: 30px;
		margin-top: 15px;
		background: url(cssimages/L3Heading.jpg) no-repeat;
		}

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


.L3MainBody {
		width: 681px;
		float: left;
		border: 0;
		min-height: 370px;
		border-left: 1px dotted #cccccc;
		overflow-y: auto;
    		word-wrap: break-word;
		background-color: White;
		margin-bottom: 5px;
		}

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

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

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

.L3Document ul {
		text-align: left;
		}

.L3Document li {
		display: inline;
		}

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

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

.L3SidePanel {
		padding: 0px 10px 18px 0px;
		width: 208px;
		float: left;
		background: White;
		margin-top: 10px;
		text-decoration: 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
		}

.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;
		}


.L90SidePanel {
		padding: 0px 10px 18px 0px;
		width: 250px;
		float: left;
		background: White;
		margin-top: 10px;
		text-decoration: none;
		}

.L90SidePanel H2 {
		font: bold 12pt  Arial, Helvetica, sans-serif;
		color: DarkTurquoise;
		line-height: 2em;
		}

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

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

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

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


.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 {
		height: 30px;
		Width: 900px;
		Float: Left;
		background: Transparent url(cssimages/GLK1.jpg) no-repeat;
		padding: 0px 0px 0px 0px;
		}

.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;
		text-decoration: none;
		display: block;
		text-align: center;
		background: Transparent url(cssimages/GLKItem.jpg) no-repeat;
		padding: 6px 20px 8px 20px;
		border-right: 1px Inset DodgerBlue;
		}

.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 {
		padding: 6px 0px 6px 0px;
		width: 900px;
		float: left;
		background: White;
		border-top: 1px solid #cccccc;
		border-bottom: 1px solid #cccccc;
		}

.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: White;
		font: 10pt  Arial, Helvetica, sans-serif;
		color: Black
		}


hr  		{
		height: 0.2em;
		margin-bottom: 0.2em;
		border: none;
		background-color: #cccccc;
		color: #cccccc;
		}

.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 { 
		font: bold 1.2em  Arial, Helvetica, sans-serif;
		color: DarkTurquoise;
		padding: 0px 10px 0px 0px;
		text-decoration: none;
		border-right: 1px solid #cccccc;
		}

.editreturnbutton { 
		font: bold 1.2em  Arial, Helvetica, sans-serif;
		color: DarkTurquoise;
		padding: 0px 10px 0px 0px;
		text-decoration: none;
		border-right: 1px solid #cccccc;
		}

.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;
		width: 876px;
		margin: 0px 0px 20px 0px;
		padding: 10px 10px 0px 10px;
		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: DeepSkyBlue;
		line-height: 1.3846153em;
		margin-bottom: 1.0em;
		text-wrap: normal; 
    		word-wrap: break-word;
		}

.PBoxFull .RightImage {
		float: right;
		margin: 0 0 0px 18px;
		}

.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 , .MenuItem .BoxImage {
		display: block;		
		margin-left: auto;
		margin-right: auto;
		margin-top: 0px;
		margin-bottom: 0px
		}

.PBox7 h3, .PBox8 h3, .MenuItem 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;
		}

.MenuItem {
		float: left;
		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;
		}

.MenuItem a:link, .MenuItem a:visited {
		font: bold 10pt Arial, Helvetica, sans-serif;
		color: DodgerBlue;
		text-decoration: none;
		}

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

.MenuItem h2 {
		margin: 0px -10px 0px -10px;
		padding: 5px 10px;
		font: bold 10pt Arial, Helvetica, sans-serif;
		color: Gray;
		background: White url(cssimages/VirginL2Heading.jpg) repeat-x;
		}

.Unavailable {
		float: left;
		width: 600px;
		margin: 15px 15px 15px 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;
		}

.Unavailable h2 {
		margin: 0px -10px 0px -10px;
		padding: 5px 10px;
		height: 20px;
		font: bold 10pt Arial, Helvetica, sans-serif;
		color: Gray;
		background: White url(cssimages/VirginL2Heading.jpg) repeat-x;
		}


.InternalContentPanel {
		background: White;
		margin: 0px 0px 20px 0px;
		padding: 0px 0px 10px 0px;
		border-left: 1px solid #cccccc;
		border-right: 1px solid #cccccc;
		border-bottom: 1px solid #cccccc;
		border-top: 1px solid #cccccc;
		}

.InternalContentPanel h2 {
		margin: 0px 0px 0px 0px;
		padding: 5px 0px;
		height: 20px;
		text-align: center;
		font: bold 1.3em  Arial, Helvetica, sans-serif;
		color: Gray;
		background: White url(cssimages/VirginL2Heading.jpg) repeat-x;
		}

.InternalContentPanel ul { 
		list-style-type: none;
		margin-top: 20px;
		float: left;
		}

.InternalContentPanel li {
		height: 25px;
		width: 200px;
		margin-top: 7px;
		text-align: center;
		border-bottom: 1px dotted #cccccc;
		}

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

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

.BackStep {
		height: 102px;
		margin-left: 0px;
		margin-top: 0px;
		width: 102px;
		float: right;
		background: url(cssimages/Back.jpg) no-repeat;
		}

.InternalContentPanelText {
		background: White;
		margin: 10px 10px 10px 10px;
		padding: 0px 20px 0px 0px;
		border-right: 1px solid #cccccc;
		float: left;
		width: 750px;
		}

.InternalContentPanelText h3 {
		font: 13pt  Arial, Helvetica, sans-serif;
		color: DeepSkyBlue;
		margin-bottom: 0.2em;
		}

/* ---------- 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: DeepSkyBlue;
		}
h2 {
		font: 13pt  Arial, Helvetica, sans-serif;
		color: DeepSkyBlue;
		line-height: 1.3846153em;
		margin-bottom: 1.0em;
		}

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

.h3Error {
		font: bold 1.2em  Arial, Helvetica, sans-serif;
		color: Red;
		text-align: center;
		margin-top: 0.6em
		}

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


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

ul { 
		list-style-type: none;
		}


.pheaderpanel   {
		background: DodgerBlue;
		}

.ptotalpanel   {
		background: DodgerBlue;
		}

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

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


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

.pdatalabel {
		font: bold 1.2em  Arial, Helvetica, sans-serif;		
		margin-bottom: 1.0em;
		color: DodgerBlue;
		background: Transparent;
		padding: 1px 0px;
		}

.pdatatext  {
		font: bold 1.2em  Arial, Helvetica, sans-serif;		
		margin-bottom: 1.0em;
		color: Black;
		border: 1px solid #cccccc;
		padding: 2px 4px;
		}


.pdatacheck  {
		font: bold 1.2em  Arial, Helvetica, sans-serif;		
		margin-bottom: 1.0em;
		color: Black;
		padding: 5px 4px;
		}

.pdatadrop  {
		font: bold 1.2em  Arial, Helvetica, sans-serif;		
		margin-bottom: 1.0em;
		color: Black;
		border: 1px solid #cccccc;
		padding: 2px 1px;
		}

.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: Black;
		}

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

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

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

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

.pgriddropdown  {
		font: bold 9pt  Arial, Helvetica, sans-serif;		
		color: Black;
		vertical-align: middle;
		margin: 3px;
		padding: 2px;
		}

.pgrideditbox  {
		font: bold 9pt  Arial, Helvetica, sans-serif;		
		color: Black;
		vertical-align: middle;
		margin: 3px;
		padding: 2px;
		}


.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: Black;
		background: LightBlue;
		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
		}

.MaintenancePanel {
		padding: 0px;
		float: left;
		height: 384px;
		width: 868px;
		background-color: White;
		border: 1px solid #cccccc;
		}


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: 0 0 18px 18px;
		}

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;
		}


/* ---------  Protonomy DatePicker --------- */

.dpDiv {
	
}
.dpTable {
	WIDTH: 300px; HEIGHT: 300px ; BORDER-RIGHT: #aaaaaa 1px solid; BORDER-TOP: #aaaaaa 1px solid; 
	FONT-WEIGHT: bold; FONT-SIZE: 12px; BORDER-LEFT: #aaaaaa 1px solid; COLOR: White; BORDER-BOTTOM: #aaaaaa 1px solid; 
	FONT-FAMILY: Tahoma, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: DodgerBlue; TEXT-ALIGN: center ; background: url(cssimages/Calendar.jpg) ;
}
.dpTR {
	
}
.dpTitleTR {
	
}
.dpDayTR {
	
}
.dpTodayButtonTR {
	
}
.dpTD {
 
	PADDING-BOTTOM: 5px; ; PADDING-TOP: 5px;; PADDING-RIGHT: 5px;; PADDING-LEFT: 5px;
}
.dpDayHighlightTD {
	BORDER-RIGHT: #ece9d8 1px solid; BORDER-TOP: #aaaaaa 1px solid; BORDER-LEFT: #aaaaaa 1px solid; BORDER-BOTTOM: #aaaaaa 1px solid; BACKGROUND-COLOR: White
}
.dpTDHover {
	BORDER-RIGHT: #888888 1px solid; BORDER-TOP: #888888 1px solid; BORDER-LEFT: #888888 1px solid; CURSOR: pointer; COLOR: Blue; BORDER-BOTTOM: #888888 1px solid; BACKGROUND-COLOR: White
}
.dpTitleTD {
	
}
.dpButtonTD {
	
}
.dpTodayButtonTD {
	
}
.dpDayTD {
	COLOR: White; 
	BACKGROUND-COLOR: MediumAquamarine;
	PADDING-BOTTOM: 5px; ; PADDING-TOP: 5px; PADDING-RIGHT: 5px; PADDING-LEFT: 5px; 
	background: url(cssimages/CalendarHeading.jpg)
}
.dpTitleText {
	FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: White ; MARGIN-TOP: 10px; MARGIN-BOTTOM: 10px; 
}
.dpDayHighlight {
	FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: Blue
}
.dpButton {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: bold; FONT-SIZE: 12px; BACKGROUND: MediumAquamarine; PADDING-BOTTOM: 0px; COLOR: White; PADDING-TOP: 0px; FONT-FAMILY: Verdana, Tahoma, Arial, Helvetica, sans-serif
}
.dpTodayButton {
	MARGIN-RIGHT: 10px; MARGIN-LEFT: 10px; MARGIN-TOP: 10px; MARGIN-BOTTOM: 10px; PADDING-TOP: 5px; PADDING-BOTTOM: 5px ; FONT-WEIGHT: bold; FONT-SIZE: 12px; BACKGROUND: MediumAquamarine; COLOR: White; FONT-FAMILY: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	background: url(cssimages/CalendarButton.jpg) ; BORDER: NONE ; WIDTH: 100px
}

/* 

New Forms Classes
John Younger
December 2009

*/


.FormContainer {
		width: 900px;
		float: left;
		border: 0;
    		word-wrap: break-word;
		background-color: White;
		background: White;
		}



.FormHeadPanel {
		float: left;
		margin: 15px 0px 0px 0px;
		padding: 0px 10px 0px 10px;
		border-left: 1px solid #cccccc;
		border-right: 1px solid #cccccc;
		border-bottom: 1px solid #cccccc;
		border-top: 1px solid #cccccc;
		background: White url(cssimages/PBH.jpg) repeat-x;
		text-wrap: normal; 
    		word-wrap: break-word;
		}

.FormSubHeadPanel {
		float: left;
		margin: 0px 0px 0px 0px;
		padding: 0px 10px 0px 10px;
		border-left: 1px solid #cccccc;
		border-right: 1px solid #cccccc;
		border-bottom: 1px solid #cccccc;
		border-top: 1px solid #cccccc;
		background: White url(cssimages/PBH.jpg) repeat-x;
		text-wrap: normal; 
    		word-wrap: break-word;
		}



.FormHeadPanel h2, .FormSubHeadPanel h2 {
		margin: -10px -10px 0px -10px;
		padding: 14px 10px 1px 10px;
		height: 20px;
		font: bold 10pt Arial, Helvetica, sans-serif;
		color: White;
		text-align: left;
		float: left;
		background: transparent;
		}


.FormHeadPanel a:link, .FormHeadPanel a:visited, .FormSubHeadPanel a:link, .FormSubHeadPanel a:visited {
		font: bold 1.2em  Arial, Helvetica, sans-serif;
		Padding: 5px 10px 5px 10px;
		color: White;
		text-decoration: none; 
		border-left: 1px solid #cccccc;
		text-align: right;
		float: right;
		}


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

.JavaButton {
		float: left;
		margin: 0px 15px 0px 0px;
		padding: 0px 10px 10px 10px;
			}


.JavaButton h2 {
		margin: 10px -10px 0px -10px;
		padding: 5px 10px;
		font: bold 10pt Arial, Helvetica, sans-serif;
		color: Gray;
		background: White url(cssimages/VirginL2Heading.jpg) repeat-x;
		border-left: 1px solid #cccccc;
		border-right: 1px solid #cccccc;
		border-bottom: 1px solid #cccccc;
		border-top: 1px solid #cccccc;
		}


.JavaButton h2:hover{
		font: bold 10pt Arial, Helvetica, sans-serif;
		color: White;
		background: DodgerBlue;
		text-decoration: none;
		}

.JavaButton h3	{
		margin: 3px 0px 0px 0px;
		}

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


.FormBody h2 {
		margin: 0px -10px 0px -10px;
		padding: 5px 10px;
		height: 20px;
		font: bold 10pt Arial, Helvetica, sans-serif;
		color: Gray;
		background: White url(cssimages/VirginL2Heading.jpg) repeat-x;
		}	

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

.FormBody .EnquiryPanel {
		padding: 10px 0px 0px 0px;
		}


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


.FormDocument {
		padding: 10px 10px 0px 0px;
		width: 880px;
		float:left;
		height: 290px;
		overflow-x: auto;
		overflow-y: auto;
		text-wrap: normal; 
    		word-wrap: break-word;
		background-color: White;
		}

.FormDocumentMaint {
		padding: 10px 10px 10px 10px;
		margin-top: 0px;
		width: 880px;
		float:left;
		text-wrap: normal; 
    		word-wrap: break-word;
		background-color: White;
		}

.FormJPanel {
		padding: 10px 10px 10px 10px;
		margin-top: 10px;
		width: 880px;
		float:left;
		text-wrap: normal; 
    		word-wrap: break-word;
		background-color: White;
		}


.editfield {
		float: left;
		background: Red;
		height: 17px;
		width: 60px;
		}

.djy1 {
		font: bold 1.2em  Arial, Helvetica, sans-serif;		
		color: DodgerBlue;
		padding: 8px 0px;		
		height: 17px;
		float: left;
		text-align: right;
		margin-bottom: 5px;
		margin-right: 10px;
		vertical-align: middle;
		}

.djy2 {
		font: bold 1.2em  Arial, Helvetica, sans-serif;				
		margin-bottom: 8px;
		margin-top: 2px;
		margin-right: 15px;
		padding: 5px 8px 5px 8px;
		height: 16px;
		float: left;
		background: White;
		border: 1px solid #cccccc;
		}

.FormDocument .EditBar {
		float: left;
		width: 830px;
		margin: 0px 0px 3px 0px;
		padding: 5px 10px 0px 10px;
		border-left: 1px solid #cccccc;
		border-right: 1px solid #cccccc;
		border-bottom: 1px solid #cccccc;
		border-top: 1px solid #cccccc;
		background: WhiteSmoke;
		text-wrap: normal; 
    		word-wrap: break-word;
		}

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

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

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




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

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

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

.NoticePanel p {
		font: bold 9pt  Arial, Helvetica, sans-serif;
		color: DarkGray
		}


.NoticePanel h2 {
		margin: -10px -10px 0px -10px;
		padding: 5px 10px;
		height: 20px;
		font: bold 10pt Arial, Helvetica, sans-serif;
		color: White;
		background: Pink;
		}
.ToolPanel {
		float: left;
		margin: 0px 0px 0px 10px;
		padding: 0px 0px 0px 10px;
		background: White;
		text-wrap: normal; 
    		word-wrap: break-word;
		}


.ToolPanel h2 {
		margin: -10px -10px 0px -10px;
		padding: 5px 10px;
		height: 20px;
		font: bold 10pt Arial, Helvetica, sans-serif;
		color: White;
		background: Pink;
		}


.MaintContent, .MaintNotice {
		padding: 0px 0px 0px 0px;
		width: 390px;
		margin-top: 10px;
		float:Right;
		text-wrap: normal; 
    		word-wrap: break-word;
		background-color: White;
		}


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

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


.MaintNotice p {
		font: bold 9pt  Arial, Helvetica, sans-serif;
		color: DarkGray
		}

.LinkPanel {
		padding: 0px 10px 5px 10px;
		width: 250px;
		float: left;
		background: White;
		margin-top: 0px;
		margin-left: 0px;
		margin-bottom: 10px;
		margin-right: 10px;
		text-decoration: none;
		border-left: 1px solid #cccccc;
		border-right: 1px solid #cccccc;
		border-bottom: 1px solid #cccccc;
		border-top: 1px solid #cccccc;
		}


.LinkPanel a:link, .LinkPanel a:visited  {
		display:inline-block;
		width: 260px;
		font: bold 9pt  Arial, Helvetica, sans-serif;
		color: DeepSkyBlue;
		text-decoration: none; 
		line-height: 2em;
		border-bottom: 1px dotted #cccccc;
		text-align: center;
		padding: 0px 0px;
		margin-bottom: 0px;
		}

.LinkPanel a:hover  {
		font: bold 1.2em  Arial, Helvetica, sans-serif;
		color: White;
		background: DeepSkyBlue;
		line-height: 2em;
		}

.RecordHeaderPanel {
		margin-top: 0px;
		height: 25px;
		float:left;
		text-wrap: normal; 
    		word-wrap: break-word;
		border: 1px solid #cccccc;
		background: White url(cssimages/VirginL2Heading.jpg) repeat-x;
		}

.RecordHeaderPanel h2  {
		padding: 5px 10px 1px 10px;
		height: 20px;
		font: bold 10pt Arial, Helvetica, sans-serif;
		color: Gray;
		text-align: left;
		float: left;
		background: transparent;
		}

.MaintContent h2 {
		margin: 0px 0px 0px 0px;
		padding: 5px 10px;
		font: bold 10pt Arial, Helvetica, sans-serif;
		color: White;
		border: 1px solid #cccccc;
		background: DeepSkyBlue;
		}

.LinkPanel h2 {
		margin: 0px -10px 0px -10px;
		padding: 6px 10px;
		height: 18px;
		font: bold 10pt Arial, Helvetica, sans-serif;
		color: Gray;;
		background: White url(cssimages/VirginL2Heading.jpg) repeat-x;
		text-align: center;
		border: none;
		}




.BarPanel 	{
		margin-top: 10px;
		height: 25px;
		width: 390px;
		float: right;
		text-wrap: normal; 
		display: block;
    		word-wrap: break-word;
		border: 1px solid #cccccc;
		background: White url(cssimages/VirginL2Heading.jpg) repeat-x;
		}

.Logon {
		padding: 0px 20px 25px 20px;
		float: left;
		display: inline;
		text-wrap: normal; 
    		word-wrap: break-word;
		background-color: WhiteSmoke;
		border: 1px solid #cccccc;
		margin: 10px 10px 15px 0;
		width: 396px;
		}

.Logon .pdatalabel {
		height: 17px;
		float: left;
		text-align: right;
		margin-bottom: 15px;
		vertical-align: middle;
		}

.Logon .pdatatext {
		margin-bottom: 15px;
		height: 16px;
		float: left;
		}

.Logon h2 {
		margin: 0px -20px 0px -20px;
		padding: 5px 10px;
		height: 20px;
		font: bold 10pt Arial, Helvetica, sans-serif;
		color: Gray;
		text-align: center;
		background: White url(cssimages/VirginL2Heading.jpg) repeat-x;
		}

.LogonButton  {
		font: bold 9pt  Arial, Helvetica, sans-serif;		
		color: Gray;
		float: Left;
		Width: 70px;
		Height: 28px;
		background: url(cssimages/VirginL2Heading.jpg) no-repeat;
		vertical-align: middle
		}


.DD1 ul, .DD2 ul {
		list-style-type: none;
		}

.DD1 li, .DD2 li {
		position: relative;
		float: left;
		background: White url(cssimages/VirginL2Heading.jpg) repeat-x;
		height: 25px;
		Width: 120px;
		}

/* These settings for DD1(a) and DD2(a) are necessary because top menu item has no link at all now */


.DD1 a, .DD2 a {
		font: bold 1.2em  Arial, Helvetica, sans-serif;
		color: Gray;
		text-decoration: none;
		display: block;
		height: 23px;
		margin-top: 6px;
		margin-bottom: -4px;
		padding: 0px 0px 0px 5px;
		}

.DD1 a:link, .DD1 a:visited, .DD2 a:link, .DD2 a:visited {
		font: bold 1.2em  Arial, Helvetica, sans-serif;
		color: Gray;
		text-decoration: none;
		display: block;
		height: 23px;
		margin-top: 6px;
		margin-bottom: -4px;
		padding: 0px 0px 0px 5px;
		}
	
.DD1 li ul, .DD2 li ul {
		position: absolute;
		left: -10000px;
		}

.DD1 li:hover ul, .DD2 li:hover ul {
		display: block;
		left: 0;
		}

.DD1 li li, .DD2 li li {
		border: 1px solid #cccccc;
		color: White;
		height: 25px;
		Padding: 0px;
		Background: White;
		}


.DD1 li li a:link, .DD1 li li a:visited, .DD2 li li a:link, .DD2 li li a:visited {
		text-transform: none;
		background: White;
		height: 20px;
		margin-top: 0px;
		margin-bottom: 0px;
		padding: 5px 0px 0px 5px;
		}

.DD1 li li a:hover, .DD1 li li a:active, .DD2 li li a:hover, .DD2 li li a:active {
		background: DeepSkyBlue;
		Color: White;
		}

/* These are only differences between DD1 and DD2 */

	
.DD1 li ul 	{
		Width: 200px;
		}


.DD2 li ul 	{
		Width: 340px;
		}


.DD1 li li {
		Width: 200px;
		}

.DD2 li li {
		Width: 168px;
		}


/* End Of Differences */

.LSImage {
  float:left;
  background: url(cssimages/15524.png) no-repeat bottom right !important;
  background: url(cssimages/15523.gif) no-repeat bottom right;
  margin: 15px 25px 0 10px !important;
  margin: 15px 0 0 10px;
}


.RSImage {
  float:Right;
  background: url(cssimages/15524.png) no-repeat bottom right !important;
  background: url(cssimages/15523.gif) no-repeat bottom right;
  margin: 15px 0px 0 15px !important;
  margin: 15px 0 0 10px;
}

 
.LSImage img, .RSImage img {
  position: relative;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  margin: -6px 6px 6px -6px;
  padding: 4px;

}


.SP {
  float:left;
  background: url(cssimages/15524.png) no-repeat bottom right !important;
  background: url(cssimages/15523.gif) no-repeat bottom right;
  margin: 10px 0px 0px 10px !important;
  margin: 10px 0 0 5px;
  display: inline;
}
 

.SP h2 {
  	color: #777;
  	background-color: DeepSkyBlue;
  	font: bold 10pt Arial, Helvetica, sans-serif;
  	color: White;
  	border: 1px solid #a9a9a9;
  	padding: 4px;
  	margin: -6px 6px 6px -6px !important;
  	margin: 0;
	}

.SP p {
  	background-color: Transparent;
  	border: 1px solid #a9a9a9;
  	padding: 4px;
  	margin: -6px 6px 6px -6px !important;
  	margin: 0;
	}


.MP {

	border: 1px solid #cccccc; 
	background-color: Transparent; 
	padding: 10px; 
	margin: 10px 10px 0px 0;
	float:left;
	text-wrap: normal; 
    	word-wrap: break-word;
	background-color: White;
	}

.MP h1 {
	
	font: bold 13pt Calibri, Arial, Helvetica, sans-serif;
	color: #00b0f0;
	margin: 0px 0px 0px 3px;
	}

.MP h3 {
	margin: -10px -10px -0px -10px;
	padding: 6px 10px;
	height: 18px;
	font: bold 10pt Arial, Helvetica, sans-serif;
	color: Gray;
	background: White url(cssimages/VirginL2Heading.jpg) repeat-x;
	}


.MP h4 {
	margin: -10px -10px 0px -10px;
	padding: 6px 10px;
	height: 20px;
	font: bold 10pt Arial, Helvetica, sans-serif;
	color: White;
	background: Transparent url(cssimages/PBH.jpg) repeat-x;
	text-align: center;
	}

.MP p	{
	margin-top: 8px;
	}

.MP .LSImage {
  margin: 15px 10px 0 10px !important;
  margin: 15px 0 0 10px;
	}

/* New PMenuPanel */

.PMenuPanel {
		padding: 0px 10px 5px 10px;
		width: 250px;
		float: left;
		background: White;
		margin-top: 0px;
		margin-left: 0px;
		margin-bottom: 10px;
		margin-right: 10px;
		text-decoration: none;
		border-left: 1px solid #cccccc;
		border-right: 1px solid #cccccc;
		border-bottom: 1px solid #cccccc;
		border-top: 1px solid #cccccc;
		}


.PMenuPanel a:link, .PMenuPanel a:visited  {
		display:inline-block;
		width: 260px;
		font: bold 9pt  Arial, Helvetica, sans-serif;
		color: DeepSkyBlue;
		text-decoration: none; 
		line-height: 2em;
		border-bottom: 1px dotted #cccccc;
		text-align: center;
		padding: 0px 0px;
		margin-bottom: 0px;
		}

.PMenuPanel a:hover  {
		font: bold 1.2em  Arial, Helvetica, sans-serif;
		color: White;
		background: DeepSkyBlue;
		line-height: 2em;
		}

.PMenuPanel h2 {
		margin: 0px -10px 0px -10px;
		padding: 6px 10px;
		height: 18px;
		font: bold 10pt Arial, Helvetica, sans-serif;
		color: Gray;;
		background: White url(cssimages/VirginL2Heading.jpg) repeat-x;
		text-align: center;
		border: none;
		}

img.PMBoxImage {
		display: block;		
		margin-left: auto;
		margin-right: auto;
		margin-top: 5px;
		margin-bottom: 5px
		}

/* End Of New PMenuPanel */


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