/* 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: #454545;
		
		}
		
	

	#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: 267px;
		float: left;
		text-align: right;
		}	
	
	#coltwo	{
		width: 315px;
		padding: 12px 0 0 0;
		border-left: 1px #cccccc solid;
		border-right: 1px #cccccc solid;
		float: left;
		}
		
	#coltwowide {
		width: 630px;
		padding: 12px 0 0 0;
		border-left: 1px #cccccc solid;
		float: left;
		}
	
	#colthree	{
		width: 315px;
		padding: 12px 0 0 0;
		float: left;
	}

#colthreesmall	{
		width: 250px;
		padding: 12px 0 0 0;
		float: left;
	}
	
	#colfour	{
		width: 600px;
		padding: 12px 0 0 0;
		border-up: 1px #cccccc solid;
		float: left;
	}
	
	
	#bottomgraphic {
		margin: 10px auto 0 auto;
		padding: 0;
		width: 900px;
		height: 81px;
		background-image: url(images/bottom.gif);
		background-repeat: no-repeat;
		clear: both;
		text-align: center;
		}
		
	#footer {
		margin: 10px 0 0 0;
		padding: 5px 0 0 0;
		text-align: right;
		color: #FFFFFF;
	}
	
/* minding my Ps and H1s */

	p	{
		padding: 0 27px 0 14px;
	}
	
	h1 {
		margin: 10px 0 20px 0;
		padding: 0 14px 0 14px;
		color: #660066;
		font-size: 120%;
		}		
		
	h2 {
		margin: 0;
		padding: 0 14px 0 14px;
		color: #420042;
		font-size: 100%;
		
		}
		
	h3 {
		padding: 0 14px 0 14px;
		color: #420042;
		font-size: 120%;
		font-weight: bold;
		color: #333333;
		}

	em {
		font-style: italic;
	}

	strong {
		font-weight: bold;
	}
	
	pre {
		white-space: normal;
	}
	
/* lists */

	li {
		margin: 0 0 10px 0;
		padding: 0;
		list-style-image:url(images/point.gif);
	}
	
	ul {
		margin: 0 14px 10px 30px;
		padding: 0;
	}
	
	#colthree ul {
		margin: 10px 14px 10px 30px;
		padding: 0;
	}

/* Nav */

	#nav ul {
		margin: 0 14px 0 0;
		padding: 0;
		text-decoration: none;
		list-style: none;
		float: right;
		}
	
	#nav ul li {
		margin: 0 8px 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;
		border: none;
	}
	
	#nav ul li a:hover {
		margin: 0;
		padding: .6em 8px .4em 8px;
		background-color: #CCCCCC;
		color: #660066;
	}
	
/* Links*/

	a {
		color: #333333;
		text-decoration: none;
		font-weight: bold;
		border-bottom: 1px #cccccc dashed;
	}
	
	a:hover { 
		color: #660066;
		text-decoration: none;
		border-bottom: 1px #666666 dashed;
		}

	a:visited { 
		color: #999999;
		text-decoration: none;
		border-bottom: 1px #666666 dashed;
		}

/* 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.leftm {
		margin: 12px 0 0 14px;
		padding: 0;
	}
	
	#masthead img.rightm {
		margin: 12px 14px 0 0;
		padding: 0;
		float: right;
	}

/* column - main content specifics */
	
	#colone	p{
		text-align: right;
		padding: 0 15px 0 15px;
		}
	
	#colone	h1 {
			text-align: right;
			padding: 0 15px 0 15px;
			}
			
	#coltwo	ul li {
				padding: 0 15px 0 0;	
				}
		
	.purple {
		color: #420042;
		}
/* footer - main content specifics */

	#footer p, #footer a {
		color: #FFFFFF;
		text-align: right;	
		text-decoration: none;
		border: none;
	}
	
	#footer img {
		margin: 0 0 0 10px;
		vertical-align: middle;
	}
	
/* general layout elements */
	
	img {
		border: none;
	}
	
	acronym {
		border: none;
		text-decoration: inherit;
		font-weight: inherit;
	}

	.contentlink {
		display: none;
	}
	
	hr {
		color: #cccccc;
		background-color: #cccccc;
		height: 1px;
		text-align:center;
		border: 0 none;
	}
	
	.right {
		margin-left: 10px;
		float: right;
	}
	
	.left {
		margin-right: 10px;
		float: left;
	}
	
	
	.pic1 {
		margin-right: 14px;
		text-align: right;
		}	

	
	.box {
		margin: 0 14px 15px 14px;
		padding: 8px 10px 10px 8px;
		border: 1px #660066 solid;
		text-align: left;
	}
	
	.box img {
		margin-right: 10px;
		float: left;
	}
	
	.spacer {
		clear: both;
	}

.video {
	align: center;
}
/* Forms */	

	form {
		padding: 0 14px;
	}
	
	label {
		margin: 0 0 5px 0;
		padding: 0 0 5px 0;
		display: block;
		border-bottom: 1px solid #cccccc;
	}
	
	label strong {
		padding: 5px 0 0 0;
		width: 80px;
		float: left;
	}
	
	input {}
	
	textarea {}
	
	select {}
	
	
/* Default common styles 

	h3 {}
	h4 {}
	h5 {}
	h6 {}

	dl         {}
	dt         {}
	dd         {}
	ul         {}
	ul li      {}
	ol         {}
	ol li      {}

	
	table      {}
	caption    {}
	
	tbody      {}
	tr         {}
	th         {}
	td         {}*/


/* colour notes: #cccccc BG Grey    #660066 purple  */