/* CSS Document */

/* start TAG re-styling */

body {
margin: 3px 0px 0px 0px;
padding: 0px;
background-color:#004976;
}

/* END TAG re-styling */


/* -------------------------------------------------------------*/
/* -------------------------------------------------------------*/
/* -------------------------------------------------------------*/


/* start POSITIONAL layers */

/* container for whole page */ 
#pageWrapper{
margin: 10px auto 0px auto;
padding: 0px;
width: 968px;
}


/* -------------------------------------------------------------*/
/* Top Block (generic) elements below */
/* -------------------------------------------------------------*/

/* layer for logo */ 
#logo {
margin: 0px 0px 0px 750px;
position: absolute;
padding: 0px;

}/* layer for printLogo */ 
#printLogo {
display: none;
}

img {
border: 0px;
}

#logo img {
border: 0px;
}

/* -------------------------------------------------------------*/
/* Woman on rock TEXT Block Elements */
/* -------------------------------------------------------------*/


/* container for top block image */ 
#textBlockTop1{
margin: 0px;
position: relative;
padding: 0px;
width: 100%;
height: 153px;
background-image: url(../../images/womanOnRockTop.jpg);
background-repeat:no-repeat;
}

/* container for top slice of bottom block image */ 
#textBlockBottom1{
margin: 0px;
clear: both;
position: relative;
padding: 0px;
width: 100%;
height: 52px;
background-image: url(../../images/womanOnRockBottom.jpg);
background-repeat:no-repeat;
}


/* layer for contactBlock */ 
#contactBlock1{
margin: 8px 0px 0px 30px;
position: absolute;
padding: 0px;
font: bold 100% Arial, Helvetica, sans-serif;
color: #EDB5A8; /* change this colour to compliment image */
}

/* contactBlock link styling */ 
#contactBlock1 a:link, #contactBlock1 a:visited, #contactBlock1 a:active {
font: bold 100% Arial, Helvetica, sans-serif;
color: #EDB5A8; /* change this colour to compliment image */
text-decoration: underline;
}

/* contactBlock link styling */ 
#contactBlock1 a:hover  {
font: bold 100% Arial, Helvetica, sans-serif;
color: #EDB5A8; /* change this colour to compliment image */
text-decoration: none;
}


/* layer for HOME contact form */ 
#contactForm1{
margin: 8px 0px 0px 155px;
position: absolute;
padding: 0px;
}


/* form styling for HOME contactBlock */ 
#contactForm1 form{
margin: 0px;
padding: 0px;
}

/* form styling for HOME contactBlock TEXTBOX */ 
#contactForm1 form input.txt{
margin: 0px;
padding: 0px 0px 0px 5px;
border: 0px;
font: bold 100% Arial, Helvetica, sans-serif;
color: #FFF;
background-color: #EDB5A8;
height: 20px;
}

/* form styling for HOME contactBlock GO button */ 
#contactForm1 form input.btn{
margin: 0px;
padding: 0px;
border: 0px;
font: bold 95% Arial, Helvetica, sans-serif;
color: #FFF;
background-color: #EDB5A8;
height: 20px;
}

/* contactBlock1 HOME Heading Layer */ 
#contactBlockHead1 {
position: absolute;
margin: 117px 0px 0px 30px;
padding: 0px;
border: 0px;
}

/* contactBlock1 HOME H1 styling */ 
#contactBlockHead1 h1 {
font: bold 105% Arial, Helvetica, sans-serif;
color: #EDB5A8;
}


/* -------------------------------------------------------------*/
/* man with laptop TEXT Block Elements */
/* -------------------------------------------------------------*/


/* container for top block image */ 
#textBlockTop2{
margin: 0px;
position: relative;
padding: 0px;
width: 100%;
height: 153px;
background-image: url(../../images/manWithLaptopTop.jpg);
background-repeat:no-repeat;
}

/* container for top slice of bottom block image */ 
#textBlockBottom2{
margin: 0px;
clear: both;
position: relative;
padding: 0px;
width: 100%;
height: 52px;
background-image: url(../../images/manWithLaptopBottom.jpg);
background-repeat:no-repeat;
}


/* layer for contactBlock */ 
#contactBlock2{
margin: 8px 0px 0px 30px;
position: absolute;
padding: 0px;
font: bold 100% Arial, Helvetica, sans-serif;
color: #BFABA2; /* change this colour to compliment image */
}

/* contactBlock link styling */ 
#contactBlock2 a:link, #contactBlock2 a:visited, #contactBlock2 a:active {
font: bold 100% Arial, Helvetica, sans-serif;
color: #BFABA2; /* change this colour to compliment image */
text-decoration: underline;
}

/* contactBlock link styling */ 
#contactBlock2 a:hover  {
font: bold 100% Arial, Helvetica, sans-serif;
color: #BFABA2; /* change this colour to compliment image */
text-decoration: none;
}


/* layer for HOME contact form */ 
#contactForm2{
margin: 8px 0px 0px 155px;
position: absolute;
padding: 0px;
}


/* form styling for HOME contactBlock */ 
#contactForm2 form{
margin: 0px;
padding: 0px;
}

/* form styling for HOME contactBlock TEXTBOX */ 
#contactForm2 form input.txt{
margin: 0px;
padding: 0px 0px 0px 5px;
border: 0px;
font: bold 100% Arial, Helvetica, sans-serif;
color: #FFF;
background-color: #D3C9C0;
height: 20px;
}

/* form styling for HOME contactBlock GO button */ 
#contactForm2 form input.btn{
margin: 0px;
padding: 0px;
border: 0px;
font: bold 95% Arial, Helvetica, sans-serif;
color: #FFF;
background-color: #D3C9C0;
height: 20px;
}

/* contactBlock1 HOME Heading Layer */ 
#contactBlockHead2 {
position: absolute;
margin: 117px 0px 0px 30px;
padding: 0px;
border: 0px;
}

/* contactBlock1 HOME H1 styling */ 
#contactBlockHead2 h1 {
font: bold 105% Arial, Helvetica, sans-serif;
color: #9F8C8C;
}

