/* ---------------------------------------- */
/* About Us - homepage screen.css overrides */
/* Steve K - 19th Sept 2007                 */
/* ---------------------------------------- */

#infoPane {
background-color: #7597a0;
height: 313px;
border-bottom: 1px solid #fff;
}

#infoPane .visualPadding {
margin: 25px 20px 0 20px;
}

.driver a, .driver a:visited {
color: #fff;
font-weight: normal;
text-decoration: none;
}

#contentColsWrapper {
	background: #7597a0;
}

#centrePiece {
	width: 768px;
	border: none;
	border-right: 1px solid #fff;
}

#infoPane {
	width: 232px;
	border-bottom: none;
}

#navCol {
	border-top: 1px solid #fff;
}

#innerCol1 {
	width: 618px;
	border: none;
	border-top: 1px solid #fff;
}

/* Thumbnails and related content area */

.feature {
float: left;
width: 308px !important; /* standards compliant browsers */
width: 310px; /* ie 5.5 */
w\idth: 308px; /* IE6 - doesn't understand importance */
/*border-bottom: 1px solid #fff;*/
border-right: 1px solid #fff;
background: #fff url(/a/img/aboutUs/bgGrad.gif) 146px top repeat-x;
position:relative;
}

.feature-odd {
	width:309px !important;
}

/* no top border on the second row of thumbs */
.feature.no-border {
border-bottom: none;
}

.feature img {
float: left;
margin-right: 15px;
}

.feature h3 {
color: #1c3c79;
font-weight: bold;
font-size: 1.3em;
margin: 8px 0 0px 0;
}

.feature p {
	margin: 0;
	padding: 0;
}

/* make headings links */

.feature h3 a,
.feature h3 a:visited,
.feature h3 a:hover {
	text-decoration: none;
	color: #1c3c79;
}

.feature a.readMore {
	position:absolute;
	bottom:0;
	right:0;
	display:block;
	width:13px;
	height:13px;
	overflow:hidden;
}

/* Blue Arrow Links */

a.arrow,
a.arrow:visited,
a.arrow:hover {
	display: block;
	width: 13px;
	height: 13px;
	background: url('/a/img/common/links/linkArrow.gif') no-repeat;
	float: right;

}


div.image_edit_symbol {
	/* width: 1000px; - Why was this added? its causing all sorts of display issues when logged in as admin, more so with IE6 */
}
/* CMS */
/* sidebar */

h2 a.editLink,
h2 a.editLink:hover {
	font-size: 0.5em;
	font-weight: normal;
}

#innerCol2 .imageSlot a.editLink {
	position: absolute;
	bottom: 10px;
	right: 10px;
}
a.editLink {
	text-decoration: none;
	background: #cc0000;
	border: 1px solid #fff;
	padding:1px 5px;
	font-size: 0.85em;
	color: #fff;
	height: 1.2em;
}
a.editLink:hover {
	background: #333;
	border: 1px solid #fff;
	padding:1px 5px;
	font-size: 0.85em;
	color: #fff;
}