﻿/* Resets CSS */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;}
/* remember to define focus styles! */
:focus {outline: 0;}
body {background: white;font-size:62.5%;font-family:Arial,Verdana,Helvetica,San-Serif;color:#333;overflow-y:scroll;}
ol, ul {}	/* list-style: none */
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
#nav1 a, #nav2 a { text-decoration:none;}
a:hover {background-position:0 0;}
/* Resets CSS */

/*begin custom styles */ 

a {color:#00529C;}
p {margin:10px 0 10px 0;text-align:left;}
 
#container {text-align:center;width:984px;vertical-align:top;margin:auto;}
#header {display: block;width:984px;text-align:left;}
#header .noCssLogo {display:none;}
#logo {display: block;margin: 66px 0 0 70px;}
#logo img  {width:173px;height:75px;}
#topMenu {height:49px;}
#content {min-height:250px;display:block;width:984px;padding:0;overflow:auto;text-align:left;font-size:1.2em;} /* 20px 31px 30px 28px */
#contentInner {padding: 20px 31px 40px 28px;}
#breadcrumb {margin-top:-15px;margin-left:230px;margin-bottom:10px;}
#footer {text-align:left;width:924px;margin: 0 30px 10px 30px;}
/*
#footer ul li {list-style-type:none; float:left;margin:10px;}
#footer ul {float:right;}
#footer span {margin-top:10px;}
*/
#footer .links {float: left; width: 500px; margin-top: 5px;}
#footer a {color: #aaaaaa; text-decoration:underline;}
#footer .links span {color: #cccccc;font-size:0.9em;}
#footer .logos {float: right; width: 250px;}
#footer .xhtml {display:inline; float: right; width: 50px; margin-top:5px; font-size: 0.9em;}
#footer .xhtml a {color: #cccccc; text-decoration:underline;}
#footer .kentico {display:inline; float: right; width: 100px;}

/*home styles */
#colOne {display:inline;float:left;width:266px;margin-right:30px;}
a.findoutmore {float:right;font-weight:bold;}

#colTwo {float:left;width:326px;}
#colTwo .colTwoInner {border-left:solid 1px #99B8D6;border-right:solid 1px #99B8D6;padding:0 30px 0 30px;}

#colThree {display:inline;float:left;width:266px;margin-left:30px;}

/*home styles - 2 column */
#colOneWide {display:inline;float:left;width:409px;margin-right:30px;}

#colTwoWide {float:left;width:469px;}
#colTwoWide .colTwoWideInner {border-left:solid 1px #99B8D6; padding:0 0 0 30px;}


/*home styles */

/*nav1*/
#header ul {width:auto;float:right;}
#header ul li {float:left;display:block;}

#header ul li a {display:block;font: normal normal bold 1.9em/36px Arial;color:#00529C;letter-spacing:1px;text-transform:lowercase;margin:0 34px 0 0;}
#header ul li a:hover {display:block;cursor:pointer;color:#666666;border-bottom:solid 3px #fff;margin:0 34px 0 0;}
#header ul li.highlighted a{display:block;color:#666666;border-bottom:solid 3px #fff;margin:0 34px 0 0;}
#header ul li.highlightedlast a{display:block;color:#666666;border-bottom:solid 3px #fff;margin:0 34px 0 0;}
#header ul li#last {margin:0;}

/*nav1*/

h1 {font-family:Arial,Verdana,Tahoma;color:#00529C;font-weight:bold;text-transform:lowercase;font-size:1.7em;margin:0 0 11px 0;}
h2 {font-family:Arial,Verdana,Tahoma;font-weight:bold;font-size:1.2em;}

/*content template */
#contentLeft {display:inline;float:left;text-align:left;width:205px;font-size:0.9em;margin-right:8px;}
#contentLeft h2 {color:#666666;font-weight:normal;text-transform:lowercase;font-size:1.4em;margin:0 0 10px 0;}

#contentRight {line-height:16px;float:right;width:705px;min-height:300px;}
#contentRight ul li {margin:2px 0 2px 28px;}
#contentRight ol li {margin:2px 0 2px 28px;}
#contentRightInner {border-left:solid 1px #99B8D6;padding:0 0 0 30px; }
#contentRightInner, #colOneWide, #colTwoWide { font-size:small; text-align:left;}
#contentRight table {border-top: solid 2px #888888; border-bottom: solid 1px #888888; border-left: none; border-right: none;}
#contentRight table td {padding: 5px; border-bottom: solid 1px #BBBBBB; background-color: #EEEEEE;}

.sitemap ul li {list-style-type:disc;list-style-image:url(i/arrow2.jpg);}

/*content template */

/*nav 2 */
#nav2 {margin:0 0 0 7px;}
#nav2 li.highlighted a {color:#666666;}
#nav2 li.highlighted li a {color:#00529C;}
#nav2 li.highlighted li.highlighted a {color:#666666;}


#nav2 li a {color:#00529C;font-size:1.4em;}
#nav2 li a:hover {color:#666666;}

#nav2 li {margin:0 0 10px 0; list-style-image:url(i/arrow1.jpg);list-style-type:disc;}

#nav2 li ul {margin:0 0 18px 7px;}

/* uncomment this to allow for collapsable menu */ #nav2 li ul {display:none;}

#nav2 li.highlighted ul {display:block;}
#nav2 li ul li {margin:7px 0 0 0;list-style-image:url(i/arrow2.jpg);list-style-type:disc;}
#nav2 li ul li a {color:#00529C;font-size:1.0em;}

/*nav 2 */

/*content template */

/*form*/
#contactForm {display:inline;float:left;width:340px;margin-right:10px;}
#contactForm legend {display:none;}
#contactDetails {float:left;width:200px;margin: 10px 0 0 50px;}

#contactForm ul li {margin:6px 0 10px 10px;}
#contactForm ul li {margin:6px 0 10px 10px;}
fieldset ol li {margin:6px 0 10px 10px;}
fieldset li {list-style-type:none;margin:0 0 10px 0;}
fieldset label {width:90px;float:left;text-align:right;vertical-align:middle;margin-right:6px;}
fieldset input,textarea {border:solid 1px #dddddd;width:180px;font-size:1.0em;font-family:Arial;}
fieldset textarea {height:60px;width:178px;}
fieldset li.button {padding-left:200px;}
fieldset li.button input {width:60px;font-weight:bold;height:24px;}

#address {float:right;margin-right:140px;}
#address {line-height:20px;}

.EditingFormErrorLabel {color:red;margin:0 0 5px 60px;}
.ErrorLabel {color:red;margin-bottom:5px;}
/*form*/

/*download form*/
table .formTitle
{
	text-align:right;
	padding-right:2px;
}
.emailMessage
{
	padding: 20px 20px 20px 0px;
	font-weight:bold;
	color: Red;
}
.downloadContactForm
{ 
	width:350px;
}
.downloadContactForm td
{
	padding: 3px;
}
.contactFormHeading
{
	padding:0 0 0 15px;
	font-style:italic;
}
.formButtons
{
	float:right;
	padding:20px 5px 5px 0;
}
.formButtons input {width:60px;font-weight:bold;height:24px;}
/*download form*/

/*case study*/
.collateralDescription
{
	font-weight:bolder;
}
.errorText
{
	color:Red;
}
/*case study*/


/*Modal Popup*/
.modalBackground {
	background-color:Black;
	filter:alpha(opacity=60);
	opacity:0.6;
}

.modalPopup {
	background-color:#ffffff;
	border-width:3px;
	border-style:solid;
	border-color:Black;
	padding:3px;
}

.popupHeader
{
	cursor: move;
	padding: 5px;
	font-weight: bold;
	color: white; 
	background-color: #3b78b1;
}
