@charset "utf-8";
/*
Colours used in this stylesheet:

SSI Magenta:	#c93092		R: 0	G: 173	B: 239		C: 69	M: 15	Y: 0	K: 0
SSI Cyan:		#0ae		R: 201	G: 48	B: 146		C: 18	M: 94	Y: 0	K: 0
SSI Yellow:		#ffcc11		R: 255	G: 204	B: 17		C: 1	M: 19	Y: 98	K: 0

*/
body  {
	font: 10pt Verdana, Arial, Helvetica, sans-serif;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: left; /* this left aligns the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000;
}
.twoColFixLtHdr #container { 
	width: 780px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0 auto 0 0; /* the auto margins (in conjunction with a width) center the page */
	border: none;
	text-align: left; /* this overrides the text-align: center on the body element. */
} 
.twoColFixLtHdr #header { 
	background: url(/images/top0.jpg); 
	height: 100px ;
	padding: 0 10px 0 20px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
} 
.twoColFixLtHdr #header h1 {
	text-align: left ;
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 15px 0 0 420px ; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
.twoColFixLtHdr #header p {
	text-align: left ;
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 0 0 0 420px ; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
p.small {
	font-size: x-small ;
}
.twoColFixLtHdr #links { 
	height: 30px ;
} 
.twoColFixLtHdr #links p { 
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
.twoColFixLtHdr #sidebar1 {
	float: left; /* since this element is floated, a width must be given */
	width: 200px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background: #779dce; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 0px 5px 10px 10px;
	font-size: smaller ;
	border: solid #000 4px ;
	border-left: none ;
	border-top: none ;
}
.twoColFixLtHdr #sidebar1 p.em, .twoColFixLtHdr p.em, .twoColFixLtHdr #SubFooter { 
	font-style: italic ;
	font-weight: bold ;
	font-family: "Times New Roman", Times, serif ;
	font-size: large ;
}
.twoColFixLtHdr #sidebar1 li { 
	margin-left: -15px ; 
}
.twoColFixLtHdr #mainContent { 
	margin: 0 0 0 250px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 0 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
} 
.twoColFixLtHdr #SubFooter { 
	text-align: center ;
	font-size: x-large ;
}
.twoColFixLtHdr #footer { 
	padding: 0 5px 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#c93092; 
	color: #fff;
} 
.twoColFixLtHdr #footer p {
	width: 780px ;
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 2px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	font-size: small ;
}
.fltrt, .rhs { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.lhs, .rhs { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-top: 0px ;
	width: 250px ;
	margin-left: 8px;
}
.fltlft, .lhs { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.right {
	text-align: right ;
}
.left {
	text-align: left ;
}
a {
	text-decoration: underline ;
	font-weight: bold ;
}
.cyan, .blue, a, a:link, a:visited {
	cursor: pointer ;
	color: #0ae ;
}
h1, h2, h3, h4, .magenta, .pink, a:hover, a:active {
	color: #c93092 ;
}
#sidebar1 h1, #sidebar1 h2, #sidebar1 h3, #sidebar1 h4 {
	color: #fc1 ;
}
h3, h4 {
	margin: 3px 0;
}
.white {
	color: #fff ;
}
.yellow {
	color: #fc1 ;
}
#sidebar1 a.lhsEmail, span.em, em {
	font-family:"Times New Roman", Times, serif ;
	font-weight: bold ;
	font-style:italic ;
	font-size: larger ;
}
a.lhsEmail, a.lhsEmail:visited {
	text-decoration: underline ;
	color: #000 ;
}
#sidebar1 a, #sidebar1 a:visited {
	color: #000 ;
	font-weight: bold ;
}
#sidebar1 a:hover, #sidebar1 a:active {
	color: #fc1 ;
}
a img {
	border: none ;
}
.centre, .center {
	text-align: center ;
}
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/padding.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* style the outer div to give it width */
.menu {font-size: x-small ; padding-bottom:0px; width:100%;background:#c93092;font-weight:bold}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none; height:2em; background:transparent;}

/* style the sub-level lists */
.menu ul ul {width:15em;}

/* float the top list items to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu ul li {float:left;height:2em;line-height:2em; display:block;}

/* style the sub level list items */
.menu ul ul li {display:block;width:12em;height:auto; line-height:1em;}

/* style the links for the top level */
.menu a, .menu a:visited {display:block;float:left;height:100%; /* width:10em; */ font-size:1em;text-decoration:none;color:#fff;background:#c93092 ; padding:0 1em 0 1em; border-left:1px solid #0ae; border-right:1px solid #fff;}
/* hack IE5.x to get the correct the faulty box model and get the width right */
* html .menu a, * html .menu a:visited {width:11em; w\idth:7em;}

/* style the sub level links */
.menu ul ul a, .menu ul ul a:visited {display:block;background:#ddd ; color:#c93092;width:12em;height:100%;line-height:1em; padding:0.5em 1em; border-bottom:1px solid #0ae;}
* html .menu ul ul a, * html .menu ul ul a:visited  {width:14em; w\idth:12em;}


/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {border-collapse:collapse; padding:0; margin:-1px; width:0; height:0; font-size:1em; z-index:1;}


/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#ddd ;}
/* style the fourth level background */
.menu ul ul ul ul a, .menu ul ul ul ul a:visited {background:#ddd ;}
/* style the sub level 1 background */
.menu ul :hover a.sub1 {background:#ccc;}
/* style the sub level 2 background */
.menu ul ul :hover a.sub2 {background:#ccc;}

/* style the level hovers */
/* first */
* html .menu a:hover {color:#c93092;background:#ccc ; position:relative; z-index:100;}
.menu li:hover {position:relative;}
.menu :hover > a {color:#c93092;background:#ccc ;}
/* second */
* html .menu ul ul a:hover{color:#c93092;background:#ccc; position:relative; z-index:110;}
.menu ul ul li:hover {position:relative;}
.menu ul ul :hover > a {color:#c93092;background:#ccc;}
/* third */
* html .menu ul ul ul a:hover {background:#c93092; position:relative; z-index:120;}
.menu ul ul ul :hover > a {background:#ccc;}
/* fourth */
.menu ul ul ul ul a:hover {background:#ccc; position:relative; z-index:130;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:2em; left:0; width:14em;}

/* position the third level flyout menu */
.menu ul ul ul{left:12em;top:0;width:14em;}


/* make the second level visible when hover on first level list OR link */
.menu ul :hover ul{visibility:visible; height:auto; padding:0 3em 3em 3em; background:transparent url(/inc/images/trans.gif); left:-3em;}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* keep the fourth level hidden when you hover on second level list OR link */
.menu ul :hover ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{visibility:visible; left:11em;}
/* make the fourth level visible when you hover over third level list OR link */
.menu ul :hover ul :hover ul :hover ul {visibility:visible;}

/* dealers resources */

p.fs-up {padding: 0 0 0 20px; 
	margin-left: 12px;
	background: url('/images/fs-up.gif') no-repeat;
	line-height: 16px;}
ul.fs-list {margin: 12px 0 0 0; padding: 0;}
ul.fs-list li {margin: 6px 0; padding: 0 0 0 20px; list-style: none;
	background: url('/images/fs-folder.gif') no-repeat;
	line-height: 16px;
	}
ul.fs-list li.pdf {background: url('/images/fs-pdf.gif') no-repeat;}

ul.will, ul.willNot  {margin: 12px 0 0 0; padding: 0;}
ul.will li, ul.willNot li {margin: 6px 0; padding: 0 0 0 20px; list-style: none;
	line-height: 16px;
	}
ul.will li {background: url('/images/li-tick.gif') no-repeat;}
ul.willNot li {background: url('/images/li-cross.gif') no-repeat;}


/* Ticker stuff - courtesy of BBC News */
.tickls{color:#c93092;font-weight:bold;}
.tickh{display:none;}
.ticki {height:24px;}
a.tickl{
	font-size:0.8em;	
	text-decoration:none;
	color:#0ae;	
}
a.tickl:hover{
	color:#009;
	text-decoration:underline;
}