@charset "UTF-8";

/* CSS Document */


/* Wireframing - place borders round all div elements during development
------------------------------------------------------------------------*/
	
	div {
		margin: 0;
		padding: 0;
		outline: 0px solid red;

		}


/* Add background colour to all pages
-------------------------------------------------------------------------*/
	
	body {
		background: #C1D0DC	;
		overflow: scroll;
		}
	

/* Define size of main container
--------------------------------------------------------------------------*/
	
	#container {
		width: 888px;
		margin: 20px auto;
		background-color: #5F6062;
		
		}
		

/* Masthead and dependants
--------------------------------------------------------------------------*/
	
	#masthead  {
		width: 888px;
		height: 106px;
		background:url(../../Assets/logo_bar_new_3.jpg) no-repeat;
		background-color: #5F6062;
		align: top;
		}	


/* Container for menu bar
--------------------------------------------------------------------------*/

	#navigation	{
	height: 30px;
	background-color: #EEE;
	align: top;
		}

/* Overwrite left hand column for home page
--------------------------------------------------------------------------*/

	#leftColHome {
		float: left;
		text-align: left;
		width: 148px;
		background-color: #5F6062;
		z-index: 1;
		}			


/* Overwrite right hand column for home page only
-------------------------------------------------------------------------*/

	#rightColHome {
		float: right;
		text-align: left;
		height: 493px;
		width: 740px;
		background-color: #5F6062;
		z-index: 2;
		}


/* Overwrite all columns with one large column
-------------------------------------------------------------------------*/

	#centreCol {
		float: left;
		width: 100%;
		min-height: 493px;
		background-color: #5F6062;
		z-index: 5;
		}

/* The left hand column and decendants
-------------------------------------------------------------------------*/

	#leftCol {
		float: left;
		text-align: left;
		width: 348px;
		background-color: #5F6062;
		z-index:3;
		}			


/* The right hand column and decendants
--------------------------------------------------------------------------*/

	#rightCol {
		float: right;
		text-align: left;
		min-height: 493px;
		width: 540px;
		background-color: #5F6062;
		z-index: 4;
		}
		

/* The footer and decendants
-------------------------------------------------------------------------*/

	#footer {
		clear: both;
		text-align: left;
		background-color: #5F6062;
		}
		
/* STYLING FOR FONT
-------------------------------------------------------------------------*/



/* Specify blanket rules for all text
-------------------------------------------------------------------------*/	
		

	h1 {
		margin: 10px 10px 10px 10px;
		padding: 10px 0 0 10px;
		font-family: Geneva, Arial, Helvetica, sans-serif;
		font-size: 110%;
		color: #CCCCCC;
		}

	h2	{
		margin: 10px;
		padding: 10px 0 0 10px;
		font-family: Geneva, Arial, Helvetica, sans-serif;
		font-size: 100%;
		color: #CCCCCC;
		}
	
	h3	{
		margin: 10px;
		padding: 10px 0 0 10px;
		font-family: Geneva, Arial, Helvetica, sans-serif;
		font-size: 80%;
		color: #CCCCCC;
		}
	
	
	
	p {
		margin: 10px 10px 10px 10px;
		padding: 10px 0 0 10px;
		font-family: Geneva, Arial, Helvetica, sans-serif;
		font-size: 80%;
		color: #CCCCCC;
		line-height: 1.2em;
		}


	ul {
		margin: 10px 0 0 10px;
		padding:10px 0 0 10px;
		list-style-type: none;
		font-family:Geneva, Arial, Helvetica, sans-serif;
		font-size:80%;
		color:#CCCCCC;
		}

		a:link {
		color: #CCCCCC;
		text-decoration: underline;
		}
		
		a:visited {
		color: #DAD9D9;
		text-decoration: underline;
		}
		
		a:hover {
		color: #949398;
		text-decoration: none;
		}
		
		a:active {
		color: #CCCCCC;
		text-decoration: none;
		}
		




/* Style for footer navigation unordered list
---------------------------------------------------------------------------*/

	#footer_nav ul {
		list-style: none;
		margin: 5px 0 10px 0;
		padding: 9px 0 5px 10px;
		font-family: Geneva, Arial, Helvetica, sans-serif;
		font-size: 10px;
		color: #CCCCCC;
		}
	
	#footer_nav li 		{
		display: inline;
		padding:0 10px 0 8px;
		border-left: 1px solid #949398;
		text-decoration: none;
			}
			
	ul	a:link {
		color: #CCCCCC;
		text-decoration: underline;
		}
		
	ul	a:visited {
		color: #DAD9D9;
		text-decoration: underline;
		}
		
	ul	a:hover {
		color: #949398;
		text-decoration: none;
		}
		
	ul	a:active {
		color: #CCCCCC;
		text-decoration: none;
		}
		
		
/*  Specific or special text formats
-------------------------------------------------------------------------------*/

	#smallprint	{
		margin: 0;
		padding: 0;
		font-family: Geneva, Arial, Helvetica, sans-serif;
		font-size: 80%;
		color: #CCCCCC;
		line-height: 1.0em;
		}
		
	#smallerprint {
		margin: 0;
		padding: 0;
		font-family: Geneva, Arial, Helvetica, sans-serif;
		font-size: 50%;
		color: #5F6062;
		line-height: 1.0em;
		}
		
	.sameheading {
		color: #5F6062;
		}


	.boldtext {
		font-weight: 600;
		}


/*  Float images within paragraph text
------------------------------------------------------------------------------*/

	img.floatLeft { 
    float: left; 
    margin: 4px 8px 4px 0; 
	}

	img.floatRight { 
    float: right; 
    margin: 4px 0 4px 4px; 
	}