/* -------------------------------------------------------------*/
/* Man with hat TEXT Block Elements */
/* -------------------------------------------------------------*/


/* container for top block image */ 
#textBlockTop3{
margin: 0px;
position: relative;
padding: 0px;
width: 100%;
height: 153px;
background-image: url(../../images/manWithHatTop.jpg);
background-repeat:no-repeat;
}

/* container for top slice of bottom block image */ 
#textBlockBottom3{
margin: 0px;
clear: both;
position: relative;
padding: 0px;
width: 100%;
height: 52px;
background-image: url(../../images/manWithHatBottom.jpg);
background-repeat:no-repeat;
}


/* layer for contactBlock */ 
#contactBlock3{
margin: 8px 0px 0px 30px;
position: absolute;
padding: 0px;
font: bold 100% Arial, Helvetica, sans-serif;
color: #C7D8EB; /* change this colour to compliment image */
}

/* contactBlock link styling */ 
#contactBlock3 a:link, #contactBlock3 a:visited, #contactBlock3 a:active{
font: bold 100% Arial, Helvetica, sans-serif;
color: #C7D8EB; /* change this colour to compliment image */
text-decoration: underline;
}

/* contactBlock link styling */ 
#contactBlock3 a:hover  {
font: bold 100% Arial, Helvetica, sans-serif;
color: #C7D8EB; /* change this colour to compliment image */
text-decoration: none;
}


/* layer for HOME contact form */ 
#contactForm3{
margin: 8px 0px 0px 155px;
position: absolute;
padding: 0px;
}


/* form styling for HOME contactBlock */ 
#contactForm3 form{
margin: 0px;
padding: 0px;
}

/* form styling for HOME contactBlock TEXTBOX */ 
#contactForm3 form input.txt{
margin: 0px;
padding: 0px 0px 0px 5px;
border: 0px;
font: bold 100% Arial, Helvetica, sans-serif;
color: #FFF;
background-color: #C7D8EB;
height: 20px;
}

/* form styling for HOME contactBlock GO button */ 
#contactForm3 form input.btn{
margin: 0px;
padding: 0px;
border: 0px;
font: bold 95% Arial, Helvetica, sans-serif;
color: #FFF;
background-color: #C7D8EB;
height: 20px;
}

/* contactBlock1 HOME Heading Layer */ 
#contactBlockHead3 {
position: absolute;
margin: 117px 0px 0px 30px;
padding: 0px;
border: 0px;
}

/* contactBlock1 HOME H1 styling */ 
#contactBlockHead3 h1 {
font: bold 105% Arial, Helvetica, sans-serif;
color: #C7D8EB;
}

/* -------------------------------------------------------------*/
/* Man in deck chair HOME Block Elements */
/* -------------------------------------------------------------*/


/* container for top block image */ 
#topBlockHome{
margin: 0px;
position: relative;
padding: 0px;
width: 100%;
height: 153px;
background-image: url(../../images/maximaPlcHomeTop.jpg);
background-repeat:no-repeat;
}

/* layer for contactBlock */ 
#contactBlockHome{
margin: 8px 0px 60px 30px;
position: absolute;
padding: 0px;
}

/* contactBlock link styling */ 
#contactBlockHome a:link, #contactBlockHome a:visited, #contactBlockHome a:active {
font: bold 100% Arial, Helvetica, sans-serif;
color: #004976; /* change this colour to compliment image */
text-decoration: underline;
}

/* contactBlock link styling */ 
#contactBlockHome a:hover {
font: bold 100% Arial, Helvetica, sans-serif;
color: #004976; /* change this colour to compliment image */
text-decoration: none;
}


/* layer for HOME contact form */ 
#contactFormHome{
margin: 8px 0px 0px 155px;
position: absolute;
padding: 0px;
}


/* form styling for HOME contactBlock */ 
#contactFormHome form{
margin: 0px;
padding: 0px;
}

/* form styling for HOME contactBlock TEXTBOX */ 
#contactFormHome form input.txt{
margin: 0px;
padding: 0px 0px 0px 5px;
border: 0px;
font: bold 100% Arial, Helvetica, sans-serif;
color: #FFF;
background-color: #53B0E3;
height: 20px;
}

/* form styling for HOME contactBlock GO button */ 
#contactFormHome form input.btn{
margin: 0px;
padding: 0px;
border: 0px;
font: bold 95% Arial, Helvetica, sans-serif;
color: #FFF;
background-color: #53B0E3;
height: 20px;
}

/* contactBlock1 HOME Heading Layer */ 
#contactBlockHeadHome {
position: absolute;
margin: 120px 0px 0px 30px;
padding: 0px;
border: 0px;
}

/* contactBlock1 HOME H1 styling */ 
#contactBlockHeadHome h1 {
font: bold 105% Arial, Helvetica, sans-serif;
color: #004976;
}

/* -------------------------------------------------------------*/
/* Navigation elements below */
/* -------------------------------------------------------------*/


/* container for NAVIGATION is within navigation section at bottom of page */


/* -------------------------------------------------------------*/
/* TEXT PAGE - content area elements below */
/* -------------------------------------------------------------*/

/* container for main white content area */ 
#textContentMain{
margin: 0px 0px 0px 0px;
overflow: auto;
position: relative;
padding: 20px 0px 20px 0px;
width: 968px;
height: 100%;
background-color: #FFF;
}

/* layer for TEXT page heading LEFT */
#mainTextHeadingLeft {
position: relative;
margin: 1px 0px 0px 0px;
padding: 0px;
float: left;
} 

/* styling of H1 for #mainTextHeading LEFT */
#mainTextHeadingLeft h1 {
margin: 0px;
padding: 0px;
font: bold 110% Arial, Helvetica, sans-serif;
color: #004976;
}

 /* layer for TEXT page PINK separator */
#mainTextHeadingPink {
position: relative;
margin: 0px;
padding: 0px;
float: left;
} 

/* styling of H1 for #mainTextHeadingPink */
#mainTextHeadingPink h1 {
margin: 0px 0px 0px 5px;
padding: 0px;
font: 110% Arial, Helvetica, sans-serif;
color: #F0027F;
}

