theform{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	line-height: 24px;
	vertical-align: top;
}


.formfld{
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	line-height: 24px;

}

.formbox{
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
}

.bluebox{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #0099CC;
}

.formbutt{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #FFFFFF;
	background-color: #0099CC;
}

html,body{
	margin:0px 0 0;
	padding:0;	
height : 100%;


}


body{
	margin:0px 0 0;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
height : 100%;


}

#maincontainer {
	height: 100%;
	width: 100%;
	text-align: center;
}


/* acts as main table*/
#layouttab {
	height: 100%;
	width: 760px;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	background-image: url(images/colour_bar.gif);
	background-repeat: repeat-y;
	background-position: left;




}

#textbody {
	width: 395px;
	left: 157px;
	position: absolute;
	margin-top: 171px;
	

	




}

#colourbar {
	width: 118px;
	position: absolute;
	left: -157px;
	top: -171px;
	background-image: url(images/colour_bar.gif);
	background-repeat: repeat-y;
	min-height: 100%;
	padding-top: 171px;
	height: auto;
	z-index: 0;
}

#colourbarpos{
	width: 200px;
	left: 0px;
	top: 0px;
	background-image: url(images/colour_bar.gif);
	background-repeat: repeat-y;
	min-height: 100%;
	padding-top: 171px;
	height: 100%;
	z-index: 0;
	float: left;
	position: absolute;



}


#logo{
	position: absolute;
	top: 0px;
	right: 0px;
	left: 600px;
	width: 158px;

}

#links {
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	width:159px !important;
	position: absolute;
	left: 600px;
	top: 264px;
}

#logosSide {
	position: absolute;
	left: 647px;
	display: block;
	top: 538px;
	
}

#logosSide img{
	margin-bottom: 15px;


	
}

#liverpool-skyline {
	position: absolute;
	left: 157px;
	top: 26px;
}

p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	line-height: 24px;



}
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 34px;
	font-weight: bold;
	margin-bottom: 45px;


}



#links a{
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 10px;
	font-weight: bold;
}

#links a:hover {
	text-decoration: underline;


}

#links div{
	margin-bottom: 15px;
	padding: 5px;
	margin-top: 0px;




}


#links #a{
	background-color: #FF3399;
}

#links #b{
	background-color: #CC99CC;

}

#links #c{
	background-color: #6666CC;

	
}
#links #d{
	background-color: #0099CC;

	
}
#links #e{
	background-color: #33CCFF;

	
}
#links #f{
	background-color: #00CCCC;

	
}
#links #g{
	background-color: #CC99CC;

	
}


.clearpos {
	clear: both;
}

h2 {
	font-size: 18px;
}
h3 {
	font-size: 14px;
}

.blueText {
	color: #0082c8;
}
.greenText {
	color: #00b5cb;

}
.greenText a{
	color: #00b5cb;
	text-decoration: none;


}

.pinkText {
	color: #FF3399;
}
.pinklist {
	color: #FF3399;
	font-size: 18px;
	margin-left: 80px;

}
#middleheader {
	text-align: center;
}
.largertext {
	font-size: 18px;
}
#testpos {
	background-color: #006666;
	position: absolute;
	height: 100%;
	width: 50px;
	top: 0px;

}

.floatRight {
	float: right;
}
.floatLeft {
	float: left;
}
.center {
	text-align: center;
	display: block;
	position: static;
	left: 20%;
}

#blueBackText {
	color: #FFFFFF;
	background-color: #0099CC;
	padding: 0px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	width: 200px;
	height: 20px;
	vertical-align: top;
	text-align: center;




}
.quotes {
	font-style: italic;
	font-weight: bold;
	color: #999999;

}
.linkBoxs {
	border: thin dashed #CCCCCC;
	margin-bottom: 40px;
	padding: 5px;


}
#maincontainer   #layouttab   #textbody   .greenText    span  {
	font-size: 12px;
	color: #313031;
	text-decoration: underline;
}