/*
	***
	Misc styles
	***
*/
body {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
#page {
	width: 770px;
	background-color: #9900CC;
	overflow: hidden;
}
input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin: auto;
}
#websearch {
	text-align: center;
}

#introduction {
	margin-bottom: 15px;
}
	#introduction p {
		margin: 5px 0 5px 0;
	}

/*
	***
	PPC Links
	***
*/
.ppc-link {
	text-decoration: underline;
	font-size: 11px;
	font-weight: bold;
	color: #0066CC;
}
.ppc-link:hover {
	color:#990033;
}
.ppc-description {
	font-size: 10px;
}
.ppc-url {
	font-style: italic;
	font-size: 10px;
	color: #0066CC;
}
.ppc-listing {
	font-family: Arial, Helvetica, sans-serif;
}

/* 
	***
	Page masthead is made up of one main DIV 
	***
*/
#header {
	width: 770px;
	height: 120px;
	margin: 0;
	padding: 0;
	background-image: url(header.gif);
	border-bottom: 5px #002164 solid;
}
	/* Associated styles with the header */
	#header p {
		margin: 0;
		padding: 85px 0 0 10px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-weight: bold;
		color: #FFFFFF;
	}
	#header a {
		text-decoration: none;
		color: #FFFFFF;
	}
	#header a:hover {
		color: #9800CC;
	}
	#header h1, h3 {
	margin: 0;
	padding: 0;
	display: none;
}

/* 
	***
	Left Column - basic styles for all of the column 
	***
*/
#leftcolumn {
	width: 150px;
	float: left;
	background-image: url(gridfade.gif);
	background-repeat: repeat-x;
	background-color: #9900CC;
}
	/* Associated styles with the #leftcolumn container */
	#leftcolumn img {
		display: block;
		margin-left: auto;
		margin-right: auto;		
	}
	#leftcolumn img.divider {
		margin-top: 10px;
		margin-bottom: 10px;
	}
	#leftcolumn ol {
		margin-top: 5px;
		color: white;
		font-weight: bold;
	}
		#leftcolumn ol a {
			text-decoration: none;
			color: white;
			font-weight: bold;
		}
		#leftcolumn ol a:hover {
			color: #FF4400;
		}
	
	#leftcolumn ul {
		margin-top: 5px;
		margin-left: 22px;
		padding-left: 0;
		color: white;
		font-weight: bold;
	}
		#leftcolumn ul a {
			text-decoration: none;
			color: white;
			font-weight: bold;
		}
		#leftcolumn ul a:hover {
			color: #FF4400;
		}	
	#leftcolumn a {
		color: white;
	}
	#leftcolumn form {
		margin: 0;
	}

/*
	***
	Centre Column - relatively empty because a lot of stuff in this column is defined independently
	***
*/
#centrecolumn {
	width: 470px;
	padding: 10px 10px 10px 10px;
	float: left;
	background-color: white;
	height: 100%;
}
	/* Centre column contents */
	#centrecolumn h2 {
		margin: 0 0 5px 0;
		padding: 0;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 16px;
		font-weight: bold;
	}

/* 
	***
	Right Column - basic styles for all of the column 
	***
*/
#rightcolumn {
	width: 130px;
	float: right;
	background-image: url(gridfade.gif);
	background-repeat: repeat-x;
	background-color: #9900CC;
}
	/* Styles within the right column */
	#rightcolumn .bannerad {
		margin: 10px auto 10px auto;
		text-align: center;
	}

/* 
	***
	Linkbox is the various 'subject' linkboxes on the page. Floated DIVs... 
	***
*/
.linkbox {
	height: 99px;
	width: 229px;
	margin-bottom: 14px;
}
	/* Styles cascated from the linkbox class */
	.linkbox .head {
		height: 23px;
		width: 220px;
		cursor: pointer;
	}
	.linkbox p {
		margin: 0 8px 0 8px;
		padding: 0;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		color: #000000;
		line-height: 20px;
	}
	.linkbox a {
		color: #000000;
		text-decoration: none;
	}
	.linkbox a:hover {
		color: #FF4400;
		text-decoration: none;
	}

/* 
	***
	Linkbox wide is used for column spanning adverts. Floated DIVs... 
	***
*/
.linkbox-wide {
	height: 85px;
	width: 468px;
	margin-bottom: 14px;
}
	/* Styles cascated from the linkbox class */
	.linkbox-wide img {
		float: right;
		border-color: #FF4A01;
	}
	.linkbox-wide .head {
		height: 23px;
		width: 440px;
		cursor: pointer;
	}
	.linkbox-wide p {
		margin: 0 2px 0 2px;
		padding: 0;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		color: #000000;
	}
	.linkbox-wide a {
		font-style: italic;
		color: #FF4A01;
		text-decoration: none;
	}
	.linkbox-wide a:hover {
		text-decoration: underline;
	}



/* 
	***
	Advertbox - Refers to 'google style' ad box in right column 
	***
*/
.advertbox {
	margin: 0 auto 10px auto;
	width: 120px;
	border: 1px solid #002164;
	background-color: white;
	cursor: pointer;
}
.advertbox:hover {
	border: 1px solid #FF4A01;
}

	/* Associated styles with advertbox */
	.advertbox h5 {
		margin: 0;
		display: block;
		padding: 2px;
		text-align: center;
		height: 18px;
		background-color: #002164;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		font-weight: bold;
		color: #FFFFFF;
	}
	
	.advertbox p {
		margin: 0;
		padding: 2px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 10px;
		color: #000000;
	}
	
	.advertbox a, .fakelink {
		font-style: italic;
		color: #FF4A01;
		text-decoration: none;
	}
	
/* 
	***
	Footer is made up of one single DIV 
	***
*/
#footer {
	padding: 0;
	margin: 0;
	background-color: #002164;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	height: 22px;
	width: 770px;
}
	/* The two classes in the footer make up the columns */
	#footer .left {
		padding: 3px;
		float: left;
	}
	#footer .right {
		padding: 3px;
		float: right;
	}