/*
 
Copyright (c) Enigma Interactive 2004

SOM2
Project:		ONENE
Filename:		layout_home.css
Description:	Layout of the home page
     
History
ver date  		who     	comment
-----------------------------------------------------------------------------
23	17/01/08	MS			general layout changes
9	25Aug06		CT			Small adjustment to prevent 1px mis-alignment in IE
8	25Aug06		CT			Added new signpost buttoms
7	8June06		PG			Changed margin-right for signposts
6	18May06		CT			Updated for new fixed signpost layout
5	17May06		CT			Updated for new 'people' colour scheme
4	08May06		CT			Added lists to whatsnew
3	19Apr06		CT			Amended the layout
2	19/4/06		PG			moved panel stuff to layout_common_signpost.css
1	11Apr05		CT			Created

*/

#coSiteTool .whatsnew {
	position: relative;
	display: block;
	float: left;
	width: 100%;
	height: 25px;
	background-color: #4E546D;
	border-bottom: 1px solid #ffffff;
}

#coSiteTool .whatsnew .title {
	position: relative;
	width: 105px;
	height: 25px;
	float: left;
}

#coSiteTool .whatsnew .title #whatsnewimage {
	position: absolute;
	top: 0;
	left: 0;
	width: 105px;
	height: 25px;
	float: left;
	background: #101D5B url(/images/header/sub_0/home/whats_new.gif) no-repeat;
}

#coSiteTool .whatsnew .ticker {
	position: relative;
	float: right;
	height: 23px;
	width: 643px;
	padding: 0px;
	border-top: 1px solid #A6A9B6;
	border-bottom: 1px solid #A6A9B6;
	overflow: hidden;
}

#coSiteTool .whatsnew .ticker ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

#coSiteTool .whatsnew .ticker li {
	padding: 0;
	margin: 0;
}

#coSiteTool .whatsnew .ticker a {
	display: block;
	color: #ddd;
	margin-top: -6px;
}

#coSiteTool .whatsnew .ticker a:hover {
	color: #fff;
	text-decoration: underline;
}

#coSiteTool .whatsnew .ticker .tickItem {
	position: absolute;
	top: 0px;
	left: 0px;
	padding: 0px;
	visibility: hidden;
	color: #ddd;
	font-weight: bold;
}

#coSiteTool .whatsnew .ticker.over .tickItem {
	color: #fff;
}

#coSiteTool .whatsnew .ticker .tickLink {
	display: block;
	float: left;
	padding: 0px;
	margin-top: 5px;
	margin-left: 5px;
	color: #ddd;
	font-weight: bold;
}

#teHTML {
	display: none;
}

#bodyText #areaOne {
	width: 434px;
	height: auto;
	float: left;
	margin: 0px;
	margin-top: 10px;
	margin-bottom: 10px;
}	
#bodyText .signpostRow {
	width: 434px;
	height: auto;
	float: left;
	margin: 0px;
	margin-bottom: 10px;
}

#bodyText .signpostRow a {
	font-weight: bold;
	text-decoration: none;
}

#bodyText .signpostRow a:hover {
	text-decoration: underline;
}

#bodyText .signpostRow .top {
	width: 199px;
	height: 62px;
	float: left;
}

#bodyText .signpostRow .top image {
	width: 199px;
	height: 62px;
	float: left;
}

#bodyText .signpostRow .headline {
	color: #fff;
	font-weight: bold;
	width: 193px;
	height: 14px;
	float: left;
	padding: 3px;
}

#bodyText .signpostRow .headline a {
	color: #fff;
}

#bodyText .signpostRow .summary {
	display: none;
}

#bodyText .signpostRow .articleBody {
	font-size: 0.9em;
	width: 188px;
	height: auto;
	float: left;
	padding: 5px;
	padding-top:3px;
}

#bodyText .signpostRow .articleBody .body {
	width: 178px;
	height: auto;
	float: left;
	height: 6.2em;
	overflow: hidden;
	padding: 2px;
}

#bodyText .signpostRow .articleBody .body p {
	margin:4px;
	#margin:5px;
}

#bodyText .signpostRow .bottom {
	width: 199px;
	height: 17px;
	float: left;
}

#areaOneCols {
	display:none;
}

/* coSiteSearch */
#coSiteSearch,
#coContactSearch {
	/*top:0px;*/
	/*top:295px;
	#top:294px;
	_top:296px;*/
}


/* sidePromo */
#sidePromo {
	width:140px;
	display:block;
	float:left;
	margin-left:28px;
}

