/* CSS File for BSI web pages */

@font-face {
 
 font-family: 'News-Cycle';
  src: url(fonts/News-Cycle/NewsCycle-Regular.ttf); 
  
}
@font-face {
 
 font-family: 'calibri';
  src: url(fonts/calibri/Calibri.ttf); 
  
}

html, body
   {
	color:black;
	font-family: 'calibri', Tahoma, Verdana, Arial, sans-serif;
	font-size:19px;
	width:1050px;	
	}
	
#homepagebody 
	{ 
	color:black;
	font-family: 'calibri', Tahoma, Verdana, Arial, sans-serif;
	width:1250px;	
    background-color:#F4F0EC;
	margin: 0 auto;
	}
/*     background-color:#E9E9E9; */  

/* LINK ATTRIBUTES */



a
	{
	text-decoration:none;
	}

a:link
	{
	color:blue;
	}

a.red:link 
	{
	color:red;
	}

a.bluelink:link 
	{
	color:blue;
	}	

a.black:link 
	{
	color:black;
	}
	
a.white:link 
	{
	color:white;
	}
a.blackwithredbg:link 
	{
	color:black;
	background-color:red;
	padding-right:1px;
	padding-left:1px;
	}
	
a.whitewithbluebg:link 
	{
	color:white;
	background-color:#1C71C6;
	padding-right:1px;
	padding-left:1px;
	}	
	
a.blackwithbluebg:link 
	{
	color:black;
	background-color:#1C71C6;
	padding-right:1px;
	padding-left:1px;
	}
	
a.blackwithorangebg:link 
	{
	color:black;
	background-color:orange;
	padding-right:1px;
	padding-left:1px;
	}
	
a:visited
	{
	color:black;
	}

a:hover
	{
	color:black;
	text-decoration:none; 
	background-color:white;
	}
	
a.nobold:hover
	{
	text-decoration:none;
	background-color:white;
	font-weight:normal;
	color:blue;
	}	
	
a.orangebg:hover
	{
	text-decoration:none;
	background-color:orange;
	font-weight:normal;
	color:black;

	}

a.redbg:hover
	{
	text-decoration:none;
	background-color:red;
	font-weight:bold;

	}

a.bluebg:hover
	{
	text-decoration:none;
	background-color:#1C71C6;
	font-weight:normal;
	color:white;

	}

a.nobg:hover
{
	
background-color:transparent;
}

a.bluehover:hover
{
	
text-decoration:none;
}


h1
	{
	font-family:arial, verdana, geneva, helvetica, sans-serif;
	font-size:1.75em;
	font-weight:bold;
	line-height:70%
	}

table
{
border-collapse:collapse;
}


table.padded-table td
   { 
	padding:20px;
	border:0px solid;
	border-color:#E1E1E1;
	margin-top:20px;


   }

table.nopadding td
   { 
	padding:0px;
	border:0px solid;
	border-color:#E1E1E1;

   }
   
table.padded-table1 td
   { 
	padding:5px;
	border:0px hidden;  
	
   }   
table.no_border td
   { 
	padding:20px;
	border:0;
	margin:40px;
	
   }

table.no_border1 td
   { 
	padding:5px;
	border:0;
	margin:20px;
	
	
   }

table.with_border td
   { 
	padding:10px;
	border:1px solid;
	border-color:#BABABA;
   }

tr
	{
	vertical-align:top;
	font-size:80%;
	}

hr
	{
	color:#FFFFFF;
	
	}

ul.red_arrow 
{
list-style-image:url('/bsiwebsite/graphics/red-arrow3.png');
padding-left: 0px;
}



li.nobreak
{
list-style-position: inside;
float: left;
margin-right: 4px;
margin-left: 0px;

}

p.wrap /* test code for wrapping AD */
{
white-space: wrap;
}

p.firstp:first-letter 	/* larger & capitalized First letter of a paragraph in an article	*/
{
font-size: 130%;
font-weight: bold;
}

ol.withroman
{
list-style-type: upper-roman;
}

.double_column_list li 
{
float: left; 
width: 50%;

}

.homepage_article_table
{
font-size: 20px; 
width: 900px;
height: 400px;
background-color:white;
}

.homepage_article_pic
{
width:400px; 
margin-bottom: 25px;

}

