/* **************************************************************************** */
/* * Filename: 		homepage.css															* */
/* * Title: 			Homepage stylesheet					 								* */
/* * Description:  	Provides layout definitions for all elements on website  * */
/* * 						for the vertex.co.uk homepage										* */
/* * Author:			Simon McKone Vertex DPS Web Solutions							* */
/* * Date:				06 September 2005														* */
/* **************************************************************************** */

#logoBar {
	background-color: #0099CC;
	background-image: url(../images/divisionLogos/otter_risk.gif);
}
#commonFooter {
	background-color: #0099CC;
}
/* ****************** contains brand messages for homepage */
#homeBrandMessage {
	position: relative;
	top: 2px;
/*	height: 195px;*/
	height: 175px;
	width: 770px;
	background-color: #FFFFFF;
	margin-bottom: 2px;
	background-image: url(../images/banners/ORS_home.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
}
/* aboutVertex IDs - Home column 1 START
============================================================== */
#aboutVertexContent {	
	margin: 3px 0 0 0;
	background-color: #0099CC;
	height: 183px;
	height /**/: 186px;
	padding: 8px 8px 8px 8px;
	padding /**/: 3px 8px 6px 8px;
}
#aboutVertexContent p {
	color: #FFFFFF;
	line-height: 1.3em;
	line-height /**/: 1.4em;
	font-size: 0.7em;
	font-weight: normal;
	padding: 0 0 10px 0;
	margin: 0 0 0 0;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
#aboutVertexContent div.aboutVertexImageHolder {
	padding: 3px 0 3px 3px;
	margin: 0 0 0 0;
	border-top: 1px dashed #FFFFFF;
	border-bottom: 1px dashed #FFFFFF;
	width: 230px;
}
#aboutVertexContent div.aboutVertexImage {
	background-image: url(../images/aboutVertexImage.gif);
	width: 230px;
/*	height: 69px;*/
	height: 40px;
}
#aboutVertexContent ul {
	padding: 0 0 0 2px;
	padding /**/: 0 0 0 2px;
	margin: 0 0 0 0;
	list-style: none;
	width: 82px;
}
#aboutVertexContent li {
	font-weight: bold;
	font-size: 0.8em;
	background-image: url(../images/aboutVertexArrow.gif);
	background-repeat: no-repeat;
	background-position: right 7px;
	background-position /**/: right 4px;
}
#aboutVertexContent a:link {
	color: #FFFFFF;
	text-decoration: none;
}
#aboutVertexContent a:link:hover {
	color: #FFFFFF;
	text-decoration: underline;	
}
#aboutVertexContent a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
#aboutVertexContent a:visited:hover {
	color: #FFFFFF;
	text-decoration: underline;	
}
/* aboutVertex IDs - Home column 1 END
============================================================== */

/* Dark Grey text on light grey background buttons - END
====================================================== */