/* layer for TEXT page heading RIGHT */
#mainTextHeadingRight {
position: relative;
margin: 1px 0px 0px 5px;
padding: 0px;
float: left;
} 

/* styling of H1 for #mainTextHeading RIGHT */
#mainTextHeadingRight h1 {
margin: 0px;
padding: 0px;
font: 110% Arial, Helvetica, sans-serif;
color: #004976;
} 

/* Style for Links in breadcrumb links */
.bc a:link, a:visited {
color: #004976;
text-decoration: none;
}

/* layer for wrapping all inner content of TEXT page H1 heading */
#textInnerH1Wrapper {
margin: 0px 0px 20px 70px;
width: 898px;
}

/* layer for wrapping all inner content of TEXT page */
#textInnerContentWrapper {
position: relative;
clear: both;
margin: 25px 0px 0px 70px;
width: 898px;
}




/* ------------------------------------------*/
/* ------------------------------------------*/

/* layer for displaying sublinks of a section (to LEFT of main text) */
#subLinkLayer {
margin: 0px 20px 0px 0px;
padding: 0px;
position: relative;
width: 141px;
/* height: 50px; jxa */
float: left;

}

#subLinkCornerTop {
margin: 0px;
padding: 0px;
background-image:url(../../images/subLinksRounded.gif);
background-repeat:no-repeat;
height: 17px;
}

#subLinkCornerContent {
margin: 0px 0px -10px 0px;
padding: 5px 10px 0px 10px;
text-align: right;
font: bold 90% "Arial"; /* JXA */
color: #999;
background-image: url(../../images/subLinksLeftRight1pix.gif);
background-repeat: repeat-y;
}

#subLinkCornerContent a:link, #subLinkCornerContent a:visited, #subLinkCornerContent a:active {
/* font: bold 100% "Arial"; JXA */
color: #999;
text-decoration: none;
}

#subLinkCornerContent a:hover  {
/* font: bold 100% "Arial"; JXA */
color: #004976;
text-decoration: none;
}



#subLinkCornerContent p {
margin: 10px 0px 10px 0px;
}

#subLinkCornerBottom {
margin: 0px;
padding: 0px;
background-image: url(../../images/subLinksRoundedBottom.gif);
background-repeat:no-repeat;
height: 17px;
}

/* ------------------------------------------*/
/* ------------------------------------------*/


/* layer for displaying quotes/images of a section (to RIGHT of main text) */
#quotesLayer {
margin: 0px 0px 0px 12px;
position: relative;
width: 161px;
/* height: 50px; jxa */
float: left;
font: 75% Arial, Helvetica, sans-serif;
color: #F0027F;
font-style: italic;
line-height: 230%;
}

.quotes66 {
font: bold 180% "Times New Roman", Times, serif;
color: #F0027F;
}



/* ------------------------------------------*/
/* ------------------------------------------*/


/* layer for displaying quotes/images of a section (to RIGHT of main text) */
#contentLayer {
margin: 0px;
padding: 0px 15px 0px 15px;
position: relative;
width: 489px;
float: left;
font: 80% Arial, Helvetica, sans-serif;
/* line-height: 180%; */
line-height: 150%;
color: #004976;
/* border-right: 2px dotted #999; jxa */
text-align: justify; /* JXA Addition */
}

#contentLayer700 
{
  margin: 0px;
  padding: 0px 0px 0px 0px;
  position: relative;
  width: 700px;
  float: left;
  font: 80% Arial, Helvetica, sans-serif;
  line-height: 150%;
  color: #004976;
/* border-right: 2px dotted #999; */
}

/* JXA Addition */
#contentLayer700 {
text-align: justify;
}

#contentLayer a:link, #contentLayer a:visited, #contentLayer a:active {
font: 100% Arial, Helvetica, sans-serif;
color: #004976;
text-decoration: underline;
}

#contentLayer a:hover {
font: 100% Arial, Helvetica, sans-serif;
color: #004976;
text-decoration: none;
}

/* start - Rounded Corners - Intellect Auto Call Logging */
#contentLayer700UpperLeftCorner
{
  background-image: url('../../images/serviceUpperLeft_1.gif');
  background-repeat:no-repeat;
  width: 12px;
  /*background-color : #446FB3;*/
  background-position : top left;
  padding-left: 10px;
}

#contentLayer700UpperRightCorner
{
    background-image: url('../../images/serviceUpperRight_1.gif');
    background-repeat:no-repeat;
    background-position: top right;
}

#contentLayer700LowerLeftCorner
{
	background-image : url('../../images/serviceLowerLeft_1.gif');
	background-repeat : no-repeat;
	background-position : bottom left;
}

#contentLayer700LowerRightCorner
{
	background-image : url('../../images/serviceLowerRight_1.gif');
	background-repeat : no-repeat;
	background-position : bottom right;
	padding : 20px 20px 20px 20px;;
}

#contentLayer700 p 
{
	margin: 0 2px;
}
/* end Rounded Corners - Intellect Auto Call Logging */

img.corner 
{
   width: 15px;
   height: 15px;
   border: 0;
   display: block !important;
}

/* layer for text pages round corners for bottom of content */ 
#textContentRounded{
margin: 0px;
clear: both;
position: relative;
padding: 0px;
width: 100%;
height: 35px;
background-image: url('../../images/textRoundedBottom.gif');
background-repeat:no-repeat;
}





/* -------------------------------------------------------------*/
/* Bottom Block elements below */
/* -------------------------------------------------------------*/


/* container for bottom block image */ 
#bottomBlockHome{
margin: 0px;
clear: both;
position: relative;
padding: 30px 0px 0px 0px;
width: 100%;
height: 362px;
background-image: url(../../images/maximaPlcHomeBottom.jpg);
background-repeat:no-repeat;
}

/* bottom block Maxima plc heading layer */
#bottomBlockHeading{
margin: 0px 0px 0px 410px;
position: relative;
padding: 0px;
width: 300px;
font: 110% Arial, Helvetica, sans-serif;
line-height: 150%;
color: #004976;
}