.homepage_article_desc
{
width: 500px;
text-align: left;
margin-bottom: 40px;
}

.article_headline_tag
{
font-family: 'News-Cycle'; 
font-size: 100%; 
font-weight: bold;
}

.article_pic_tag
{
padding:20px 15px 20px 15px; 
margin-top: 20px;   
float: left; 
border: 0px solid ; 
margin-bottom: 20px;
}


.article_column_list li 
{
float: left;
width: 33.33%;
height: 370px;
line-height: 100%;

}

.article_column_list_home li 
{
float: left;
width: 33.33%;
height: 360px;
line-height: 100%;

} /* this is just a test for the multiple column listing of articles! not yet final		*/

.list_title
	{
	color:black;
	font-size:100%;
	line-height:20px;
	font-weight:normal;
	padding-left:0px;
	list-style: none;
	}


.column
	{
    float: left;
    width: 50%;
    padding: 10px;
    height: 300px;
	}


.row:after 
	{
    content: "";
    display: table;
    clear: both;
	}
	
	
.menu_block		/* nav bar	*/

	{
	font-family: 'News-Cycle';
	border-bottom:#999; 
	border-left:#999;
	border-width:1px;
	border-style:none;
	border-top: 1px solid;
	border-bottom: 1px solid; 
	border-color:#E1E1E1;
	display:block;
	font-size:75%;
	font-weight:normal;
	margin:2px 2px 20px 2px;
	padding:10px 10px 10px 10px;
	width:1000px; /* PREVIOUSLY 880px*/
	}

.menu_block2		/*	products and services nav bar */

	{
	font-family: 'News-Cycle';
	border-bottom:#999;
	border-left:#999;
	border-width:1px; 
	border-style:none;
	border-top: 1px solid;
	border-bottom: 1px solid; 
	border-color:#E1E1E1;
	display:block;
	font-size:75%;
	font-weight:normal;
	margin:2px 2px 20px 2px;
	padding:10px 10px 10px 10px;
	width:1150px;	/* previously 1050px*/
	}
	
.copyright_block		

	{
	background-color:#696969;
	border-bottom:#999;
	border-left:#999;
	border-width:1px; 
	border-style:none;
	border-top: 1px solid;
	border-bottom: 1px solid; 
	border-color:#E1E1E1;
	display:block;
	font-size:75%;
	font-weight:normal;
	color: white;
	margin:2px 2px 2px 2px;
	padding:10px 10px 10px 10px;
	width:1200px; /* 1050px  */
	}
	
.text_blockhomepage			/* Used by home page main ad */
	{
	display:block;
	vertical-align:top;
	text-align:left;
	line-height:18px;
	border-bottom:#999;
	padding:10px;
	width:500px;
	margin-left: auto;
	margin-right: auto;
	border-top:medium #E4E4E4;
	border-top-width:4px;
	border-top-style: solid;
	
	}
	


.text_block	 /* Used by free downloads boxes at the homepage */
	{
	font-family: calibri;
	display:block;
	vertical-align:top;
	text-align:left;
	font-size:14px;
	line-height:18px;
	border-bottom:#999;
	margin:2px;
	padding:10px;
	width:300px;
	border-top:medium #7FD4FF;	
	border-top-width:4px;
	border-top-style: solid;
	
	}

	


.text_block2	/* Used by Reality Check Ads in includepages folder	*/
	{
	background-color:#55D4FF;
	display:block;
	vertical-align:top;
	text-align:left;
	font-size:14px;
	line-height:20px;
	margin:2px;
	border-spacing:10px 10px 10px;
	padding:10px;
	width:360px;
	border: 2px solid;
	border-color:#009ACD;
	
	}

.text_block3
{
background-color:#E4E4E4; 
display:block; 
vertical-align:top; 
text-align:left; 
font-size:20px; 
line-height: 23px; 
border-bottom:#999; 
border-left:#999; 
border-width:3px; 
margin:10px; 
padding:10px; 
width:220px;
}

/*
.text_block3
	{
	background-color:#5A5A5A;
	display:block;
	vertical-align:top;
	text-align:left;
	font-size:16px;
	line-height:19px;
	border-bottom:#999;
	border-left:#999;
	border-width:3px;
	margin:2px;
	padding:10px;
	width:245px;
	}
*/
.text_block3a  /* used by like us on FB link in articles */
	{
	display:block;
	vertical-align:top;
	text-align:left;
	font-size:16px;
	line-height:18px;
	border-bottom:#999;
	border-left:#999;
	border-width:3px;
	margin:2px;
	padding:10px;
	width:160px;
	}
	
