/*****************************************************************************/
/*                                                                           */
/* Author:       Mark A. Cauchi (MAC)                                        */
/* Date:         December, 2007                                              */
/*                                                                           */
/* Designed and Developed by Abyss Logistics Limited                         */
/*                                                                           */
/* Project Name: Ideal Media Web Site                                        */
/* Program:      http://www.idealmedia.org.uk                                */
/* File:                                                                     */
/* Function:     Web Site & CMS                                              */
/* Description:  Ideal Media Web Site incuding CMS, RSS and Streaming Video  */
/*                                                                           */
/* Environment:  Apache v2.0 or later, Linux, UNIX, Perl v5.0 or later       */
/*                                                                           */
/* Notes:                                                                    */
/* Version:      v2.0.0 - 12/2007 (MAC) Second Official Release              */
/*               v1.0.0 - 01/2007 (MAC) First Official Release               */
/*                                                                           */
/* Web:          www.abysslogistics.co.uk                                    */
/* Email:        operations@abysslogistics.co.uk                             */
/* Tel:          +44 (0)7775 620 723                                         */
/*                                                                           */
/* Copyright (c) 2007 Mark A. Cauchi <mark.cauchi@abysslogistics.co.uk>.     */
/* United Kingdom.  All rights reserved.                                     */
/*                                                                           */
/*****************************************************************************/

/*****************************************************************************/
/*  Font-Size Definitions                                                    */
/*  Relative font-sizes in "em" are used where necessary. To make the        */
/*  "em"-units normed, the incoming font sizes are set to 1.0 em. The        */
/*  font-size variations throughout the webpage are then expressed in        */
/*  percentage values respective to the incoming font-size. To make          */
/*  calculations easier, the font definition in the css-class "body" is      */
/*  62.5%, which gives 1.0em = 10px This makes life a real breeze!           */
/*****************************************************************************/

/*  Body  */
body                    {
  margin                : 0px;
  padding               : 0px;

  width                 : 1024px;

  background-color      : #FFFFFF;                                /* rgb(255, 255, 255); */
  color                 : #000000;
}

body, div, table, tr, th, td, p, ul, li {
  font-family           : arial, tahoma, verdana, sans-serif;
  font-weight           : normal;
  font-size             : 10pt;

  color                 : #000000;
}

/*  Main Navigation Menu  */
div#navmenu             {
  margin                : 0px;
  padding               : 10px;

  width                 : 1024px;
}

/*  Main Body  */
div#main_body           {
  margin                : 0px;
  padding               : 0px;

  width                 : 100%;

  background-color      : #D4D7FF;
  color                 : #CACDE0;

	background-image      : url(/images/bg_gradient.jpg);
	background-repeat     : repeat-x;
	padding-top           : 0px;

  border-bottom         : solid 2px #B7C4DA;
}

/*  Maincontent Table  */
div#maincontent             {
  margin                : 0px;
  
  padding-top           : 25px;
  padding-left          : 10px;
  padding-bottom        : 0px;
  padding-right         : 10px;

  width                 : 1024px;

  font-family           : arial, tahoma, verdana, sans-serif;
  font-weight           : normal;
  font-size             : 10pt;
}

/*  Footer Copyright Notice  */
div#footer              {
  margin                : 0px;
  padding               : 10px;

  width                 : 1024px;
}

.footer_copyright_notice {
  font-family           : arial, tahoma, verdana, sans-serif;
  font-weight           : bold;
  font-size             : 10pt;

  text-decoration       : none; 

  margin                : 0px;
  padding               : 0px;

  width                 : 100%;

  background-color      : #FFFFFF;                                /* rgb(255, 255, 255); */
  color                 : #CACDE0;
}

div#charitycontent      {
  font-family           : arial, tahoma, verdana, sans-serif;
  font-weight           : bold;
  font-size             : 10pt;

  margin                : 0px;
  padding               : 10px;

  width                 : 90%;

  color                 : #000000;
  background-color      : #FFFFFF;

  border                : 5px solid #EAEAEA;
}