/* bottom block Maxima plc heading layer H1 */
#bottomBlockHeading h1{
margin: 0px 0px 10px 0px;
font: bold 160% Arial, Helvetica, sans-serif;
color: #004976;
}

/* bottom block Maxima plc heading layer MAGENTA text syling */
.bottomBlockMagentaText{
font: bold 120% Arial, Helvetica, sans-serif;
/* color: #F0027F; */
color: #FFFFFF;
}


/* -------------------------------------------------------------*/
/* NEWS Block elements below */
/* -------------------------------------------------------------*/



/* container for text of NEWS block */ 
#bottomBlockNews{
margin: -206px 0px 20px 770px;
position: relative;
padding: 0px;
width: 154px;
height: 220px;
text-align: left;
font: 85% Arial, Helvetica, sans-serif;
color: #004976;
}

/* link styles for NEWS block */
#bottomBlockNews a:link, #bottomBlockNews a:visited, #bottomBlockNews a:active{
font: 110% Arial, Helvetica, sans-serif;
color: #004976;
text-decoration: underline;
}

/* link styles for NEWS block */
#bottomBlockNews a:hover {
font: 110% Arial, Helvetica, sans-serif;
color: #004976;
text-decoration: none;
}

/* image margin setting for bottomBlockNews  */ 
#bottomBlockNews img{
margin: 5px 0px 5px 0px;
padding: 0px;
}

/* positional layer for NEWS heading */ 
#bottomBlockHead{
margin: 0px;
position: relative;
padding: 0px;
width: 100%;
text-align: center;
font: 95% Arial, Helvetica, sans-serif;
color: #004976;
}

#bottomBlockHead h1{
margin: 0px;
position: relative;
padding: 0px;
width: 100%;
text-align: center;
font: bold 120% Arial, Helvetica, sans-serif;
color: #004976;
}

/* NEWS block H1 */ 
#bottomBlockNews h1 a:link, #bottomBlockNews h1 a:visited, #bottomBlockNews h1 a:active{
text-align: center;
font: Bold 60% Arial, Helvetica, sans-serif;
color: #004976;
text-decoration: underline;
}

#bottomBlockNews h1 a:hover {
text-align: center;
font: Bold 60% Arial, Helvetica, sans-serif;
color: #004976;
text-decoration: none;
}


/* -------------------------------------------------------------*/
/* QUICK LINKS Block elements below */
/* -------------------------------------------------------------*/


/* quick links HOME layer */
#quickLinksHome {
margin: 10px 0px 0px 30px;
position: absolute;
padding: 0px;
text-align: left;
font: 80% Arial, Helvetica, sans-serif;
color: #004976;
top: 305px;  /* JXA Addition */
}

#quickLinksHome p {
margin: 5px 0px 0px 0px;
}

.blue a:link, .blue a:visited, .blue a:active{
font: bold 110% Arial, Helvetica, sans-serif;
color: #004976;
text-decoration: underline;
}

.blue a:hover  {
font: bold 110% Arial, Helvetica, sans-serif;
color: #004976;
text-decoration: none;
}

/* style for pink links in quick links area */
.pink a:link, .pink a:visited, .pink a:active {
font: bold 110% Arial, Helvetica, sans-serif;
color: #F0027F;
text-decoration: underline;
}

.pink a:hover {
font: bold 110% Arial, Helvetica, sans-serif;
color: #F0027F;
text-decoration: none;
}


/* partner logos HOME layer */
#partnerLogosHome {
margin: 2px 0px 0px 760px;
position: absolute;
padding: 0px;
top: 305px; /* JXA Addition */
}

/* Partner Logos URL jxa */
#partnerLogoLink a:link, a:visited {
text-decoration: none;
}

/* Partner Logos URL jxa */
#partnerLogo {
border: 0px, 0px, 0px, 0px;
border-color: #FFFFFF;
}

.partnerLogoKiosk {
border: 0px, 0px, 0px, 0px;
padding-left: 15px;
border-color: #FFFFFF;
float: right;
}

.partnerLogoUKOUG {
border: 0px, 0px, 0px, 0px;
padding-left: 15px;
border-color: #FFFFFF;
float: right;
}


/* END POSITIONAL layers */



/* start CLASSES styling */



/* END CLASSES styling */



/* -------------------------------------------------------------*/
/* -------------------------------------------------------------*/
/* -------------------------------------------------------------*/



/* start NAVIGATION styling */

#navHolder {
z-index: 5;
position: relative;
margin: 0px 0px 0px 0px;
width: 100%;	
font: bold 85% Arial, Helvetica, sans-serif;
/* letter-spacing: 0.09em; */
}

#nav, #nav ul {
list-style: none;
padding: 0px;
margin: 0px;
width: 968px;
text-align: left;
}

#nav li {
float: left;
margin: 0px;
padding: 0px;
}

/* top level navigation styling */ #nav a {
display: block;
background-color:#004976;
} 


#nav a:link, #nav a:visited, #nav a:active {
display: block;
padding: 10px 0px 12px 30px;
color: #FFF;
text-decoration: none;
}

#nav a:hover  {
color: #F0027F;
text-decoration: none;
}

/* second level navigation styling */#nav li ul {
font: bold 95% Arial, Helvetica, sans-serif;
/* letter-spacing: 0.09em; */
position: absolute;
left: -999em;
height: auto;
width: 10em;
margin: 0px 0px 0px 20px;
}

#nav li ul a:link, #nav li ul a:visited {
color: #66CCCC;
text-decoration: none;
background-color:#004976;
padding: 5px 10px 5px 10px;
}

#nav li ul li ul {
font: bold 80% Verdana, Arial, Helvetica, sans-serif;
letter-spacing: 0.09em;
color: #82BFFD;
position: absolute;
left: -999em;
height: auto;
width: 8em;
margin: 0px 0px 0px 7.3em;
background-color: #004976;
}

#nav li ul li ul li a:link, #nav li ul li ul li a:visited, #nav li ul li ul li a:active {
font: bold 80% Verdana, Arial, Helvetica, sans-serif;
letter-spacing: 0.09em;
display: block;
padding: 5px 20px 5px 10px;
background-color: #CCC;
}

