/***************************************************/
/*              GENERAL FORMATING                  */
/***************************************************/
/** {margin: 0; padding:0; border:0; }*/
body {
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size: 11px; /*8.3pt; in IE, but this affects menu height in FF */
	letter-spacing: 0.046 em;
	line-height : 1.4em;
	color:  #272727;
      background: #e3e3e3;
}

table { font-size:11px; } /* required fro old IEs */

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

img         {border: none;}

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


/***************************************************/
/*                     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 {font-size:9pt;} /* required for old IEs */
	
#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;
}

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

#column_container  { background-color:white; } 


/***************************************************/
/*                     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-top: 1px;
	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;
}

/***************************************************/
/*                  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:10px;  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 makes the common menu mechanism work exactly like the specific one did previously */

#column_container  { position:relative;  width:1000px; }
/* Column widths are defined as part of each specific format */
#left_column       { float:left; }
#centre_column     { float:left; }
#right_column      { float:left; }

#footer            { width:100%; }

/* Use this class for a div whose purpose is to ensure that a container is the full height of any floated child divs */  
.set_container_height {height:0px; clear:both; }