/* Stylesheet created by Cornish WebServices - www.cornishwebservices.co.uk */
/* put no font size in the body definition - so users can scale it as they wish */
/* greys are 696969 , dddddd, cccccc  */
/* blues are 3366cc (top) -  db843d (header bottom) -  994401 (dull)  - 3366cc (bright) */
/*  for headers is 994500 */
/* pinky bachground is ffeddf */
html {
}
/* TAKE out all blackground colours!! - used for testing page areas as show up better */ 
#menu1,#menu2,#menu3,#menu4,#menu5,#menu6,#menu7 {
	position:absolute;
	top:7.9em;
	visibility: hidden;
	color:#000;
}
#menu1 {
	left:3.3em;
	width:14em;
	z-index:111;	
}
#menu2 {
	left:7.9em;
	width:16em;
	z-index:112;
}
#menu3 {
	left:48.8em;
	width:13.5em;
	z-index:113;
}
#menu4 {
	left:14.1em;
	width:17em;
	z-index:114;
}
#menu5 {
	left:21.7em;
	width:17em;
	z-index:115;
}
#menu6 {
	left:30em;
	width:17em;
	z-index:115;
}
#menu7 {
	left:41.5em;
	width:15em;
	z-index:115;
}
* html #menu1,* html #menu2 ,* html #menu3,* html #menu4,* html #menu5,* html #menu6,* html #menu7 {
	top:7.9em;
}
/* main page styles */
html {
	margin:0px;
	padding:0;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
}
body {
	background:#ffffff;
	background-image:url(../graphics/bg.gif);
	background-repeat:repeat-x;
	color:#000000;
	margin:0;
	padding:0;
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	font-size:0.90em;
}
/*  text-align: -moz-center;
#text-align:center;} */
/* for Opera compatibility, do not use comma separated css styles */

/* Define common elements */
p,td {
	font-family: Arial, Helvetica, sans-serif;
	text-align:left;
	background:#fff;
	color:#000;
	font-size:.9em;
}
ul, ol {
	font-family: Arial, Helvetica, sans-serif;
	background:#fff;
	color:#000;
}
ul {
	list-style:outside url("../graphics/bullet.gif");
}
li {
	font-family: Arial, Helvetica, sans-serif;
	margin-top:5px;
	margin-right:20px;
	font-size:.90em;
}
h1 {
	font-family: Arial, Helvetica, sans-serif;
	background:#fff;
	color:#2b548d;
	font-size:120%;
	text-align:left;
	margin-top:15px;
	margin-bottom:0px;
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	background:#fff;
	color:#696969;
	font-size:105%;
	font-style:italic;
	margin-top:20px;
	margin-bottom:5px;
}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	background:#fff;
	color:#696969;
	font-size:100%;
}
h4 {
	color:#006697
}
h5 {
	color:#006697
}
h1.noscript h2.noscript {
	font-size:90%;
}
a {
	background:#fff;
	color:#2b548d;
	text-decoration: none;
}
a:visited {
	background:#fff;
	color:#2b548d;
}
a:hover {
	background:#fff;
	color:#c9c9c9;
}
a:active {
	background:#fff;
	color:#2b548d;
}
/* remove yucky purple borders from image links */
img {
	padding:0px;
	margin:0px;
}
img:link {
	text-decoration: none
}
img:visited {
	text-decoration: none
}
:link img {
	border-style:none;
}
:visited img {
	border-style:none;
}
:hover img {
	border-style:none;
}
ul {
	margin-left:20px;
	padding-left:0px;
	margin-right:0px;
	margin-top:0px;
}
ul.sub {
	margin:15px;
	padding:0px;
}
ul li {
	list-style-image:url(../graphics/bullet-redarrow.gif);
	color:#000000;
}
li a, li a:link {
	color:#2b548d;
}
li a, li a:visited {
	color:#2b548d;
}
li a, li a:hover {
	color:#c9c9c9;
}
li a b, li a:link b {
	color:#000000;
}
li a b, li a:visited b {
	color:#000000;
}
li a b, li a:hover b {
	color:#2b548d;
}
table {
	font-family: Arial, Helvetica, sans-serif;
	font-size:100%;
}
/* define useful general styles */
.red {
	color:#FF0000;
}
.grey {
	background:#fff;
	color:#696969;
}
.orange {
	background:#fff;
	color:#2b548d;
}
.small {
	font-size:80%
}
.smaller {
	font-size:85%;
}
.indent {
	margin-left:3em;
}
.center {
	text-align:center;
}
hr {
	color:#2b548d;
	background-color: #2b548d;
	height: 1px;
}
strong {
	color:#2b548d;
}
.error {
	color:#FF0000;
}
.none {
	display:none
}
#flashcontent, #flashcontent p, #flashcontent a {
	background-color:#0480BE;
	color:#fff;
	font-weight:bold;
	text-align:center;
	margin:0;padding:0;
}
.alignright {
	text-align:right;
}
.alignleft {
	text-align:left;
}
.floatright {
	float:right;
	margin-left:1em;
	margin-bottom:0.5em;
	clear:right;
}
.floatleft {
	float:left;
	margin-right:1em;
	margin-bottom:0.5em;
}
img.floatright {
	float:right;
	border:solid 1px #BBB9AF;
	margin:0px 1em 0.5em 1em;
	clear:right;
}
img.floatleft {
	float:left;
	border:solid 1px #BBB9AF;
	margin:0px 1em 0.5em 1em;
	z-index:350;
}
img.photo {
	border:solid 1px #BBB9AF;
	margin:0.5em;
}
a.grey {
	background:#fff;
	color:#696969;
	text-decoration: none;
}
a.grey:visited {
	background:#fff;
	color:#696969;
}
a.grey:hover {
	background:#fff;
	color:#2b548d;
}
a.grey:active {
	background:#fff;
	color:#2b548d;
}
/* Set up areas of the page using em to allow font to scale */
/* page width is 62em - nearly fillls te page */
#outercontainer {
	width:946px;
	background-image:url(../graphics/bgmain.gif);
	background-repeat:no-repeat;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}
