/* CSS Document */

	body {
		margin: 0 auto;
		padding: 30px 0 10px 0;
		width:900px;
		background-image: url(images/background.jpg);
		background-repeat: repeat-x;
		background-color: #8C8C8E; 
		font-family: arial, helvetica;
		font-size: .7em;
		color: #8C8C8F;
		}
		
	#masthead {
		margin: 0;
		padding: 0;
		height: 189px;
		background-repeat: no-repeat;
		background-image: url(images/lgs_index_visual_3.gif);
		}
	
	#nav	{
		margin: 0 0 15px 0;
		padding: 0;
		background-image: url(images/nav_back.gif);
		background-repeat: repeat-y;
		background-position: inherit;
		height: 2.2em;
		text-align: right;
		}
	
	#container	{
		margin: 0;
		padding: 0 0 0 0;
		background-color: #FFFFFF;
	}
		
	#colone	{
		width: 268px;
		border-right: 1px #8C8C8E solid;
		float: left;
		}	
	
	#coltwo	{
		width: 315px;
		border-right: 1px #8C8C8E solid;
		float: left;
		}
	
	#colthree	{
		width: 315px;
		float: left;
	}
	
	#bottomgraphic {
		background-image: url(images/bottom.gif);
		width: 900px;
		margin: auto;
		background-repeat: no-repeat;
		height: 81px;
		clear: both;
		}
		
	#footer {
		padding: 0 10px 0 0;
	}
	
/* minding my Ps and H1s */

	p	{
		padding: 0 27px 0 14px;
	}
	
	h1 {
		margin: 10px 0 0 0;
		padding: 0 14px 0 14px;
		color: #660066;
		font-size: 120%;
		}
		
	h2 {
		margin: 0;
		padding: 0;
		color: #660066;
		font-size: 100%;
		}

/* Nav */

	#nav ul {
		margin: 0 14px 0 0;
		padding: 0;
		text-decoration: none;
		list-style: none;
		float: right;
		}
	
	#nav ul li {
		margin: 0 10px 0 0;
		padding: 0;
		display: inline;
		float: left;
		}
		
	#nav ul li a {
		margin: 0;
		padding: .5em 8px .4em 8px;
		color: #FFFFFF;
		text-decoration: none;
		float: left;
	}
	
	#nav ul li a:hover {
		margin: 0;
		padding: .6em 8px .4em 8px;
		background-color: #CCCCCC;
		color: #660066;
	}

/* masthead specific */

	#masthead h1 {
		margin: 18px 28px 0 0;
		padding: 0;
		color: #CCCCCC;
		font-size: 190%;
		text-align: right;
		}
	
	#masthead h2 {
		margin: 0 28px 0 0;
		padding: 0;
		color: #CCCCCC;
		font-size: 110%;
		text-align: right;
		}
		
	#masthead img.left {
		margin: 12px 0 0 14px;
		padding: 0;
	}
	
	#masthead img.right {
		margin: 12px 14px 0 0;
		padding: 0;
		float: right;
	}


	a {
		color: #660066;
		text-decoration: none;
	}
	
	a:hover { 
		color: #420042;
		text-decoration: none;
		}
	
	
	#colone	p{
		text-align: right;
		padding: 0 15px 0 15px;
		}
	
	#colone	h1 {
			text-align: right;
			padding: 0 15px 0 15px;
			}
			
	#footer p, #footer a {
		color: #FFFFFF;
		text-align: right;	
		text-decoration: none;
	}
	
	img {
		border: none;
	}

/*colour notes:

#8C8C8E BG Grey

#660066 purple

*/