div#wrapper div#template div#header{
	float: left; display: inline;
	width: 900px; height: 200px;	
}

div#wrapper div#template div#header div#header_left_column{
	float: left; display: inline;
	width: 590px; height:100%;
}

div#wrapper div#template div#header div.header_vertical_line{
	float: left; display: inline;
	width: 1px; height: 100%;
	margin: 0px 10px 0px 10px;
	background: #CCCCCC;
}

div#wrapper div#template div#header div.header_right_column{
	float: left; display: inline;
	width: 289px; height: 100%;
}

div#wrapper div#template div#header div.header_right_column a:link, div#wrapper div#template div#header div.header_right_column a:visited{
	border:none;
}

div#wrapper div#template div.template_horizontal_line{
	float: left; display: inline;
	width: 100%; height: 1px; /*THERE IS AN ISSUE WITH THIS IN IE6! WILL HAVE TO FIX!!!!*/
	background: #CCCCCC;
	margin: 10px 0px 10px 0px;
}

div#wrapper div#template div#content{
	float: left; display: inline; 
	width: 100%; /*height: 100%;*/ height: 450px;
}

div#wrapper div#template div#content div#content_left_column{
	float: left; display: inline; overflow: hidden;
	width: 590px; height: 100%;
	/*background: #CCCCCC;*/
}

div#wrapper div#template div#content div.content_vertical_line{
	float: left; display: inline;
	width: 1px; height: 100%;
	background: #CCCCCC;
	margin: 0px 10px 0px 10px;
}

div#wrapper div#template div.content_right_column{
	float: left; display: inline;
	width:289px; height: 100%;
	/*background: #CCCCCC;*/
	font-size: 12px;
}

div#wrapper div#template div#content div#content_left_column a:link, div#wrapper div#template div#content div#content_left_column a:active, div#wrapper div#template div#content div#content_left_column a:visited{
	color:#8F6B85; text-decoration: none;
	border-bottom: 1px dotted #8F6B85;
}

div#wrapper div#template div#content div#content_left_column a:hover, div#wrapper div#template div#content div#content_left_column a:visited:hover, div#wrapper div#template div#content div#content_left_column a:focus{
	color:#8F6B85; text-decoration: none;
	border-bottom: 1px solid #8F6B85;
}

div#wrapper div#template div#content div#content_left_column h2{ color: #8F6B85; }

/*DEV FOR SLIDER ETC*/
div#wrapper div#template div#content div#content_left_column div#scroll_container{ width: 590px; height: auto; overflow: hidden; }
div#wrapper div#template div#content div#content_left_column div#scroller{ width: 10000px; }

div#wrapper div#template div#content div#content_left_column div.panel{ width: 574px; height: 450px; margin: 0px 5px 0px 5px; padding: 0px 3px 0px 3px; float: left; display: inline; }

/*CSS FOR SLIDER MENU ETC*/
div#wrapper div#template div.content_right_column ul{ list-style: none; list-style-type: none;  margin: 0px 0px 0px 0px; }
div#wrapper div#template div.content_right_column ul li{ margin: 5px 0px 5px 0px; text-transform: lowercase; }


div#wrapper div#template div.content_right_column ul span{ width:auto; height:auto; margin: 0px 0px 10px 0px; font-weight: bold; color: #8F6B85; text-transform: lowercase; font-size: 16px; }

div#wrapper div#template div.content_right_column ul li a:link{ 
	color:#666; text-decoration: none; border: none; 
}
div#wrapper div#template div.content_right_column ul li a:active, div#wrapper div#template div.content_right_column ul li a:focus{ 
	color: #8F6B85; font-weight: bold; text-decoration: none; 
	border: none; 
}

/*colour of the link/text is not changing for active and start links etc...weird..fix later..*/

.start_link { 
	padding-right: 15px;  background: url(../../imgs/creative_tick.png) no-repeat 100% 50%; border: none; color: #8F6B85; 
}

.active_link{ color: #8F6B85; font-weight: bold; text-decoration: none; border: none; }

div#wrapper div#template div.content_right_column ul li a:visited{ 
	padding-right: 15px;  background: url(../../imgs/creative_tick.png) no-repeat 100% 50%; border: none; color: #666; 
}

div#wrapper div#template div.content_right_column a:visited:hover, div#wrapper div#template div.content_right_column ul li a.start_link:hover{ 
	color: #8F6B85; font-weight: bold; text-decoration: none; 
	padding-right: 15px; border: none; 
	background: url(../../imgs/red_tick.png) no-repeat 100% 100%; 
}

div#wrapper div#template div.content_right_column ul li a:hover{ color: #8F6B85; font-weight: bold; text-decoration: none; border: none;  }