/*******************************************************

Monetary Authority of Singapore - Sister Sites
    Author: Andy Smith @ Reading Room
    Modified: Marvin Mempin @ Reading Room

*******************************************************/


/* Reset styles */
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,img,ins,kbd,q,s,samp,small,strike,strong,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video { border:0; font:inherit; font-size:100%; margin:0; padding:0; vertical-align:baseline }
body { line-height:1 }
ol,ul { list-style:none }
blockquote,q { quotes:none }
blockquote:before,blockquote:after,q:before,q:after { content:none }
table { border-collapse:collapse; border-spacing:0 }
input, textarea, select { font-family: Arial, Helvetica, sans-serif; font-size: 1.2em; color: #333 }

a:link { color: #29409D }
.hidden{ position:absolute; left:-999999em;}

/* 3. Main containers, nav etc */
	body { color: #333; font-size: 62.5%; font-family: Arial, Helvetica, sans-serif }
	input.button {width: 78px; height: 24px; text-indent:-9999em; background: url(../images/button_search.png) no-repeat; cursor: pointer; margin-right: 0; text-transform: uppercase; border:0 none;}
    #wrap { width: 964px; margin: 0 auto; position: relative; z-index: 100; } 
    #wrapper { float: left; width: 100% }
    
	#header { float: left; width: 100%; margin-bottom: 21px }
		#header .logo { float: left; margin: 19px 0 0 0 }
		#header-right { float: right; text-align: right; width:400px;}
		#header .sg-logo { float: right; margin: 10px 0 18px 0;}
		#header-right .menu { float: right; clear: right; padding: 4px 0 4px 0; background: url(../images/bg_topnav.png); font-size: 1.2em; margin-bottom: 2px }
			#header-right .menu li { display: inline; padding: 0 6px 0 8px; border-right: solid 1px #fff }
			#header-right .menu li:last-child { border: 0 }
			/* to apply with IE 7 click the hyperlink of sitemap issues start*/
			#header-right .menu li a { color: #fff; text-decoration: none;  display:inline; font-weight:normal !important;}
			#header-right .menu li a:hover { color: #fff; text-decoration: underline; display:inline; font-weight:normal !important; padding:0px !important;margin:0px !important;}
			#header-right .menu li a:visited { color: #fff; text-decoration: none; display:inline; font-weight:normal !important; padding:0px !important;margin:0px !important;}
			#header-right .menu li a:active { color: #fff; text-decoration: none; display:inline; font-weight:normal !important; padding:0px !important;margin:0px !important;}
			/* to apply with IE 7 click the hyperlink of sitemap issues end */
		#header-right .search { float: left; width: 100% }
			#header-right fieldset { float: right; width: 252px; position: relative; margin-top: 2px; }
			#header-right .search input { float: left; width: 164px; background: #e4d5b6 url(../images/bg_search-box.jpg); border: 0; padding:0 5px; height:24px; }
			#header-right .search input.button {float: right; width: 78px; height: 24px; text-indent:-9999em; background: url(../images/button_search.png) no-repeat; cursor: pointer; margin-right: 0; text-transform: uppercase; }
			#header-right fieldset a { float: left; padding: 0 0 0 29px; font-size: 1.2em; color: #464646 }

	#nav { float: left; width: 100%;  position: relative; z-index: 1000;min-height:80px;}
	#nav ul {background-color:#012d6b; display:inline-block;}
	.home #nav { margin-bottom: 0 }
	#nav li { float: left; position: relative;}
	#nav > ul > li > a { position: relative; z-index: 200; color: #fff; text-decoration: none; float: left; background: #012d6b; text-transform: uppercase; font-size: 1.2em; padding: 8px 12px 8px 11px; line-height: 1.2em; height: auto!important; height: 30px }
	.mac #nav > ul > li > a { padding: 8px 11px 8px 11px;}
	#nav > ul  > li:hover > a, #nav > ul  > li > a:hover { color: #29409d; background: #e7eaeb url(../images/bg_nav-hover.jpg) repeat-x }
	#nav > ul > li.on > a { color: #000; background: #e4d5b6 none }
	#nav li:hover .mega-menu { display: block }

	.ie7 #nav li { z-index: 1001; }

	#nav .mega-menu { position: absolute; top: 46px; left: -64px; width: 654px; background: #fff; border: solid 9px #e6e9ea; z-index: 9999999; padding: 15px 0 11px 0; display: none; -moz-box-shadow: 0 0 10px 3px #696969; -webkit-box-shadow: 0 0 10px 3px #696969; box-shadow: 0 0 10px 3px #696969; }
	#nav li:nth-child(n+5){position:inherit;}
	#nav li:nth-child(n+5) .mega-menu{left:auto; right:20px;}

	
	#nav li:last-child a { margin-right: 0 }	
	
	#feature-rotator-backgrounds-wrap { position: absolute; top: 38px; left: 0; width: 100%; max-width: 1280px; max-height: 640px; z-index: 10; overflow: hidden }
	.home #feature-rotator-backgrounds-wrap { max-height: 463px; }
	#feature-rotator-backgrounds-wrap {left: 50%;margin-left: -640px;width: 1280px;}
	#feature-rotator-backgrounds { float: left; }
	#feature-rotator-backgrounds img { width: 100%; top: 0; left: 0; }
	

/* Content */
 	
	#main { float: left; width: 960px; min-height: 491px; background: #fff; position: relative; z-index: 100}
	.home #main { background: none }
	#main-content { float: left; width: 960px; }

	#feature-rotator { float: left; width: 100%; min-height: 212px; height: auto!important; height: 212px; position: relative; }
	.ie7 #feature-rotator {z-index: -5;}
	#feature-rotator-controls { position: absolute; bottom: 0; right: 0; width: 268px; height: 36px; background: url(../images/bg_home-rotator-tools.png) no-repeat; padding: 14px 20px 0 0 }
	#feature-rotator-controls ul { float: right; margin: 0 8px 0 20px }
	#feature-rotator-controls ul li { float: left; width: 18px; height: 18px; margin-top: 1px; background: url(../images/bg_home-rotator-tools-circle.png) no-repeat; margin-right: 12px; cursor: pointer; opacity:0.4; filter:alpha(opacity=40); }
	#feature-rotator-controls ul li.activeSlide { opacity:1; filter:alpha(opacity=100); }
	#feature-rotator-controls ul li a { float: left; text-indent: -5000px; width: 18px; height: 18px; }
	#feature-rotator-controls a:focus { outline: 0}
	#feature-rotator-controls > a { float: right; text-indent: -5000px; width: 15px; height: 20px; background: url(../images/bg_home-rotator-tools-arrow-left.png) no-repeat;  }
	#feature-rotator-controls a#feature-rotator-controls-next { background: url(../images/bg_home-rotator-tools-arrow-right.png) no-repeat; }
	#features { float: left; width: 393px; background: transparent; position: relative;}
	
	#features .feature { float: left; width: 403px; padding: 39px 0 0 24px; display: none; background-color: transparent !important; }
	#features .feature:nth-child(1) { display: block }
	#features .feature h2 { font-size: 3.6em; font-weight: bold; color: #fff; line-height: 1.3em } 
	#features .feature p { font-size: 2.2em; font-weight: bold; color: #fff; line-height: 1.1em; margin-bottom: 18px } 
	#features .feature .link { font-size: 1.6em; text-transform: uppercase } 
	#features .link a { color: #fff; text-decoration: none; padding: 0 0 0 13px; background: url(../images/bg_home-rotator-white-arrow.png) no-repeat left 50% }
	#features .link a:hover { text-decoration: underline }
	
	#features .feature.dark h2, #features .feature.dark p, #features .feature.dark .link a { color: #1c1412 }
	#features .feature.dark .link a { background-image: url(../images/bg_home-rotator-black-arrow.png) }

	#latest-news-wrap-left { float: left; width: 21px; }
	#latest-news-wrap-left img { float: left }
	#latest-news-wrap-inner { float: left; max-width: 922px; background: url(../images/bg_home-news-top.png) repeat-x 0 0; padding: 12px 0 0 0; width: 100%; }
	#latest-news-wrap-right { float: left; width: 17px;}
	#latest-news-wrap-right img { float: left }
	
	.latest-news { float: left; padding: 29px 20px 41px 17px; min-height:155px; background: #fff; max-width: 885px; width: 100%; }
		.latest-news-title h2 { color: #8c6111; font-size: 1.6em; font-weight: bold; float: left; width: 50% }
		.latest-news-title { float: left; width: 100%; border-bottom: solid 2px #c5b088 }
		.latest-news-title a { float: right; font-size: 1.2em; text-transform: uppercase; font-weight: bold; color: #000; text-decoration: none; padding: 0 0 0 9px; background: url(../images/bg_arrow-gold.gif) no-repeat left 50% }
		.latest-news-title a:hover { text-decoration: underline; color: #8c6111 }
		
		.latest-news .story { float: left; width: 31%;margin-right:11px; padding: 22px 11px 0 0; background: url(../images/bg_home-story-divider.gif) no-repeat right 39px; }
		.latest-news .story.col2 { float: left; width: 63%; padding: 22px 3% 0 0; }
		.latest-news .story.col3 { float: left; width: 100%; padding: 22px 3% 0 0; background:none;}
		.latest-news .story.first { width: 31%; padding: 22px 6% 0 0; }
		.latest-news .story.last { width: 31%; padding: 22px 0 0 0; background:none; }
		.latest-news .story h3 { font-size: 1.4em; font-weight: bold; line-height: 1.1em; margin-bottom: 6px }
		.latest-news .story h3 a { color: #333; text-decoration: none }
		.latest-news .story h3 a:hover { text-decoration: underline }
		.latest-news .story h3 span { font-size: .7em; display: block; padding: 9px 0 2px 0; line-height: 1em }
		.latest-news .story h3 img { float: left; margin-right: 14px }
		.latest-news .story p { font-size: 1.2em; line-height: 1.5em; margin-bottom: .5em; clear:both; }
		.latest-news .story a.link { color: #29409d; font-weight: bold; font-size: 1.2em; padding: 0 0 0 9px; background: url(../images/bg_arrow-gold.gif) no-repeat left 50%; text-decoration: none }
		.latest-news .story a.link:hover { text-decoration: underline; color: #8c6111 }
	
	.latest-news.col2 { float: left; padding: 29px 10px 41px 17px; min-height:155px; background: #fff; max-width: 885px; width: 63%; }
		.latest-news.col2  .latest-news-title h2 { color: #8c6111; font-size: 1.6em; font-weight: bold; float: left; width: 50% }
		.latest-news.col2  .latest-news-title { float: left; width: 100%; border-bottom: solid 2px #c5b088 }
		.latest-news.col2  .latest-news-title a { float: right; font-size: 1.2em; text-transform: uppercase; font-weight: bold; color: #000; text-decoration: none; padding: 0 0 0 9px; background: url(../images/bg_arrow-gold.gif) no-repeat left 50% }
		.latest-news.col2  .latest-news-title a:hover { text-decoration: underline; color: #8c6111 }
		
		.latest-news.col2 .story { float: left; width: 46%;margin-right:11px; padding: 22px 11px 0 0; background: url(../images/bg_home-story-divider.gif) no-repeat right 39px; }
		.latest-news.col2 .story.col2,
		.latest-news.col2 .story.col3 { float: left; width: 100%; padding: 22px 3% 0 0; background:none;}
		.latest-news.col2 .story.first { width: 46%; padding: 22px 6% 0 0; }
		.latest-news.col2 .story.last { width: 46%; padding: 22px 0 0 0; background:none; }
		.latest-news.col2 .story h3 { font-size: 1.4em; font-weight: bold; line-height: 1.1em; margin-bottom: 6px }
		.latest-news.col2 .story h3 a { color: #333; text-decoration: none }
		.latest-news.col2 .story h3 a:hover { text-decoration: underline }
		.latest-news.col2 .story h3 span { font-size: .7em; display: block; padding: 9px 0 2px 0; line-height: 1em }
		.latest-news.col2 .story h3 img { float: left; margin-right: 14px }
		.latest-news.col2 .story p { font-size: 1.2em; line-height: 1.5em; margin-bottom: .5em }
			.latest-news .story p b, .latest-news .story p strong{font-weight: bold;}
			.latest-news .story p u{text-decoration:underline;}
			.latest-news .story p i{font-style:italic;}
		.latest-news.col2 .story a.link { color: #29409d; font-weight: bold; font-size: 1.2em; padding: 0 0 0 9px; background: url(../images/bg_arrow-gold.gif) no-repeat left 50%; text-decoration: none }
		.latest-news.col2 .story a.link:hover { text-decoration: underline; color: #8c6111 }
	
	#features-bottom { float: left; width: 100%; margin-bottom: 55px }
	#features-bottom .feature { float: left; width: 32%; margin: 4px 1% 0 0 }
	#features-bottom .feature-title { float: left; width: 94%; background: #012d6b; padding: 3px 0 3px 6% }
	#features-bottom .feature-title h2 { font-size: 1.5em; color: #fff; font-weight: bold; line-height: 1.2em; float: left; width: 80% }
	#features-bottom .feature-title a.link { color: #fff; font-weight: bold; font-size: 1.1em; padding: 4px 13px 4px 9px; background: url(../images/bg_arrow-gold.gif) no-repeat left 50%; text-decoration: none; text-transform: uppercase; float: right }
	#features-bottom .feature-item { float: left; width: 88%; border-bottom: 1px solid #ddd; padding: 9px 0 13px 0; margin-left: 6% }
	#features-bottom .feature-item.download { border: 0; padding-bottom: 21px }
	#features-bottom .feature-item:last-child { border: 0 }
	#features-bottom .feature-item h3 { font-size: 1.2em; font-weight: bold; line-height: 1.2em; margin-bottom: 7px }
	#features-bottom .feature-item.download h3 { font-weight: normal }
	#features-bottom .feature-item.download h3 img { vertical-align: top; margin-right: 3px }
	#features-bottom .feature-item h3 a { color: #333; text-decoration: none }
	#features-bottom .feature-item.download h3 a { color: #29409d }
		#features-bottom .feature-item h3 a:hover{ text-decoration: underline }
	#features-bottom .feature-item p { font-size: 1.1em }
		#features-bottom .feature-item.story p { font-size: 1.2em; line-height:1.4em;margin-bottom:10px;}
			
			#features-bottom .feature-item.story p b, #features-bottom .feature-item.story p strong{font-weight: bold;}
			#features-bottom .feature-item.story p u{text-decoration:underline;}
			#features-bottom .feature-item.story p i{font-style:italic;}
		#features-bottom .feature-item.story a,#features-bottom .feature-item.story p a{ display: block;color: #29409d; font-weight: bold; font-size: 1.2em;line-height: 1.2em; padding: 0 0 0 9px; background: url(../images/bg_arrow-gold.gif) no-repeat left 2px; text-decoration: none }
		#features-bottom .feature-item.story a:hover,#features-bottom .feature-item.story p a:hover{ text-decoration: underline; color: #8c6111 }
		#features-bottom .feature-item.story ul.link-list li{padding:10px}
			#features-bottom .feature-item.story p a, #features-bottom .feature-item.story a:hover{color: #29409D;font-weight:normal;padding:0px;margin:0px;background:none;display:inline;text-decoration:underline;font-size: inherit;line-height: inherit;}
	#features-bottom .feature.col2 {width:65%;}
	#features-bottom .feature.col2 .feature-title {padding: 3px 0 3px 4%;}
	#features-bottom .feature.col2 .feature-item{margin-left: 4%;width:90%;}
	
	
	
	#features-bottom .feature-item.download p { color: #555 }
	
	#features-bottom.col1 { float: left; width: 33%; margin-bottom: 55px }
	#features-bottom.col1  .feature { float: left; width: 100%; margin: 4px 1% 0 0 }

/* 4.2 General content, landing page */
	#breadcrumbs { float: left; width: 98%; padding: 10px 0 50px 2%; font-size: 1.1em }
	#breadcrumbs ol { display: inline }
	#breadcrumbs li { display: inline; margin-right: 8px }
	#breadcrumbs li a { color: #29409d; text-decoration: none; padding: 0 10px 0 0; background: url(../images/bg_breadcrumbs-arrow.gif) no-repeat right 50% }
	#breadcrumbs li a:hover { text-decoration: underline }
	
	#content { float: left; width: 43%; padding: 0 2% 55px 0 }
	#content.wide, .twocol #content.wide {width: 96%; padding: 0 2% 55px 2%; }
	#content h1 { font-size: 2.2em; color: #012d6b; font-weight: bold; line-height: 1.2em; clear: both; margin-bottom: 10px; }
	.landing #content h1, .listing #content h1 { font-size: 2em; color: #8c6111; font-weight: bold; line-height: 1.2em; margin-bottom: 10px; }

	#content h2,
                #nav .mega-menu h2 { font-size: 1.8em; font-weight: normal; line-height: 1.7em; color: #8c6111; margin-bottom: 0.5em; }
                #content > h3, #content .scWebEditInput h3  { font-size: 1.6em; font-weight: normal; line-height: 1.7em; color: #012d6b }
                #content > h4, #content .scWebEditInput h4 { font-size: 1.4em; font-weight: bold; line-height: 1.7em; color: #3e3e3e }
                #content > h5, #content .scWebEditInput h5 { font-size: 1.2em; font-weight: bold; line-height: 1.7em; color: #8c6111 }
                #content > h6, #content .scWebEditInput h6 { font-size: 1.2em; font-weight: bold; line-height: 1.7em; color: #3e3e3e }
                #content p { font-size: 1.2em; line-height: 1.9em; margin-bottom: 20px }
				#content .footnote, #content .scWebEditInput .footnote { font-size: 1.14em; line-height: 1.2em; margin-bottom: 15px; font-style:italic;}
				
                #content p.date { font-weight: bold; clear: both; }

                #content > ul, #content .scWebEditInput ul { font-size: 1.2em; line-height: 1.9em; margin-bottom: 20px; margin-left:40px;}
                #content > ul > li, #content .scWebEditInput ul li { padding: 0 0 0 17px; background: url(../images/bg_bullet.gif) no-repeat left 5px; margin-bottom: 1.4em }
                
                #content > ol, #content .scWebEditInput ol  { font-size: 1.2em; line-height: 1.9em; margin-bottom: 20px; list-style-type: decimal; margin-left:40px; }
                #content > ol > li, #content .scWebEditInput ol li { margin-bottom: 1.4em; margin-left: 17px }

                #content > p > a, #content > ul > li > a, #content > ol > li > a, #content .scWebEditInput p a, #content .scWebEditInput ul li a, #content .scWebEditInput ol li a { color: #8c6111 }
                #content > p > a:hover, #content > ul > li > a:hover, #content > ol > li > a:hover, #content .scWebEditInput p a:hover, #content .scWebEditInput ul li a:hover, #content .scWebEditInput ol li a:hover { text-decoration: none }
				
				#content  p > b, #content .scWebEditInput p b{font-weight:bold;}
				#content  p > strong, #content .scWebEditInput p strong{font-weight:bold;}
				#content  p > i, #content .scWebEditInput p i{font-style:italic;}
				#content  p > em, #content .scWebEditInput p em{font-style:italic;}
	
	#content table {width: 98%; text-align: center; font-size: 1.2em; border: solid 1px #d3d3d3; -moz-box-shadow: -1px -3px 3px #e5e5e5; -webkit-box-shadow: -1px -3px 3px #e5e5e5; box-shadow: -1px -3px 3px #e5e5e5;}
	#content th {font-weight: bold; font-size: 1.1em;}
	#content tbody th {text-align: left;}
	#content th, #content tr, #content td {border: 1px solid #e5e5e5; padding: 12px; vertical-align: middle;}
	#content tfoot {text-align: left;}
	
	.sharing-icons { float: right; width: auto; /*width: 108px*/ }
	.sharing-icons a { float: left; display: block; width: 36px; height: 31px; text-indent: -9999px; }
	.sharing-icons a:hover{opacity:1; filter:alpha(opacity=100);} 
	.sharing-icons #email-to-friend{float:left;width:38px;}
	.sharing-icons a.share-subscribe {background: url("../images/icon_subscribe.gif") no-repeat; width:70px;}
	.share-rss {background: url("../images/icon_rss.gif") no-repeat;}
	.share-email {background: url("../images/icon_email.gif") no-repeat;}
	.share-print {background: url("../images/icon_print.gif") no-repeat;}
	
	#content .key-resources { padding-top: 30px; width: 100% }
	#content .key-resources h2 { font-size: 2em; color: #8c6111; font-family: Trebuchet MS, arial; font-weight: bold; border-bottom: solid 2px #f0e5cc;  margin-bottom: 13px }
	#content .key-resources h3 { font-size: 1.4em; color: #000; font-family: Trebuchet MS, arial; font-weight: bold; line-height: 1.6em; }
	#content .key-resources h3 a { color: #000; text-decoration: none }
	#content .key-resources li { padding: 0 0 8px 23px }
	#content .key-resources li.pdf { background: url(../images/icon_pdf.gif) no-repeat left 4px }
	#content .key-resources li.video { background: url(../images/icon_video.gif) no-repeat left 4px }
	#content .key-resources li.weblink { background: url(../images/icon_weblink.gif) no-repeat left 4px }
	#content .key-resources li p { margin-bottom: 0; line-height: 1.6em }
	#content .key-resources li p.link { font-size: 1.1em; font-weight: bold; font-family: Trebuchet MS, arial; padding-top: 2px }
	#content .key-resources li p.link a { color: #29409d; text-decoration: none }
	#content .key-resources a:hover, #content .key-resources li p.link a:hover { text-decoration: underline }

	#content .pdfDownload { padding-left: 25px; background: url(../images/icon_pdf.gif) no-repeat left top; margin-bottom: 20px; }
	#content .pdfDownload p { margin: 0; padding: 0 }
	#content .pdfDownload a { color: #000000; text-decoration: none; }
	#content .pdfDownload a:hover { text-decoration: underline; }
	#content .pdfDownload a.software { background: url(../images/bg_black-arrow.png) left center no-repeat; padding-left: 10px; }

	#keyResources { margin-top: 40px; }
	#keyResources h2 { border-bottom: 2px solid #F0E4CA; }
	#keyResources h3 a { color: #3E3E3E; font-size: 1.4em; font-weight: bold; line-height: 1.7em; }
	#keyResources li { padding-left: 25px; margin-bottom: 15px; background: url(../images/icon_pdf.gif) left 3px no-repeat; }
	#keyResources .pdf { background-image: url(../images/icon_pdf.gif); }
	#keyResources .webcast { background-image: url(../images/icon_video.gif); }
	#keyResources .website { background-image: url(../images/icon_weblink.gif); }
	#keyResources p { margin: 0; }
	#keyResources a { text-decoration: none; font-weight: bold; }
	#keyResources a:hover { text-decoration: underline; }

	
	#side-content { float: left; width: 21%; padding: 42px 0 0 3%;  background: url(../images/bg_related-links-shadow.jpg) no-repeat left 42px }
	#side-content .related-links { float: left; width: 100%; font-family: Trebuchet MS, arial; color: #8c6111; }
	#side-content .related-links h2 { font-size: 1.8em; line-height: 1.2em; font-weight: bold; border-bottom: solid 1px #ddd; padding: 0 0 6px 5px }
	#side-content .related-links h3 { font-size: 1.4em; line-height: 1.6em; font-weight: bold }
	#side-content .related-links p { font-size: 1.2em; line-height: 1.5em }
	#side-content .related-links a { color: #8c6111; text-decoration: none }
	#side-content .related-links a:hover { text-decoration: underline }
	#side-content .related-links li { padding: 7px 14px 10px 14px; background: url(../images/bg_arrow-gold.gif) no-repeat 3px 14px; border-bottom: solid 1px #ddd; }
	#side-content .related-links li:last-child{ border-bottom: 0 }
	
	#side-content .sharing-icons { float: left; margin-bottom: 17px }

	#side-content .highlight { background-color: #F4F4F4; border: 1px solid #E8E8E8; padding: 10px; margin-bottom: 20px; clear: left; }

	#side-content .highlight h2 { font-size: 1.5em; font-weight: bold; margin-bottom: 7px; }
	#side-content .highlight p { font-size: 1.2em; margin-bottom: 1em; }
	#side-content .highlight p.readMore { margin: 0; }
	#side-content .highlight a { text-decoration: none; }
	#side-content .highlight a:hover { text-decoration: underline }	
	
	/* Navigation */
		#snav { float: left; width: 25%; margin-left: 4%; padding: 0 0 100px 0 }
	#snav .section-title { font-size: 1.6em; font-weight: bold; float: left; color: #4e4e4d; width: 201px; background: url(../images/bg_nav-gradient.jpg) no-repeat bottom left; padding: 0 0 14px 0; line-height: 1.3em }
	#snav > ul { font-size: 1.2em; float: left; width: 100% }
	#snav > ul > li { float: left; width: 100%; padding: 6px 0 25px 0; background: url(../images/bg_nav-gradient.jpg) no-repeat 16px bottom;  }
	#snav a { float: left; color: #29409d; text-decoration: none; }
	#snav .on > a { color: #8c6111; font-weight: bold; background-image: url(../images/bg_arrow-down.gif); }
	#snav .on .on a { background-image: none; }
	#snav > ul > li > a { padding: 0 0 0 6%; background: url(../images/bg_arrow-gold.gif) no-repeat 2px 3px; width: 87%  }
	
	#snav ul ul { float: left; border-top: solid 1px #e5e5e5; width: 83%; margin: 12px 0 0 6% }
	#snav ul ul li { float: left; border-bottom: solid 1px #e5e5e5; width: 100%; padding: 5px 0 7px 0 }
	#snav ul ul li:last-child { border: 0 }
	#snav ul ul > li:last-child { padding-bottom: 0 }
	#snav ul ul a { line-height: 1.3em; padding: 0 0 0 10%; }
	
	#snav ul ul ul { border: 0; width: 94% }
	#snav ul ul ul li { border: 0; padding: 3px 0 2px 0 }
	#snav ul ul ul a { color: #000; line-height: 1.3em; padding: 0 0 0 20%;  }
	
	#snav li a:hover { text-decoration: underline }
	
	
	
			
	/* 4.5 Two col */
	.twocol #content { float: left; width: 68%; padding: 0 2% 55px 0 }
	.twocol .sharing-icons { margin-top: -20px; margin-bottom: 10px }
	
	.twocol .listing-items { width: 80% }
	.twocol.thumbnails .listing-items { width: 100% }
	
	/* 4.6 Landing page */
	.landing .item { float: left; border: solid 1px #d3d3d3; width: 96%; -moz-box-shadow: -1px -3px 3px #e5e5e5; -webkit-box-shadow: -1px -3px 3px #e5e5e5; box-shadow: -1px -3px 3px #e5e5e5; margin-bottom: 19px; padding: 14px 2% 14px 2% }
	.landing .item img { float: left; margin-right: 12px }
	.landing .item .text { float: left; width: 70% }
	.landing #content .item .text p { margin: 0 }
	.landing #content .item .text h2 { font-size: 1.4em; font-weight: bold; line-height: 1.7em }
	.landing .item .text h2 a { color: #29409d; text-decoration: none; }
	.landing .item .text h2 a:hover { text-decoration: underline }

	
/* Footer */		

	#related-sites { padding-top:0px; float: left; width: 100%; background: #e7eaea; min-height: 119px; border-top: solid 1px #c1c5cb; background-image: linear-gradient(top, #E7EAEA 0%, #CFD5D6 100%);background-image: -o-linear-gradient(top, #E7EAEA 0%, #CFD5D6 100%);background-image: -moz-linear-gradient(top, #E7EAEA 0%, #CFD5D6 100%);background-image: -webkit-linear-gradient(top, #E7EAEA 0%, #CFD5D6 100%);background-image: -ms-linear-gradient(top, #E7EAEA 0%, #CFD5D6 100%);background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #E7EAEA),color-stop(1, #CFD5D6));  position: relative; z-index: 1000 }
		#related-sites-inner { width: 922px; margin: 0 auto; padding: 16px 0 0 0 }
		#related-sites h2 { font-size: 1.6em; font-family: Trebuchet MS, arial, sans-serif; font-weight: bold; color: #8c6111; line-height: 1em; margin-bottom: 16px }
		#related-sites a { float: left; position: relative;  color: #333; text-decoration: none; }
		.ie7 #related-sites a { z-index: 500; }
		#related-sites a img { float: left; margin-right: 15px }
		#related-sites a:last-of-type img, #related-sites a:last-child img { margin-right: 0 }
		
		#related-sites .related-sites-info { text-align:center; display: none; position: absolute; bottom: 50px; left: 0; width: 193px; min-height: 200px; padding: 13px 15px 22px 15px; background: url(../images/bg_related-sites-rollover.png) left bottom no-repeat; z-index: 250; }
		#related-sites .related-sites-info p { clear:both; text-align:left; font-size: 1.2em; line-height: 1.5em; color: #333; text-decoration: none; background-color: #FEFEFD; }
		#related-sites .related-sites-info img { margin: 0 0 16px 0; float:none; }
		
		
		
		#related-sites a:hover .related-sites-info { display: block }
		
	#footer { float: left; width: 100%; background: #e7eaea; min-height: 207px; border-top: solid 1px #293363; background: #1f295c; background-image: linear-gradient(top, #434B76 0%, #1F295C 50%);background-image: -o-linear-gradient(top, #434B76 0%, #1F295C 50%);background-image: -moz-linear-gradient(top, #434B76 0%, #1F295C 50%);background-image: -webkit-linear-gradient(top, #434B76 0%, #1F295C 50%);background-image: -ms-linear-gradient(top, #434B76 0%, #1F295C 50%);background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #434B76),	color-stop(0.5, #1F295C)); }
		#footer-inner { width: 922px; margin: 0 auto; padding: 34px 0 0 0 }
		#footer-inner .logo-trustsg { float: right }
		#footer-inner ul { line-height: 1.2em; margin-bottom: 1em; font-size: 1.1em }
		#footer-inner li { display: inline; border-right: solid 1px #565d89; padding: 0 5px 0 0; margin-right: 5px; }
		#footer-inner ul li:last-child { border-right: 0 }
		#footer-inner li a { color: #fff; text-decoration: none }
		#footer-inner li a:hover { text-decoration: underline }
		#footer-inner p { line-height: 1.2em; color: #fff; font-size: 1.1em }
		#footer-inner >a:first-child{padding-right:3px;float:right;}
		#footer-inner ul{display: inline-block;width:760px;float:left;}
		#footer-inner li{float: left;margin-bottom:7px;}
		#footer-inner p{float:left}
	
/* Print specific */

	@media print {
	  * { background: transparent !important; color: #555 !important; text-shadow: none !important; }
	  a, a:visited { color: #444 !important; text-decoration: underline; }
	  /*a:after { content: " (" attr(href) ")"; } 
	  abbr:after { content: " (" attr(title) ")"; }*/
	  .ir a:after { content: ""; }  
	  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
	  thead { display: table-header-group; }  
	  tr, img { page-break-inside: avoid; }
	  @page { margin: 0.5cm; }
	  p, h2, h3 { orphans: 3; widows: 3; }
	  h2, h3{ page-break-after: avoid; }
	  
	  
	 /* Hide all unnecessary */
	 #feature-rotator-backgrounds-wrap,#related-sites,#footer #footer-inner > a,
	 #footer #footer-inner > ul, #breadcrumbs, #nav, #snav, #header-right > div,
	 #features-bottom .feature-accordion, #latest-news-wrap-left,
	 #latest-news-wrap-right, #latest-news-wrap-bottom > img{display:none;}
	 
	 
	 /*Some Resizing*/
	 #wrap {width:100% !important;}
	 #header{border-bottom: 1px solid #293363;padding-bottom:10px;}
	 #header .logo{margin:0px;}
	 #header .sg-logo {margin-top:25px;}
	 #content {width:95% !important;}
	
	 /*Homepage*/
	 #features .feature{width:800px !important;}
	 #features .feature a:after { content: " (" attr(href) ")"; }
	 #Xlatest-news-wrap-bottom{border-bottom: 2px solid #C5B088; width: 100%; display: inline-block;margin-left:20px;}
	 #features-bottom{padding: 0px 20px 0px 17px;}
	 #features-bottom .feature {width:100%;clear:both;margin-bottom: 20px;}
	 #features-bottom .feature .feature-title, #features-bottom .feature .feature-item{margin:0px;padding:0px;}
	 #features-bottom .feature .feature-title{border-bottom: 2px solid #C5B088; max-width: 885px;width: 100%;}
	 #features-bottom .feature .feature-item{width: 96%;margin:10px 0px 20px 0px;}
	 #features-bottom .feature .feature-item a:after { content: " (" attr(href) ")"; }
	 #features-bottom .feature-item.download h3 a {font-weight:bold;}
	
	 /*Notes*/
	 .ui-accordion-content,.notes-details-dialog{display:block !important;}
	
	}

/* [SR2106-1] Government banner - Updated 2022 */ 
.banner-content-text-container>p>a[target="_blank"]:after{display:inline-block;font-family:sgds-icons;content:"\e95c";padding-left:.25rem;font-weight:400}
.sgds-masthead{padding:0;background-color:#f0f0f0;color:#484848}
.sgds-masthead p{margin-bottom:none}
.sgds-masthead .masthead-layout{display:table;min-height:1.75rem;color:#484848;font-size:.875rem}
.masthead *{font-family:Lato,BlinkMacSystemFont,-apple-system,Segoe UI,Helvetica Neue,Helvetica,Arial,sans-serif!important}
.sgds-masthead .masthead-divider{width:100%;border-bottom:0 solid #ccc}
.sgds-masthead .masthead-divider.is-hidden{display:none}
@media screen and (max-width:1023px){.sgds-masthead .masthead-layout{text-align:left}}
.sgds-masthead .is-text{display:table-cell;vertical-align:middle;padding-left:.25rem}
.sgds-masthead .row.is-multiline.is-vcentered{margin-right:0}
.sgds-masthead .banner-text-layout{display:table}
.sgds-masthead .sgds-icon-chevron-down,.sgds-masthead .sgds-icon-chevron-up,.sgds-masthead .sgds-icon-sg-crest{display:table-cell;vertical-align:middle}
.sgds-icon-sg-crest{font-size:1.25rem}
.sgds-icon-chevron-down,.sgds-icon-chevron-up{font-size:.75rem}
.sgds-masthead .sgds-icon-chevron-down,.sgds-masthead .sgds-icon-chevron-up{margin-left:.125rem}
.sgds-masthead .sgds-masthead-button{display:table-cell;cursor:pointer;color:#2f60ce}
.sgds-masthead .sgds-masthead-button:hover{color:#23489b}
.sgds-masthead .sgds-masthead-button-text{text-decoration-line:underline;padding-left:0}
.sgds-masthead .banner-content-layout{flex:none;width:100%;padding-top:1.375rem;padding-bottom:2.75rem}
.sgds-masthead .banner-content-layout.is-hidden{display:none}
.sgds-masthead .banner-icon{float:left;margin-right:.75rem;align-self:flex-start;margin-top:.5625rem;height:1.125rem}
.sgds-masthead .inline-banner-icon{height:.8125rem;display:inline}
.sgds-masthead .banner-content{float:left;display:inline-flex;max-width:min(43%,31.5rem)}
.sgds-masthead .banner-content-text{display:contents;font-size:inherit}
.sgds-masthead .banner-content-text:after{padding-left:2px}
.sgds-masthead .banner-content:first-child{margin-right:min(12%,12.5rem)}
.sgds-masthead .banner-content div{font-size:1rem;line-height:2.25rem;letter-spacing:0}
.sgds-masthead .banner-content p{line-height:1.5rem;font-size:inherit}
@media screen and (max-width:364px){.sgds-masthead .masthead-layout{font-size:.6875rem;cursor:pointer}}
@media screen and (max-width:340px){.sgds-masthead .masthead-layout{font-size:.625rem;cursor:pointer}}
.sgds-container{flex-grow:1;margin:0 auto;position:relative;width:auto}
.sgds-container.is-fluid{max-width:none;padding-left:32px;padding-right:32px;width:100%}
.sgds-container.is-full{margin:0}
@media screen and (min-width:1024px){.sgds-container{max-width:960px}}
@media screen and (max-width:1215px){.sgds-container.is-widescreen{max-width:1152px}}
@media screen and (max-width:1407px){.sgds-container.is-fullhd{max-width:1344px}}
@media screen and (min-width:1216px){.sgds-container{max-width:1152px}}
@media screen and (min-width:1408px){.sgds-container{max-width:1344px}}
.sgds-container.is-boxed{border:1px solid #d6d6d6}
.col{display:block;flex-basis:0;flex-grow:1;flex-shrink:1}
.col.is-boxed{border:1px solid #f0f0f0}
.col.has-carousel{min-width:0}
@media screen and (max-width:1023px){.has-text-centered-touch{text-align:center!important}}
.masthead-layout-container{display:flex;width:964px;margin:auto!important}
b,strong{font-weight:600}
@font-face{font-family:sgds-icons;src:url(./../fonts/sgds-icons.ttf) format("truetype"),url(./../fonts/sgds-icons.woff) format("woff");font-weight:400;font-style:normal}
.sgds-icon{font-family:sgds-icons!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.sgds-icon-chevron-down:before{content:"\e93c"}
.sgds-icon-chevron-up:before{content:"\e93f"}
.sgds-icon-sg-crest:before{content:"\e948";color:#db0000}
.row.is-multiline{flex-wrap:wrap}
.row.is-vcentered{align-items:center}
.row{margin-left:-.75rem;margin-right:-.75rem;margin-top:-.75rem}
.row:last-child{margin-bottom:-.75rem}
ul{list-style:none}
button,input,select,textarea{margin:0}
html{box-sizing:border-box}
article,aside,figure,footer,header,hgroup,section{display:block}
body,button,input,select,textarea{font-family:Lato,BlinkMacSystemFont,-apple-system,Segoe UI,Helvetica Neue,Helvetica,Arial,sans-serif!important}
a{color:#0070f0;cursor:pointer}
@media print,screen and (min-width:769px){.row:not(.is-desktop){display:flex}}
@media screen and (min-width:1024px){.row.is-desktop{display:flex}}
.avoidwrap{display:inline-block}
span{font-style:inherit;font-weight:inherit}