#container {
	width:904px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	padding:0px;
	background-color:#ffffff; color:#222222;
}
#aboveheader {
	color:#999999;
	min-height:1.5em;
	height:auto!important;
	height:1.5em;
	text-align:right;
	font-size:80%;
	padding:0.2em 1em;
}
#aboveheader a {
	color:#999999;
	font-size:80%;
}
#header {
	background:#ffffff;
	color:#000000;
	margin:0px;
	padding:0px;
	border:none;
	height:6em;
	min-height:6em;
}
#headerbar {
	background:#0480BE;
	color:#000000;
	background-image:none;
	margin:0px;
	padding: 0.2em 0;
	border:none;
	min-height:25px;
	height:auto!important;
	height:25px;
	line-height:0.33em;
	z-index:20;
	margin-top:0;
	padding-top:0;
	width:100%;
	background-color:#0081b8;
	font-size:90%;
	border-bottom:2px solid #ffffff;	
	background-image:url(../images/menushade.jpg);
	background-position:top;
	background-repeat:repeat-x;
}
/* headerbarheight defines the region for the menubar at half way (left 50%) */
#menubarheight {
	position:absolute;
	left: 50%;
	margin:0px;
	margin-left:-31em;
	text-align:left;
	top:0em;
	background-color:#0480BE;
	padding: 0px;
	z-index:300;
}
* html #menubarheight {
	top:0em;
}
#breadcrumb {
	background-image:url(../graphics/bread.jpg);
	background-repeat:repeat-x;
	min-height:17px;
	height:auto!important;
	height:17px;
	color:#696969;
	margin:0px;
	padding:0.5em 1em;
	font-size:90%;
	text-transform:lowercase;
}
#breadcrumb a {
	background:none;
}
#breadcrumb {display:none;}