#nav li ul li ul li a:hover  {
font: bold 80% Verdana, Arial, Helvetica, sans-serif;
letter-spacing: 0.09em;
color: #FFF;
padding: 5px 20px 5px 10px;
background-color: #F0027F;
}



#nav li ul li ul a:link, #nav li ul li ul a:visited, #nav li ul a:active {
color: #000;
text-decoration: none;
background-color:#CCC;
padding: 5px 10px 5px 10px;
}

#nav li ul a:hover  {
color: #FFF;
text-decoration: none;
background-color: #F0027F;
}

#nav li li {
padding: 0px;
width: 9em;
}

#nav li ul a {
padding: 3px 5px 3px 5px;
width: 9em;
}

#nav li ul ul {
margin: -1.75em 0px 0px 10em;
}

#nav li:hover ul ul, #nav li.sfhover ul ul {
left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul {
left: auto;
}


/* END NAVIGATION styling */


/* copyright text */
#copyright {
margin: 5px 0px 0px 30px;
padding: 0px;
font: bold 60% Arial, Helvetica, sans-serif;
color: #ccc;
}

#copyright a:link, #copyright a:visited, #copyright a:active {
font: bold 100% Arial, Helvetica, sans-serif;
color: #ccc;
text-decoration: underline;
}

#copyright a:hover {
font: bold 100% Arial, Helvetica, sans-serif;
color: #ccc;
text-decoration: none;
}

/* JXA addition BEGIN */

/* BEGIN Style for Expanding / Contracting Outline */
.outline {
margin: 0px 0px 0px 26px;
}

#outlineLayer h4 {
border: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
margin: 5px 0px 7px 10px;
font-size: 100%;
cursor: pointer;
}

#outlineLayer img {
/* border: 0px 0px 0px 0px; */
/* padding: 0px 0px 0px 0px; */
margin: 0px 0px 0px 0px;
cursor: pointer;
}

.newsDate {
font: bold 110% Arial, Helvetica, sans-serif;
}

.editorsNotes p {
text-align: right;
}

/* END Style for Expanding / Contracting Outline */


/* BEGIN Styles for Course Booking */
#courses {
border-top: 1px solid #eeeeee;
width: 450px;
height: 27px;
/* vertical-align: middle; */
padding: 9px 0px 0px 0px;
margin: 0px 0px 0px 0px;
border: 0px 0px 0px 0px;
}

#courseUl {
list-style: none;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
border: 0px 0px 0px 0px;
}

#tickBox {
float: left;
width: 25px;
}

#courseTitle {
float: left;
width: 210px;
}

#cDays {
float: left;
width: 50px;
}

#courseDuration {
float: left;
width: 120px;
}

#ieBugFix {
font-size: 0.6em;
visibility: hidden;
}
/* END Styles for Course Booking */

/* BEGIN Pseudo Table */
#pseudoTableC1, #pseudoTableC2, #pseudoTableC3 {
float: left;
width: 150px;
text-align: left;
border: 0px 5px 0px 0px;
margin: 0px 0px 0px 0px;
padding: 0px 5px 0px 0px;
}

#pseudoTableC1 ul, #pseudoTableC2 ul, #pseudoTableC3 ul{
margin: 0px 0px 0px 0px;
padding: 15px 0px 0px 20px;
}

#ptHeader {
width: 90%;
height: 30px;
font: bold 110% Arial, Helvetica, sans-serif;
}
/* END Pseudo Table */

/* BEGIN Contact Form */
#contactLHS {
float: left;
}

#contactLHS, #contactRHS {
width: 300px;
padding: 0px, 0px, 0px, 0px;
}

#contactLHS, #contactRHS {
margin: 0px 0px 0px 0px;
}

#contactLHS p, #contactRHS p {
margin: 10px 0px 0px 0px;
}

#contactLHS label, #contactRHS label {
width: 80px;
height: 30px;
float: left;
text-align: right;
margin: 0px 0px 0px 0px;
}

#contactLHS select {
margin: 0px 0px 0px 5px;
width: 170px;
}

#contactLHS input, #contactLHS textarea, #contactRHS input {
margin: 0px 0px 0px 5px;
width: 165px;
border: 1px,  1px, 1px, 1px;
}

#contactLHS .contactButton {
margin: 20px 0px 0px 5px;
width: 90px;
}

#contactRHS select {
margin: 0px 0px 0px 5px;
width: 170px;
}

#contactLHS #ibRequest {
height: 148px;
overflow: auto;
}
/* END Contact Form */

.partnerLogo, .partnerLogo2 {
float: right;
}

/* JXA addition END */

/* JXA Begin styles for new images */

/* -------------------------------------------------------------*/
/* 4 TEXT Block Elements */
/* -------------------------------------------------------------*/


/* container for top block image */ 
#textBlockTop4{
margin: 0px;
position: relative;
padding: 0px;
width: 100%;
height: 153px;
background-image: url(../../images/kLandscapeTop1.jpg);
background-repeat:no-repeat;
}

/* container for top slice of bottom block image */ 
#textBlockBottom4{
margin: 0px;
clear: both;
position: relative;
padding: 0px;
width: 100%;
height: 52px;
background-image: url(../../images/kLandscapeBottom1.jpg);
background-repeat:no-repeat;
}


/* layer for contactBlock */ 
#contactBlock4{
margin: 8px 0px 0px 30px;
position: absolute;
padding: 0px;
font: bold 100% Arial, Helvetica, sans-serif;
color: #FFF; /* change this colour to compliment image */
}

/* contactBlock link styling */ 
#contactBlock4 a:link, #contactBlock4 a:visited, #contactBlock4 a:active {
font: bold 100% Arial, Helvetica, sans-serif;
color: #FFF; /* change this colour to compliment image */
text-decoration: underline;
}

/* contactBlock link styling */ 
#contactBlock4 a:hover  {
font: bold 100% Arial, Helvetica, sans-serif;
color: #FFF; /* change this colour to compliment image */
text-decoration: none;
}


/* layer for HOME contact form */ 
#contactForm4{
margin: 8px 0px 0px 155px;
position: absolute;
padding: 0px;
}


