/******************************************************************************/
/*                                                                            */
/*  Author:       Mark A. Cauchi (MAC)                                        */
/*  Date:         October, 2007                                               */
/*                                                                            */
/*  Designed and Developed by Abyss Logistics Ltd                             */
/*                                                                            */
/*  project Name: New China Club Web Site                                     */
/*  Program:      http://www.newchinaclub.co.uk                               */
/*  File:                                                                     */
/*  Function:     Web Site & Content Management System                        */
/*  Description:  New china club, tea house, restaurant and art gallery       */
/*                                                                            */
/*  Environment:  Apache v2.0 or later, Linux, UNIX, Perl v5.0 or later       */
/*                                                                            */
/*  Notes:                                                                    */
/*  Version:      1.0.0 - 10/2007 (MAC) First Official Release                */
/*                                                                            */
/*  Web:          www.newchinaclub.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!           */
/*****************************************************************************/

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

  /*
  width             : 100%;
  height            : 100%;

  /*
  margin            : 0px;
  padding           : 10px;
  width             : 800px;
  height            : 400px;
  top               : 50%;
  left              : 50%;
  width             : 100%;
  height            : 100%;
  border            : 5px solid #EAEAEA;
  */
}

div#content {
  margin            : 0px;

  padding-top       : 0px;
  padding-left      : 0px;
  padding-right     : 0px;
  padding-bottom    : 0px;

  text-align        : center;
  vertical-align    : top;
}

p, table, tr, td {
  font-family: verdana; mso-bidi-font-family: arial;
  font-size: 10pt; 
  font-weight: bold; 
  color: #990000; 

  /*
    display: inline;
  */
}

br {
  display: inline;
  margin-top: 0; padding-top: 0;
}

/* content */
.text-header { 
  font-weight: bold; 
  font-size: 12pt; 
  font-family: Arial Narrow, Arial, sans-serif; 
  color: #304552;
}

.pageContent { 
  font-size: 8pt; 
  font-family: Tahoma, sans-serif; 
  color: #7F7F7F; 
}

.pageContent a { 
  font-size: 8pt; 
  font-family: Tahoma, sans-serif; 
  color: #7F7F7F; 
}

/* top elements */
.company { 
  font-weight: bold; 
  font-size: 12pt; 
  line-height: 17px; 
  font-family: Arial Narrow, Arial, sans-serif; 
  color: #ffffff; 
  text-decoration: none;
}

.slogan { 
  font-weight: bold; 
  font-size: 8pt; 
  font-family: Arial Narrow, Arial, sans-serif; 
  color: #D0D8C2; 
  /*
  text-transform: uppercase; 
  */
}

/*main menu*/
.menu { 
  font-size: 8pt; 
  font-family: Tahoma, sans-serif; 
  color: #082A3F; 
  text-decoration: none; 
  background-color: #E1DBD3; 
}

.amenu { 
  font-size: 8pt; 
  font-family: Tahoma, sans-serif; 
  color: #082A3F; 
  text-decoration: underline; 
  background-color: #E1DBD3; 
}

/*submenu*/
.submenu { 
  font-size: 8pt; 
  font-family: Tahoma, sans-serif; 
  color: #082A3F; 
  text-decoration: none; 
}

.asubmenu { 
  font-size: 8pt; 
  font-family: Tahoma, sans-serif; 
  color: #082A3F; 
  text-decoration: underline; 
}

/*bottom menu*/
.bmenu { 
  font-size: 8pt; 
  font-family: Tahoma, sans-serif; 
  color: #E6EAE0; 
  text-decoration: none; 
}

.abmenu { 
  font-size: 8pt; 
  font-family: Tahoma, sans-serif; 
  color: #E6EAE0; 
  text-decoration: none; 
}

/*copyright*/
.footer { 
  font-size: 8pt; 
  font-family: Tahoma, sans-serif; 
  color: #6A6A6A; 
}

/*backgrounds*/
.main-bg { 
  background-color: #E6E6E6; 
}

.color-bg { 
  background-color: #92A479; 
}

.color-bg-01 { 
  background-color: #cacaca; 
}

.color-bg-02 { 
  background-color: #e1dbd3; 
}

.edit_form {
  font-family: verdana; mso-bidi-font-family: arial;
  font-size: 10pt; 
  font-weight: bold; 
  color: #990000; 
}

.headline a { 
  font-weight: bold; 
  font-size: 12pt; 
  font-family: Arial Narrow, Arial, sans-serif; 
  color: #304552;
  text-decoration: none;
}