/* CSS Document */

/* start TAG re-styling */

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

/* END TAG re-styling */


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


/* start POSITIONAL layers */

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


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

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

/* layer for printLogo */ 
#printLogo {
margin: 0px 0px 0px 20px;
padding: 0px;
}

#logo img {
display: none;
border: 0px;
}

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


/* container for top block image */ 
#textBlockTop1{
display: none;
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{
display: none;
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{
display: none;
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 {
display: none;
font: bold 100% Arial, Helvetica, sans-serif;
color: #EDB5A8; /* change this colour to compliment image */
text-decoration: underline;
}

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


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


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

/* form styling for HOME contactBlock TEXTBOX */ 
#contactForm1 form input.txt{
display: none;
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{
display: none;
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 {
display: none;
position: absolute;
margin: 117px 0px 0px 30px;
padding: 0px;
border: 0px;
}

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


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


/* container for top block image */ 
#textBlockTop2{
display: none;
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{
display: none;
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{
display: none;
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 {
display: none;
font: bold 100% Arial, Helvetica, sans-serif;
color: #BFABA2; /* change this colour to compliment image */
text-decoration: underline;
}

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


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


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

/* form styling for HOME contactBlock TEXTBOX */ 
#contactForm2 form input.txt{
display: none;
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{
display: none;
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 {
display: none;
position: absolute;
margin: 117px 0px 0px 30px;
padding: 0px;
border: 0px;
}

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

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


/* container for top block image */ 
#textBlockTop3{
display: none;
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{
display: none;
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{
display: none;
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{
display: none;
font: bold 100% Arial, Helvetica, sans-serif;
color: #C7D8EB; /* change this colour to compliment image */
text-decoration: underline;
}

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


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


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

/* form styling for HOME contactBlock TEXTBOX */ 
#contactForm3 form input.txt{
display: none;
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{
display: none;
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 {
display: none;
position: absolute;
margin: 117px 0px 0px 30px;
padding: 0px;
border: 0px;
}

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

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


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

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

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

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


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


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

/* form styling for HOME contactBlock TEXTBOX */ 
#contactFormHome form input.txt{
display: none;
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{
display: none;
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 {
display: none;
position: absolute;
margin: 120px 0px 0px 30px;
padding: 0px;
border: 0px;
}

/* contactBlock1 HOME H1 styling */ 
#contactBlockHeadHome h1 {
display: none;
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: 10px 0px 0px 30px;
position: relative;
padding: 0px;
width: 90%;
background-color: #FFF;
}

/* layer for TEXT page heading LEFT */
#mainTextHeadingLeft {
position: relative;
margin: 0px 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;
} 

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

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




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

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

}

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

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

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

#subLinkCornerContent a:hover  {
display: none;
font: bold 100% "Arial";
color: #999;
text-decoration: none;
}

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

#subLinkCornerBottom {
display: none;
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 {
display: none;
margin: 0px 0px 0px 12px;
position: relative;
width: 161px;
height: 50px;
float: left;
font: 75% Arial, Helvetica, sans-serif;
color: #F0027F;
font-style: italic;
line-height: 230%;
}

.quotes66 {
display: none;
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;
position: relative;
width: 100%;
float: left;
font: 80% Arial, Helvetica, sans-serif;
/* line-height: 180%; */
line-height: 110%;
color: #000;
}

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

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

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






/* layer for text pages round corners for bottom of content */ 
#textContentRounded{
display: none;
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{
display: none;
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{
display: none;
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{
display: none;
margin: 0px 0px 10px 0px;
font: bold 160% Arial, Helvetica, sans-serif;
color: #004976;
}

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


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



/* container for text of NEWS block */ 
#bottomBlockNews{
display: none;
margin: -180px 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{
display: none;
font: 110% Arial, Helvetica, sans-serif;
color: #004976;
text-decoration: underline;
}

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

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

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

#bottomBlockHead h1{
display: none;
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{
display: none;
text-align: center;
font: Bold 60% Arial, Helvetica, sans-serif;
color: #004976;
text-decoration: underline;
}

#bottomBlockNews h1 a:hover {
display: none;
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 {
display: none;
margin: 10px 0px 0px 30px;
position: absolute;
padding: 0px;
text-align: left;
font: 80% Arial, Helvetica, sans-serif;
color: #004976;
}

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

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

.blue a:hover  {
display: none;
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 {
display: none;
font: bold 110% Arial, Helvetica, sans-serif;
color: #F0027F;
text-decoration: underline;
}

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


/* partner logos HOME layer */
#partnerLogosHome {
display: none;
margin: 2px 0px 0px 760px;
position: absolute;
padding: 0px;
}

/* END POSITIONAL layers */



/* start CLASSES styling */



/* END CLASSES styling */



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



/* start NAVIGATION styling */

#navHolder {
display: none;
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: 30px 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;
}