.text_block4	/* used for article violator	*/
	{
	background-color:#E4E4E4;
	display:block;
	vertical-align:top;
	text-align:left;
	font-size:22px;
	line-height:19px;
	border-bottom:#999;
	border-left:#999;
	border-width:3px;
	margin:5px;
	padding:15px;
	width:270px;
	}
	
.text_block4a	/* used for article wider violator	*/
	{
	background-color:#E4E4E4;
	display:block;
	vertical-align:top;
	text-align:left;
	font-size:18px;
	line-height:19px;
	border-bottom:#999;
	border-left:#999;
	border-width:3px;
	margin:5px;
	padding:15px;
	width:250px;
	}

.text_block5
	{
	display:block;
	vertical-align:top;
	text-align:left;
	font-size:16px;
	line-height:18px;
	border-bottom:#999;
	border-left:#999;
	border-width:3px;
	margin:2px;
	padding:10px;
	width:550px;
}

.text_block_6
	{
	border-style:outset;
	border-style:solid; 
	border-width:1px;
	border-color:#E1E1E1;
	display:block;
	vertical-align:top;
	text-align:left;
	font-size:100%;
	border-style:groove;
	border-width:0px;
	width:162px;
	line-height:100%;
	margin:0px;
	padding:10px;
	}


.text_block7
	{
	display:none;
	vertical-align:top;
	text-align:left;
	font-size:15px;
	line-height:18px;
	margin:2px;
	padding:10px; 
	width:250px;
	}

.text_block8
	{
	display:block;
	vertical-align:top;
	text-align:left;
	border-bottom:#999;
	border-top:thick #7FD4FF;
	border-top-width:4px;
	border-top-style: solid;
	margin:2px;
	padding:10px;
	width:270px;
	}

.text_block8a /* no boarder */
	{
	display:block;
	vertical-align:top;
	text-align:left;
	margin:2px;
	padding:5px;
	width:270px;
	}

	
	
.text_block9	 /*used by testimonial text boxes in include pages folder & the GIF files in erp page */
	{
	font-family: 'calibri';
	background-color:#FFFF98;
	display:block;
	vertical-align:top;
	font-size:100%;
	text-align:left;
	padding:10px 5px 10px 10px;
	border: 2px solid;
	border-color: #f0ee14;
	width:500px;  
	margin: 10px;
	}

.text_block9a  /*testimonial narrow text box */
	{
	font-size:70%;
	display:block;
	vertical-align:top;
	text-align:left;
	margin:2px;
	padding:8px;
	width:280px;
	line-height:20px;
	}

.testimonial-narrow  /*testimonial narrow text box */
	{
	font-size:60%;
	display:block;
	vertical-align:top;
	text-align:left;
	margin:2px;
	padding:8px;
	width:270px;
	line-height:20px;
	}

	
.text_block9b   /* used for text block with pics in erp.php	*/
	{
	background-color:#F5F5F5; /* previous color: #99ccff, #B5FFC8;	*/
	display:block;
	vertical-align:top;
	text-align:left;
	margin-left:10em;
	padding:2px;
	width:680px;
	}

.text_block9c
	{
	display:block;
	vertical-align:top;
	text-align:left;
	margin:2px;
	padding:8px;
	width:420px;
	}
	
.text_block9d /*wide testimonial text box	*/
	{
	font-family: 'calibri';
	display:block;
	vertical-align:top;
	text-align:left;
	margin:2px;
	padding:10px;
	width:600px;
	}
	
.text_block10
	{
	font-family: 'calibri';
	display:block;
	vertical-align:top;
	text-align:left;
	background-color:#FFD42A;
	border-bottom:#999;
	border-left:#999;
	border-width:3px;
	margin:2px;
	padding:10px;
	width:420px;

	}
	
.text_block11
	{
	display:block;
	vertical-align:top;
	text-align:left;
	background-color:#55FFD4;
	border-bottom:#999;
	border-left:#999;
	border-width:3px;
	border-style:groove;
	margin:2px;
	padding:10px;
	width:350px;
	border-top:thick #7FD4FF;
	border-top-width:4px;
	border-top-style: solid;
	}

