@charset "utf-8";
/* CSS Document */

@import url(presentation.css);
@import url(navigation.css);

* {
		margin:0;
		padding:0;
		font-size:95%;
}

* {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		color:#666666;
}

body {
		background-color:#FFFFFF;
}

#lhs {
		width:200px;
		height:950px;
		background-color:#F0EFF5; 
		position:absolute; 
		left:0; top:0;		
}

#lhs img {
		margin-top:8px;
}

.txt {
		margin-top:20px;
		margin-left:15px;
		margin-right:15px;
		margin-bottom:10px;
}

#center {
		margin-left:200px;
		background-color:#FEFEFE;
		padding-left:2px; 
}

.double { /* Used when I need multiple images */
		width:100%; 
		overflow:hidden; 
		padding-bottom:15px;
}

.mainsection_seperation  /* Without this, the image titles crash into each other */
{
		overflow:hidden; 
		display:inline-block; /* Without this, IE6 looses some of the txt */ 
		margin-top:20px;
		margin-left:15px;
		margin-right:15px;
}

.form  
{
		margin-top:20px;
		margin-left:25px;
		margin-right:25px;
}	

#credits {
		background-color:#F0EFF5;
		padding:12px;
		height:30px;
		margin-bottom:25px;
		margin-top:185px;
}

#credit_txt {
		margin-left:100px;
		font-size:9px; 
		margin-top:5px;
}


		#credits a:link{color:#FC7401}
		#credits a: visited{color:#0033FF}
		#credits a:hover{color:#FF9966}

#words {
		background-image:url(images/words.gif
		); 
		background-repeat:no-repeat; 
		background-position:0px 50px; 
		width:400px; 
		padding-right:30px
}

#bg {
		 background-image:url(images/centre_repeat.jpg);
		 background-color:#1C82CC;
}

.festul {
		width:100%; margin-bottom:3px;
}

.festli {
		style='font-family:Verdana, Arial, Helvetica, sans-serif;
		color:#666666; 
		font-weight:normal; 
		font-size:200%;
}