

body {

	text-align: center;

	/* this is ussed to prevent the left hand side of the wrapper dissappearing off the side of the page in Netsacpe 7 */

	min-width: 730px;



}



/*

This style is for the wrapper div. It's purpose is to contain the site contents.

This div beign centered using margin-left:auto; margin-right:auto for standard compliant browsers.

For IE I'm useing text-align: center on the body and then text-align: left here.

see http://www.bluerobot.com/web/css/center1.html

*/



/* "wrapper" is what centers the thing in the page  */

#wrapper {

	position: relative;

	background: transparent;

	margin: 0 auto;

	width: 758px;

	voice-family: "\";}\"";

	voice-family:inherit;

	width:768px;

}  



html>#wrapper {

	width: 768px;

} 



/* this is used to clear the floats. */

.clear {

	clear: both;

}





#logo {

	width: 768;

	margin-bottom: 10px;

}





#header {

	display: none;

	}



#footer {

	float: left;

	width: 768;

	padding-top: 10px;

	}	

	

/*

the 3 collumns will act as containers for the content blocks.

They all will float left and will be given the correct right-margin

To get around using the box model hack, the col divs have been given an exact width

and the padding, margin and border elements have been added to the content elements

*/







#RightColumn {

	display: none;

}



#LeftColumn {

	float: left;

	width: 473px;

	

}





/* on IE5.x dotted lines only show if they are 2px. using box model hack to get round this */



.LeftContent, .RightContent {

	margin-bottom: 10px;

	margin-right: 10px;

	text-align: left;

	padding: 10px;	

	background-color: #fff;



}







.RightContent {

	margin-right: 0px;

}

body {

	text-align: center;

	margin : 10 0 10 0;

	font-size: 76%;

	font-family : Verdana, Arial, Helvetica, sans-serif;

	color : #333;

} 



a {

  color: #cc6666;

  font-weight: normal;}

  

a:link, a:visited {

  text-decoration: underline;}



a:hover {

  color:  #000;

  text-decoration: underline;

  }





#header a {

  color: #000;

  font-weight: bold;}

  

#header a:link, a:visited {

  text-decoration: none;}



#header a:hover {

  color:  #cc6666;}





h1 {

	font-size: 1.4em;

	color : #999999;

	letter-spacing: 2 px;

	line-height: .3em;

	padding-bottom: 0px;

	margin: 0;

}



h2 {

   font-size:1.3em;

   color: #069;

   }  



h3 { font-size: 1 em;

	color: #666;

	

	padding-top: 3px;

	margin: 0;

	font-weight: bold;

	}



	   