/* ------------------	homepage.css	-------------------------------------------------------------------*/

@import 		url(reset.css);
@import 		url(type.css);
@import 		url(style.css);
@import 		url(forms.css);

/* ------------------	basic layout	-------------------------------------------------------------------*/

body {			background: #bbb url(../images/design/bodyback.jpg) repeat-x top;
			height: 100%; text-align: center;
}
#container {		width: 960px;
			position: relative;
			margin: auto; text-align: left;
			border: 0px solid #f00;
}
#breadcrumbs {		position: absolute;
			left: 56px; top: 30px;
}
#user_account {		position: absolute;
			left: 56px; top: 52px;
}
#header {		width: 924px; height: 383px;
			position: relative; left: 25px; top: 0px;
			background: transparent url(../images/design/header.home.jpg) no-repeat 50% bottom;
			border: 0px solid #0f0;
}

#intro {		position: absolute; 
			width: 16em; height: 150px;
			left: 623px; top: 30px; 
}	
#fullcolour {			width: 300px; height: 130px;
			position: relative; left: 55px; top: 84px;
			background: transparent url(../images/design/Full-Colour.png) no-repeat;
			text-indent: -1000px;
}
#utilities {		position: relative; top: 138px; left: 340px;  width: 592px;
			border: 0px solid #fff;
}
#utilities li {		position: relative; display: inline;
			margin-right: 8px; padding-right: 6px;
			border-right: 1px solid #fff;
}
#utilities a {		color: #fff;
}
#menu {			position: relative; top: 208px; left: 321px; width: 592px;
}
#tabs {			width: 592px;
			background: transparent url(../images/design/tabs.png) no-repeat 0 0;
			overflow: hidden;
}
#tabs li {		position: relative;float: left; width: 110px;
}
#tabs a {		color: #141D32;
			position: relative; display: block; height: 31px;
			padding-top: 21px;
			text-align: center;
}
#tabs a.selected {	color: #eef;
			background: transparent url(../images/design/tab.selected.home.gif) no-repeat 5px 5px;
}
#tabs a:hover {		color: #eef;
			background: transparent url(../images/design/tab.selected.home.gif) no-repeat 5px 5px;
}
#contentcontainer {	position: relative; left: 25px; top: 7px; border: 0px solid #f00;
			width: 924px; height: 269px;
			background: transparent url(../images/design/content.home.jpg) no-repeat 50% bottom;
}
#content {		position: relative; left: 56px;
			width: 788px; overflow: hidden; border: 0px; 
}
#content a {		color: #fff;
}
#sitemap {		position: relative; left: 25px; top: 0px;
			width: 924px; height: 150px; overflow: hidden;
			background-color: transparent;
}
#sitemap ul {		position: relative; width: 141px;
			float: left;
			top: 15px; left: 168px;
}
#sitemap li {		margin: 5px 0px;
}
.copyright {		width: 200px; margin: 0px;
}
.twocolumn {		width: 405px;
			float: left;
}
.secondcolumn {		position: relative; left: 28px; 
			border-left: 1px solid #E88C8C; padding-left: 28px;
			
}
.threecolumn {		width: 225px;  float: left;
			border-top: 0px solid #141d32; height: 259px;
			
}
.thirdcolumn {		position: absolute; left: 534px; 
			border-left: 1px solid #E88C8C; padding-left: 28px;
			
}
img {			position: relative; margin-top: 30px;
}

#headlines a,
#intouchpanel a {		
text-decoration: none;
}
#headlines a:hover,
#intouchpanel a:hover {		color: #F88;
}
#content ul {
border-top: 1px solid #fff;
}
#content li {
border-bottom:1px solid #fff;
list-style-image:none;
list-style-position:inside;
list-style-type:square;
padding:7px 0px 10px;
}
#content #intouchpanel {
	border-top:0px solid #f00;
}
#intouchpanel li {
border-bottom:0px solid #fff;
list-style-image:none;
list-style-type:square;
padding: 0px 0px 10px 10px;
}