/* CSS Document */


body
{
	font-family: Arial, Helvetica, sans-serif;
	padding: 0px;
	margin: 0px;
	background: #ffffff;
	text-align:left;
}

p, .article_date
{
	font-family: Arial, Helvetica, sans-serif;
	padding: 0 0 1.5em 0;
	margin: 0;
	color:#666;
	font-size:11px; 
	font-weight:normal;
}

ul {padding: 0px 0px 15px 15px; margin:0px;}
ol {padding: 0px 0px 15px 30px; margin:0px;}

li
{
	font-family: Arial, Helvetica, sans-serif;
	padding: 0 0 0.5em 0;
	margin: 0;
	color:#666; 
	font-size:11px; 
	font-weight:normal;
}

h1,h2
{
	padding: 0 0 1.5em 0;
	margin: 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	font-weight: normal;
	color: #666;
}

h3
{
	padding: 0 0 1.5em 0;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #666666;
}

h3 .index_article
{
	padding: 0 0 1.5em 0;
	margin: 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	font-weight: normal;
	color: #666;
}


h4
{
	padding: 0 0 1.5em 0;
	margin: 0;rial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	font-style:italic;
	color:#008da9;
}

h5,h6
{
	padding: 0 0 1.5em 0;
	margin: 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 9px;
	font-weight: normal;
	color: #cccccc;
}

a {text-decoration: underline; color:#4bb3ff;}
a:hover {text-decoration: underline; color: #F00;}

.coloured_text {color:#4bb3ff;}

/* Layout Styles */

#centre
{
	width: 800px;
	position: relative;
	margin: auto;
	padding: 0px 15px 50px 15px;
}

#container
{
	float: inherit;	
}

#logo
{
	float: left;
	width: 325px;
	height: 40px;
	overflow: hidden;
	padding: 50px 0px 35px 0px;
	margin: 0px;
}

#clocks
{
	float: right;
	width: 305px;
	height: 125px;
	overflow: hidden;
	padding: 0px 25px 0px 0px;
	margin: 0px;
}

#navigation
{
	clear: both;
	float: left;
	margin: 0px;
	padding: 5px 0px 0px 20px;
	width: 780px;
	height: 18px;
	background: url(../images/nav_bar.jpg) no-repeat;
	overflow:hidden;
}

	#navigation ul
	{
		display: inline;
		padding: 0px;
		margin: 0px;
	}
	
	#navigation li
	{
		font-family: Arial, Helvetica, sans-serif;
		padding: 0 0 0.5em 0;
		margin: 0;
		color:#333333; 
		font-size:12px; 
		font-weight:normal;
		display: inline;
		padding: 0px;
		margin: 0px;
	}
	
	#navigation a
	{
		height: 36px;
		display: block;
		padding: 0px 15px 0px 15px;
		margin: 0px;
		float:left;
		color: #FFF;
		text-decoration: none;
	}

	#navigation a:hover
	{
		color: #F00;
	}


#graphic
{
	float: left;
	width: 800px;
	height: 225px;
	padding: 0px;
	margin: 0px;
	clear: both;
	overflow: hidden;
}

#content
{
	float: left;
	width: 800px;
	padding: 0px;
	margin: 0px;
	clear: both;
}

	#content_column
	{
		float: left;
		width: 527px;
		padding: 30px 0px 0px 0px;
		margin: 0px 23px 0px 0px;
	}
	
	#left_column
	{
		float: left;
		width: 245px;
		padding: 0px;
		margin: 0px 23px 0px 0px;
	}

	#centre_column
	{
		float: left;
		width: 259px;
		padding: 0px;
		margin: 0px;
	}

	#right_column
	{
		float: right;
		width: 245px;
		padding: 30px 0px 0px 0px;
		margin: 0px;
	}

/* Footer Styles */

#footer
{
	clear: both;
	float: left;
	width: 800px;
	border-top: 3px solid #4bb3ff;
	text-align: left;
	margin: 20px 0px 20px 0px;
	padding: 10px 0px 0px 0px;
}

.clear {clear:both;}
.hidden {display:none;}

/* Navbar Styles */