/* form styling for HOME contactBlock */ 
#contactForm4 form{
margin: 0px;
padding: 0px;
}

/* form styling for HOME contactBlock TEXTBOX */ 
#contactForm4 form input.txt{
margin: 0px;
padding: 0px 0px 0px 5px;
border: 0px;
font: bold 100% Arial, Helvetica, sans-serif;
color: #FFF;
background-color: #E9B77A;
height: 20px;
}

/* form styling for HOME contactBlock GO button */ 
#contactForm4 form input.btn{
margin: 0px;
padding: 0px;
border: 0px;
font: bold 95% Arial, Helvetica, sans-serif;
color: #FFF;
background-color: #E9B77A;
height: 20px;
}

/* contactBlock1 HOME Heading Layer */ 
#contactBlockHead4 {
position: absolute;
margin: 117px 0px 0px 30px;
padding: 0px;
border: 0px;
}

/* contactBlock1 HOME H1 styling */ 
#contactBlockHead4 h1 {
font: bold 105% Arial, Helvetica, sans-serif;
color: #FFF;
}

/* -------------------------------------------------------------*/
/* 5 TEXT Block Elements */
/* -------------------------------------------------------------*/


/* container for top block image */ 
#textBlockTop5{
margin: 0px;
position: relative;
padding: 0px;
width: 100%;
height: 153px;
background-image: url(../../images/kLandscapeTop2.jpg);
background-repeat:no-repeat;
}

/* container for top slice of bottom block image */ 
#textBlockBottom5{
margin: 0px;
clear: both;
position: relative;
padding: 0px;
width: 100%;
height: 52px;
background-image: url(../../images/kLandscapeBottom2.jpg);
background-repeat:no-repeat;
}


/* layer for contactBlock */ 
#contactBlock5{
margin: 8px 0px 0px 30px;
position: absolute;
padding: 0px;
font: bold 100% Arial, Helvetica, sans-serif;
color: #FFF; /* change this colour to compliment image */
}

/* contactBlock link styling */ 
#contactBlock5 a:link, #contactBlock5 a:visited, #contactBlock5 a:active {
font: bold 100% Arial, Helvetica, sans-serif;
color: #FFF; /* change this colour to compliment image */
text-decoration: underline;
}

/* contactBlock link styling */ 
#contactBlock5 a:hover  {
font: bold 100% Arial, Helvetica, sans-serif;
color: #FFF; /* change this colour to compliment image */
text-decoration: none;
}


/* layer for HOME contact form */ 
#contactForm5{
margin: 8px 0px 0px 155px;
position: absolute;
padding: 0px;
}


/* form styling for HOME contactBlock */ 
#contactForm5 form{
margin: 0px;
padding: 0px;
}

/* form styling for HOME contactBlock TEXTBOX */ 
#contactForm5 form input.txt{
margin: 0px;
padding: 0px 0px 0px 5px;
border: 0px;
font: bold 100% Arial, Helvetica, sans-serif;
color: #FFF;
background-color: #BE7B61;
height: 20px;
}

/* form styling for HOME contactBlock GO button */ 
#contactForm5 form input.btn{
margin: 0px;
padding: 0px;
border: 0px;
font: bold 95% Arial, Helvetica, sans-serif;
color: #FFF;
background-color: #BE7B61;
height: 20px;
}

/* contactBlock5 HOME Heading Layer */ 
#contactBlockHead5 {
position: absolute;
margin: 117px 0px 0px 30px;
padding: 0px;
border: 0px;
}

/* contactBlock5 HOME H1 styling */ 
#contactBlockHead5 h1 {
font: bold 105% Arial, Helvetica, sans-serif;
color: #FFF;
}

/* -------------------------------------------------------------*/
/* 6 TEXT Block Elements */
/* -------------------------------------------------------------*/


/* container for top block image */ 
#textBlockTop6{
margin: 0px;
position: relative;
padding: 0px;
width: 100%;
height: 153px;
background-image: url(../../images/kLandscapeTop3.jpg);
background-repeat:no-repeat;
}

/* container for top slice of bottom block image */ 
#textBlockBottom6{
margin: 0px;
clear: both;
position: relative;
padding: 0px;
width: 100%;
height: 52px;
background-image: url(../../images/kLandscapeBottom3.jpg);
background-repeat:no-repeat;
}


/* layer for contactBlock */ 
#contactBlock6{
margin: 8px 0px 0px 30px;
position: absolute;
padding: 0px;
font: bold 100% Arial, Helvetica, sans-serif;
color: #FFF; /* change this colour to compliment image */
}

/* contactBlock link styling */ 
#contactBlock6 a:link, #contactBlock6 a:visited, #contactBlock6 a:active {
font: bold 100% Arial, Helvetica, sans-serif;
color: #FFF; /* change this colour to compliment image */
text-decoration: underline;
}

/* contactBlock link styling */ 
#contactBlock6 a:hover  {
font: bold 100% Arial, Helvetica, sans-serif;
color: #FFF; /* change this colour to compliment image */
text-decoration: none;
}


/* layer for HOME contact form */ 
#contactForm6{
margin: 8px 0px 0px 155px;
position: absolute;
padding: 0px;
}


/* form styling for HOME contactBlock */ 
#contactForm6 form{
margin: 0px;
padding: 0px;
}

/* form styling for HOME contactBlock TEXTBOX */ 
#contactForm6 form input.txt{
margin: 0px;
padding: 0px 0px 0px 5px;
border: 0px;
font: bold 100% Arial, Helvetica, sans-serif;
color: #FFF;
background-color: #D7A693;
height: 20px;
}

/* form styling for HOME contactBlock GO button */ 
#contactForm6 form input.btn{
margin: 0px;
padding: 0px;
border: 0px;
font: bold 95% Arial, Helvetica, sans-serif;
color: #FFF;
background-color: #D7A693;
height: 20px;
}

/* contactBlock1 HOME Heading Layer */ 
#contactBlockHead6 {
position: absolute;
margin: 117px 0px 0px 30px;
padding: 0px;
border: 0px;
}

