/* this is a comment */

	/* this is the osca webpage stylesheet v2.03a */



	/* original body */
    /* body.orig {bgcolor: white; color: black;}  */

	/* default body - including fixed background.*/

	/* begin body type */	/* 1 - humanist sans a */

body	{
	background-color:#FFFFFF;
	color:#000000;
	background-attachment: fixed;
/*	background-image: url(http://www.osca.com.au/bg.gif);   */
    background-image: url(http://www.osca.com.au/bg.gif);
	background-repeat: no-repeat;
	background-position: center;
    }
   		 
	/* inheritable settings.  use with class="6" for .6 etc */
		  
.6 {font: 6pt Arial; color: black;}    /* 6pt,black */
.8 {font: 8pt Arial; color: black;}    /* 8pt,black */
.8b {font: 8pt Arial; color: black;}   /* 8pt,black */
.8g {font: 8pt Arial; color: #C0C0C0;} /* 8pt,grey */
.8w {font: 8pt Arial; color: white;}   /* 8pt,white */
.10 {font: 10pt Arial; color: black;}    /* 10pt,black */
.9 {font: 9pt Arial; color: black;}    /* 9pt,black */
.b {font: 10pt Arial; color: black;}   /* 10pt,black */ 
.fine {font: 8pt Arial;}   /* ?pt,size1,black aka fine print */ 
.g {font: 10pt Arial; color: #C0C0C0;} /* 10pt,grey */

.h {font: 10pt Arial; font-weight: bold; color: black; }  /* 10pt,black,bold */
.h1 {font: 16pt Arial; color: black;} /* 16pt,black */
.h2 {font: 14pt Arial; color: black;} /* 14pt,black */
.h3 {font: 12pt Arial; color: black;} /* 14pt,black */
.h4 {font: 12pt Arial; color: gray;} /* 14pt,black */

.m {font: 10pt Arial; color: black; text-indent: 0.5cm;}   /* "margin" 10pt,black with .5cm indent*/
.p {font: 10pt Arial; color: black;}  /* 10pt,black */
.bli {font: 10pt Arial; font: italic; color: blue;}  /* 10pt,blue italix */

.r {font: 10pt Arial; color: red;}  /* 10pt,red */
.redbold {font: 10pt Arial; color: #800000; font-weight: bold;}

.r12 {font: 12pt Arial; color: red;}  /* 12pt,red */
.redbold12 {font: 12pt Arial; color: #800000; font-weight: bold;}

.w {font: 8pt Arial; color: white;}   /* 8pt,white */

.grn {font: 10pt Arial; color: green;}  /* 10pt,green */
.grnb {font: 10pt Arial; color: green; text-decoration: bold;}  /* 10pt,green bold*/



	/* this code lights up a link to dark green when you hover the mouse over it. (along with the javascript in the htm files.) */

a:hover {font: 10pt Arial; color: #008000; text-decoration: underline;}
a {font: 10pt Arial; color: #0000FF; text-decoration: none;}
a.8:hover {font: 8pt Arial; color: #008000; text-decoration: underline;}
a.8 {font: 8pt Arial; color: #0000FF; text-decoration: none;}
a.10 {font: 10pt Arial; color: #0000FF; text-decoration: none;}
a.10:hover {font: 10pt Arial; color: #008000; text-decoration: underline;}
a.12 {font: 12pt Arial; color: #0000FF; text-decoration: none;}
a.12:hover {font: 12pt Arial; color: #008000; text-decoration: underline;}

	/* class "no" does a white hover, or no hover (invisible on white background instead of a lit up outline) (for pictures/non-text links/tables) */

a.no {font: 10pt Arial; color: #0000FF; text-decoration: none;}
a.no:hover {font: 10pt Arial; color: #0000FF; background: #FFFFFF; text-decoration: underline;}

	/* class "black" does just that (invisible on black background instead of a lit up outline) (for pictures/non-text links/tables) */

a.black {font: 10pt Arial; color: black; text-decoration: none;}
a.black:hover {font: 10pt Arial; color: black; background: #FFFFFF; text-decoration: none;}


	/* headings */

h1	{font: 18pt Arial; color: black; text-decoration: bold;}

h1.red	 {font: 18pt Arial; color: red; text-decoration: bold;}
h1.blue  {font: 18pt Arial; color: blue; text-decoration: bold;}
h1.green {font: 18pt Arial; color: green; text-decoration: bold;}

h1.big {font: 22pt Arial; color: black; text-decoration: bold;}
h2 {font: 16pt Arial; color: black; text-decoration: bold;}
h2.g {font: 16pt Arial; color: #808080; text-decoration: bold;}
h3 {font: 14pt Arial; color: black; text-decoration: bold;}
h3.g {font: 12pt Arial; color: #808080; text-decoration: none;}



	/* unordered list? */

ul {font: 8pt Arial; color: black;}

	/* p's */

p {font: 10pt Arial; color: black;}     /* 10pt,black */



	/* spans don''t seem to affect the spacing (vertically) as much as headings or p's... odd. */

span {font: 10pt Arial; color: black;}  /* 8pt,black */

	/* br's */    

br.halfline {line-height:50%; }    /* half line break */

	/* img's */    

img.l {float: left; margin:1em;}
img.r {float: right; margin:1em;}


	/* divs */

div.lef {position:absolute; left:10; top:10;}  /* this is a layer in the top left corner */
div.8 {font: 8pt Arial; color: black;}    /* 8pt,black */
div.w {font: 8pt Arial; color: white;}    /* 8pt,white */

div.popup {position:absolute; background-color:#FFD2FF; filter:alpha(Opacity=90); z-index:1; visibility:hidden; 
           width:80%; height:*%; text-align:center; border-style:solid; border-color:gray; border-width:thin; 
		   margin:10px; padding:1em;}


div.text {position:static; left:0; top:0; width:80%; height:*%; text-align:left;}  /* div 80% wide left align */

div.textbox {position:static; left:0; top:0; width:*%; height:*%; text-align:left; padding:1em;}  /* div 80% wide left align */
div.textc {width:100%; height:*%; text-align:center;}  /* div 100% wide center align */
div.textc80 {width:80%; height:*%; text-align:center;}  /* div 80% wide center align */

div.table {position:static; left:0; top:0; width:80%; height:*%; text-align:center;}  /* div 80% wide center align */
div.tables {position:static; left:0; top:0; width:50%; height:*%; text-align:left;}  /* div 50% wide left align */

	/* div 'table'.... still in progress 

#textdiv {position:static; left:0; top:0; width:80%; height:*%; text-align:left;}     

div table ... unique identifier */