/* Broadridge City Networks Stylesheet 
Produced by Wildwood Technology Limited, info@wwood.co.uk 
*/

body {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #ffffff;
	color: #000000;
	text-align: center;
	margin: 0px;
	font-size: 0.8em;
}

h1 {
	font-size: 1.4em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #0078c0;
	margin: 0px 0px 6px 0px;
}

h2 {
	font-size: 1.2em;
}

h3 {
	font-size: 1em;
}

a {
	color: #0288c1;
	text-decoration: none;
}

a:hover {
	color: #000000;
	text-decoration: underline;
}

a img {
	border: none;
}

hr {
	color: #4f4f4f;
	background-color: #4f4f4f;
	height: 1px;
	border: 0px;
}

form {
	margin: 0px;
}


/* Layout */

.container {
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	min-width: 880px;
}

.header {
	padding-right: 16px;
}

/* Hides from IE5-mac \*/
* html .header, * html .columnContainer, * html .newsList li  {
	height: 1%; /* IE6 Holly Hack */
/* End hide from IE5-mac */
}

.columnContainer {
	clear: both;
	border-top: 1px solid #9b9c9c;
	margin-bottom: 20px;
}

.column1 {
	width: 144px;
	float: left;
	margin-bottom: 30px;
}

.column2 {
	margin-left: 144px;
}

#home {
	background-image: url("/layout/images/bg-column2-lines.gif");
	background-repeat: repeat-y;
	background-position: 344px;
	border-top: none;
	float: left;
	width: 100%;
	margin-bottom: 0px;
	min-width: 720px;
}

#home .column1 {
	width: 345px;
	float: left;
}

#home .column2 {
	width: 373px;
	float: left;
	margin: 0px;
	background-image: url("/layout/images/bg-column2.jpg");
	background-repeat: no-repeat;
}

#home .column3 {
	margin-left: 716px;
}


#home h1 {
	background-color: #0288c1;
	color: #ffffff;
	padding: 4px 0px 4px 20px;
	font-size: 1em;
	font-weight: bold;
}

#home .column2 h1 a, #home .column2 h1 a:hover,  #home .column3 h1 a, #home .column3 h1 a:hover {
	color: #ffffff;
}

#home h2 {
	margin: 0px;
	color: #0288c1;
}

#home .column1 h1, #home .column2 h1 {
	border-right: 1px solid #ffffff;
}

#home .column1 h2 {
	color: #095cab;
	font-size: 1.2em;
	font-weight: bold;
}

#home .column3 h2 {
	font-size: 1.2em;
	font-weight: bold;
}

#home .item {
	margin-bottom: 10px;
}

#home .item p {
	margin: 0px;
}

#home .column2 a {
	color: #014578;
}

#home .column2 a:hover {
	color: #000000;
}

#home .column1 h2 a {
	color: #095cab;
}

#home .column1 h2 a:hover {
	color: #000000;
}

#home .boxBlue, #home .boxBlack {
	float: none;
	width: auto;
	margin: 20px 0px 0px 0px;
}

#home .boxBlue {
	max-width: 250px;
}

#home .boxBlack {
	margin: 0px;
}

#home .content {
	padding: 20px;
}

#home .column2 .content {
	padding: 20px 130px 50px 20px;
	color: #0288c1;
	font-weight: bold;
}

.contentContainer {
	padding: 0px 20px 0px 20px;
	background-image: url("/layout/images/bg-navline.gif");
	background-repeat: repeat-y;
	margin-top: 20px;
	/* min-height: 270px; */
}

.footer {
	padding: 6px 20px 6px 20px;
	font-size: 0.85em;
	clear: both;
	background-color: #000000;
	color: #ffffff;
}

.footer a, .footer a:hover {
	color: #ffffff;
}

/* Navigation */

.navBar {
	float:left;
	width: 100%;
}

.navBar ul {
	margin: 0px;
	padding: 0px 140px 0px 0px;
}

