/***************************************************/
/*                     SITE TITLE                  */
/***************************************************/
#site_title {
	border-top:1px solid white; 
	border-bottom:1px solid white; 
	height:26px;
}

#site_title p {
      color: white;
	margin: 0;
      padding: 4px 0px 0px 14px;
}


/***************************************************/
/*              RELATED SITES MENU LINK            */
/***************************************************/

#related_sites {font-size: 8pt; line-spacing: 0em; padding: 19px 0px 16px 15px;}

#related_sites a         {text-decoration: none; font-size: 7pt; line-spacing: 0.2em; padding: 0px 0px 0px 5px; color: #0f366f;}
#related_sites a:hover   {text-decoration: underline;}


/***************************************************/
/*                  MENU                           */
/***************************************************/

/******************************************************/
/*                COLOURS USED (for info only)        */
/******************************************************/                                                    */
/*    Dark Blue   #0f366f                             */
/*    Mid Blue    #879ab7                             */
/*    Mid Blue    #b7c2d3                             */
/*    Light Blue  #e6eaf0                             */
/*    Text Grey   #7f8688                             */
/******************************************************/

#menu {
	font-size: 11px;
	font-weight: normal;
}
#menu table { /* reqired for old IEs */
	font-size: 11px;
	font-weight: normal;
}

/* Put a border round each cell and give each cell a width and height */
#menu td {
	border-top:1px solid #cccccc; 
	border-bottom:1px solid #cccccc; 
	width:100%; 
	height:16px;
}
/* ... except no top border on first item when selected - need to re-pad to make even */
#menu td.selected.first{
	border-top:0; 
	padding-bottom:1px; 
}

/* Make the whoe <td> clickable */
#menu td a                {display: block;}
/* Space the <a> in the <td> cell */
#menu td a                {padding:4px;}

/* Determine the background color of the cell */
#menu td            {background-color:#ffffff}           /* unselected */
#menu td.selected   {background-color:#b7c2d3}           /* selected main menu */
#menu td.depth2.selected   {background-color:#b7c2d3}    /* selected submenu */

/* Determine the font colour of the link */
#menu td a          {color:#0f366f; text-decoration: none}  /* unselected main menu */
#menu td.depth2 a  {color:#0f366f; font-weight:normal;}  /* unselected sub menu */
#menu td.selected a {color: #0f366f;}                        /* selected either */	


/* Underline when hovering over */
#menu td a:hover          {text-decoration: underline;}   /* unselected main menu */
#menu td.depth2 a:hover  {text-decoration: underline;}   /* unselected sub menu */

/* Determine padding required */
#menu td a          {padding-left:14px}                  /* main menu */
#menu td.depth2 a   {padding-left:28px}                   /* submenu */


/***************************************************/
/*                     RIGHT COLUMN                     */
/***************************************************/

#basicTable {width:100%}

#links .link {
	border-bottom: 1px solid #cccccc;
	background-color: #e6eaf0;
	font-size: 9pt;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 3px;
}	

/***************************************************/
/*                  LAYOUT                         */
/***************************************************/

/* Total width of all columns is 1000px */
#left_column       { float:left;  width: 180px; }
#centre_column     { float:left;  width: 550px; margin-left:15px; margin-right:15px; }  /* total 580 */
#right_column      { float:left;  width: 240px; }

#site_title        { width:100%; }
#menu              { width:100%; }
#menu table        { width:100%; }
#links             { width:100%; }

/* Spacing at the top of the columns is part of the layout to ensure that the content lines up vertically according to */
/* layout rules, which are that the centre and right columns should be aligned, but the "menu" column starts immediately */
/* Use padding rather than margin so that columns can be colored for the full height */
/* Note: the right column has to be padding 0 because the telephone number is at the top of the column if there is no */
/* link entry in the column.  This means that link entries have top padding 11px so the alignment is maintained - text within */
/* each link should have no additional margin or padding at the top */
#left_column       { padding-top:0px; }
#centre_column     { padding-top:11px; }
#right_column      { padding-top:0px; }

#links .link {padding-top: 11px;}