/* contactBlock1 HOME H1 styling */ 
#contactBlockHead6 h1 {
font: bold 105% Arial, Helvetica, sans-serif;
color: #FFF;
}

/* -------------------------------------------------------------*/
/* 7 TEXT Block Elements */
/* -------------------------------------------------------------*/


/* container for top block image */ 
#textBlockTop7{
margin: 0px;
position: relative;
padding: 0px;
width: 100%;
height: 153px;
background-image: url(../../images/ladyLaptopDarkHairTop.jpg);
background-repeat:no-repeat;
}

/* container for top slice of bottom block image */ 
#textBlockBottom7{
margin: 0px;
clear: both;
position: relative;
padding: 0px;
width: 100%;
height: 52px;
background-image: url(../../images/ladyLaptopDarkHairBottom.jpg);
background-repeat:no-repeat;
}


/* layer for contactBlock */ 
#contactBlock7{
margin: 8px 0px 0px 30px;
position: absolute;
padding: 0px;
font: bold 100% Arial, Helvetica, sans-serif;
color: #014876; /* change this colour to compliment image */
}

/* contactBlock link styling */ 
#contactBlock7 a:link, #contactBlock7 a:visited, #contactBlock7 a:active {
font: bold 100% Arial, Helvetica, sans-serif;
color: #014876; /* change this colour to compliment image */
text-decoration: underline;
}

/* contactBlock link styling */ 
#contactBlock7 a:hover  {
font: bold 100% Arial, Helvetica, sans-serif;
color: #014876; /* change this colour to compliment image */
text-decoration: none;
}


/* layer for HOME contact form */ 
#contactForm7{
margin: 8px 0px 0px 155px;
position: absolute;
padding: 0px;
}


/* form styling for HOME contactBlock */ 
#contactForm7 form{
margin: 0px;
padding: 0px;
}

/* form styling for HOME contactBlock TEXTBOX */ 
#contactForm7 form input.txt{
margin: 0px;
padding: 0px 0px 0px 5px;
border: 0px;
font: bold 100% Arial, Helvetica, sans-serif;
color: #FFF;
background-color: #B4BBD8;
height: 20px;
}

/* form styling for HOME contactBlock GO button */ 
#contactForm7 form input.btn{
margin: 0px;
padding: 0px;
border: 0px;
font: bold 95% Arial, Helvetica, sans-serif;
color: #FFF;
background-color: #B4BBD8;
height: 20px;
}

/* contactBlock1 HOME Heading Layer */ 
#contactBlockHead7 {
position: absolute;
margin: 117px 0px 0px 30px;
padding: 0px;
border: 0px;
}

/* contactBlock1 HOME H1 styling */ 
#contactBlockHead7 h1 {
font: bold 105% Arial, Helvetica, sans-serif;
color: #014876;
}

/* -------------------------------------------------------------*/
/* 8 TEXT Block Elements */
/* -------------------------------------------------------------*/


/* container for top block image */ 
#textBlockTop8{
margin: 0px;
position: relative;
padding: 0px;
width: 100%;
height: 153px;
background-image: url(../../images/manOnQuayTop.jpg);
background-repeat:no-repeat;
}

/* container for top slice of bottom block image */ 
#textBlockBottom8{
margin: 0px;
clear: both;
position: relative;
padding: 0px;
width: 100%;
height: 52px;
background-image: url(../../images/manOnQuayBottom.jpg);
background-repeat:no-repeat;
}


/* layer for contactBlock */ 
#contactBlock8{
margin: 8px 0px 0px 30px;
position: absolute;
padding: 0px;
font: bold 100% Arial, Helvetica, sans-serif;
color: #FFF; /* change this colour to compliment image */
}

/* contactBlock link styling */ 
#contactBlock8 a:link, #contactBlock8 a:visited, #contactBlock8 a:active {
font: bold 100% Arial, Helvetica, sans-serif;
color: #FFF; /* change this colour to compliment image */
text-decoration: underline;
}

/* contactBlock link styling */ 
#contactBlock8 a:hover  {
font: bold 100% Arial, Helvetica, sans-serif;
color: #FFF; /* change this colour to compliment image */
text-decoration: none;
}


/* layer for HOME contact form */ 
#contactForm8{
margin: 8px 0px 0px 155px;
position: absolute;
padding: 0px;
}


/* form styling for HOME contactBlock */ 
#contactForm8 form{
margin: 0px;
padding: 0px;
}

/* form styling for HOME contactBlock TEXTBOX */ 
#contactForm8 form input.txt{
margin: 0px;
padding: 0px 0px 0px 5px;
border: 0px;
font: bold 100% Arial, Helvetica, sans-serif;
color: #FFF;
background-color: #014876;
height: 20px;
}

/* form styling for HOME contactBlock GO button */ 
#contactForm8 form input.btn{
margin: 0px;
padding: 0px;
border: 0px;
font: bold 95% Arial, Helvetica, sans-serif;
color: #FFF;
background-color: #014876;
height: 20px;
}

/* contactBlock1 HOME Heading Layer */ 
#contactBlockHead8 {
position: absolute;
margin: 117px 0px 0px 30px;
padding: 0px;
border: 0px;
}

/* contactBlock1 HOME H1 styling */ 
#contactBlockHead8 h1 {
font: bold 105% Arial, Helvetica, sans-serif;
color: #FFF;
}

/* -------------------------------------------------------------*/
/* 9 TEXT Block Elements */
/* -------------------------------------------------------------*/


/* container for top block image */ 
#textBlockTop9{
margin: 0px;
position: relative;
padding: 0px;
width: 100%;
height: 153px;
background-image: url(../../images/manOnLaptopSilverChairTop.jpg);
background-repeat:no-repeat;
}

/* container for top slice of bottom block image */ 
#textBlockBottom9{
margin: 0px;
clear: both;
position: relative;
padding: 0px;
width: 100%;
height: 52px;
background-image: url(../../images/manOnLaptopSilverChairBottom.jpg);
background-repeat:no-repeat;
}


/* layer for contactBlock */ 
#contactBlock9{
margin: 8px 0px 0px 30px;
position: absolute;
padding: 0px;
font: bold 100% Arial, Helvetica, sans-serif;
color: #FFF; /* change this colour to compliment image */
}

