/* 
Date:   	March 2008
			Modified: January 2009
*/				
				body {background-color: #fff; color: #000000; font-family: Tahoma, Arial, Helvetica, sans-serif; margin: 0 auto; padding: 0}
				img { border:none; margin:0; padding:0}
				a img {border:none}
				div,input,form,h1,h2,h3,h4,h5,hr,dl,dd,dt,object,param,p
				{ margin:0; padding:0;list-style:none}

/* STRUCTURE STYLES
---------------------------------------------------------- */
				
				a, a:visited { color:#2C6EBE; text-decoration:none}
				a:hover, a:active { color:#71A2DD; text-decoration:none}
				
				/* HOMEPAGE */
				.MainContentHomepage { padding: 10px 0 10px 0; min-height: 300px; font-size: 0.90em; width: 967px}
				.MainContentLeft { float:left; width: 640px; padding: 0}
				.MainContentRight { float: right; width: 305px; overflow: hidden}
				
				/* OTHER PAGES */
				.MainContainer { margin: 0 auto; padding: 0 0 0 22px; font-size: 0.85em; /*font-size: 0.90em;*/ width: 990px; height: 100%; background: url('../images/MainBgRepeat.jpg') repeat-y top; color: #333333}
				.MainContainer p { line-height: 1.5em}
				.MainContainer ul { line-height: 1.5em}
				
				.MainContentColumn { width: 968px; padding-right: 22px}
				.ColumnLeftNavigation { float: left; position: relative; width: 202px; margin: 0; padding: 0}
				.ColumnRightFullWidth { float: right; display: inline; position: relative; width: 766px; /*margin: 0 12px 0 5px;*/ padding: 0; margin-bottom: 15px}
				
				.Clear {clear: both;}
				.Red {color: #FF0000;}
				
				.MainContent2ColumnLeft { float: left; overflow: hidden; width: 531px; padding: 0 15px 20px 0; margin: 0}

				.MainContent2ColumnRight { float: right; overflow: hidden; width: 202px; padding-top: 10px}
				.MainContent2ColumnRight .PrintLink { float: right; text-align: right; padding-bottom: 10px; padding-right: 10px}
				.MainContent2ColumnRight .PrintIcon { float: left; text-align: right; padding-right: 7px}
				
				.MainContentInner { width: 715px; padding: 0 0 50px 0; float: left; display: inline}
				
				
				/* RIGHT COLUMN ICONS */
				.CtaIconsHolder { float: right; margin: 0 0 20px 0; width: 202px; padding: 0}
				
				.CtaIcons { padding: 0 5px 0 5px; display: block; background: url(../images/CtaIconsBg.jpg) no-repeat; float: right; margin: 0 0 2px; width: 191px; color: #ffffff; height: 48px; cursor: pointer}
				.CtaIcons img { float: left; margin: 5px 7px 0 10px; cursor: pointer}
				.CtaIcons a, .CtaIcons a:hover, .CtaIcons a:hover  { color: #ffffff; text-decoration: none}

				.CtaIconsTitle { margin-top: 6px; font-weight: bold; float: left; width: 139px; color: #ffffff; font-size: 0.95em}
				.CtaIconsTitle a, .CtaIconsTitle a:hover, .CtaIconsTitle a:visited { color: #ffffff; text-decoration: none}
				
				.CtaIconsDetails { float: left; font-size: 0.95em}
				.CtaIconsDetails a, .CtaIconsDetails a:hover, .CtaIconsDetails a:visited { color: #ffffff}

				.AdvertRightQuotes { clear: right; border-right: #d9d9d9 1px solid; padding: 10px 5px 10px 5px; font-size: 1em; background: url(../../images/quotesbg.jpg) #e6e6e6 repeat-x center top; float: right; margin: 0 0 0 10px; border-left: #d9d9d9 1px solid; width: 180px; border-bottom: #d9d9d9 1px solid}
				
				
/* NAVIGATION
---------------------------------------------------------- */	

				/* TOP NAVIGATION */
				.NavigationTop { background: url(../images/NavigationBgRepeat.jpg) repeat-x center top; width: 968px;color: #ffffff; height:30px; clear: both}
				.NavigationTop ul { padding: 0; margin: 0 0 0 23px}
				.NavigationTop li { display: inline; font-size: 90%; margin: 0; line-height: 2.5em}
				.NavigationTop a, .NavigationTop a:visited { color:#ffffff;text-decoration: none}
				.NavigationTop a:hover, .NavigationTop a:active { text-decoration: underline;color:#ffffff;}
				.NavigationTop ul b { background: url(../images/NavigationLinkSep.gif) no-repeat center bottom; margin: 0px 3px 0px 5px; width: 1px}
				.NavigationDropShadow{ background: url(../images/NavigationDropShadow.jpg) no-repeat center top; width:968px; height:6px; overflow:hidden}
				.NavigationTop A.NavigationTopActive { color: #FFFFFF;}
				
				
				/* LEFT NAVIGATION */
				.Navigationleft { border: #d9d9d9 1px solid; width: 200px; line-height: 1em; padding-bottom: 10px; background-color: #f8f8f8}
				.NavigationleftTitle { font-weight: bold; font-size: 0.95em; margin: 5px 0 0 6px; color: #333333}
				.Navigationleft ul { padding: 0; margin: 8px 0 0 10px; list-style-type: none }
				.Navigationleft li { margin: 0; width: 160px; line-height:1.3em; padding: 3px}
				.Navigationleft a { padding: 0 5px 0 20px; display: block; font-weight: bold; font-size: 0.8em; background: url(../images/NextStepPointer.gif) no-repeat 4% 40%; color: #2c6ebe; text-decoration: none; line-height: 1.3em; }
				.Navigationleft a:hover { color: #2c6ebe; text-decoration: underline }
				
				
/* CONTENT STYLES
--------------------------------------------------------- */

				/* HEADER */
				.Header {float: left; width: 968px; border-bottom: #000000 1px solid; height: 89px; background-color: #18549c; background: url(../images/HeaderBg.jpg) repeat-y center top}
				.HeaderLogo {Position:relative;top:-6px;left:26px;float:left}


				/* HEADER LINKS  */
				.HeaderLinks { float: right; height: 26px; background: url('../images/HeaderLinksbgRepeat.jpg') repeat-x center bottom; color:#FFFFFF}
				.HeaderLinks ul { margin:0 15px 0 0; padding:0px}
				.HeaderLinks li { display: inline; margin: 0; line-height: 1.9em; font-size: 80%}
				.HeaderLinks a, .HeaderLinks a:visited { color: #FFFFFF; text-decoration:none}
				.HeaderLinks a:hover, .HeaderLinks a:active { text-decoration:underline}
				.HeaderLinks ul b { background: url('../images/HeaderLinksSep.gif') no-repeat center bottom; width: 1px; margin: 0 3px 0 5px}
				.HeaderLinksLeft { float: right; height: 26px;background: url('../images/HeaderLinksLeft.jpg') no-repeat center bottom; width: 107px}
				.PhoneNumber { float: right; color: #FFFFFF; margin: 18px 14px 0 0; font-size: 1.6em}
				
				
				/* SEARCH BOX */
				#SearchBox {float:right;padding:20px 5px 0 0}
				#searchForm { margin: 0; padding: 0; width: 184px; background-image: url('../images/search-bg2.jpg'); background-repeat: no-repeat}
				input#searchText { font-size: 75%; padding: 3px 6px 4px 5px; margin-top: 0px !important; top: -1px; position:relative;width: 130px; border-top: 1px solid #FFFFFF; color: #666666;border-left: 1px solid #FFFFFF; border-right: 0; vertical-align: top; background-image: url('../images/search-bg.jpg'); background-repeat: repeat-x}
				html>/**/body input#searchText, x:-moz-any-link, x:default {top: -0px} /* Only FireFox 3 */
				#submit { vertical-align: middle; padding: 0}
				

				/* BREADCRUMB */
				.CrumbTrail { font-size: 0.80em; margin-left: 8px; margin-bottom: 15px; color: #666666; line-height: 20px; border-bottom: #cfcfcf 1px dotted}
				.CrumbTrail a { padding-right: 12px; padding-left: 5px; background: url(../images/NavPointer.gif) no-repeat right 50%; padding-bottom: 0px; color: #666666; padding-top: 0px; text-decoration: underline}
				.CrumbTrail a:hover { text-decoration: underline }
				.CrumbTrail .active { padding-left: 5px; color: #2c6ebe; text-decoration: none}


				/* HOMEPAGE ADVERTS */
				.WhatIsInteractAdvert {margin-left:10px;}
				.WhatIsInteractAdvert img{float:left;margin:7px 20px 0px 0}
				.WhatIsInteractAdvert h1{font-size:1.6em;font-weight:normal;color:#114F93;padding:20px 0 15px 0}
				.WhatIsInteractAdvert p{padding:0 0 10px 0}
				.AdvertSep {background: url('../images/AdvertSep.jpg') no-repeat left top;height:1px;overflow:hidden;clear:both;margin-left:10px;padding:6px 0 0px 0;}
				.FrameworkAdvert {margin-left:10px;clear:both;margin-top:0px}
				.FrameworkAdvert img{float:right;margin-left:20px}
				.FrameworkAdvert p{padding:20px 0 0 0}
				.FrameworkAdvert b {color:#114F93;font-size:1.1em;font-weight:normal}
				.CustomerLogos {background:#FFFFFF url(../images/CustomerLogoBg.jpg) no-repeat;width:640px;height:153px;margin-left:8px;clear:both}
				.CustomerLogos h2{font-size:1.0em;font-weight:normal;font-weight:bold;margin:8px 0 0 25px}
				.CustomerLogosImages {width:610px;padding:33px 0 0 0px;height:90px;}
				.CustomerLogosImages img{display:inline;vertical-align:middle;margin-left:25px;}
				
				
				/* CONTENT BOXES RIGHT */
				.GreyBoxTop {width:305px;height:31px;background: url(../images/GreyBoxTop.jpg) no-repeat}
				.GreyBoxTop h2{font-size:1.0em;font-weight:normal;font-weight:bold;padding:9px 0 0 15px}
				.GreyBoxBg {width:305px;height:100%;background: url(../images/GreyBoxBg.jpg) no-repeat;padding-top:10px}
				.GreyBoxBg ul {padding:0 0 2px 0; list-style: none;margin:8px 0 0 5px}
				.GreyBoxBg li {margin:4px 0 4px 0;width:280px;float:left;padding-left:50px;background: url('../images/TickBox.gif') no-repeat 4% center;height:25px;color:#5D5D5D}
				.GreyBoxBg p {width:270px;margin-left:15px;padding-bottom:5px}
				.GreyBoxBottom {width:305px;height:19px;background: url(../images/GreyBoxBottom.jpg) no-repeat;margin-bottom:4px}
				
				.LatestNewsHolder {width:275px;padding:0 0 10px 14px;clear:both}
				.LatestNewsHolder img{border:1px solid #DFDFDF;margin-right:10px;float:left}
				.LatestNewsTxt {font-size:90%;line-height:1.1em;padding-top:3px}

				/* INFO ADVERT */
				.InfoAdvert { border: #95bded 1px solid; display: block; padding: 5px; font-size: 0.9em; background: url(../images/FadedBoxAdvertBg.jpg) #a6c8f0 repeat-x center top; float: left; margin: 20px 0 10px 0; width: 190px}
				.InfoAdvert ul { padding: 0; margin: 0; list-style-type: none}
				.InfoAdvert p { padding-top: 10px; margin:0px}
				.InfoAdvert img { left: 3px; float: left; margin: -18px 13px 0px 0px}
				* html .InfoAdvert img { position:relative}
				.InfoAdvert h2 { font-weight: bold; font-size: 100%; color: #333333}
				.HpInfoAdvert { border: #dfdfdf 1px solid; padding: 5px; display: block; font-size: 0.85em; background: url(../images/hpmoreinfoadvertbg.jpg) #e6e6e6 repeat-x center top; float: left; margin: 15px 10px 0 0; width: 216px}
				.HpInfoAdvert p { margin-top: 5px; width:170px; float:left}
				.HpInfoAdvertimg { left: 3px; float: left; margin: -16px 10px 0 0}
				
				* html .hpinfoadvert img{ position:relative}
				
				.HpInfoAdvert h2 {font-weight: bold; font-size: 110%; color: #333333}
				.HpInfoAdvertBtn { clear: both; padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 10px 0px 0px 95px; padding-top: 0px}
				.HpInfoAdvert a { font-weight: bold; color: #f77213; text-decoration: none }
				.HpInfoAdvert a:hover { color: #fbaa68; text-decoration: none}
				
				.HpInfoAdvert3 { padding:5px 0 5px 5px; display: block; font-size: 0.85em; background: url(../../images/hpmoreinfoadvertbg.jpg) #e6e6e6 repeat-x center top; float: right; margin: 15px 0px 0px 0px; width: 216px; border:#dfdfdf 1px solid}
				* html .HpInfoAdvert3{ margin-right:3px}
				.HpInfoAdvert3 p{ margin-top: 5px; width:160px; float:left; }
				.HpInfoAdvert3img { left: 3px; float: left; margin: -16px 10px 0px 0px}
				* html .HpInfoAdvert3 img { position:relative; }
				.HpInfoAdvert3 h2 { font-weight: bold; font-size: 110%; color: #333333}
				.HpInfoAdvert3Btn{ clear: both; padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 10px 0px 0px 95px; padding-top: 0px}
				.HpInfoAdvert3 a { font-weight: bold; color: #f77213; text-decoration: none}
				.HpInfoAdvert3 a:hover {color: #fbaa68; text-decoration: none}


				/* ARTICLE STYLES */
				.NewsArticleTitle { font-size: 1.9em; color: #333333}
				.NewsArticleDate { font-size: 0.75em; color: #818181}
				.NewsArticleImg { float: right; margin: 30px 0 10px 30px}
				
				.ArticleImage { float: left; margin: 15px 20px 0 0}
				.ArticleSummary { font-size: 1.4em; margin: 15px 0 10px 0; text-align: justify; color: #666666}
				.NewsSummary { padding: 3px 0 3px 0; width: 530px; border-bottom: #d9d9d9 1px dotted; border-top: #d9d9d9 1px dotted}
				.ArticleContent { font-size: 0.85em; padding-left: 18px}
				.ArticleContent p { margin-bottom: 10px; line-height: 1.6em}
				.ArticleContent h1 { font-weight: bold; font-size: 1.5em; margin-bottom: 10px; line-height: 1.6em}
				.HighlightedTitle { background-color: #F5F7FB; border-bottom: 1px solid #95BDED; width: 500px; font-weight: bold; padding: 5px 0 5px 0; margin: 10px 0 10px 0; display: block}

				
				/* ARTICLE QUOTES */
				.ArticleQuote { padding: 10px; margin: 10px 0 20px 0; background: url(../images/QuotesBg.jpg) #e6e6e6 repeat-x center top; border: #d9d9d9 1px solid}
				.QuoteTitle { margin-top: 5px; font-weight: bold; color: #333333}
				.QuoteAuthor { margin: 5px 0 0 0; float: left; display: block}
				.QuoteLeft { margin-right: 5px; vertical-align: middle}
				.QuoteRight { margin-left: 5px; float: right; vertical-align: middle}
				

				/* ARTICLE LIST STYLES */				
				.ImgTitleText { margin: 7px 0 7px 0; float: left}
				.ImgTitleText p { float: left; width: 480px; margin: 3px 0 0 0}
				.ImgTitleText img { border: #dfdfdf 1px solid; padding: 2px; float: left; margin: 0 7px 0 0}
				.ImgTitleText h2 { font-size: 0.9em; color: #ff9901}
				.ImgTitleText h3 { padding: 0; font-size: 0.9em; margin: 2px 0 0 0}
				.ImgTitleText a { float: left; width: 480px; margin: 0}
				
				.SearchResultsBreadcrumb { margin-bottom: 10px}
				.NoBullets { padding: 0; margin: 0; list-style-type: none}
				
				
/* FORMS
---------------------------------------------------------- */	
				.FormHolder { clear: both; border: #d9d9d9 1px dotted; padding: 0 10px 30px 10px; margin: 10px 0 0 0; width: 684px; background-color: #f8f8f8}
				.FormHolder table { border-color: #F8F8F8; border-width: 0 0 1px 1px; border-style: solid;}
				.FormHolder td { border-color: #F8F8F8; border-width: 1px 1px 0 0; border-style: solid; margin: 0; padding: 4px; background-color: #F8F8F8;}
				.FormHolder b { clear: both; float: left; margin: 10px 0 0 0; width: 200px;}
				.FormHolder p { margin: 10px 0 0 0}
				.FormHolder ul li { clear: left}
				.FormErrors {border: #ff0000 1px dotted; margin: 10px 0 10px 0; padding: 10px; background-color: #fff2f2; width:673px; color: #ff0000; font-weight: bold;}
				.FormErrors LI {font-weight: bold; font-size: 0.9em; color: #ff0000; list-style: none;}
				.FormErrors UL { padding:0px; margin: 10px 0px 10px 20px;}
				.FormSubmit { float: left; margin: 40px 0 0px 170px}
				.FormFontSml { clear: both; font-size: 0.85em; margin: 40px 0 0 60px; color: #18549c}
				
				.FormSuccess{ border: #c7c0c2 1px dotted; padding: 20px 20px 35px 20px; margin-top: 20px; color: #000000; background-color: #ffffcc}
				.FormSuccess img { float: left; margin: -13px 10px 0 -6px}
			
				.FormAddress { float: right; position: relative; left: 30px; margin-left: 20px;}
				* html .FormAddress { left: 0; margin-left: 10px; float: right;}
				
				.ContactFormHolder form { width: 430px; float: left; margin-top: 10px;}
				.FormRowHolder  { display: block; height: 100%; clear: both;}
				.FormRowName { clear: both; float: left; margin: 15px 20px 0 10px; width: 140px; text-align: right}
				
				.FormField input { padding-left: 5px; margin: 12px 0 0 0; height: 18px;}
				.FormField select { margin: 14px 0 0 0;}
				.FormFieldClear { clear: both;}
				.FormField textarea {  font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 0.95em; margin-top: 15px; padding: 5px 0 0 5px;/* margin: 0 0 0 170px; position: relative; top: -15px;*/}

				.FormFieldCheckBox { margin: 5px 0 0 0; padding-top: 10px; clear: both;}
				.FormFieldCheckBox label { margin: 0 0 0 10px;}
				
				.SomethingRandom { display: none;}
				
/* SITEMAP STYLES
---------------------------------------------------------- */				
				
				#sitemap { padding: 0; margin: 0; line-height: 20px}
				#sitemap a { font-size: 100%; color: #3793d7}
				#sitemap a:visited { font-size: 100%; color: #3793d7}
				#sitemap a:hover { font-size: 100%; color: #3793d7; text-decoration: underline}
				
				#sitemap ul { padding: 0; margin: 0}
				#sitemap ul li { margin-top: 5px; padding-left: 0; font-size: 100%; list-style-type: none}
				#sitemap ul li a { padding-left: 20px; margin: 0; color: #3793d7; text-decoration: none}
				#sitemap ul ul li { padding: 0 0 0 5px; font-size: 100%; border-bottom: medium none}
				#sitemap ul ul li a { padding-left: 20px; background: url(../images/SitemapBullet2.gif) no-repeat 0 50%; margin-left: 25px; color: #3793d7; text-decoration: none}
				#sitemap ul ul ul li { padding: 0 0 0 5px; font-size: 100%; border-bottom: medium none}
				#sitemap ul ul ul li a { padding-left: 20px; background: url(../images/SitemapBullet3.gif) no-repeat 0 50%;  margin-left: 45px; color: #3793d7; text-decoration: none}
				
				#sitemap a.active { padding: 5px 0 5px 10px; display: block; width: 668px; color: #666666; background-color: #efefef}
				#sitemap a.active:hover { color: #666666; text-decoration: underline}


/* FOOTER STYLES
---------------------------------------------------------- */				
				
				/* FOOTER STYLES */
				.FooterHolder { width: 968px; background:url(../images/FooterBg.jpg) bottom left repeat-x; clear: both}
				
				.FooterAddress { color: #333333; float: left}
				.FooterAddress ul { margin: 0 0 0 15px; padding: 0; clear: both}
				.FooterAddress li { display: inline; margin: 3px 0 0 0; line-height: 2.3em; font-size: 85%; padding: 0 0 3px 0;}
				.FooterAddress a, .FooterAddress a:visited { color: #2C6EBE; text-decoration: none;margin-left:3px}
				.FooterAddress a:hover { text-decoration: underline}

				/* FOOTER LINKS */
				.FooterLinks { float: right}
				.FooterLinks ul { margin: 0 0 0 0; padding: 3px 5px 0 0}
				.FooterLinks li { display: inline; font-size: 80%; padding: 0 0px 0 2px; margin: 0 3px 0 0;  background: url(../images/FooterLinksSep.gif) no-repeat right bottom}
				* html .FooterLinks li { display: inline; font-size: 80%; padding: 0 4px 0 3px; margin: 0 5px 0 0;  background: url(../images/FooterLinksSep.gif) no-repeat right bottom}
				.FooterLinks .last { background: none; padding: 0}
				
				.FooterLinks a, .FooterLinks a:visited { color: #2C6EBE; text-decoration: none;margin-left:3px;}
				.FooterLinks a:hover, .FooterLinks a:active { text-decoration: underline}
				
				
				
				
				.FooterBottom { background: url(../images/FooterBottom.jpg) no-repeat center top; margin: 0px auto; width: 990px; height: 13px}


/* ADDITIONAL STYLES
---------------------------------------------------------- */ 
			
				/* *** Float containers */ 
				.clearfix:after { content: " "; display: block; height: 0; clear: both; visibility: hidden}
				.clearfix { display: inline-table}
				/* Hides from IE-mac \*/
				* html .clearfix { height: 1%}
				.clearfix { display: block}
				/* End hide from IE-mac */