#footer {
	background:#fff;
	color:#696969;
	margin:0px;
	padding:0.5em 1em;
	font-size:85%;
	text-align:center;
}
/* set up 3 column areas with page content first */
/* total width = leftcol + maincol + rightcol */
/* 		62 =  1 + 45.8 + 15 */
/* twocols =   main col + rightcol =  61 */
/* do not set font size or padding in wrapper or these columns - if needed use a content div */
#leftcolumn {
	width:1em;
	font-size:100%;
	min-height:200px;
	height:auto!important;
	height:200px;
	float:right;
	position:relative;
	background-color:#fff;
	color:#000;
}
#rightcolumn {
	width:15em;
	font-size:100%;
	float:left;
	position:relative;
	background-color:#fff;
	color:#000;
	margin:2em 0em 0em 0px;
	padding:0px;
}
#maincolumn {
	width:44.8em;
	font-size:100%;
	float: right;
	display:inline;
	position: relative;
	color:#696969;
}
#twocols {
	width:61em;
	float:right;
	position:relative;
	margin:0px;
	padding:0px;
}
#wrapper {
	width:100%;
	background-color:#fff;
	color:#000;
	padding:0em 0em 2em 0em;
}
div.leftcontent {
	font-size:90%;
	padding:0 0.5em;
}
div.rightcontent {
	font-size:90%;
	padding:0 0.2em 0 0;
}
div.pagecontent {
	font-size:95%;
	padding:0 0.5em;
}
div.rightcontent ul li {
	text-transform:capitalize;
}
#menus1 {
	position:absolute;
	left:11em;
	top:10em;
	width:12em;
	z-index:201;
	visibility: hidden;
	background:#dddddd;
	color:#696969;
	border:1px solid #696969;
}
#menus2 {
	position:absolute;
	left:11em;
	top:12em;
	width:12em;
	z-index:201;
	visibility: hidden;
	background:#dddddd;
	color:#696969;
	border:1px solid #696969;
}
/* Menu styles */
div.menu {
	text-align:center;
	float:right;
	margin-left:0.4em
}
div.menuBar {
	background:none;
	color:#fff;
	min-height:2em;
	height:auto!important;
	height:2em;
	padding: 0em;
	padding-left:1em;
	font-size: 95%;
	text-align: left;
	z-index:90;
}
div.menuBar a.menuButton {
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	background:none;
	color:#fff;
	border: none;
	height:2em;
	min-height:2em;
	height:auto!important;
	height:2em;
	line-height:1.6em; /* required for IE7 padding-bottom bug on links */
	margin: 0em 0.1em;
	padding: 0.2em;
	z-index: 100;
	overflow:visible;
}
div.menuBar a.menuButton:link {
	background:none;
	color:#fff;
	border: none;
}
div.menuBar a.menuButton:hover {
	background:none;
	color:#fff; /* <------ menu hover color */
	border: none;
}
/* define specific styles for regions of page */
/* top header and left menu styles */
#header img {
	margin:0.9em 1em;
	padding:0px;
	border:none;
}
#header img.logo {
	float:left;
	margin:-5px 0 0 20px;
	padding:0px;
	border:none;
}
#header h1 {
	margin:3em 1em 1em 5em;
	color:#2b548d;
}
#header div.headerline {
	float:right;
	margin: 2em 1em 0.5em 1em;
	color:#0080ba;
	text-align:right;
	letter-spacing:0.1em;
	margin-top:10px;
}
#breadcrumb div.quicklinks {
	float:right;
	margin:0em;
	text-align:right;
}
#breadcrumb img {
	vertical-align:middle;
}
ul.leftmenu {
	margin:0 0.8em;
	padding:0em;
	text-align:left;
	font-size:90%;
}
ul.leftmenu li {
	margin:0.2em 0em;
	list-style-image:none;
	list-style-type:none;
	line-height:1.5em;
}
ul.leftmenu li a {
	text-decoration:none;
	margin:0em;
	background: #ffffff;
	color: #696969;
	border-top:1px solid #696969;
	border-bottom:1px solid #696969;
	border-right:1px solid #696969;
	border-left:6px solid #696969;
	display:block;
	padding:0.2em 1em;
}
ul.leftmenu li a:link {
	background: #ffffff;
	color: #696969;
}
ul.leftmenu li a:visited {
	background: #ffffff;
	color:#696969;
}
ul.leftmenu li a:hover {
	background:#f2cdb0;
	color:#000000;
	border-color:#2b548d;
}
ul.leftmenu li a:active {
	background:#f2cdb0;
	color:#000000;
	border-color:#2b548d;
}
/* styles for pulldown menus */
ul.submenu {
	margin:0 0.2em;
	padding:0em;
	text-align:left;
	font-size:90%;
	background: #dddddd;
	color: #333;
}
ul.submenu li {
	margin:0.1em 0em;
	list-style-image:none;
	list-style-type:none;
	line-height:1.5em;
}
ul.submenu li a {
	text-decoration:none;
	margin:0em;
	background: #dddddd;
	color: #333;
	display:block;
	padding:0.1em 1em;
}
ul.submenu li a:link {
	background: #dddddd;
	color: #333;
}
ul.submenu li a:visited {
	background: #dddddd;
	color:#333;
}
ul.submenu li a:hover {
	background:#fff;
	color:#000000;
}
ul.submenu li a:active {
	background:#fff;
	color:#000000;
}
/* main page styles */

div.border {
	padding:0.2em;
	text-align:center;
	border:1px solid #696969;
	background:#fff;
	color:#696969;
}
div.borderbot {
	padding:0.2em;
	text-align:center;
	background:#fff;
	color:#696969;
	border-bottom:1px solid #696969;
	border-left:1px solid #696969;
	border-right:1px solid #696969;
	border-top:none;
}
div.bordertop {
	padding:0.2em;
	text-align:center;
	border:1px solid #696969;
	background:#ffeddf;
	color:#696969;
}
div.bordertop h1 {
	font-size:85%;
	font-weight:normal;
	margin:0.2em;
	padding:0px;
	background:#ffeddf;
	color:#000;
	text-align:center;
}
/* enable proper clearing of floats */ 
.clearend:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearend {
	display: inline;
} /* IE Mac fix */
/* Hides from IE-mac \*/
* html .clearend {
	height: 1%;
}
.clearend {
	display: block;
}
/* End hide from IE-mac */  
.financial-times {
	background-image:url(../graphics/advertising/ft.jpg);
	background-repeat:no-repeat;
	min-height:183px;
	width:550px;
	text-align:center;
	padding-top:35px;
}
.financial-times2 {
	background-image:url(../graphics/advertising/ft2.jpg);
	background-repeat:no-repeat;
	min-height:300px;
	width:550px;
	text-align:center;
	padding-top:35px;
	padding-left:100px;
}
table.designs td img {
	border:1px solid #BBB9AF;
}
img.pad {
	padding:10px;
}
p.designs img {
	margin:0 6px 0 0;
}
.showmore {
	display: block;
}
.showless {
	display: none;
}
table.designs img {margin:10px;}

div.newslist { font-size:90%;
margin-right:12px;
}
div.newslist span {font-size:90%;}