/*LUGGER.CSS CONTROLLING VISUAL APPEARANCE ON SCREEN ONLY    */

body			{margin-left: 5%;
			 margin-right: 5%;
			 background-color: #B7C5DD;
			 color: #000;
			 font: 1em Arial, sans-serif;}

/*DEFAULT IMAGES DISPLAYED WITHOUT BORDERS */
img			{border: 0;
			 vertical-align: middle;}

/*TEXT FOR OTHER PARAGRAPHS*/
p.normal		{text-align: left;
			 font: 10pt Arial, sans-serif;
			 color: black;
			 margin-top: 0px;
			 margin-right: 20px;
			 background-color: transparent;}

/*PARAGRAPHS FOR SCREEN ONLY, HIDDEN IN PRINT VIEW */
p.hide		{text-align: left;
			 font: 10pt Arial, sans-serif;
			 color: black;
			 margin-top: 0px;
			 margin-right: 20px;
			 background-color: transparent;}

/*TEXT FOR OTHER PARAGRAPHS FOR PRINTING ONLY - HIDDEN IN SCREEN VIEW */
p.screen-hide, p.page-break
			{display: none; }


/*HEADING PARAGRAPHS BLACK COLOUR LEFT ALIGN*/
p.black		{text-align: left;
			 font: 12pt Arial, sans-serif;
			 color: black;
			 margin-right: 20px;
			 margin-top: 2px;
			 background-color: transparent; }

/*HEADING PARAGRAPHS BLACK COLOUR CENTRED*/
p.centre		{text-align: center;
                   font: 14pt Arial, sans-serif;
                   color: black;
                   margin-right: 20px;
                   background-color: transparent; }

/*TEXT FOR unordered lists*/
ul.normal		{text-align: left;
			 font: 10pt Arial, sans-serif;
			 color: black;
			 margin-top: 0px;
			 margin-right: 20px;
			 background-color: transparent;}

/*DEFAULT SIZED MAIN HEADINGS - BLUE FONT*/
h1			{font: 25pt Arial, sans-serif;
			 font-weight: bold;
			 text-align: center;
			 position: relative;
			 margin-bottom: 10px;
			 margin-top: 9px;
			 color: #0C0568;
			 background-color: transparent;}


/*HEADING 3 WITH BLUE FONT */
h3              {font-family: Arial, sans-serif;
                 font-weight: bold;
                 color: #0C0568;
                 background-color: transparent;
                 margin: 0px 0px 0px;}

/*HEADING 3 HIDDEN IN PRINTED VERSION */
h3.hide         {font-family: Arial, sans-serif;
                 font-weight: bold;
                 color: #0C0568;
                 background-color: transparent;
                 margin: 0px 0px 0px;}

/* CENTRED LARGE PICTURE */
div.picture     {text-align: center;
                 padding: 0;
                  }

/* CENTRED BLOCK OF TEXT WITH MARGIN EACH SIDE (FOR CONTACT FORM ONLY)*/
div.margins    {margin-left: 20%;
                margin-right: 20%;}

div.margins-blue    {margin-left: 20%;
                margin-right: 20%;
background-color: #6699FF;}




/*THIS DEFINES THE APPEARANCE OF THE 'CONTENTS' TEXT AT THE TOP OF THE LEFT & RIGHT 'FRAME' AREAS */
.content       {display: block;
                text-align: center;
                font: bold 12px Arial, sans-serif;
                padding: 2px 0px;
                margin: 2px 0px 2px;
                width: 154px;
                text-decoration: none;
                color: #FFFFFF;
                background: #0C0568;
                vertical-align: bottom;}

/*THIS IS THE LEFT LAYOUT 'FRAME' AREA FOR THE CONTENT LINKS */
/*USED FOR PROJECTS AND LINKS PAGES WHERE ONLY COLUMN NEEDS TO SCROLL*/
#left-column    {position: absolute;
                 left: 10px;
                 width: 154px;
                 height: auto;
                 top: 9px;
                 text-align: left;
                 }


/*THIS DEFINES THE APPEARANCE OF THE NON-HYPERLINK TEXT AT THE TOP OF THE LEFT 'FRAME' AREA */
#left-column p {display: block;
                text-align: center;
                font: bold 12px Arial, sans-serif;
                padding: 2px 0px;
                margin: 2px 0px 2px;
                text-decoration: none;
                color: #0C0568;
                background: #757AB2;
                vertical-align: bottom;}


/*THIS DEFINES THE APPEARANCE OF HYPERLINK TEXT IN THE LEFT LAYOUT 'FRAME' AREA FOR THE CONTENT LINKS */
#left-column a {display: block;
                text-align: center;
                font: bold 12px Arial, sans-serif;
                padding: 2px 0px;
                margin: 2px 0px 2px;
                width: 154px;
                text-decoration: none;
                color: #0C0568;
                background: #9999FF;
                vertical-align: bottom;}

