/*-------------------------------------------------------------------*/
/*                                                                   */
/* File   : CSS 2.1 stylesheet for auvation Software website         */
/* Author : auvation Software Ltd                                    */
/*                                                                   */
/*         Copyright auvation Software Ltd 2010                      */
/*                                                                   */
/*-------------------------------------------------------------------*/
/*											   */
/* Main divs are as follows:							   */
/*											   */
/* -- pageContent -------------------------------------------------- */
/* |											 | */
/* | -- pageHeader ----------------------------------------------- | */
/* | |									     | | */
/* | |  Logo								     | | */
/* | |                                                           | | */
/* | | -- menuDivision ----------------------------------------- | | */
/* | | |                                                       | | | */
/* | | --------------------------------------------------------- | | */
/* | |									     | | */
/* | ------------------------------------------------------------- | */
/* |											 | */
/* | -- pageBody ------------------------------------------------- | */
/* | |                                                           | | */
/* | | -- leftMenu ------ -- mainContent ----------------------- | | */
/* | | |                | |                                    | | | */
/* | | ------------------ -------------------------------------- | | */
/* | |                                                           | | */
/* | ------------------------------------------------------------- | */
/* |											 | */
/* | -- pageFooter ----------------------------------------------- | */
/* | |                                                           | | */
/* | ------------------------------------------------------------- | */
/* |											 | */
/* ----------------------------------------------------------------- */
/*											   */
/*-------------------------------------------------------------------*/

/* Default body styles */
body
{
	font-family: arial, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	font-size:100%;
	color: black;
	text-align: left;

	margin: 10px 10px 0px 10px;
	background-color: white;
}

/* All Auvation content is contained in this */
#pageContent
{
	font-family: arial, sans-serif;
	font-size: 0.875em;
	text-align: left;

	padding: 0px;
	border-color: #EEEEEE;         /* Make border solid light grey */
	border-width: 5px;
	border-style: solid;
	margin: 0px;

	width: 700px;
}

/* Header area for logo and main menu */
#pageHeader
{
text-align: right;

	padding: 0px;
	border-width: 0px 0px 17px 0px; /* Set thick border at bottom */
	border-color: #C0C0C0;          /* Make border solid dark grey */
	border-style: solid;
	margin: 0px;
}

/* Main Menu area*/
#menuDivision
{
	padding: 0px;

/* Bizarrely, the following border is required for IE7. */
/* Without it, the left menu overlaps the pageHeader Border. */
/* border-width: 0px; didn't work either! */
	border-width: 2px;
	border-color: white;
	border-style: solid;

/* Set a % left margin to simulate centreing the menu */
	margin: 0px 0px 10px 0px; 
}

/* Body area for left hand submenu and main content */
#pageBody
{
	font: 14px arial;
	padding: 0px 0px 0px 5px; 
	border-width: 0px;
	margin: 0px 0px 0px 0px;
}

#leftMenu
{  
	clear:left;
	float:left;

	text-align: left;
	text-decoration: none;
	font: 14px arial;

	padding: 10px 0px 0px 5px;
	border-width: 0px 2px 0px 0px;
	border-color: #EEEEEE;
	border-style: solid;
	margin: 0px 10px 0px 0px;

/* Fix height so that the right grey border reaches the footer */
/* Fix width so that the menu appears identical on all pages */
/* and does not resize with the menu entries */
	height: 350px;
	width: 100px;
}

#mainContent
{
/* Fix the height and have a scrollbar of the content overflows. */
/* The content is 10 pixels higher than the left menu to compensate for an */
/* odd gap between the bottom of the scrollbar and the footer */
	height: 360px;
	overflow: auto;

	font: 14px arial;
	text-align: left;

	padding: 0px 10px 0px 0px; 
	border-width: 0px;
	margin: 0px; 
}

#logo
{
	padding: 0px;
	border-width: 0px; 
	margin: 0px;
}

#mainMenu
{
	display: inline;
	font-size: 14px;
}

#mainMenu li
{	
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 0px 0px;
	list-style: none;
	float: left;
}

