/***************************************************/
/*              GENERAL FORMATING                  */
/***************************************************/
/** {margin: 0; padding:0; border:0; }*/
body {
	font-family: tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	letter-spacing: 0.046 em;
	line-height : 1.4em;
	color:  #272727;
      background: #e3e3e3;
}

#menu td a          {text-decoration:none} /* by default do not underline links */
table, div          {border-collapse:collapse}

#left_column p {margin:0;}

/***************************************************/
/*                     HEADER                      */
/***************************************************/
#header_bar {
      background-image:url('../images/top_bar.gif');
      width:1000px;  /* height & width of image */
      height:100px;
}

#header_graphic {
      /* Image is set up in xslt as it is page-specific */
      width:1000px;  /* height & width of image */
      height:166px; 
}


#site_title {
      height:69px;
      color:white; 
      font-size: 8pt;
      padding: 1px 0px 0px 15px;
      text-decoration: none;
}

#site_title h2 {
      font-size: 13pt;
      margin:0;
      margin-top: 8px;
}
#site_title p {
      margin:0;
      margin-top: 11px;
}


#site_title_bar {
        border: none;
        height:1px; 
}


/***************************************************/
/*              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;}

/***************************************************/
/*                     GLOBAL MENU LINK            */
/***************************************************/
 
#global_menu  a         {text-decoration: none; color: white}
#global_menu  a:visited {color:white}
#global_menu  a:hover   {text-decoration: underline;}


#global_menu {
	font-size:9pt;
}
	
#global_menu table {
	cellpadding: 0px;
	cellspacing: 0px;
	border: none 
}

#global_menu td {
	border:none;
}

#global_menu td {
	padding-left:0px;
	padding-right:20px;
	padding-top:1px;
}

#global_menu .selected {
	font-color: #5cc6e9;
}

/***************************************************/
/*                  MENU                           */
/***************************************************/
#menu {
	font-size: 9pt;
	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:20px;
}
/* ... 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:#e7ebf0}           /* unselected */
#menu td.selected   {background-color:#879ab7}           /* selected main menu */
#menu td.depth2.selected   {background-color:#b7c2d3}    /* selected submenu */

/* Determine the font colour of the link */
#menu td a          {color:#0f3670; text-decoration: none}  /* unselected main menu */
#menu td.depth2 a  {color:#7f8688; font-weight:normal;}  /* unselected sub menu */
#menu td.selected a {color:black}                        /* 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:19px}                   /* submenu */


/***************************************************/
/*                     CONTENT                     */
/***************************************************/

#content {
	padding-top:    0px; 
	padding-bottom: 0px; 
	padding-left:   15px; 
	padding-right:  15px; 
}


/***************************************************/
/*                     FOOTER                     */
/***************************************************/
 
#footer  a         {text-decoration: none; color:black}
#footer  a:visited {color:black}
#footer  a:hover   {text-decoration: underline;}


#footer {
	font-size:8pt; 
}
	
#footer {
	cellpadding: 0px;
	cellspacing: 0px;
	width: 1000px;
	margin-bottom: 5px;
/*	border-top: 1px solid #cccccc;  */
/*	background: #c6c6c6;		*/	
}

#footer td {
	border:none;
}

#footer .last {
	/* Left-aligns the other cells */
	width:100%;
}

#footer .separator {
	padding-left:0;
	padding-right:0;
 	font-spacing:0;
}

#footer .footerlink {
	padding-left:20px;
	padding-right:20px;
}

#footer .selected {
	background-color:#e7ebf0;
}

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

#basicTable {width:100%}

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

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

/* The whole page width is set and page centred.  A space at the top is also defined.  Everything else is relative to this. */  
body               {margin-top:0; margin-bottom: 0px; }
body               {text-align:center;}  /* centered horizontally <=IE5.5 */
#page_container    {position:relative;  top:20px;  width:1000px;  margin:0 auto; text-align:left; } /* centered horizontally, except <=IE5.5 */
#global_menu       {position:absolute;  top:13px;   right: 0px; } /* relative to the page_container */
#global_menu table {position:relative;  left:-2px;}  /* not really required, but make the common menu mechanism work exactly like the specific one did previously */

#column_container  { position:relative;  width:1000px; }
#left_column       { float:left;  width: 180px; }
#centre_column     { float:left;  width: 580px; }
#right_column      { float:left;  width: 240px; }

.set_container_height {height:0px; clear:both; }


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

#column_container  { background-color:white; }