#sidePromo .coArticle {
	width: 138px;
	height: auto;
	float: left;
	border-left: 1px solid #3D4E97;
	border-right: 1px solid #3D4E97;
	overflow:hidden;
}

#sidePromo .coArticleContainer a img {
	float:right;
	height:17px;
	width:50px;
	border:none;
	position:relative;
	top:-17px;
}


/* supporting business signpost */
#bodyText #signpostBusiness {
	width: 199px;
	height: auto;
	float: left;
	margin-right: 0px;
}

#bodyText #signpostBusiness .top {
	width: 199px;
	height: 62px;
	float: left;
}

#bodyText #signpostBusiness .top img {
	width: 199px;
	height: 62px;
	float: left;
}

#bodyText #signpostBusiness .headline {
	background: #DEA50A url(/images/fixedsignpost/border_right_business.gif) repeat-y top right;
}

#bodyText #signpostBusiness .articleBody {
	border-left: 1px solid #DEA50A;
	background: transparent url(/images/fixedsignpost/border_right_business.gif) repeat-y top right;
}

#bodyText #signpostBusiness .bottom {
	background: transparent url(/images/fixedsignpost/border_bottom_business.gif) repeat-y top left;
}

#bodyText #signpostBusiness .bottom img {
	width: 50px;
	height: 17px;
	float: right;
	background: transparent url(/images/fixedsignpost/button_bottom_business.gif) no-repeat top right;
}

/* supporting people signpost */
#bodyText #signpostPeople {
	width: 199px;
	height: auto;
	float: left;
	margin-right: 20px;
}

#bodyText #signpostPeople .top {
	width: 199px;
	height: 62px;
	float: left;
}

#bodyText #signpostPeople .top img {
	width: 199px;
	height: 62px;
	float: left;
}

#bodyText #signpostPeople .headline {
	background: #A90533 url(/images/fixedsignpost/border_right_people.gif) repeat-y top right;
}

#bodyText #signpostPeople .articleBody {
	border-left: 1px solid #A90533;
	background: transparent url(/images/fixedsignpost/border_right_people.gif) repeat-y top right;
}

#bodyText #signpostPeople .bottom {
	background: transparent url(/images/fixedsignpost/border_bottom_people.gif) repeat-y top left;
}

#bodyText #signpostPeople .bottom img {
	width: 50px;
	height: 17px;
	float: right;
	background: transparent url(/images/fixedsignpost/button_bottom_people.gif) no-repeat top right;
}


/* supporting the environment signpost */
#bodyText #signpostEnvironment {
	width: 199px;
	height: auto;
	float: left;
	margin-right: 0px;
}

#bodyText #signpostEnvironment .top {
	width: 199px;
	height: 62px;
	float: left;
}

#bodyText #signpostEnvironment .top img {
	width: 199px;
	height: 62px;
	float: left;
}

#bodyText #signpostEnvironment .headline {
	background: #669F29 url(/images/fixedsignpost/border_right_environment.gif) repeat-y top right;
}

#bodyText #signpostEnvironment .articleBody {
	border-left: 1px solid #669F29;
	background: transparent url(/images/fixedsignpost/border_right_environment.gif) repeat-y top right;
}

#bodyText #signpostEnvironment .bottom {
	background: transparent url(/images/fixedsignpost/border_bottom_environment.gif) repeat-y top left;
}

#bodyText #signpostEnvironment .bottom img {
	width: 50px;
	height: 17px;
	float: right;
	background: transparent url(/images/fixedsignpost/button_bottom_environment.gif) no-repeat top right;
}


/* supporting the region signpost */
#bodyText #signpostRegion {
	width: 199px;
	height: auto;
	float: left;
	margin-right: 20px;
}

#bodyText #signpostRegion .top {
	width: 199px;
	height: 62px;
	float: left;
}

#bodyText #signpostRegion .top img {
	width: 199px;
	height: 62px;
	float: left;
}

#bodyText #signpostRegion .headline {
	background: #1A2663 url(/images/fixedsignpost/border_right_region.gif) repeat-y top right;
}

#bodyText #signpostRegion .articleBody {
	border-left: 1px solid #1A2663;
	background: transparent url(/images/fixedsignpost/border_right_region.gif) repeat-y top right;
}

#bodyText #signpostRegion .bottom {
	background: transparent url(/images/fixedsignpost/border_bottom_region.gif) repeat-y top left;
}

#bodyText #signpostRegion .bottom img {
	width: 50px;
	height: 17px;
	float: right;
	background: transparent url(/images/fixedsignpost/button_bottom_region.gif) no-repeat top right;
}