/**************************************************************
   Standard font family for site
 **************************************************************/

body, table, tr, td, a, p, h1, h2, h3, h4, h5
{
	font-family: arial, helvetica, sans-serif;
}


/**************************************************************
   Page body style  
**************************************************************/

body
{
	margin: 20px 0 0 0;
	padding: 0;
 	color: #cccccc;
 	background-color: #000;
 	background-image: url("../images/bg_grad.gif");
 	background-repeat: repeat-x;
}


/**************************************************************
	Standard paragraph style  
**************************************************************/

p
{
	font-family: arial, helvetica, sans-serif;
	font-weight: normal;
	font-size: 0.8em;
	color: #fff;
	margin: 0 0 5px 0;
	padding: 0 0 0 0;
}


/**************************************************************
	Headings 
**************************************************************/

h1
{
	font-weight: bold;
	letter-spacing: -0.03em;
	font-size: 2.5em;
 	color: #fff;
 	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

h2
{
	font-weight: bold;
	letter-spacing: -0.05em;
	font-size: 1.2em;
 	color: #fff;
 	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

h3
{
	font-weight: bold;
	letter-spacing: -0.03em;
	font-size: 1em;
 	color: #666;
 	margin: 20px 0 10px 0;
	padding: 0 0 0 0;
}


/**************************************************************
	Style for standard links 
**************************************************************/

a
{
	color: #fff;
 	text-decoration: none;
}

a:visited
{
 	color: #666;
}

a:hover
{
 	color: #666;
}

a:visited:hover
{
 	color: #fff;
}


/**************************************************************
	logo links 
**************************************************************/

h1 a
{
	color: #fff;
 	text-decoration: none;
}

h1 a:visited
{
 	color: #fff;
 	text-decoration: none;
}

h1 a:hover
{
 	color: #666;
 	text-decoration: none;
}

h1 a:visited:hover
{
 	color: #666;
 	text-decoration: none;
}


/**************************************************************
	The highlight colour for the logo 
**************************************************************/

.highlight-colour
{
	color: #666;
}






/**************************************************************
	BASIC LAYOUT
**************************************************************/


/* Outer Container for page --------------------------------------------------------------------------- */

#outer-container
{
	margin: 0 auto 0 auto;
 	padding: 0 0 0 0;
	width: 850px;
}


/* Header --------------------------------------------------------------------------- */

#header
{
	width: 850px;
 	height: 130px;
 	margin: 0 0 0 0;
 	padding: 0 0 0 0;
}


/* Content wrapper --------------------------------------------------------------------------- */

#content-container
{
	width: 850px;
}






/* HEADER STYLES --------------------------------------------------------------------------- */


/* logo --------------------------------------------------------------------------- */

#logo
{
	width: 850px;
	padding: 0;
	margin: 10px 0 10px 0;
}


/* Top navigation --------------------------------------------------------------------------- */

#navigation
{
	margin: 0 0 0 0;
 	padding: 0 0 0 0;
 	float: left;
}





/**************************************************************
	HOME ONLY
**************************************************************/

#top-home
{
	width: 850px;
	height: 400px;
}

#top-home-left
{
	width: 400px;
	float: left;
	padding: 0;
	margin: 150px 0 20px 0;
}

#top-home-right
{
	width: 400px;
	float: left;
	padding: 0;
	margin: 150px 0 20px 20px;
}

#top-home-left p
{
	text-align: right;
	color: #666;
	font-weight: bold;
	font-size: 1.2em;
	padding: 10px;
}

#top-home-right p
{
	text-align: left;
	color: #666;
	font-weight: bold;
	font-size: 1.2em;
	padding: 10px;
}





/**************************************************************
	REPORTAGE ONLY
**************************************************************/

#top-promo
{
	width: 850px;
}

#top-promo-left
{
	width: 440px;
	float: left;
	padding: 0;
	margin: 0 0 20px 0;
	z-index: -999;
}

#top-promo-right
{
	width: 360px;
	height: 295px;
	float: left;
	padding: 0;
	margin: 0 0 20px 20px;
	background-color: #000000;
	position:relative;
}

#top-promo-right p
{
	position:absolute; 
	bottom:0;
	font-size: 0.8em;
	padding: 10px;
}

#top-promo-right h1
{
	color: #666;
	font-size: 1.2em;
	padding: 10px;
}
	




/**************************************************************
	LINKS ONLY
**************************************************************/

#top-links
{
	width: 850px;
}

#top-links-left
{
	float: left;
	padding: 0;
	margin: 0px 0 0px 0;
	
}

table {
  width: 100%;
  margin-bottom: 20px;  
  
  font-size: 0.8em;
  border-collapse: collapse;
}

table th,
table td {
  text-align: left;
  vertical-align: top;
  padding: 15px 15px !important;
  padding: 6px 20px;
}

tbody td {
  border-bottom: 1px solid #222222;
}

tbody tr:hover {
  background-color: #111111;
}

	

/**************************************************************
	different text formats
**************************************************************/

#text-columns
{
	width: 850px;
	margin: 20px 0 0 0;
}

#text-column-1
{
	font-size: 0.9em;
	width: 220px;
	float: left;
	padding: 0;
	margin: 0 20px 0 0;
}

#text-column-2
{
	font-size: 1.3em;
	width: 340px;
	float: left;
	padding: 0;
	margin: 0 20px 0 0;
}

#text-column-3
{
	font-size: 0.9em;
	width: 220px;
	float: left;
	padding: 0;
	margin: 0 0 0 0;
}






/* SUBPAGES ONLY --------------------------------------------------------------------------- */


#content-left
{
	width: 440px;
	float: left;
	padding: 0;
	margin: 0;
}

#content-right
{
	width: 360px;
	min-height: 400px;
	float: left;
	padding: 0;
	margin: 0 0 0 20px;
	background-color: #000000;
	/* Provides the gradient in the coloured box 
	background-image: url("../images/bg_box.gif");  						
	background-repeat: repeat-x;*/
}

#content-right p.big
{
	font-size: 1.2em;
	padding: 10px;
}

#content-right p
{
	font-size: 0.8em;
	padding: 10px;
}



#content-left p.big
{
	font-size: 1em;
	padding: 0;
}

#content-left p
{
	font-size: 0.7em;
	padding: 0;
}

#content-left p.narrow
{
	width: 340px;
}




/**************************************************************
	Footer styling
**************************************************************/

#footer
{
 	height: 50px;
 	margin: 50px 0 0 0;
 	padding: 10px 0 0 0;
 	border-top: 1px solid #222;
}

#footer p.left
{
	font-size: 0.7em;
	color: #555;
	float: left;
}

#footer p.right
{
	font-size: 0.7em;
	color: #555;
	float: right;
	text-align: right;
}




/**************************************************************
	Clearing element
**************************************************************/

.clear
{
  position: relative; 
  clear: both; 
  height: 0; 
  line-height: 0; 
  font-size: 0;
}

/**************************************************************
	Standard images
**************************************************************/

img
{
	border: 5px;
	border-color:#FFFFFF;
}