/*
**	COMPUGRAPHICS MAIN INTRANET STYLESHEET
**
**	This file is used to set the main look-and-feel attributes of the Compugraphics Intranet.
**
**	All the following is completely overrideable by the HTML in a particular document, but it sets out some initial "look and feel" defaults.
**
**	REVISION HISTORY:
**	4/12/2000:	SMc	After much testing, this is the first release of the Compugraphics CSS file for evaluation by FIT.
**	
*/

/* Comments like this */

/* The default ANCHOR tag attributes for EVERYTHING, regardless of where it is. This can also be overridden. */

A:link { color: darkblue; text-decoration: none } 
A:visited { color: darkblue; text-decoration: none }
A:hover { color: firebrick; text-decoration: underline}

/* Set the main defualts for anything in the BODY tag that has no more information defined for it later in this file (or in any others) */

BODY { 	
	font-size: 10pt;
	bgcolor: white;
	color: black; 
	font-family: Arial, Helvetica;
}

/* Paragraph tag attributes. Anything in an HTML paragraph looks like this... */

P { 
	font-family: Arial, Helvetica;
} 

/* Header 1 defaults */

H1 { 
	font-size: 22pt; 
	color: darkblue; 
	font-family: Arial, Helvetica;
/*	text-transform: uppercase; */
}

/* Header 2 defaults */

H2 {
	font-size: 15pt; 
	font-weight: bold; 
	font-family: Arial, Helvetica;
} 

/* Header 3 defaults */

H3 { 
	font-size: 13pt; 
	font-weight: bold; 
	font-family: Arial, Helvetica;
} 

/* Header 4 defaults */

H4 {
	font-size: 11pt; 
	font-family: Arial, Helvetica;
} 

/* Header 5 and 6 defaults */

H5, H6 {
	font-size: 10pt; 
	font-weight: bold; 
	font-family: Arial, Helvetica;
} 

/* Unordered list defaults */

UL { 
	margin-top: -0px;
	margin-bottom: 3px;
	font-family: Arial, Helvetica;
}

/* Ordered list defaults */

OL {
	margin-top: -0px;
	margin-bottom: 3px;
	font-family: Arial, Helvetica;
}

/* List Item defaults */

LI { 
	margin-top: 1px;
	font-family: Arial, Helvetica;
}

/* Table cell data defaults */

TD {
	font-size: 10pt;
	font-family: Arial, Helvetica;
}

/* MENU subclass. Any HTML element can be given an attribute of class="menu" and it will look like this... */

.menu {
	font-family: Arial, Helvetica;
	color: darkblue;
	font-size: 8pt;
}

/* CODE subclass. For HTML elements that want to look like code sets. */

.code {
	font-family: Courier New, Courier; 
	font-size: 10pt; 
} 

/* FOOTER subclass. For anything put at the foot of an HTML page, like copyright notices etc... */

.footer  {
	font-family: Times;
	font-size: 7pt;
	font-style: italic;
	color: #cccccc;
}

/* NOTE subclass. For notes in HTML documents that are meant to stand out. */

.note { 
	font-weight: bold;
	margin-top: 10pt;
	margin-bottom: 10pt;
	width: 75%;
	border-style: double;
	border-color: red;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
}

/* Table Head subclass. Could be used to produce a Compugraphics style of table header etc. */

.tableHead {
	font-family: Arial, Helvetica;
	font-size: 12pt;
	font-weight: bold;
	text-decoration: none;
}

/* Title subclass, for page titles other than H1 headings that people would like to resemble the standard... */

.title {
	font-family: Arial, Helvetica;
	color: darkblue;
}

/* Phone List subclass, to adjust the font size for the printable phone lists... */

.phoneprint {
	font-family: Arial, Helvetica;
	font-size: 12pt;
}