.navBar li {
	list-style-type: none;
	display: block;
	float: left;
}
.navBar li a {
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
	display: block;
	width: 108px;
	background-image: url(/layout/images/bg-nav.gif);
	background-repeat: no-repeat;
	text-align: center;
	line-height: 30px;
	min-height: 30px;
}

.navBar li a:hover {
	color: #ffffff;
	text-decoration: none;
} 

.navBar #navItem1 a:hover, #navItem1.hi a  {
	background-image: url(/layout/images/bg-nav-blue.gif);
	background-repeat: no-repeat;
}

.navBar #navItem2 a:hover, #navItem2.hi a  {
	background-image: url(/layout/images/bg-nav-maroon.gif);
	background-repeat: no-repeat;
}

.navBar #navItem3 a:hover, #navItem3.hi a {
	background-image: url(/layout/images/bg-nav-green.gif);
	background-repeat: no-repeat;
}

.navBar #navItem4 a:hover, #navItem4.hi a  {
	background-image: url(/layout/images/bg-nav-orange.gif);
	background-repeat: no-repeat;
}

.navBar #navItem5 a:hover, #navItem5.hi a  {
	background-image: url(/layout/images/bg-nav-lightpurple.gif);
	background-repeat: no-repeat;
}

.navBar #navItem6 a:hover, #navItem6.hi a  {
	background-image: url(/layout/images/bg-nav-darkpurple.gif);
	background-repeat: no-repeat;
}

.navBar #navItem7 a:hover, #navItem7.hi a  {
	background-image: url(/layout/images/bg-nav-darkpurple.gif);
	background-repeat: no-repeat;
}

/* Navigation Highlights */

/*#page1 .navItem1 a, #page2 .navItem2 a, #page3 .navItem3 a, #page4 .navItem4 a, #page5 .navItem5 a {
	color: #ffffff;
	text-decoration: none;
	background-color: #ac0334;
} */


/*2nd Level Navigation */

.subNav {
	padding-top: 20px;
}

.subNav h1 {
	padding: 0px 8px 4px 20px;
	margin: 0px;
	display: block;
	color: #000000;
	
}

.subNav ul {
	margin: 0px;
	padding: 0px;
}

.subNav li {
	list-style-type: none;
}

* .subNav li {
	height: 1%; /* IE6 Holly Hack */
}

/*Highlights*/

.subNav a {
	color: #000000;
	font-weight: bold;
	text-decoration: none;
	display: block;
	padding: 4px 8px 4px 20px;
}

.subNav a:hover {
	text-decoration: none;
	background-color: #1e9be6;
	color: #ffffff;
} 

.subNav .hi a {
	color: #ffffff;
}

.subNav .hi a {
	background-color: #1e9be6;
}

#page1 .subNav a:hover, #page1 .subNav .hi a {
	background-color: #1e9be6;
} 

#page2 .subNav a:hover, #page2 .subNav .hi a {
	background-color: #9c2a54;
} 

#page3 .subNav a:hover, #page3 .subNav .hi a {
	background-color: #64a061;
} 

#page4 .subNav a:hover, #page4 .subNav .hi a {
	background-color: #e86201;
} 

#page5 .subNav a:hover, #page5 .subNav .hi a {
	background-color: #8853b3;
} 

#page6 .subNav a:hover, #page6 .subNav .hi a {
	background-color: #384988;
} 

/*3rd Level Navigation */

.subSubNav a {
	padding: 0px 0px 0px 40px;
	/*background-image: url(/layout/images/bg-bullet-subnav-off.gif);
	background-position: 26px 6px;
	background-repeat: no-repeat;*/
	font-size: 90%;
}

.subSubNav a:hover {
	/*background-image: url(/layout/images/bg-bullet-subnav-on.gif);
	background-repeat: no-repeat;*/
}

.subSubNavHi {
	/*background-color: #1e9be6;*/
	font-size: 90%;
	/*background-image: url(/layout/images/bg-bullet-subnav-on.gif);
	background-repeat: no-repeat;
	background-position: 26px 6px;*/
}

.subNav .hi a {
	background-color: #1e9be6;
}