/* ... including anchor style ... */
#mainMenu li a
{	
      color: rgb(102, 102, 102);
	padding: 0px 10px 0px 10px;
	text-decoration: none;
	font: 12px arial;
}

/* ... and hover style ... */
#mainMenu a:hover
{
    color: rgb(153, 0, 0);
}

#leftMenuList
{
	padding-left: 0px;
	margin-left: 0px;
}

#leftMenu a
{
      color: black;
	text-decoration: none;
	border: 0px;
	margin: 0px;
	padding: 0px;
}

#leftMenu li
{
	list-style: none;
	border: 0px;
	margin: 0px;
	padding: 0px 5px 3px 15px;
	text-align: left;
	font: 12px arial;

}

#leftMenu a:hover
{
      color: rgb(153, 0, 0);
}

#leftMenu li a
{
      color: rgb(102, 102, 102);
	padding: 0px;
	border: 0px;
	margin: 0px;
	text-align: left;
	text-decoration: none;
	font: 12px arial;
}

#leftMenu li a:hover
{
      color: rgb(153, 0, 0);
}

.currentSubMenuItem
{
	background-image: url('images/bullet1.gif');
background-repeat: no-repeat;
background-position: 0px 0px;
padding: 0px;
margin: 0px;
}

.subMenuItem
{
	list-style: none;
}

#pageFooter
{
margin: 0px;
    border-width: 0px;
    background: #EEEEEE;        /* Make background same colour as thin content border */
    color: #C0C0C0;             /* Make text dark grey to be less prominent */
    font-family: "Century Gothic", arial, sans-serif;
    font-size: 12px;            /* Make text smaller to be less prominent */
    padding: 12px 3px 12px 3px; /* Pad top and bottom to make border thick */
    text-align: left;

clear:left;
}

/* Set the page title top padding to 10, to separate it from the */
/* grey bar at the bottom of the header. This should be in the   */
/* mainContent div but it doesn't seem to work. */
#pageTitle
{
	padding: 10px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	text-align: left;
	font-size: 18px;
	font-weight: bold;
}

#eventYear
{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	text-align: left;
	font-size: 20;
}

#eventDate
{
	white-space:nowrap;
	text-align: left;
}

#eventTitle
{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	text-align: left;
	font-size: 20;
}

#eventReport
{
	padding: 0px 0px 10px 0px;
	margin: 0px 0px 0px 0px;
	text-align: left;
}

/* Style of prominent text used for slogans etc */
.greenText
{
    text-align: center;
    color: #008000;  /* Green */
    font-family: "Comic Sans MS", sans-serif;
    font-size: 18px; /* Larger than normal text */
    display: block;
}

.blackText
{
    padding: 0px 50px 20px 50px;
    text-align: center;
    color: black; 
    font-family: "Comic Sans MS", sans-serif;
    font: 14px; /* Same as normal text */
    display: block;
}

/* Style of legally required company registration text */
.legalText
{
    text-align: left;
    color: #A0A0A0;
    font-family: "Century Gothic", arial, sans-serif;
    font-size: 12px;
    display: block;
    padding: 20px 0px 0px 0px;
    margin: 50px 0px 0px 00px;
}

/* As above, but indented for actual address */
.legalIndentedText
{
    text-align: left;
    color: #A0A0A0;
    font-family: "Century Gothic", arial, sans-serif;
    font-size: 12px;
    padding: 0px 0px 0px 30px;
}

.photoCentre
{
    text-align: center;
    padding: 0px 0px 5px 5px;
}

.photoRight
{
    float: right;
	display: block;
    padding: 5px 5px 0px 5px;
}

.photoLeft
{
    float: left;
	display: block;
    padding: 5px 5px 0px 0px;
}

.caption
{
    text-decoration: none;
	text-align: center;
	font-size:10px;
    color: rgb(102, 102, 102);
}

.caption a
{
    text-decoration: none;
	font-size:10px;
    color: rgb(102, 102, 102);
}

/* General purpose image tags */
img 
{ 
    border-style: none; 
}