/*THIS DEFINES THE APPEARANCE OF HYPERLINK TEXT IN THE LEFT LAYOUT 'FRAME' AREA WHEN THE MOUSE 'HOVERS' ABOVE IT */
#left-column a:hover
			{color: #0C0568;
			 background: #757AB2;
			 padding: 2px 0px;
			 margin: 2px 0px 2px;
			 width: 154px;}

/*THIS IS AN ALTERNATE LEFT LAYOUT 'FRAME' AREA FOR THE CONTENT LINKS
WHICH REMAINS FIXED IN POSITION WHILST THE REST OF THE PAGE SCROLLS
DOES NOT WORK IN IE 5 OR 6 */
#left-column-fixed    {position: fixed;
                 left: 10px;
                 width: 154px;
                 height: auto;
                 top: 9px;
                 text-align: left;
                 }

#left-column-fixed p {display: block;
                text-align: center;
                font: bold 12px Arial, sans-serif;
                padding: 2px 0px;
                margin: 2px 0px 2px;
                text-decoration: none;
                color: #0C0568;
                background: #757AB2;
                vertical-align: bottom;}

/*THIS DEFINES THE APPEARANCE OF HYPERLINK TEXT IN THE LEFT LAYOUT 'FRAME' AREA FOR THE CONTENT LINKS */
#left-column-fixed a {display: block;
                text-align: center;
                font: bold 12px Arial, sans-serif;
                padding: 2px 0px;
                margin: 2px 0px 2px;
                width: 154px;
                text-decoration: none;
                color: #0C0568;
                background: #9999FF;
                vertical-align: bottom;}

/*THIS DEFINES THE APPEARANCE OF HYPERLINK TEXT IN THE LEFT LAYOUT 'FRAME' AREA WHEN THE MOUSE 'HOVERS' ABOVE IT */
#left-column-fixed a:hover
               {color: #0C0568;
                background: #757AB2;
                padding: 2px 0px;
                margin: 2px 0px 2px;
                width: 154px;}


/*THIS IS A RIGHT-MARGIN 'FRAME' AREA FOR PICTURES & TEXT */

#right-column  {position: absolute;
                right: 10px;
                top: 9px;
                width: 154px;
                height: auto;
                text-align: left;
                }


/*THIS IS AN ALTERNATE RIGHT-MARGIN 'FRAME' AREA FOR PICTURES & TEXT
WHICH REMAINS FIXED IN POSITION WHILST THE REST OF THE PAGE SCROLLS
DOES NOT WORK IN IE 5 OR 6 */

#right-column-fixed
		   {position: fixed;
                right: 10px;
                top: 9px;
                width: 154px;
                height: auto;
                text-align: left;
                }

/*THIS IS THE RIGHT LAYOUT 'FRAME' AREA FOR THE CONTENT PAGES */
#centre-column  {position: absolute;
                left: 180px;
                right: 180px;  /*20%;*/
                top: 0px;
                text-align: left;
                }


/*THIS IS THE RIGHT LAYOUT 'FRAME' AREA FOR THE CONTENT PAGES - PRINTING ONLY*/
#centre-column-print
               {position: absolute;
                left: 180px;
                top: 9px;
                text-align: left;
                }


/*THIS IS FOR THE INLINE HYPERLINKS */
.inline        {                font: Arial, sans-serif;
                color: black;
                background-color: transparent;}

/*THIS DEFINES THE APPEARANCE OF THE INLINE HYPERLINKS */
.inline a      {
                font: Arial, sans-serif;
                padding: 1px 0px 1px;
                width: auto;
                text-decoration: none;
                color: #0C0568;
                background: #9999FF;}

/*THIS DEFINES THE APPEARANCE OF THE INLINE HYPERLINKS WHEN THE MOUSE HOVERS ABOVE THEM */
.inline a:hover
               {color: #0C0568;
                background: #757AB2;}


/*THIS DEFINES THE APPEARANCE OF THE VARIOUS TABLE ELEMENTS */
table          {font: 12pt Arial, sans-serif;
                font-weight: bold;
                color: black;
                border-collapse: collapse;
                background: #6600FF;}

th             {font: 14pt Arial, sans-serif;
                color: white;
                background: #0C0568;
                vertical-align: middle;
                padding: 10px;
                text-align: center;}

th.special     {font: 10pt Arial, sans-serif;
                color: white;
                background: #EFEFB5;
                vertical-align: middle;
                border-left: 3px #B7C5DD solid;
                padding: 10px;}

tr             {background: #6600FF; /*#00FFFF;*/
                color: black;
                border-top: 3px #B7C5DD solid;}

td             {font: 10pt Arial, sans-serif;
                background: #6699FF;
                color: black;
                vertical-align: middle;
                padding: 10px;
                border-top: 3px #B7C5DD solid;
                text-align: center;}

td.special     {font: 10pt Arial, sans-serif;
                color: black;
                background: #6699FF;
                vertical-align: middle;
                border-left: 3px #b7C5DD solid;
                padding: 10px;
                text-align: left;}

td.close       {color: black;
                background: #20B2AA;}