.subSubNav, .subSubNavHi {
	list-style-type: disc;
}

.subSubNavHi a {
	color: #ffffff;
	padding: 0px 0px 0px 40px;
}

#page1 .subSubNavHi a:hover, #page2 .subSubNavHi a:hover, #page3 .subSubNavHi a:hover, #page4 .subSubNavHi a:hover, #page5 .subSubNavHi a:hover, #page6 .subSubNavHi a:hover {
	background-color: #ffffff;
}

#page1 .subSubNavHi a {
	color: #1e9be6;
} 

#page2 .subSubNavHi a {
	color: #9c2a54;
} 

#page3 .subSubNavHi a {
	color: #64A061;
} 

#page4 .subSubNavHi a {
	color: #e86201;
} 

#page5 .subSubNavHi a {
	color: #8853b3;
} 

#page6 .subSubNavHi a {
	color: #384988;
}


/* Search Box */

.searchContainer {
	height: 52px;
	/*padding-top: 40px;*/
	float: right;
}

.searchBox {
	width: 140px;
	text-indent: 4px;
	font-size: 90%;
	height: 15px;
	line-height: 15px;
}

.searchTitle {
	margin: 0px 5px 5px 0px;
	display: block;
	float: left;
	color: #0288c1;
	font-weight: bold;
}

.searchContainer input {
	border-top: 1px solid #9b9c9c;
	border-bottom: 1px solid #9b9c9c;
	border-left: 1px solid #9b9c9c;
	border-right: none;
	padding: 0px;
	margin: 0px;
	float: left;
}

.searchContainer .searchButton {
	border: 1px solid #9b9c9c;
	padding: 0px;
	margin: 0px;
	float:left;
}


/*content*/

.headerLogo img {
	margin: 30px 0px 20px 20px;
}

.bannerContainer {
	background-image: url(/layout/images/bg-banner.gif);
	background-repeat: repeat-x;
	clear: both;
	height: 134px;
}

.contentBanner {
	background-image: url(/layout/images/bg-banner-generic.jpg);
	background-repeat: no-repeat;
	height: 137px;
}

#page2 .contentBanner {
	background-image: url(/layout/images/bg-banner-solutions.jpg);
	/*background-color: #9c2a54;*/
}

#page3 .contentBanner {
	background-image: url(/layout/images/bg-banner-industries.jpg);
	/*background-color: #64a061;*/
}

#page4 .contentBanner {
	background-image: url(/layout/images/bg-banner-services.jpg);
	/*background-color: #e86201;*/
}

#page5 .contentBanner {
	background-image: url(/layout/images/bg-banner-about.jpg);
	/*background-color: #8853b3;*/
}

#page6 .contentBanner {
	background-image: url(/layout/images/bg-banner-contact.jpg);
	/*background-color: #384988;*/
}

.contentColumnContainer {
}

.contentColumn1 {
	float: right;
	margin-top: 15px;
}

.contentColumn2 {
	margin-right: 250px;
}

.clear {
	clear: both;
}

.sites {
	text-align: right;
	padding: 0px 2px 0px 0px;
}

.date {
	text-align: right;
	padding: 5px 0px 4px 0px;
	color: #636363;
	font-size: 0.9em;
}

.content {
	/*background-color: #ffffff;*/
	padding: 10px 0px 20px 0px;
}

.content a, .contentHome a {
	font-weight: bold;
}

.content h2 {
	font-size: 1.4em;
	font-weight: normal;
	margin: 15px 0px 0px 0px;
}

.seperator {
	clear: both;
	text-align: right;
	padding: 0px 0px 2px 0px;
}	

.contentText {
	padding: 30px 20px 10px 20px;
}

.boxBlack, .boxBlue {
	color: #ffffff;
	padding: 10px;
	/*float: right;*/
	width: 170px;
	clear: right;
	margin-bottom: 10px;
}

.boxBlack a, .boxBlue a {
	color: #ffffff;
	text-decoration: underline;
}

.boxBlack a:hover {
	color: #0091cf;
}