.text_block11b
	{
	display:block;
	vertical-align:top;
	text-align:left;
	background-color:#55FFD4; 
	margin:2px;
	padding:10px;
	width:350px;
	}

/*	below lines are used for e-Bulletin material transfered to website */


.text_block12
	{
	background-color:#FF7F2A; 
	display:block;
	vertical-align:top;
	text-align:left;
	font-size:12px;
	line-height:20px;
	margin:2px;
	padding:10px;
	width:325px;
	border-top:thick #7FD4FF;
	border-top-width:4px;
	border-top-style: solid;
	}

	
.text_block14
	{
	display:block;
	vertical-align:top;
	text-align:left;
	font-size:12px;
	margin:2px;
	padding:10px;
	width:325px;
	border-top:thick #7FD4FF;
	border-top-width:4px;
	border-top-style: solid;
	border-bottom:#999;
	}


.text_block15
	{
	display:block;
	vertical-align:top;
	text-align:left;
	font-size:12px;
	line-height:18px;
	border-bottom:#999;
	margin:2px;
	padding:10px;
	width:200px;
	float: left;
	
	}


		
.text_block_PM
	{
	font-family: 'calibri';
	background-color:#ffd4aa; 
	display:block;
	vertical-align:top;
	text-align:left;
	font-size:14px;
	line-height:15px;
	padding:15px;
	margin: 2em;
	width:330px;
		}
	
.text_block16 	/* Used by article's "respond to author"*/
	{
	display:block;
	vertical-align:top;
	text-align:left;
	font-size:16px;
	color:#878787;
	line-height:18px;
	border-bottom:#999;
	border-left:#999;
	border-width:3px;
	margin:1px;
	padding:8px;
	width:1000px;
}

.text_block17
	{
	display:block;
	vertical-align:top;
	text-align:left;
	margin:2px;
	padding:2px;
	width:410px;
	}

.text_block18  /* used by product boxes in homepage */
	{
	display:block;
	vertical-align:top;
	text-align:left;
	font-size:14px;
	line-height:18px;
	border-bottom:#999;
	margin:2px;
	padding:10px;
	width:235px;
	height: 250px;
	border-top:medium #7FD4FF;
	border-top-width:4px;
	border-top-style: solid;
	
	}
	


.text_block19  /* used by PHIC AD in homepage */
	{
	background-color: #FFF68F;
	display:block;
	vertical-align:top;
	text-align:left;
	font-size:10px;
	line-height:32px;
	border-bottom:#999;
	margin:5px;
	padding:15px;
	width:400px; /* changed from 235 */	
	height: 350px;
	}


.article_main_heading
	{
	font-family: 'calibri'; 
	font-weight:normal; 
	font-size:34px;
	}

.sub-article_heading	
	{
	font-family: 'calibri'; 
	font-weight:normal; 
	font-size:20px;
	}

.article_main_heading2
	{
	font-family: 'News-Cycle'; 
	font-weight:bold; 
	font-size:160%;
	}

.article_secondary_heading
	{
	font-family: 'calibri'; 
	font-size:130%;
	font-weight:normal; 
	color: #4b4b4b;
	}	
	
.heading_block2
	{
	background-color:#A5A5A5;
    border-bottom:#999; 
	border-left:#999;
	border-width:1px;
	border-style:none;
	border-top: 1px solid;
	border-bottom: 1px solid; 
	border-style:groove groove groove groove;
	border-color:#E1E1E1;
	display:block;
	font-size:90%;
	font-weight:normal;
	margin:2px 2px 2px 2px;
	padding:5px 5px 5px 5px;
	width:750px;
	
	}

.block_bg_grey	
	{
	background-color:#ededed;
	}
	
.block_bg_paleblue
	{
	background-color:#47C6F1;
	}
	
.block_bg_skyblue
	{
	background-color:#2AAAFF;
	}

/* block classes */

.class1 a:visited {color: black}

.block_width_100
	{
	width:94%;
	}

.block_width_650
	{
	width:650px;
	}

.block_width_255
	{
	width:255px;
	}
	
.block_width_prods /* used by product boxes in the homepage */
	{
	width:285px;
	}