div#watermark_01        {
  margin                : 0px;
  padding               : 0px;

  /* background-color    : transparent; */
	background-image      : url(/images/watermark_01.jpg);
  background-repeat     : no-repeat;
  background-position   : center;

  color               : #000000;
  z-index             : 1;

  width               : 271px;
  /* height              : 271px; */
}

div#watermark_02        {
  margin                : 0px;
  padding               : 0px;

  /* background-color    : transparent; */
	background-image      : url(/images/watermark_02.gif);
  background-repeat     : no-repeat;
  background-position   : center;

  color               : #000000;
  z-index             : 1;

  width               : 600px;
  /* height              : 450px; */
}

ul {
  list-style-type     : circle;
  list-style-position : outside;
  list-style-image    : url(/images/bullet.gif);
}

h1 {
  margin-top          : 0px;
  background-color    : transparent;
  color               : #333366;
  font-family         : "Times New Roman", Times, serif;
  font-size           : 180%;
  font-weight         : bold;
}

h2 {
  margin-top          : 0px;
  background-color    : transparent;
  color               : #3366CC;
  font-family         : "Times New Roman", Times, serif;
  font-size           : 150%;
  font-weight         : bold;
}

h3 {
  margin-top          : 0px;
  background-color    : transparent;
  color               : #666699;
  font-family         : Arial, Helvetica, sans-serif;
  font-size           : 120%;
  font-weight         : bold;
}

