a {	
	color:#8DA8BC;	
	text-decoration:none
}
a:link {
	color:#999999;
	text-decoration:none;
	}
a:visited {
	color:#999999;
	text-decoration:none;
	}
a:hover {
	text-decoration:none;
	color:#6699FF;
	}
a:active {
	color:#999999;
	text-decoration:none;
	}
	/** the following CSS code creates a fixed div on the web page which remains in position whilst the rest of the site scrolls behind it!

.content_col_middle {
	position:fixed;
	margin-left:10em; (being the width of content_col_left. Without this the fixed position                       defaulted to left hand side over the left div.)
	width:15em;
	height:100em;
	padding-top:1em;
	float: none;
	]
____________________

NOTE also, that normal CSS code, thus:

.content_col_left {
 float:left;
 width:10em;
 height:100em;
 padding-top:1em;
}
does not produce this effect. BUT, it might be relevant that the 'float' attribute has been applied in the outer columns.

In the webpage there are three divs inside the main content div: content_left,  content_centre,  content_right.
10em; 15em; 10em respectively.
NOTE: 	margin-left:10em; (being the width of content_col_left, must be added to position the central div. Without this the 'fixed' position defaults to left hand side over the left div.)
___________

Happy Days!**/
body {	
    background-color:#000000;
	color:#8DA8BC;
}
#Wrapper {
	position:static;
	background-image:url(../images/site_images/wrapper3_bkgnd_skin-krow-.jpg);
	background-color:#000000;
	background-repeat:repeat-y; 
	background-position:top 20em;
	text-align:center;
	width:1206px; 
	width:50.25em;
	height:260em;
	border-left:#1b1a21 double thick;
	border-right:#1b1a21 double thick;
	border-width:thick;
	margin:0 auto; /**makes the page centred**/
}
#Header {
	position:static;
	background:url(images/site_images/Header_bridge_1002x300.jpg);
	background-color:#000000;
	background-repeat:no-repeat; 
	background-position:center;
	text-align:center;
	width:1002px; 
	width:41.75em;
	height:12.5em;
	margin:0 auto;
}
#inner_header {
	margin-left:297px;
	margin-right:473px;
	height:145px;
	position:fixed;
	margin-top:-30px;
	}
#horizontalNav {
	top:18.3em;
	border-left:none;
	border-right:none;
	background:#000000;
	width:1002px;
	width:41.75em;
	height:6em;
	overflow:hidden;
	position:relative;
}
.titlebar {
	text-align:center;
}
#content {
	background-image:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1em;
	line-height:2em;
	color:#8DA8BC;
	width:840px;
	width:35em;
	height:220em;
	text-align:center;
	margin:0 auto;
	padding-left:1.5em;
	padding-right:1.5em;
}
.content_col_left {
	float:left;
	width:10em;
	height:100em;
	padding-top:1em;
}
.content_col_middle {
	position:fixed;
	margin-left:10em;
	width:15em;
	height:100em;
	padding-top:1em;
	float: none;
}
.content_col_right {
	float:right;
	width:10em;
	height:100em;
	padding-top:1em;
}
h1 {font-family:'Fucked Olympia J';
    color:#333333;
	font-size:1.5em;
	}
h2 {
	color:#CCCCCC;
	}
h3 {	
	font-family:Verdana, Arial, Helvetica, sans-serif;	
	font-size:1.15em;	
	color:#DCDCDC;
	}
h4 {
	color:#336699;
	}
table {
	color:#336699;
	}
td, th {	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	line-height: 2em;
	color: #333333;
	}
textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 1em;
	}
ul {	
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 1em;	
	list-style-type: square;	
	list-style-position: outside;
	}
.style1 {
	font-family:'Fucked Olympia J';
	font-style: italic;
	color: #333333;
	}
.style2 {
	font-family:'Baskerville Old Face';
	}
.style18 {
	font-family:'Baskerville Old Face'; color: #333333; 
	}
.style19 {
		color:#8DA8BC;
		text-align:center;
	}
.style20 {
	color: #336699;
	}
.style21 {
	color: #666666;
	}
.footer { 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.167em;
	font-weight:bold;
	line-height:1.83em;
	color:#333333;
	background-color:#000000;
	}