.block_bg_gray
	{
	background-color:#E4E4E4;
	}
.block_bg_palegray
	{
	background-color:#F6F6F6;
	}

.block_bg_flesh
	{
	background-color:#FFDC94;
	}

.block_bg_blue
	{
	background-color:#00AAFF;
	}

.block_bg_liteblue
	{
	background-color:#7FD4FF;
	}	
	
.block_bg_pink
	{
	background-color:#C19A6B;
	}	

.block_bg_brown
	{
	background-color:#A52A2A;
	}	

.block_bg_green
	{
	background-color:#99FF99;
	}
	
.block_bg_green2
	{
	background-color:#2AFF00;
	}

.block_bg_cyan
	{
	background-color:#CCFFFF;
	}
	
.block_bg_yellow
	{
	background-color:#FFFF98;
	}
.block_bg_yellow2
	{
	background-color:#FFFF00;
	}
	
.block_bg_olive
	{
	background-color:#808000;
	}		
	
.block_bg_orange
	{
	background-color:#C47451;
	}

.block_bg_liteorange
	{
	background-color:#FFD4AA;
	}

.block_bg_red_dirt
	{
	background-color:#EE9A4D;
	}	
	
	
.left_indent
	{
	padding:0 0 0 19px;
	}

.block_float_right
	{
	float:right;
	margin-top:5px;
	margin-right:0px;
	margin-bottom:5px;
	margin-left:5px;
	}

.block_float_left
	{
	float:left;
	margin-top:5px;
	margin-right:5px;
	margin-bottom:5px;
	margin-left:0px;
	}

	
span.centerImage 
	{
     text-align: center;
	}

#picture {
   display: block;
   width: 325px;
   height: 247px;
   background-image: url(newsletters/image/BSI-ad3-500.jpg);
   border: none;
   text-decoration: none;
}
#picture:hover {
   background-image: url(newsletters/image/BSIad3blue-origsize510-421.jpg);
}


.new:before
  {
  background-image: url(bsiwebsite/newsletters/image/0409-2-fig3a4.jpg);
/*  display:block; 
  float: right; 
  margin-left: 1em; 
  border: 2px solid #d3d3d3; 
  padding: 0px; 
  width:263px; */
}

/* the below code is used for the animated six sigma div tag in the home page */
@-webkit-keyframes example {
    0%   {background-color:#47C6F1; left:0px; top:0px;}
    50%  {background-color:#47C6F1; left:400px; top:0px;}
    100% {background-color:#47C6F1; left:0px; top:0px;}
}

/* Standard syntax */
@keyframes example {
    0%   {background-color:#47C6F1; left:0px; top:0px;}
    50%  {background-color:#47C6F1; left:400px; top:0px;}
    100% {background-color:#47C6F1; left:0px; top:0px;}
}

/* above is the code for the animated six sigma div tag at the home page */


/* the below code is used for the animated rainbow image - six sigma div tag with 2 images in the home page 2017June30*/
@-webkit-keyframes rainbow-six-sigma {
    0%   {background-color:#47C6F1; left:0px; top:0px;}
    50%  {background-color:#47C6F1; left:170px; top:0px;}
    100% {background-color:#47C6F1; left:0px; top:0px;}
}

/* Standard syntax */
@keyframes rainbow-six-sigma {
    0%   {background-color:#47C6F1; left:0px; top:0px;}
    50%  {background-color:#47C6F1; left:170px; top:0px;}
    100% {background-color:#47C6F1; left:0px; top:0px;}
}

/* above is the code for the animated rainbow image - six sigma div tag at the home page */


/* the below code is used for the animated bear-anvil image - six sigma div tag with 2 images in the home page 2017June30*/
@-webkit-keyframes bear-six-sigma {
    0%   {background-color:#47C6F1; left:0px; top:0px;}
    50%  {background-color:#47C6F1; left:330px; top:0px;}
    100% {background-color:#47C6F1; left:0px; top:0px;}
}

/* Standard syntax */
@keyframes bear-six-sigma {
    0%   {background-color:#47C6F1; left:0px; top:0px;}
    50%  {background-color:#47C6F1; left:330px; top:0px;}
    100% {background-color:#47C6F1; left:0px; top:0px;}
}

/* above is the code for the animated bear-anvil image - six sigma div tag at the home page */


</style>