/* Markets List - START
====================================================== */
#marketServedList {	
	background-color: #EEEEEE;
	margin-bottom: 4px;
}
#marketServedList ul {
	margin: 3px 0px 0px 0px;
	list-style-type: none;
	padding: 0 0 0 0;
}
#marketServedList li {
	display: list-item;
	height: 30px;
	border-bottom: 1px dashed #999999;
	border-left-width: 6px;
	border-left-style: solid;
	margin-top: 1px;	
	padding: 13px 0 0 12px;
	padding /**/: 3px 0 2px 12px;
	/* font styles */
	font-size: 0.7em;
	font-weight: bold;
	/*background*/
	background-color: #EEEEEE;	
}
#marketServedList li.markets_Financial {
	border-left-color: #0099CC;
	border-bottom: 0;
}
#marketServedList li.markets_Private {
	border-left-color: #0099CC;
}
#marketServedList li.markets_Public {
	border-left-color: #0099CC;
}
#marketServedList li.markets_Utility {
	border-left-color: #0099CC;
}
#marketServedList p.markets_Financial {
	color: #666666;
	margin: 0;
	padding: 0;
}
#marketServedList p.markets_Private {
	color: #666666;
	margin: 0;
	padding: 0;
}
#marketServedList p.markets_Public {
	color: #666666;
	margin: 0;
	padding: 0;
}
#marketServedList p.markets_Utility {
	color: #666666;
	margin: 0;
	padding: 0;
}
#marketServedList p.markets_subHeading {
	font-weight: normal;
	color: #666666;
	margin: 0;
	padding: 4px 0 5px 0;
}
#marketServedList a:link {
	text-decoration: none;
}
#marketServedList a:link:hover {
	text-decoration: underline;	
}
#marketServedList a:visited {
	text-decoration: none;
}
#marketServedList a:visited:hover {
	text-decoration: underline;	
}
#marketServedList a.markets_Financial:link {
	color: #666666;
	text-decoration: none;
}
#marketServedList a.markets_Financial:link:hover {
	color: #666666;
	text-decoration: underline;
}
#marketServedList a.markets_Financial:visited {
	color: #666666;
	text-decoration: none;
}
#marketServedList a.markets_Financial:visited:hover {
	color: #666666;
	text-decoration: underline;
}
#marketServedList a.markets_Private:link {
	color: #666666;
	text-decoration: none;
}
#marketServedList a.markets_Private:link:hover {
	color: #666666;
	text-decoration: underline;
}
#marketServedList a.markets_Private:visited {
	color: #666666;
	text-decoration: none;
}
#marketServedList a.markets_Private:visited:hover {
	color: #666666;
	text-decoration: underline;
}
#marketServedList a.markets_Public:link {
	color: #666666;
	text-decoration: none;
}
#marketServedList a.markets_Public:link:hover {
	color: #666666;
	text-decoration: underline;
}
#marketServedList a.markets_Public:visited {
	color: #666666;
	text-decoration: none;
}
#marketServedList a.markets_Public:visited:hover {
	color: #666666;
	text-decoration: underline;
}
#marketServedList a.markets_Utility:link {
	color: #666666;
	text-decoration: none;
}
#marketServedList a.markets_Utility:link:hover {
	color: #666666;
	text-decoration: underline;
}
#marketServedList a.markets_Utility:visited {
	color: #666666;
	text-decoration: none;
}
#marketServedList a.markets_Utility:visited:hover {
	color: #666666;
	text-decoration: underline;
}
/* Markets List - END
======================================================================== */

/* News START
======================================================================== */
#news {
	background-color: #EEEEEE;	
	margin: 0;
	padding: 0 0 4px 0;
	border-bottom: 1px dashed #CCCCCC;
}
#news h2.pageRight {
	background-image: url(../images/icons/icon_news.gif);
	color: #0099CC;
}
#news ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
#news li {
	background-image: url(../images/homeLinkArrow.gif);
	background-repeat: no-repeat;
	background-position: 8px 8px;
	padding: 0 4px 4px 20px;
	padding /**/: 4px 4px 4px 20px;
	font-size: 0.7em;
	margin: 0;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
#news a:link {
	color: #666666;
	text-decoration: underline;
}
#news a:link:hover {
	color: #666666;
	text-decoration: underline;	
}
#news a:visited {
	color: #666666;
	text-decoration: underline;
}
#news a:visited:hover {
	color: #666666;
	text-decoration: underline;	
}
/* News END
====================================================== */

/* News Links text on light grey background buttons - START
====================================================== */
#newslinkList {	
	background-color: #EEEEEE;	
	margin-bottom: 2px;
	border-bottom: 1px solid white;
}
#newslinkList ul {
	/*margin: 3px 0 0 0;*/
	margin: 0 0 2px 0;
	list-style-type: none;
	padding: 0 0 0 0;
}
#newslinkList li {
	height: 37px;
	height /**/: 32px;
	display: list-item;
	border-bottom: 1px dashed #999999;
	padding-left: 75px;
	padding-top: 4px;
	padding-top /**/: 4px;
/*	padding-bottom: 3px;*/
	padding-bottom /**/: 3px;
	text-indent: -55px;
	color: #666666;
	font-size: 0.7em;
	font-weight: bold;
	background-color: #EEEEEE;
	background-image: url(../images/homeLinkArrow.gif);
	background-repeat: no-repeat;
	background-position: 6px 8px;
}
#newslinkList li.noBorder {
	border-bottom: 0;
}
#newslinkList a:link {
	color: #666666;
	text-decoration: none;
}
#newslinkList a:link:hover {
	color: #666666;
	text-decoration: underline;	
}
#newslinkList a:visited {
	color: #666666;
	text-decoration: none;
}
#newslinkList a:visited:hover {
	color: #666666;
	text-decoration: underline;	
}
/* News Links text on light grey background buttons - END
====================================================== */
/* Lists ENDS
======================================================== */
