/* 
CSS specifically for IC type interface

Author: Anthony Galvin. 
Date: 	16/12/04.

Please see the comments throughout as they apply to each section.
=====================================================================
*/

/* 
TEXT
All text to be of a standard style and default colour
only varying on size.

The different sections (Title, Menu, Footer) of a web page will 
make changes to text colour and so on later.

*/

body,p,table,h1,h2,h3,h4,h5,h6 {
	font-family: arial, "lucida console", sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight: normal
	}

body,p,table 	{
	font-size: 10px
	}

table {
	border-collapse: collapse;  
	empty-cells: show;
	padding: 5px; 
}

h1	{
	font-size: 18px;
	test-align: center
	}

h2	{
	font-size: 16px;
	test-align: center
	}

h3	{
	font-size: 14px;
	test-align: center
	}

h4	{
	font-size: 12px;
	test-align: center
	}

h5	{
	font-size: 10px;
	test-align: center
	}

h6	{
	font-size: 8px;
	test-align: center
	}

/* 
=========================================================

LINK CLASSIFICATIONS

different styles are required for links on bright backgrounds
versus those on dark backgrounds.
*/

a:link {
	color:#336699;
	font-weight: bold
	}

a:visited {
	color:#333366;
	font-weight: bold
	}

a.home_page:link {
	color:#336699;
	font-weight: bold;
	font-size: 6px;
	}

a.home_page:visited {
	color:#333366;
	font-weight: bold
	font-size: 6px;
	}

/* use larger font within the individual pages*/
	a.details:link {
	color:#336699;
	font-size: 12px;
	}

	a.details:visited {
	color:#333366;
	font-size: 12px;
	}
	
	

/* 
=========================================================

PAGE CLASSIFICATION

A clear identifier to easily identify Intranet V Internet
*/

.intra 	{
	background-color: #C0C0C0
	}

.public 	{
	background-color: #FFFFFF
	}


/* 
=========================================================

PAGE SECTIONS

Below we define different behavior for different parts of 
the web page, allowing defferent background colours
and so requiring different text colours etc...

*/

/*
=========================================================
HOLDER (Overall table, bgcolor black, gives black border).
*/

.holder {
	background-color: #000000
	}
	

/*
=========================================================
TOPTITLE (Header).
*/

.toptitle {
	background-color: #336699;
	color: #ffffff;
	text-align: center
	}

.header {
	background-color: #336699;
	color: #ffffff;
	text-align: center
	}


/*
=========================================================
DDMENU (DropDown Menu)
*/

.ddmenu {
	color: #ffffff;
	background-color:#009933;
	padding:2px 1px 2px 1px;
	margin:2px 1px 2px 1px;
	text-align: right
	}

/*
=========================================================
CONTEXT (Where are you section)
*/

.context {
	color: #000000;
	background-color:#ffffff;
	padding:2px 1px 2px 1px;
	margin:2px 1px 2px 1px;
	text-align: left;
	font-variant: small-caps
	}

/*
=========================================================
LEFT MENU (The margin)
*/

.leftmenu {
	background-color: #336699;
	color: #ffffff;
	padding:2px 2px 2px 2px;
	margin:2px 2px 2px 2px;
	text-align: center
	}

.menu {
	background-color: #336699;
	color: #ffffff;
	padding:2px 2px 2px 2px;
	margin:2px 2px 2px 2px;
	text-align: center
	}

a:link.menu {
	color:#ffffff;
	font-weight: bold
	}

a:visited.menu {
	color:#ffffff;
	font-weight: bold
	}

/*
=========================================================
MAIN BODY (Individual Page Content)
*/

.mainbody {
	background-color: #ffffff;
	color: #000000;
	padding:5px 20px 10px 15px
	}

h3.mainbody {
	text-align: center;
	color: #336699
	}


/*
=========================================================
FOOTER (Copy right etc...)
*/

.footer {
	background-color: #336699;
	color: #ffffff;
	text-align: center
	padding:5px 20px 10px 15px
	}

/*
=========================================================
ERROR (Very Visible Text!!!)
*/

.error {
	background-color: #ffff00;
	color: #ff0000;
	}


/*
=========================================================
shade
*/

.shade {
	background-color: #D8D8D8;
	color: #000000;
	}
	
/*
=========================================================
lightshade
*/

.lightshade {
	background-color: #F0F0F0;	
	color: #000000;
	}

/*
=========================================================
input form buttons.
*/

input.btn{
	color:#000000;
	font-family: arial, "lucida console", sans-serif;
	font-size:10px;
	font-variant: normal;
	font-weight:bold;
}	
.tdmainplus {	
		line-height: 21px;
		text-align:right;
		padding-top:4px;
		padding-left:5px;
		padding-bottom:5px;
		font-size:9px;
}