/*FLIP-DOC.CSS CONTROLLING VISUAL APPEARANCE ON SCREEN ONLY    */

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

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

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

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

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




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



/*DEFAULT SIZED MAIN HEADINGS*/
h1.normal       {font: 20pt 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 3 WITH BLUE FONT */
h3              {font-family: Arial, sans-serif;
                 font-weight: bold;
                 color: #2F4F4F;
                 background-color: transparent;
                 margin: 20px 0px 5px;}


/* CENTRED LARGE PICTURE */

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

/*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: #696969;
                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: fixed;
                 left: 10px;
                 width: 154px;
                 height: auto;
                 top: 9px;
                 text-align: left;
                 background: C0C0C0;
                 }


/*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: #FFFFFF;
                background: #2F4F4F;
                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: #000000;
                background: #778899;
                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: #FFFFFF;
			 background: #2F4F4F;
			 padding: 2px 0px;
			 margin: 2px 0px 2px;
			 width: 154px;}

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



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

tr             {background: #778899;
                color: black;
                }

td             {font: 10pt Arial, sans-serif; background: #778899;
                color: black;
                vertical-align: middle;
                padding: 2px 2px 2px;
                border-left: 0px black solid;
                text-align: center;}

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

/*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: #778899;}

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