/*style/lugger.css CONTROLLING VISUAL APPEARANCE ON SCREEN ONLY    */


body             {
                  margin-left: 2%;
                  margin-right: 2%;
                  background-color: #20B2AA;
                  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;
		     background-color: transparent;
                 margin-top: 4px;
                 margin-right: 20px;}

/*XHTML STRICT UNDERLINING (instead of using deprecated <u> tag*/
span.u          {color: black;
		     text-decoration: underline}

/*MIMICS LOWER NUMBER IN A FRACTION*/
span.fract      {color: black;
                 font: 6pt Arial, sans-serif;}


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

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


/* PARAGRAPH WITH A RED FONT FOR THUMB CAPTIONS */
p.red           {color: red;
                 background: #00FFFF;
                 font: 10pt Arial, sans-serif;
                 font-weight: bold;
                 margin-top: 4px;}

/*HEADING PARAGRAPHS AT TOP OF PAGES*/
p.large          {text-align: left;
                  font: 14pt Arial, sans-serif;
                  color: #735A52;
                  margin-right: 20px;
                  background-color: transparent; }

/*HEADING PARAGRAPHS AT TOP OF PAGES - HIDDEN IN PRINTED VERSION*/
p.large-hide
                 {text-align: left;
                  font: 14pt Arial, sans-serif;
                  color: #735A52;
                  margin-right: 20px;
                  background-color: transparent; }


/*HEADING PARAGRAPHS AT TOP OF PAGES*/
p.warning        {text-align: left;
                  font: 14pt Arial, sans-serif;
                  color: blue;
                  font-weight: bold;
                  background-color: transparent; }

/*HEADING PARAGRAPHS BLACK COLOUR LEFT ALIGN*/
p.black          {text-align: left;
                  font: 14pt Arial, sans-serif;
                  color: black;
                  margin-right: 20px;
                  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; }

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

/*TEXT FOR UN-ORDERED LISTS*/
ul.normal       {text-align: left;
                 font: 10pt Arial, sans-serif;
                 font-weight: bold;
                 color: black;
                 margin-top: 4px;
                 margin-right: 20px;
                 background-color: transparent;}

ul.large       {text-align: left;
                 font: 14pt Arial, sans-serif;
                 font-weight: bold;
                 color: black;
                 margin-top: 4px;
                 margin-right: 20px;
                 background-color: transparent;}

/*TEXT FOR UN-ORDERED LISTS NO BOLD*/
ul.light        {text-align: left;
                 font: 10pt Arial, sans-serif;
                 color: black;
                 margin-top: 4px;
                 margin-right: 20px;
                 background-color: transparent;}

/*TEXT FOR ORDERED LISTS*/
ol.normal       {text-align: left;
                 font: 10pt Arial, sans-serif;
                 font-weight: bold;
                 color: black;
                 margin-top: 4px;
                 margin-right: 20px;
                 background-color: transparent;}


/*DEFAULT SIZED MAIN HEADINGS*/
h1.normal       {font: 15pt Arial, sans-serif;
                 font-weight: bold;
                 text-align: center;
                 position: relative;
                 margin: 0px 0px 0px;}

h1.underline    {font: 15pt Arial, sans-serif;
                 font-weight: bold;
                 text-align: center;
                 border-bottom: 3px double black;
                 padding-bottom: 4px; }


/*HEADING ON THE WHAT'S NEW PAGE*/

h1.splash       {font: 25pt Arial, sans-serif;
                 font-weight: bold;
                 text-align: center;
                 position: relative;
                 margin: 0px 0px 0px;
                 color: #A52A2A;
                 background-color: transparent;}


/*HEADING 3 WITH BROWN FONT */

h3              {font-family: Arial, sans-serif;
                 color: #A52A2A;
                 background-color: transparent;
                 margin-bottom: 4px;}


/*CENTRED HEADING 3 WITH BROWN FONT */

h3.middle       {font-family: Arial, sans-serif;
                 color: #A52A2A;
                 background-color: transparent;
                 text-align: center;
                 position: relative;}


/* CENTRED LARGE PICTURE */

div.picture     {text-align: center;
                 padding: 0;
                  }

/* CENTRED BLOCK OF TEXT WITH MARGIN EACH SIDE */
div.margins    {margin-left: 20%;
                margin-right: 20%;}