/* contactBlock link styling */ 
#contactBlock9 a:link, #contactBlock9 a:visited, #contactBlock9 a:active {
font: bold 100% Arial, Helvetica, sans-serif;
color: #FFF; /* change this colour to compliment image */
text-decoration: underline;
}

/* contactBlock link styling */ 
#contactBlock9 a:hover  {
font: bold 100% Arial, Helvetica, sans-serif;
color: #FFF; /* change this colour to compliment image */
text-decoration: none;
}


/* layer for HOME contact form */ 
#contactForm9{
margin: 8px 0px 0px 155px;
position: absolute;
padding: 0px;
}


/* form styling for HOME contactBlock */ 
#contactForm9 form{
margin: 0px;
padding: 0px;
}

/* form styling for HOME contactBlock TEXTBOX */ 
#contactForm9 form input.txt{
margin: 0px;
padding: 0px 0px 0px 5px;
border: 0px;
font: bold 100% Arial, Helvetica, sans-serif;
color: #FFF;
background-color: #4271AE;
height: 20px;
}

/* form styling for HOME contactBlock GO button */ 
#contactForm9 form input.btn{
margin: 0px;
padding: 0px;
border: 0px;
font: bold 95% Arial, Helvetica, sans-serif;
color: #FFF;
background-color: #4271AE;
height: 20px;
}

/* contactBlock1 HOME Heading Layer */ 
#contactBlockHead9 {
position: absolute;
margin: 117px 0px 0px 30px;
padding: 0px;
border: 0px;
}

/* contactBlock1 HOME H1 styling */ 
#contactBlockHead9 h1 {
font: bold 105% Arial, Helvetica, sans-serif;
color: #4271AE;
}

.officeLocation {
padding: 0px 0px 0px 20px
}

/* serviceRequestTitle1 styling */
/* overrides the main .body settings */
#serviceRequestBody
{
  /*background-color: #446FB3;*/
   background-color: #FFFFFF;
}
#serviceRequestIntroText1
{
  padding: 5px 10px 0px 10px;
  font-family: arial, helvetica, sans-serif;
  color: #004976;
  font-size: 10pt;
  text-align: justify;
}
#serviceRequestIntroText2
{
  font-family: arial, helvetica, sans-serif;
  color: #004976;
  padding: 5px 10px 0px 10px;
  font-size: 10pt;
  text-align: left;
}
#serviceRequestFrameLayer 
{
  margin: 0px 20px 0px 0px;
  padding: 0px;
  position: relative;
  width: 650px;
  float: left;
}

#serviceRequestFrameCornerTop 
{
  margin: 0px;
  padding: 0px;
  background-image:url(../../images/serviceRequestRounded.gif);
  background-repeat:no-repeat;
  width: 650px;
}

#serviceRequestFrameCornerContent 
{
  margin: 0px 0px -10px 0px;
  padding: 5px 10px 0px 10px;
  text-align: right;
  font: bold 90% "Arial"; /* JXA */
  color: #999;
  background-image: url(../../images/subLinksLeftRight1pix.gif);
  background-repeat: repeat-y;
}
.serviceRequestTitle1
{
  padding: 5px 10px 0px 10px;
  font-size: 12pt;
  font-weight: bolder;
  color: #004976;
  float: left;
  font-family: Arial, Helvetica, sans-serif;
}

#serviceRequestFields
{
  padding-left: 50px;
  text-align: left;
  width:100%;
  font-size:10pt;
  font-family: arial, helvetica, sans-serif;
}

.maximaStandardFont
{
  font-size:10pt;
  font-family: arial, helvetica, sans-serif;
  color: #004976;
}

.maximaStandardBoldFont
{
  font-size:10pt;
  font-family: arial, helvetica, sans-serif;
  color: #004976;
  font-weight: bold;
}

.maximaStandardTitleFont
{
  font-size:10pt;
  font-family: arial, helvetica, sans-serif;
  color: #004976;
}

#main_form input.txt{
margin: 0px;
padding: 0px 0px 0px 5px;
border: 0px;
font: bold 100% Arial, Helvetica, sans-serif;
color: #FFF;
background-color: #EDB5A8;
color: pink;
height: 20px;
}

/* form styling for HOME contactBlock GO button */ 
.main_form input.btn{
margin: 0px;
padding: 0px;
border: 0px;
font: bold 95% Arial, Helvetica, sans-serif;
color: #FFF;
background-color: #EDB5A8;
height: 20px;
}

.maximaFormField
{
  height:20px;
}

#serviceRequestFields a:link, #serviceRequestFields a:visited, 
  #serviceRequestFields a:active 
{
  font: 75% Arial, Helvetica, sans-serif;
  color: #004976;
  text-decoration: underline;
}

#serviceRequestFields a:hover 
{
  font: 75% Arial, Helvetica, sans-serif;
  color: #004976;
  text-decoration: none;
}
#serviceRequestIntroText2 a:link, #serviceRequestIntroText2 a:visited, 
  #serviceRequestIntroText2 a:active 
{
  font: 100% Arial, Helvetica, sans-serif;
  color: #004976;
  text-decoration: underline;
}

#serviceRequestIntroText2 a:hover 
{
  font: 100% Arial, Helvetica, sans-serif;
  color: #004976;
  text-decoration: none;
}

.serviceRequestButton
{
  margin: 0px;
  padding: 0px;
  border: 0px;
  font: bold 95% Arial, Helvetica, sans-serif;
  color: #FFF;
  background-color: #BE7B61;
  height: 20px;
}

.maximaDescFormField
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border:none;
	font-size: 10px;
	color: #004976;
	font-weight:bold;
}

#serviceRequestBody a:hover 
{
  font: 10pt Arial, Helvetica, sans-serif;
  color: #004976;
  text-decoration: none;
}
#serviceRequestBody a:link, #serviceRequestBody a:visited, 
  #serviceRequestBody a:active 
{
  font: 10pt Arial, Helvetica, sans-serif;
  color: #004976;
  text-decoration: underline;
}