﻿/* -----------------------------------------------
	SITE DEVELOPED BY:  TREASURY WEB SOLUTIONS TEAM

	Color Profile
	Main: 	#003F5F
	30%: 	#B2C5CF
	15%: 	#D9E2E7
	8%:		#ebf0f2
	background:#f2f2f2;
--------------------------------------------------- */

body													{background:#ebf0f2; color:#333; font-size:1.2em; font-family:calibri, Helvetica, Arial; }


/* MASTERPAGE AND PAGE LAYOUT STYLES
--------------------------------------------------------------------------------------- */
.section												{background:#FFF; border-top:solid #B2C5CF 1px; border-bottom:solid #B2C5CF 1px; margin:20px 0 0;}
.alternate												{background:transparent; border:none; margin:0px 0 20px 0; padding:0 0px; }
.white-space											{background:#FFF; display:block; border-bottom:solid 1px #DDD; margin-bottom:20px; padding:10px 0;}
.white-space-footer										{background:#FFF; display:block; border-top:solid 1px #DDD; margin-bottom:-20px; padding:10px 0;}
.dark													{color:#FFF; background-color:#003F5F; }
.dark a													{color:#FFF;}

.section.alternate h1									{font-family:Calibri, Helvetica, Arial; font-size:1.9em; font-weight:100; color:#003F5F; margin:0 0 0 0; text-transform:uppercase;}
.section.alternate h5									{font-family:Calibri, Helvetica, Arial; font-size:1.4em; font-weight:100; color:#003F5F; margin:0 0 0 0;}

.irsob-container										{max-width:1120px; margin:0 auto; padding:0 15px;  font-family:Calibri, Helvetica, Arial;}

.irsob-header 											{max-width:1120px; }																						
.irsob-header h1 										{color:#333; font:bold 2.6em Garamond, georgia; padding:1em 0; margin:0 0 0 0;}
.navbar-brand											{display:none;}																					
.navbar-default											{background-color:transparent; border:none;}
.navbar													{margin-bottom:0px; }
.navbar-collapse										{padding:0 0 0 0; width:auto;}

.navigation-section										{background:#003F5F; border:none; font-size:1.4em; margin-top:0px; border-top:solid 5px #B2C5CF; border-bottom:solid 5px #B2C5CF;}
.irsob-navigation										{max-width:1120px; background:#003F5F; border:none; }
.irsob-navigation ul.root								{padding:1em 0;  }
.irsob-navigation .s4-tn li.static > .menu-item 		{border:none; height:auto;}

.irsob-navigation ul li.static							{text-transform:uppercase; color:#FFF; /*margin-left:3em;*/ margin-left:0px;}
.irsob-navigation ul:first-child > li:first-child		{margin-left:0em;}

.irsob-navigation .s4-toplinks .s4-tn a					{/*padding:1em 0;*/ padding:1em 3em 1em 0; margin: 0px 0px 0px 0px; text-decoration:none; color:#FFF;}

.irsob-navigation .s4-toplinks .s4-tn a.selected		{margin-bottom:0px; border:none; background-image:none; background:none; }
.irsob-navigation .s4-toplinks .s4-tn a:hover			{text-decoration:none;}
.irsob-navigation .s4-toplinks .s4-tn a:visited:hover	{color:#FFF;}
.irsob-search											{float:right; margin-top:-70px;}

.irsob-content											{max-width:1120px; overflow:hidden; padding:0 0 0 0; }
.irsob-content h1										{font-family:Calibri, Helvetica, Arial; font-size:2.3em; line-height:1.2em; font-weight:lighter; color:#003F5F; margin-bottom:0.32em; margin-top:0;}
.irsob-content h2										{font-size:1.9em; line-height:1.6em; font-weight:Normal; margin:0 0 0 0;}
.irsob-content p										{line-height:1.5em; margin:1em 0 1.2em 0; font-size:1.5em;}
.irsob-content hr										{background-color:#003F5F; border:none; height:3px; margin:0 0 0 0 ;}
.irsob-content ul										{font-size:1.5em; margin:1em 0;}
.irsob-content ul li									{padding:0.3em 0;}
.irsob-content a:link,
.irsob-content a:visited								{color:#0077b4;}
.irsob-content a[href$='.pdf']							{background:url("../images/treas/page_white_acrobat.png") right no-repeat; padding-right:25px;}

.irsob-content:after									{clear:both;}

.irsob-leftColumn										{float:left; padding:3em 3em 3em 15px; border-right:solid 1px #B2C5CF;}																					
.irsob-rightColumn										{padding:3em 15px 3em 2em; vertical-align:top; margin:0 0 0 0;}

.irsob-rightColumn h1									{margin-bottom:0.32em;}
.irsob-rightColumn p									{margin:1em 0 0 0; font-size:1.4em;}
.irsob-rightColumn ul									{list-style:none; padding:0 0.3em 0 0.3em; font-size:1.4em;}
.irsob-rightColumn ul li								{background:url('/style library/images/irsob/news-item-icon.png') -40px 0px no-repeat; padding-left:30px; margin-bottom:10px;}


.irsob-footer											{margin-top:20px; padding-bottom:1.3em; clear:both; font-size:1.2em;}
.irsob-privacy											{float:right; margin-top: 0px;}

.irsob-news-release										{border-top:solid 5px #003F5F; padding:20px 0 0 0; }
.irsob-news-release	p									{margin:0.3em 0px 1.6em;}
.irsob-news-release:after								{content:'###'; width:100%; display:block; text-align:center; font-size:1.4em; padding-top:1em; padding-left:15px; padding-right:15px; }


/* LINKS WEB PART
--------------------------------------------------------------------------------------- */
.irsob-rightColumn ul.dfwp-list							{color:#AAA; }
.irsob-rightColumn ul.dfwp-list li						{background:url('/style library/images/irsob/news-item-icon.png') -40px 0px no-repeat; padding-left:25px;}
.irsob-rightColumn ul.dfwp-list li .link-item a			{font-size:1.4em; color:#0077b4;}



/* XSLT Styles --> /Style Library/MetaQuery/IRSOB
--------------------------------------------------------------------------------------- */
.reports-items-container,
.news-items-container									{margin-top:10px;}
.news-item, 
.reports-item											{padding:1.4em 0 1.4em 7em; border-bottom:solid 1px #D9E2E7; background:transparent url('/style library/images/irsob/news-item-icon.png') 0em 50% no-repeat;}
.news-item h4, 
.reports-item h4										{margin:0 0 .3em 0;}
.news-item h4 a:link,
.news-item h4 a:visited,
.reports-item h4 a:link,
.reports-item h4 a:visited								{color:#0077b4; font:lighter 1.4em Calibri, Helvetica, Arial;}
.news-item span,
.reports-item span										{font:normal 1.3em Calibri, Helvetica, Arial; font-style:italic; color:#777;}
.reports-item											{background:transparent url('/style library/images/irsob/reports-item-icon.png') 0em 50% no-repeat;}


/* HOMEPAGE STYLES
--------------------------------------------------------------------------------------- */
.featured-elements										{padding:4em 0 6em; overflow:auto;}
.element												{margin:0 0 0 0;}
.element img											{max-width:260px;}
.element h3												{font:400 2em Calibri, Helvetica, Arial;}
.element p												{font-size:1.3em; line-height:1.75em; margin-top:0px; max-width:260px;}
.element a												{font-size:1.3em; display:inline-block; margin-top:10px; padding-right:30px; background:transparent url('/style library/images/irsob/more-arrow.png') 88px 65% no-repeat;}

.home-content											{margin:40px 0;}
.home-content p											{font-size:1.4em;}
.home-content h2										{text-align:center; color:#003F5F; font-weight:lighter; letter-spacing:1.5px; font-family:Calibri, Helvetica, Arial;}
.home-img												{padding:6px; background:#FFF; border:solid 1px #BBB; min-width:278px; max-width:348px; margin-top:2em;}

.graphic-line											{display:inline-block; border-top:solid 1px #003F5F; width:5em; margin:0px 10px; position:relative; top:-5px;}



/* CALENDER EVENTS STYLES
--------------------------------------------------------------------------------------- */
.events-calendar										{padding:0 20px;}
.event-info												{padding:10px 0px; border-top:solid 1px #D9E2E7;}
.event-info:first-child									{border-top:none;}
.events-calendar h5										{font:normal 1.6em Calibri, Helvetica, Arial; margin-left:15px; display:inline-block;}
.events-calendar .event-date							{font:normal 1.5em Calibri, Helvetica, Arial; display:inline-block; border:solid 1px #B2C5CF; text-align:center; width:120px; padding:5px 0px; color:#003F5F; background:#D9E2E7;}



/* FAQS STYLES
--------------------------------------------------------------------------------------- */
.faq-item												{margin:20px 0px 40px;}
.faq-item h2											{font-size:1.75em; color:#003F5F; background:#D9E2E7; border:solid 1px #B2C5CF; font-family:Calibri, Helvetica, Arial;}
.faq-item h2 a											{display:block; color:#003F5F !important; padding:5px 20px }
.faq-item .faq-answer									{display:none; margin-top:10px; padding:0px 20px 10px; color:#111111; background:#FFF; box-shadow:1px 1px 3px #EEE; border:solid 1px #B2C5CF; border-radius:5px; font-size:0.9em;}										
.faq-answer p {}



/* NEWS ARTICLE STYLES
--------------------------------------------------------------------------------------- */
.irsob-content h1.article-title							{margin-bottom:0.5em;}
.article-info											{font-size:1.2em; overflow:auto; position:relative; font-style:italic; color:#777; border-bottom:solid 2px #B2C5CF; padding:5px 0 5px 0; margin-bottom:2px; }
.article-author											{margin-top:0em; clear:none; position:absolute; right:0px; margin-top:-5px; }
.article-author:after									{content:''; clear:both; font-size:1.3em;}



/* SLIDER/ROTATOR STYLES
--------------------------------------------------------------------------------------- */
.irsob-content #slider p								{font-size:0.98em; line-height:1.4em;}
.irsob-content #slider h1								{text-transform:none; font-size:1.5em; font-weight:600;}		
.irsob-content #slider img								{margin-right:20px;}
.irsob-content ol#controls li a							{font:bold inherit "Open Sans", sans-serif; }
#t-rotator-footer										{display:none;}

.rslides a[href$='.pdf']								{background:none; padding-right:0px;}


.rslides_tabs											{ margin:0 auto; max-width:1020px; font-size:7px !important; text-align:center; width:100%; list-style-type:none;}

.rslides_tabs li										{display:inline-block; float:none; margin-left:12px; border:solid 3px #B2C5CF; padding:0px 0px !important;  color:#B2C5CF !important; background:#B2C5CF; border-radius:10px; }
.rslides_here											{border-color:#003F5F !important; background:#FFF !important;}
.rslides_tabs li:first-child							{margin-left:0px;}
.rslides_tabs li a										{color:#B2C5CF !important; font-size:0.1em; padding:5px 5px; text-decoration:none; }

.rslides li a,
.rslides li a:hover										{color:#222 !important; text-decoration:none; }


.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  min-height:260px;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }
  
.rslides li {font-size:70%;}

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  max-width:199px;
  max-height:250px;
  width: 22%;
  border: 0;
  margin-right:2%;
  }
.rslides_tabs {
	padding-left:0px !important;
}


/* SHAREPOINT OVERRIDES
--------------------------------------------------------------------------------------- */
body #pageStatusBar,
.ms-wpadder-sectionhead,
.ms-wpadder-wpname,
.ms-wpadder-zoneArea,
.ms-formfieldlabel,
.ms-dlgContent											{font-size:1em;}
body #notificationArea									{font-size: .7em;}
.ms-formfieldvaluecontainer								{border:solid .01em #a5cce4; padding:5px; box-shadow:inset 2px 2px 10px #AAA;}
.ms-long												{width:100%; border:none; font-size:1.0em; font-weight:200; font-family:Calibri, Helvetica, Arial;  }
.ms-rteElement-P										{color:#333;}
.ms-rte-wpbox p											{color:#333;}
.dfwp-list .item										{padding:0 0 0 0; font-family:Calibri, Helvetica, Arial;}
.irosb-rightColumn .link-item a							{font-family:Calibri, Helvetica, Arial !important;}




/* MEDIA QUERIES
--------------------------------------------------------------------------------------- */

@media (max-width: 1600px) {
	.rotator-content h1										{font-size:2.1em !important;}
}

@media (max-width:1180px) {
	.rslides 												{width:90%; margin:0 auto !important;}

}


@media (max-width: 1024px) {
	.irsob-container,
	.irsob-navigation,
	.irsob-container										{max-width:960px;}
	.irsob-footer											{text-align:center;}
	.navigation-section										{font-size:1.2em;}

	.irsob-privacy											{display:block; clear:both; float:none; text-align:center; margin:10px 0 0 0;}
	
}

@media (max-width: 930px){
	.navigation-section										{font-size:1.05em;}

}

@media (width: 768px) {
	
	.navigation-section										{font-size:1.02em;}
	#t-rotator												{max-width:768px;}	
	#slider													{width:768px !important;}
			
	
	/* HOMEPAGE STYLES
	--------------------------------------------------------------------------------------- */
	.element												{margin-top:0px;}
	.element:first-child									{margin-top:0px;}
	.element img											{width:220px;}
	.element h3												{font:normal 2em Calibri, Helvetica, Arial;}
	.element p												{font-size:1.2em; margin-top:0px; max-width:100%;}
	
	.home-content h2										{font-size:1.7em;}
	.graphic-line											{width:1.5em;}
						

}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
  /* For portrait layouts only */
  	.irsob-leftColumn										{border-right:none; width:100%;  padding:3em 15px 0;}
	.irsob-rightColumn										{float:none; clear:both; padding:3em 15px 3em 15px;}
	.navigation-section										{font-size:1.05em;}

  
}


@media (max-width: 767px) {
	.irsob-container										{padding:0 0px;}
	.section												{margin:0 0 0 0;}
	.section.dark											{margin-top:20px;}
	.white-space											{margin-bottom:0; padding:0 0 0 0;}
	.section.alternate										{padding:0.5em 15px; margin:0 0 0 0;}
	.section.alternate h1									{font-family:Calibri, Helvetica, Arial; font-size:1.4em; font-weight:Normal; color:#003F5F; margin:0.8em 0; text-transform:uppercase;}
	.section.alternate h5									{display:none;}

	.irsob-leftColumn										{border-right:none; width:100%;  padding:3em 15px 0;}
	.irsob-leftColumn h1									{font-size:2.1em;}
	.irsob-rightColumn										{float:none; clear:both; padding:3em 15px 3em 15px;}
	
	.navbar-default .navbar-brand							{display:inline-block; font-family:Garamond, Georgia, serif; font-weight:bold; color:#FFF; padding:15px 15px; margin:0 0 0 0;}	
	
	.navbar-default .navbar-toggle							{border-color:#FFF; margin-right:15px;}
	.navbar-default .navbar-toggle .icon-bar				{background-color:#FFF;}
	.irsob-header h1 										{display:none;}
	
	.article-author											{float:none; display:block; position:relative; margin-top:1px; }
	
	.irsob-privacy											{display:block; clear:both; float:none; margin:10px 0 0 0;}
	.irsob-footer											{padding:1em 15px; }
	
	.menu-horizontal										{display:block;}
	.irsob-navigation ul.root								{padding:0 0 0 0;}
	.irsob-navigation ul li ul								{padding:0 0 0 0; margin:0 0 0 0;}
	.irsob-navigation ul li	ul li							{text-transform:uppercase; color:#FFF; display:block; margin-left:0em; float:none;}
	.irsob-navigation .s4-toplinks .s4-tn a					{padding:0.75em 15px; display:block; }
	.menu-horizontal li.static, 
	.menu-horizontal a.static, 
	.menu-horizontal span.static							{float:none; }
	.irsob-navigation ul.root > li:first-child,
	.irsob-navigation ul li.static 							{margin:0 0 0 0; margin-left:0em; padding-left:0; float:none;  }
	.irsob-navigation li									{width:100%;}	
	.irsob-navigation .s4-tn li.static > .menu-item			{border-bottom:solid 1px #2a627e;}
	
	
	/* HOMEPAGE STYLES
	--------------------------------------------------------------------------------------- */
	.featured-elements										{padding:2em 0 6em; overflow:auto;}
	.element												{margin-top:0px;}
	.element:first-child									{margin-top:0px;}
	.element img											{width:100% !important; height:auto !important; text-align:center;}
	.element h3												{font:normal 2em Calibri, Helvetica, Arial;}
	.element p												{font-size:1.3em; margin-top:0px; max-width:100%;}
	
	.home-content h2										{font-size:1.7em;}
	.graphic-line											{width:1.5em;}
	
		
	/* FAQ STYLES
	--------------------------------------------------------------------------------------- */
	.faq-item h2											{font-size:1.5em;}
	.faq-item .faq-answer									{font-size:0.94em;}	
	
	
	/* SLIDER/ROTATOR STYLES
	--------------------------------------------------------------------------------------- */
	#t-rotator												{display:none;}					
	
	.rotator-content h1										{margin:0 0 0 0 !important; font-size:2em !important;}
	.rotator-content p										{font-size:1.2em;}
					
																	
}



@media (max-width: 620px) {
	
	.home-content h2										{font-size:1.7em;}
	.graphic-line											{display:none;}

}

@media (max-width: 568px) {

	.filter													{float:none !important; text-align:center;}
	
	.irsob-rightColumn										{border-top:solid 1px #DDD; margin-top:40px; padding-top:2em;}
	
	.section-icon											{text-align:center;}
	
	.navigation-section										{border-bottom:none; border-top:none; font-size:1.19em}

	.faq-item												{margin:0px 0px 15px;}
	
	.irsob-content p										{font-size:1.4em; line-height:1.5em; margin:1em 0 1.2em 0;}
	.irsob-rightColumn p									{margin:1em 0 0 0; font-size:1.4em;}
	.irsob-rightColumn ul									{list-style:none; padding:0 0.3em 0 0.3em; font-size:1.4em;}
	
	.irsob-rightColumn img									{text-align:center; height:auto !important; width:100% !important;}


	.about-img												{float:none !important; display:block !important; margin-bottom:20px;}
	
	/* HOMEPAGE STYLES
	--------------------------------------------------------------------------------------- */
	.element												{margin:40px auto 0;}
	.element:first-child									{margin-top:0px;}
	.element img											{width:100% !important; height:auto !important; text-align:center;}
	.element h3												{font:normal 2em Calibri, Helvetica, Arial;}
	.element p												{font-size:1.3em; margin-top:0px; max-width:100%;}

	.home-img												{float:none !important; min-width:250px;}
	
	
	/* CALENDER EVENTS STYLES
	--------------------------------------------------------------------------------------- */
	.events-calendar										{margin-top:10px; padding:0 20px;}
	.event-info												{padding:0px 0px 0px 0px; margin-bottom:8px; border-top:none; border:solid 1px #DDD;}
	.event-info:first-child									{border-top:none; padding-top:0px; }
	.events-calendar h5										{font:normal 1.3em Calibri, Helvetica, Arial; padding:10px 20px; margin-left:0px; display:block;}
	.events-calendar .event-date							{font:normal 1.3em Calibri, Helvetica, Arial; display:inline-block; width:100%;}

	
	/* SLIDER/ROTATOR STYLES
	--------------------------------------------------------------------------------------- */
	.irsob-content #slider p								{font-size:0.98em; line-height:1.4em; position:relative; z-index:1;}
	.irsob-content #slider h1								{text-transform:none; font-size:1.5em; font-weight:600; position:relative; z-index:1;}		
	.irsob-content #slider img								{margin-right:20px; width:50%; position:absolute; z-index:0; }
	.irsob-content ol#controls li a							{font:bold inherit "Open Sans", sans-serif; }
	.irsob-content #slider li, .irsob-content #slider2 li	{min-width:320px !important; width:490px !important;}
	
	.rotator												{padding-top:20px !important;}
	.rotator-image img										{float:left;  }
	.rotator-content										{font-size:80%; float:right; width:70%;}
	.rotator-content h1										{margin:0 0 0 0 !important; font-size:1.9em !important; text-transform:none !important; height:99px; padding-top:2%;}
	.rotator-content p										{display:none;}
	p.rotator-read-more										{display:inline;}
	.rslides 												{height:100px; min-height:100px; width:98%;}
	.rslides_tabs											{ font-size:6px !important;}
	.rslides_tabs li a										{padding:5.5px 5px; }


	
}