/* CENTRED BLOCK OF TEXT WITH BLUE BACKGROUND */
div.blue       {margin-left: 20%;
                margin-right: 20%;
		    background: #00FFFF;}


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

/*THIS DEFINES THE APPEARANCE OF DEFAULT PARAGRAPH TEXT IN THE LEFT LAYOUT 'FRAME' AREA FOR THE CONTENT LINKS */

#links p
               {display: block;
                text-align: center;
                font: bold 10px Arial, sans-serif;
                padding: 2px 0px;
                margin: 2px 0px 2px;
                text-decoration: none;
                color: #EFEFB5;
                background: #735A52;
                vertical-align: bottom;}



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

/*THIS DEFINES THE APPEARANCE OF HYPERLINK TEXT IN THE LEFT LAYOUT 'FRAME' AREA WHEN THE MOUSE 'HOVERS' ABOVE IT */
#links a:hover
               {color: #EFEFB5;
                background: #735A52;
                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 */
#links-fixed    {position: fixed;
                 left: 10px;
                 width: 154px;
                 height: auto;
                 top: 9px;
                 text-align: left;
                 }

/*THIS DEFINES THE APPEARANCE OF DEFAULT PARAGRAPH TEXT IN THE LEFT LAYOUT 'FRAME' AREA FOR THE CONTENT LINKS */
#links-fixed p {display: block;
                text-align: center;
                font: bold 10px Arial, sans-serif;
                padding: 2px 0px;
                margin: 2px 0px 2px;
                text-decoration: none;
                color: #EFEFB5;
                background: #735A52;
                vertical-align: bottom;}

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

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

/*THIS DEFINES THE APPEARANCE OF THE 'WHAT'S NEW' HYPERLINK TEXT AT THE TOP OF THE LEFT 'FRAME' AREA */

#red 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: #FFFFFF;
                background: red;
                vertical-align: bottom;}

/*THIS DEFINES THE APPEARANCE OF THE 'WHAT'S NEW' HYPERLINK TEXT AT THE TOP OF THE LEFT 'FRAME' AREA WHEN THE MOUSE HOVERS OVER IT*/
#red a:hover
               {color:red;
                background: white;}


/*THIS DEFINES THE APPEARANCE OF THE 'WHAT'S NEW' TITLE IN THE LEFT 'FRAME' AREA WHEN THE ON THE WHAT'S NEW PAGE*/

#red-splash  {display: block;
                text-align: center;
                font: bold 12px Arial, sans-serif;
                padding: 2px 0px;
                margin: 2px 0px 2px;
                width: 154px;
                text-decoration: none;
                color: red;
                background: #FFFFFF;
                vertical-align: bottom;}


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

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

/*THIS IS FOR THE INLINE HYPERLINKS */
.inline        {text-align: left;
                font: 13pt Arial, sans-serif;
                font-weight: bold;
                color: black;
                margin-top: 4px;
                background-color: transparent;}

/*THIS DEFINES THE APPEARANCE OF THE INLINE HYPERLINKS */
.inline a      {text-align: center;
                font: bold 13px Arial, sans-serif;
                padding: 1px 0px 1px;
                margin: 0px 0px 0px;
                width: auto;
                text-decoration: none;
                color: #735A52;
                background: #EFEFB5;}

/*THIS DEFINES THE APPEARANCE OF THE INLINE HYPERLINKS WHEN THE MOUSE HOVERS ABOVE THEM */
.inline a:hover
               {color: #EFEFB5;
                background: #735A52;}


/*THIS DEFINES THE APPEARANCE OF THE LARGE INLINE HYPERLINKS */
.inlinebig a
               {text-align: center;
                font: bold 13pt Arial, sans-serif;
                padding: 1px 0px 1px;
                margin: 2px 2px 2px;
                width: auto;
                text-decoration: none;
                color: #735A52;
                background: #EFEFB5;}

/*THIS DEFINES THE APPEARANCE OF THE LARGE INLINE HYPERLINKS WHEN THE MOUSE HOVERS; ABOVE THEM */
.inlinebig a:hover
               {color: #EFEFB5;
                background: #735A52;}


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

th             {font: 10pt Arial, sans-serif;
                color: black;
                background: #EFEFB5;
                vertical-align: middle;
                padding: 10px;
                text-align: center;}

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

th.bottom      {font: 10pt Arial, sans-serif;
                color: black;
                background: #EFEFB5;
                vertical-align: middle;
                padding: 10px;
                border-bottom: 3px #20B2AA solid;
                text-align: center;}

tr             {background: #00FFFF;
                color: black;
                border-top: 3px #20B2AA solid;}

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

td.special     {font: 10pt Arial, sans-serif;
                color: black;
                background: #00FFFF;
                vertical-align: middle;
                border-left: 3px #20B2AA solid;
                padding: 10px;}

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