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

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

/* 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: 220px;
                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: absolute;
                 left: 12px;
                 width: 220px;
                 height: auto;
                 padding: 2px 0px;
                 margin: 2px 0px;
                 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: left;
                font: bold 11px Arial, sans-serif;
                padding: 2px 0px;
                margin: 2px 0px;
                text-decoration: none;
                color: #8B0000;
                background: #CD5C5C;
                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: left;
                font: bold 11px Arial, sans-serif;
                padding: 2px 0px;
                margin: 2px 0px;
                width: 220px;
                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;
			 width: 220px;}

/*THIS IS THE RIGHT LAYOUT 'FRAME' AREA FOR THE CONTENT PAGES */
#right-column  {position: fixed;
                left: 240px;
                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: #9999FF;
                color: black;
                }

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