/*
CSS for MAL1010 website 2014 version
in line with the Ghodod Elettronici ghall-Malti Blog

December 2014
Norman C. Borg
*/

/*
==================
COLOUR SCHEME
==================
Dark Grey: #7f7f7f
     for Header background, highlighting and links
Light Grey: #d9d9d9
     for text on red background
Yellow: #ffff99
     for large text on header red background
Grey: #666666
     for text on cyan background
Dark Grey: #333333
     for main text on white of off-white background
White: #ffffff
     for main page background
Off-White: #f5f5f5
     alternative for main page background
*/


/* Validated as CSS level 2.1 by http://jigsaw.w3.org/css-validator/validator on 24 April 2011 */

/* main body attributes */
body	{
	background-color: #d9d9d9; /* lightgrey */
	margin: 0px;
}

/* main heading text attributes */
h1  {
	font-family: Georgia;
	font-size: 36pt;
	color: #ffff99; /* yellow */
	text-align: left;
	margin-bottom: 0;
	font-style: none;
}

/* main subheading text attributes */
h2	{
	font-family: Georgia;
	font-size: 20pt;
	color: #d9d9d9; /* lightgrey */
	text-align: left;
	margin-bottom: 2px;
}

/* text attributes for main pages and tables */
p, td	{
	font-family: Lucida Sans Unicode;
	font-size: 10pt;
	/* font-weight: bold; */
	color: #333333; /* dark grey */
	margin-top: 2px;
	margin-bottom: 8px;
	text-align: left;
}

/* common table cell attributes */
td	{
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}

/* table border attributes */
table	{
	border-color: #fefefe;
}

/* navigation bar text size */
p.navbar {
	font-size: 12pt;
}

/* text attribute for section subheadings */
p.headline	{
	color: #ffffff;
	text-align: center;
}

p.thin	{
	font-weight: normal;
}

/* css attribute for the text rotate javascript routine */
/* Be sure to add or delete IDs below, according to the number of messages that you have. */

#ran1, #ran2, #ran3, #ran4, #ran5, #ran6, #ran7, #ran8, #ran9, #ran10, #ran11, #ran12, #ran13, #ran14, #ran15, #ran16, #ran17, #ran18, #ran19, #ran20, #ran21, #ran22, #ran23, #ran24, #ran25, #ran26, #ran27, #ran28, #ran29, #ran30, #ran31, #ran32, #ran33, #ran34, #ran35, #ran36, #ran37, #ran38, #ran39, #ran40, #ran41, #ran42, #ran43, #ran44, #ran45, #ran46, #ran47, #ran48, #ran49, #ran50, #ran51, #ran52, #ran53, #ran54, #ran55, #ran56, #ran57, #ran58, #ran59, #ran60 {

  display:none;

}


p.buttonsON {
	text-align: center;
	margin-top: 0;
	margin-bottom: 0;
	font-family: Georgia;
	font-size: 8pt;
	font-weight: bold;
	color: #333366;
	background-color: #999999;
	border: 0px #333366;
}

p.buttonsOFF {
	text-align: center;
	margin-top: 0;
	margin-bottom: 0;
	font-family: Georgia;
	font-size: 8pt;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #999999;
	border: 0px #333366;
}

p.pagehead	{
	color: #111111;
	font-weight: bold;
   	text-align: Center;
   	margin-top: 0px;
   	margin-bottom: 0px;
}

p.update {
	font-family: Georgia;
	font-size: 8pt;
	color: #333366;
	font-weight: bold; 
   	text-align: Center;
   	margin-top: 0px;
   	margin-bottom: 0px;
}

/* link attributes */
a {
  text-decoration:none;
  font-family: Lucida Sans Unicode;
  display:inline; }

a:link {color: #660000; }
a:visited { color: #660000; text-decoration: none; }
a:hover { color: #660000; text-decoration: underline; }
a:active { color: #660000; text-decoration: underline; }

/* old navigation bar link settings
a.head:link	{
	color: #00C000;
	font-weight: bold;
	text-decoration: underline;
}
a.head:visited	{
	color: #00C000;
	font-weight: bold;
	text-decoration: underline;
}
a.head:hover	{
	text-decoration: none;
	background-color: #ccffcc;
}
a.head:active	{
	color: #00c000;
	text-decoration: underline;
}
a.headwhite:hover	{
	text-decoration: none;
	background-color: #ffffff;
}
*/

/* horizontal line attribites */
hr	{
	color: #7f7f7f;
}

h4	{
	font-family: Lucida Sans Unicode;
	font-size: 10pt;
	font-weight: bold;
	color: #ffffff;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-left: 5px;
	background-color: #7f7f7f;
	border: 2px #7f7f7f;
}
h4.hilitecenter	{
	text-align: center;
}
h4.hiliteleft	{
	text-align: left;
}

/* subtitle attributes */
h4.hilitegrn	{
	background-color: #d9d9d9;
}

h4.hiliteblu	{
	background-color: #7f7f7f;
}

/* negative subtitle attributes */
h4.hilitenegativ	{
	background-color: #600000;
	color: #ffffff;
}

/* listings attributes */
li	{
	font-family: Lucida Sans Unicode;
	font-size: 10pt;
	color: #000000;
	margin-top: 0px;
	margin-bottom: 0px;
}


/* table cell background for header */
.cellbghead {
	background-color: #7f7f7f; /* blue fefefe*/
	padding-left: 10px;
}

/* table cell bacground for main text */
.cellbgmain {
	background-color: #f5f5f5; /* off-white */
}

.center {
    text-align: center;
}

.right {
    text-align: right;
}

.green {
	color: #00ff00;
}

.red {
	color: #ff0000;
}

.black {
	color: #000000;
}

.yellow {
	color: #ffff00;
}
.lite	{
	font-size: 8pt;
	font-weight: normal;
}

.calendar {
	margin: 0 auto;
	width: 199px;
	height: 543px;
	background: #ffffff url(images/bgliner.gif);
	float: right;
	padding: 1px;
}