.boxBlue a:hover {
	color: #000000;
}

.boxBlack {
	background-color: #000000;
	font-size: 1.2em;
	font-weight: bold;
}

.boxBlue {
	background-color: #0091cf;
}

.boxBlue p {
	margin: 3px 0px 3px 0px;
	font-size: 95%;
}

#country {
	float: right;
	font-weight: bold;
	text-transform: uppercase;
	margin-top: 8px;
	color: #636363;
	visibility: hidden;
}

#country a {
	text-transform: none;
	color: #636363;
}

.imageRight {
	float: right;
	margin: 0px 0px 10px 10px;
}

.imageRightBordered {
	border: 1px solid #9d9d9d;
	float: right;
	margin: 0px 0px 10px 10px;
}

.imageLeft {
	float: left;
	margin: 0px 10px 10px 0px;
}

.imageLeftBordered {
	border: 1px solid #9d9d9d;
	float: left;
	margin: 0px 10px 10px 0px;
}

.copyright {
	float: right;
}

.nowrap {
	white-space: nowrap;
}

.footnote {
	font-size: 80%;
	font-weight: normal;
}

.boxBlack .footnote {
	display: block;
}

.contentTable td {
	border-bottom: 1px solid #0d62a5;
	padding-left: 2px;
	padding-right: 5px;
	vertical-align: top;
	line-height: 20px;
}

.contentTable td img {
	vertical-align: bottom;
}

.contentTable th {
	border-bottom: 1px solid #0d62a5;
	background-color: #0090cf;
	/*text-indent: 2px;*/
	padding: 2px 5px 2px 2px;
	color: #ffffff;
}

.adminButton {
	color: #ffffff;
	border: 1px solid #0d62a5;
	background-color: #0090cf;
	padding: 0px 3px 0px 3px;
	margin: 0px 2px 0px 0px;
	font-weight: bold;
	font-size: 0.9em;
	text-decoration: none;
}

.adminButton:hover {
	color: #ffffff;
	border: 1px solid #0d62a5;
	background-color: #9B9C9C;
	text-decoration: none;
}

.content #no-flash-container {
	float: left;
	width: 500px;
	overflow: hidden;
}

#no-flash-container img {
	display: block;
}

.formHeader {
	font-size: 90%;
	color: #0091cf;
	margin-top: 15px;
	display: block;
	font-weight: bold;
}

.contentTable {
	font-size: 95%;
	margin-bottom: 15px;
}

.contentTable tr {
	vertical-align: top;
}

.contentTable td {
	border-bottom: 1px solid #ffffff;
	background-color: #d3eeff;
	padding-left: 2px;
	padding-right: 5px;
	vertical-align: top;
	line-height: 20px;
}

.contentTable td img {
	vertical-align: bottom;
}

.contentTable th {
	background-color: #0288c1;
	border-bottom: 1px solid #ffffff;
	text-indent: 2px;
	padding: 2px 5px 2px 0px;
	color: #ffffff
}

.contentTable .dateHeader {
	background-color: #000000;
}

.contentContainer input {
	border: 1px solid #808080;
	background-color: #ffffff;
}

.contentContainer textarea {
	border: 1px solid #808080;
	background-color: #ffffff;
	color: #636363;
}

.contentContainer input.button {
	font-weight: bold;
}

.tableList td {
	padding-right: 20px;
	padding-bottom: 20px;
}

.tableList tr {
	vertical-align: top;
}

.newsList ul {
	margin: 0px;
	padding: 0px;
}

.newsList li {
	list-style-type: none;
}

.newsList li a {
	border: 1px solid #ffffff;
	list-style-type: none;
	padding: 5px;
	display: block;
	text-decoration: none;
}

.newsList .footnote {
	color: #000000;
}

.newsList li a:hover {
	background-color: #d3eeff;
	border: 1px solid #0d62a5;
}

#flashDiagram {
	width: 500px;
	height: 400px;
	margin: 0px;
	padding: 0px;
}

#flashMap {
	
}

.highlight {
	color: #0160a9;
}