/* This is the formatting for the Separated Out Website */

<Title>Separated Out Style</Title>


/* The following are all HEADING FORMATING */

H1 {
	color: 99CCFF;
	font-size: 27px;
	font-family: Arial, Helvetica, sans-serif;
	background : Black scroll;
	border : thick solid Black;
} 
H2  {
	color: 99CCFF;
	font-size: 22px;
	font-family: Arial, Helvetica, sans-serif;
	background : Black scroll;
	border : thick solid Black;
}  
H3 {
	color: 99CCFF;
	font-size: 18 px;
	font-family: Arial, Helvetica, sans-serif;
	background : Black scroll;
	border : thick solid Black;
} 


/* The following is the same as H3 formatting, but in RED. To activate use "<Font class="H3RED">" */

.H3RED {
	color: Red;
	font-size: 17px;
	font-family: Arial, Helvetica, sans-serif;
} 

/* The following is for article precis. To activate use "<Font class="Feature">" */

.Feature{
	color: Black;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	;
	font-weight : Bold;
}

/* HEADINGS AND SUBHEADINGS  - "<Font class="HEADLINE">" */

.HEADLINE {
	color: black;
	font-size: 26px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.SUBHEAD { color: black; font-size: 16px; font-family: Arial, Helvetica, sans-serif; ; font-weight: bold; }
.SUBHEAD2 { color: black; font-size: 14px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; }

/* The following are all TEXT FORMATING */

P {
	text-decoration : none;
	color : Black;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	font-style : none;
	font-weight : bold;
}
I { font-family: Arial, Helvetica, sans-serif }
B { font-family: Arial, Helvetica, sans-serif }

LI {
	text-decoration : none;
	color : Black;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	font-style : none;
	font-weight : bold;
}


/* The following is a set of incrementally smaller texts in classes, that can be dropped in where required. To activate use "<Font class="Min1"> ("Min02" or "Min3")" */

.Min1 { text-decoration : none; color : Black; font-family : Arial, Helvetica, sans-serif; font-size : 11px; font-style : none; }
.Min2 { text-decoration : none; color : Black; font-family : Arial, Helvetica, sans-serif; font-size : 10px; font-style : none; }
.Min3 { text-decoration : none; color : Black; font-family : Arial, Helvetica, sans-serif; font-size : 9px; font-style : none; }


/* The following is a set of incrementally smaller texts in classes, that can be dropped in where required. To activate use "<Font class="Indent1">  ("Indent2" or "Indent3")" */

.Indent1 { text-decoration : none; text-indent: 50 px; }
.Indent2 { text-decoration : none; text-indent: 75 px; }
.Indent3 { text-decoration : none; text-indent: 100 px; }



/* The following are all TABLE FORMATING */

td { font-family: Arial, Helvetica, sans-serif; font-size: 10px;}




/* The following are all LINK FORMATING */

A:link  	{
	text-decoration : none;
	color : 99CCFF;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	font-weight : bold;
}
A:visited  	{
	text-decoration : none;
	color : Gray;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	font-weight : bold;
}
A:active  	{
	text-decoration : none;
	color : #A9A9A9;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	font-weight : bold;
}
A:hover  	{
	text-decoration : none;
	color : #46B3C6;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	font-weight : bold;
}

/* The following creates coloured scrollbars */

BODY {
 scrollbar-base-color: black;
 scrollbar-track-color: #CCCCCC;
 scrollbar-face-color: #99CCFF;
 scrollbar-highlight-color: white;
 scrollbar-3dlight-color: black;
 scrollbar-darkshadow-color: white;
 scrollbar-shadow-color: black;
 scrollbar-arrow-color: white;
 }