a:link, a:visited { background-color: transparent; text-decoration: underline; font-weight: bold; color: #0099FF; }
a:hover           { background-color: transparent; text-decoration: underline; font-weight: bold; color: #444472; }
a:active          { background-color: transparent; text-decoration: underline; font-weight: bold; color: #444472; }

.midtext            { font-size: 120%; }
.smalltext          { font-size: 90%;  }
.minitext           { font-size: 75%;  }
.tinytext           { font-size: 80%; }
.bigtext            { font-size: 18px; font-family: "Addington Ext Medium"; }

/*** Charities styles ***/
a.chlink001         { background-color: transparent; color: #FF6633; font-size: 120%; font-weight: bold; }
a:visited.chlink001 { background-color: transparent; color: #FF6633; }
a:hover.chlink001   { background-color: transparent; color: #FF6633; }
a:active.chlink001  { background-color: transparent; color: #444472; }

a.chlink002         { background-color: transparent; color: #FF0000; font-size: 120%; font-weight: bold; }
a:visited.chlink002 { background-color: transparent; color: #FF0000; }
a:hover.chlink002   { background-color: transparent; color: #FF0000; }
a:active.chlink002  { background-color: transparent; color: #444472; }

a.chlink003         { background-color: transparent; color: #0066FF; font-size: 120%; font-weight: bold; }
a:visited.chlink003 { background-color: transparent; color: #0066FF; }
a:hover.chlink003   { background-color: transparent; color: #0066FF; }
a:active.chlink003  { background-color: transparent; color: #444472; }

a.chlink004         { background-color: transparent; color: #3399FF; font-size: 120%; font-weight: bold; }
a:visited.chlink004 { background-color: transparent; color: #3399FF; }
a:hover.chlink004   { background-color: transparent; color: #3399FF; }
a:active.chlink004  { background-color: transparent; color: #3399FF; }

a.chlink005         { background-color: transparent; color: #0B6CAB; font-size: 120%; font-weight: bold; }
a:visited.chlink005 { background-color: transparent; color: #0B6CAB; }
a:hover.chlink005   { background-color: transparent; color: #002A69; }
a:active.chlink005  { background-color: transparent; color: #444472; }

a.chlink006         { background-color: transparent; color: #33CC33; font-size: 120%; font-weight: bold; }
a:visited.chlink006 { background-color: transparent; color: #33CC33; }
a:hover.chlink006   { background-color: transparent; color: #33CC33; }
a:active.chlink006  { background-color: transparent; color: #444472; }

/*** Companies styles ***/
a.colink001         { background-color: transparent; color: #FF0000; font-size: 120%; font-weight: bold; }
a:visited.colink001 { background-color: transparent; color: #FF0000; }
a:hover.colink001   { background-color: transparent; color: #FF0000; }
a:active.colink001  { background-color: transparent; color: #444472; }

a.colink002         { background-color: transparent; color: #33CC33; font-size: 120%; font-weight: bold; }
a:visited.colink002 { background-color: transparent; color: #33CC33; }
a:hover.colink002   { background-color: transparent; color: #33CC33; }
a:active.colink002  { background-color: transparent; color: #444472; }

a.colink003         { background-color: transparent; color: #000000; font-size: 120%; font-weight: bold; }
a:visited.colink003 { background-color: transparent; color: #000000; }
a:hover.colink003   { background-color: transparent; color: #000000; }
a:active.colink003  { background-color: transparent; color: #444472; }

a.colink004         { background-color: transparent; color: #0066FF; font-size: 120%; font-weight: bold; }
a:visited.colink004 { background-color: transparent; color: #0066FF; }
a:hover.colink004   { background-color: transparent; color: #0066FF; }
a:active.colink004  { background-color: transparent; color: #444472; }

a.colink005         { background-color: transparent; color: #009900; font-size: 120%; font-weight: bold; }
a:visited.colink005 { background-color: transparent; color: #009900; }
a:hover.colink005   { background-color: transparent; color: #009900; }
a:active.colink005  { background-color: transparent; color: #444472; }

a.colink006         { background-color: transparent; color: #33CC33; font-size: 120%; font-weight: bold; }
a:visited.colink006 { background-color: transparent; color: #33CC33; }
a:hover.colink006   { background-color: transparent; color: #33CC33; }
a:active.colink006  { background-color: transparent; color: #444472; }

a.colink007         { background-color: transparent; color: #0066FF; font-size: 120%; font-weight: bold; }
a:visited.colink007 { background-color: transparent; color: #0066FF; }
a:hover.colink007   { background-color: transparent; color: #0066FF; }
a:active.colink007  { background-color: transparent; color: #444472; }

a.colink008         { background-color: transparent; color: #33CC33; font-size: 120%; font-weight: bold; }
a:visited.colink008 { background-color: transparent; color: #33CC33; }
a:hover.colink008   { background-color: transparent; color: #33CC33; }
a:active.colink008  { background-color: transparent; color: #444472; }

a.colink009         { background-color: transparent; color: #FA9926; font-size: 120%; font-weight: bold; }
a:visited.colink009 { background-color: transparent; color: #FA9926; }
a:hover.colink009   { background-color: transparent; color: #FA9926; }
a:active.colink009  { background-color: transparent; color: #444472; }

a.tylink001         { background-color: transparent; color: #009900; font-size: 120%; font-weight: bold; }
a:visited.tylink001 { background-color: transparent; color: #009900; }
a:hover.tylink001   { background-color: transparent; color: #009900; }
a:active.tylink001  { background-color: transparent; color: #444472; }

a.tylink002         { background-color: transparent; color: #FF0000; font-size: 120%; font-weight: bold; }
a:visited.tylink002 { background-color: transparent; color: #FF0000; }
a:hover.tylink002   { background-color: transparent; color: #FF0000; }
a:active.tylink002  { background-color: transparent; color: #444472; }


/*** Custom style classes ***/
.cap                { font-size: 18px; font-weight: normal; font-family: "Addington Ext Medium"; color: #0066CC; }

.red                { background-color: transparent; color: #FF0000!important; }
.orange             { background-color: transparent; color: #FA9926; }
.grey               { background-color: transparent; color: #CCCCCC; }
.green              { background-color: transparent; color: #33CC33; }
.midgreen           { background-color: transparent; color: #009900; }
.darkgreen          { background-color: transparent; color: #008000; }
.lightblue          { background-color: transparent; color: #0099FF; }
.blue               { background-color: transparent; color: #004E9D; }

p.alternate         { margin-top: 15px; margin-bottom: 0px; }