/* ************************************************************************** */
/* ****************** IN THIS FILE ONLY STYLES USED ************************* */
/* ******************** EXCLUSIVELY FOR IPI LAYOUT  ************************* */
/* ************************************************************************** */
/* ************************************************************************** */



/* LEFT COLUMN*/

.leftcolumn {	
	text-align: center;
	background-color:#EEEEEE;
	border-color:#F00;
	margin-top:-6pt;
	margin-right:3pt;
	margin-left:0pt;
	padding-right:3pt;
	padding-bottom:18pt;
}

.majorquote{ 
	font-size: 1em;
	font-style: italic;
	line-height: 2em;
	margin-top: 0em;
	margin-bottom: 0em
	}
	
.giantleft {
	text-align: left;
	font-size: 3em;
	line-height: 3em;
	margin-top: -.7em;
	margin-bottom: -1.3em;
}
.giantright {
	font-size: 3em;
	text-align: right;
	line-height: 3em;
	margin-top: -.7em;
	margin-bottom: -1.3em;
}


/* MAIN TEMPLATE BACKGROUND COLORS */

.bge{
	background-color:#EEE;
}
.bottombg{
	background-color:#EEE;
	margin-bottom:-16px;
}

.menubg{
	width:100%;
	background-color: #8899AA;
	padding-top:0.2em;
	padding-bottom:0.2em;
	text-align:center;
	min-height:1.6em;/* THIS HAS BEEN CHANGED TO 1.4em FOR IE!IN TEMPLATE PAGES **/
}

/* ********** NOT USED ********* */
/* **** FOR BOTTOM OF PAGE ***** */
.bottombar { /* DARK GREY AS IN TOP MENUBAR */
	text-align:center;
	background-color:#8899AA;
	border:2px solid #8899AA;
	margin-bottom:-16px;
}

/********************************************
***  BUTTONS IN BOTTOM BAR */

.button { /* LIGHT GREY AS PAGEBORDERS */
    border-top: 2px solid #fff;/* they were all #8899AA; */ 
    border-left: 2px solid #fff;
    border-right: 2px solid #8899AA;  
	border-bottom: 2px solid #8899AA;
	margin-right: 0;
	margin-bottom: 0;
	background-color: #e0e0e0;
	color: #003366;
	font-size:75%;
	font-weight:bold;
	padding: 6px 10px;
} 
.button:hover { /* DARK GREY AS IN TOP MENUBAR */
    border-top: 2px solid #fff;/* they were all #8899AA; */ 
    border-left: 2px solid #fff;
    border-right: 2px solid #8899AA;  
	border-bottom: 2px solid #8899AA;
	background-color: #003366;
	color: #FFF;
	text-decoration:underline;
	font-size:75%;
	padding: 6px 10px;
	}
/********************************************/
.buttonNormal { /* LIGHT GREY AS PAGEBORDERS */
    border-top: 2px solid #fff;/* they were all #8899AA; */ 
    border-left: 2px solid #fff;
    border-right: 2px solid #8899AA;  
	border-bottom: 2px solid #8899AA;
	margin-right: 0;
	margin-bottom: 0;
	background-color: #e0e0e0;
	color: #003366;
	font-size:100%;
	font-weight:normal;
	padding: 6px 10px;
} 
.buttonNormal:hover { /* DARK GREY AS IN TOP MENUBAR */
    border-top: 2px solid #fff;/* they were all #8899AA; */ 
    border-left: 2px solid #fff;
    border-right: 2px solid #8899AA;  
	border-bottom: 2px solid #8899AA;
	background-color: #003366;
	color: #FFF;
	text-decoration:underline;
	font-size:100%;
	font-weight:normal;
	padding: 6px 10px;
	}
/********************************************
***  BUTTONS WITHOUT COLOUR CHANGES ETC (for show & hide questions buttons)  */

.zbutton { /* LIGHT GREY AS PAGEBORDERS */
   border-top: 2px solid #eee;   /* they were all #8899AA; */ 
  border-left: 2px solid #eee;
    border-right: 2px solid #ccc;  
	border-bottom: 2px solid #ccc;
	margin-right: 0;
	margin-bottom: 0;
	background-color: #fff;
	color: #003366;
	font-size:75%;
	font-weight:bold;
	padding: 3px 3px;*/
} 
.zbutton:hover { /* DARK GREY AS IN TOP MENUBAR */
    border-top: 2px solid #ddd;/* they were dall #8899AA; */ 
    border-left: 2px solid #ddd;
    border-right: 2px solid #bbb;  
	border-bottom: 2px solid #bbb;
	background-color: #ddd;
	color: #FFF;
	text-decoration:underline;
	font-size:75%;
	padding: 3px 3px;
	}
/********************************************
***  BUTTONS FOR THIN TABLES */

.whitebutton { /* LIGHT GREY AS PAGEBORDERS */
    border-top: 2px solid #fff;/* they were all #8899AA; */ 
    border-left: 2px solid #fff;
    border-right: 2px solid #8899AA;  
	border-bottom: 2px solid #8899AA;
	margin-right: 0;
	margin-bottom: 0;
	background-color: #EEE /*#e0e0e0*/;
	color: #003366;
	font-size:75%;
	font-weight:bold;
	padding: 6px 10px;
} 
.whitebutton:hover { /* DARK GREY AS IN TOP MENUBAR */
    border-top: 2px solid #fff;/* they were all #8899AA; */ 
    border-left: 2px solid #fff;
    border-right: 2px solid #8899AA;  
	border-bottom: 2px solid #8899AA;
	background-color: #013 /*#003366*/;
	color: #FFF;
	text-decoration:underline;
	font-size:75%;
	padding: 6px 10px;
	}

/******************************************************************
/********************** VIDEO-SPECIAL ***********************
/******************************************************************

/********************************************
***  BUTTONS FOR VIDEO PAGES */

.mbutton { /* LIGHT GREY AS PAGEBORDERS */
    border-top: 2px solid #fff;/* they were all #8899AA; */ 
    border-left: 2px solid #fff;
    border-right: 2px solid #8899AA;  
	border-bottom: 2px solid #8899AA;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0;
	background-color: #e0e0e0;
	color: #003366;
	font-size:75%;
	padding: 6px 10px;
	width: 640px;
	text-align:left;
	text-indent:24px;
} 
.mbutton:hover { /* DARK GREY AS IN TOP MENUBAR */
    border-top: 2px solid #fff;/* they were all #8899AA; */ 
    border-left: 2px solid #fff;
    border-right: 2px solid #8899AA;  
	border-bottom: 2px solid #8899AA;
	background-color: #003366;
	color: #FFF;
	text-decoration:underline;
	font-size:75%;
	padding: 6px 10px;
	width: 640px;
	text-align:left;
	text-indent:24px;
}.mbuttons { /* LIGHT GREY AS PAGEBORDERS */
    border-top: px solid #fff;/* they were all #8899AA; */ 
    border-left: 2px solid #fff;
    border-right: 2px solid #8899AA;  
	border-bottom: 2px solid #8899AA;
	margin-right: 0;
	margin-bottom: 0;
	background-color: #e0e0e0;
	color: #003366;
	font-size:75%;
	padding: 6px 4px;
	width: 640px;
	text-align:left;
	text-indent:24px;
} 
.mbuttons:hover { /* DARK GREY AS IN TOP MENUBAR */
    border-top: 2px solid #fff;/* they were all #8899AA; */ 
    border-left: 2px solid #fff;
    border-right: 2px solid #8899AA;  
	border-bottom: 2px solid #8899AA;
	background-color: #003366;
	color: #FFF;
	text-decoration:underline;
	font-size:75%;
	padding: 6px 4px;
	width: 640px;
	text-align:left;
	text-indent:24px;
}

/* ************************************************************************** */
/* **********************************  TEST  ****************************** */
/* *************  BUTTONS FOR VIDEO PAGES WITH PDF ********* */
/* ************************************************************************** */

.lbutton { /* LIGHT GREY AS PAGEBORDERS */
    border-top: 2px solid #fff;/* they were all #8899AA; */ 
    border-left: 2px solid #fff;
    border-right: 2px solid #8899AA;  
	border-bottom: 2px solid #8899AA;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0;
	background-color: #e0e0e0;
	color: #003366;
	font-size:75%;
	padding: 6px 10px;
	width: 532px;
	text-align:left;
	text-indent:24px;
} 
.lbutton:hover { /* DARK GREY AS IN TOP MENUBAR */
    border-top: 2px solid #fff;/* they were all #8899AA; */ 
    border-left: 2px solid #fff;
    border-right: 2px solid #8899AA;  
	border-bottom: 2px solid #8899AA;
	background-color: #003366;
	color: #FFF;
	text-decoration:underline;
	font-size:75%;
	padding: 6px 10px;
	width: 532px;
	text-align:left;
	text-indent:24px;
}

.vbutton { /* LIGHT GREY AS PAGEBORDERS */
    border-top: 2px solid #fff;/* they were all #8899AA; */ 
    border-left: 2px solid #fff;
    border-right: 2px solid #8899AA;  
	border-bottom: 2px solid #8899AA;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0;
	background-color: #e0e0e0;
	color: #003366;
	font-size:75%;
	padding: 6px 10px;
	width: 60px;
	text-align:center;
	text-indent:0px;
} 
.vbutton:hover { /* DARK GREY AS IN TOP MENUBAR */
    border-top: 2px solid #fff;/* they were all #8899AA; */ 
    border-left: 2px solid #fff;
    border-right: 2px solid #8899AA;  
	border-bottom: 2px solid #8899AA;
	background-color: #003366;
	color: #FFF;
	text-decoration:underline;
	font-size:75%;
	padding: 6px 10px;
	width: 60px;
	text-align:center;
	text-indent:0px;
}

.pbutton { /* LIGHT GREY AS PAGEBORDERS */
    border-top: 2px solid #fff;/* they were all #8899AA; */ 
    border-left: 2px solid #fff;
    border-right: 2px solid #8899AA;  
	border-bottom: 2px solid #8899AA;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0;
	background-color: #e0e0e0;
	color: #003366;
	font-size:75%;
	padding: 6px 10px;
	width: 48px;
	text-align:center;
	text-indent:0px;
} 
.pbutton:hover { /* DARK GREY AS IN TOP MENUBAR */
    border-top: 2px solid #fff;/* they were all #8899AA; */ 
    border-left: 2px solid #fff;
    border-right: 2px solid #8899AA;  
	border-bottom: 2px solid #8899AA;
	background-color: #003366;
	color: #FFF;
	text-decoration:underline;
	font-size:75%;
	padding: 6px 10px;
	width: 48px;
	text-align:center;
	text-indent:0pc;
}
.ibuttonr { /* LIGHT GREY AS PAGEBORDERS */
    border-top: 2px solid #fff;/* they were all #8899AA; */ 
    border-left: 2px solid #fff;
    border-right: 2px solid #8899AA;  
	border-bottom: 2px solid #8899AA;
	margin: 0;
	background-color: #e0e0e0;
	color: #003366;
	font-size:100%;
	font-weight:500;
	padding: 0px 0px;
	width:60px; 
	height:46px;
	text-align:center;/* left */
	/* text-indent:28px; */
} 
.ibutton { /* LIGHT GREY AS PAGEBORDERS */
    border-top: 2px solid #fff;/* they were all #8899AA; */ 
    border-left: 2px solid #fff;
    border-right: 2px solid #8899AA;  
	border-bottom: 2px solid #8899AA;
	margin: 0px;
	background-color: #e0e0e0;
	color: #003366;
	font-size:100%;
	font-weight:500;
	padding: 0px 0px;
	/* width:640px;  */
	height:46px;
	text-align:center;/* left */
	/* text-indent:28px; */
} 
.tbutton { /* LIGHT GREY AS PAGEBORDERS */
    border-top: 2px solid #fff;/* they were all #8899AA; */ 
    border-left: 2px solid #fff;
    border-right: 2px solid #8899AA;  
	border-bottom: 2px solid #8899AA;
	margin: 0px;
	background-color: #e0e0e0;
	color: #003366;
	font-size:100%;
	font-weight:500;
	padding: 0px 0px;
	/* width:60px;  */
	height:46px;
	text-align:center;/* left */
	/* text-indent:28px; */
} 
.nbutton { /* LIGHT GREY AS PAGEBORDERS */
    border-top: 2px solid #fff;/* they were all #8899AA; */ 
    border-left: 2px solid #fff;
    border-right: 2px solid #8899AA;  
	border-bottom: 2px solid #8899AA;
	margin: 0px;
	background-color: #e0e0e0;
	color: #003366;
	font-size:12px;
	padding: 2px 0px;
	/* width:60px;  */
	height:18px;
	text-align:center;/* left */
	/* text-indent:28px; */
} 

.btnimg{
margin:-10px;
height:30px;
padding:0px;
/* border: 1px solid blue;  */
}

/*=====================*/
/***  BUTTONS IN BOTTOM BAR */

.buttonrc { /* LIGHT GREY AS PAGEBORDERS */
    border-top: 2px solid #eee;/* they were all #8899AA; */ 
    border-left: 2px solid #eee;
    border-right: 2px solid #8899AA;  
	border-bottom: 2px solid #8899AA;
	border-radius:5px;
	margin-right: 0;
	margin-bottom: 0;
	background-color: #e0e0e0;
	color: #003366;
	font-size:75%;
	font-weight:bold;
	padding: 6px 10px;
} 
.buttonrc:hover { /* DARK GREY AS IN TOP MENUBAR */
    border-top: 2px solid #eee;/* they were all #8899AA; */ 
    border-left: 2px solid #eee;
    border-right: 2px solid #8899AA;  
	border-bottom: 2px solid #8899AA;
	border-radius:10px;
	background-color: #003366;
	color: #FFF;
	text-decoration:underline;
	font-size:75%;
	padding: 6px 10px;
	}

/******************************************************************
/*********** END OF VIDEO-SPECIAL ***********************
/******************************************************************




/**************************************
******     FOR SPRY MENUS**********/
/* To increase indent for short menutexts*/

.smallindent{
	padding-left:10px;
}
.bigindent{
	padding-left:20px;
}
.vbigindent{
	padding-left:25px;
}
.vvbigindent{
	padding-left:30px;
}

/* ************************************ */
/* *****     FOR SPRY ACCORDIONS ****** */
/* ***** ONLY USED IN topics-all.php*** */

.AccTitle{
	color:#024;  
	font-size:16px;
	text-indent: 20px;
	text-align:left; /* *********************WAS CENTER ************************ */
	margin-top: 2em; 
	margin-bottom: 4px; 
}

/* **************************************** */
/* ******* FOR CSS LAY-OUT TEMPLATES ****** */
/* *** SOME OF THESE SUPERSEDED BELOW ***** */
/* *********** SINGLE COLUMN ************** */

.oneColLiqCtr #container {
	width: 90%;  
	padding:0 .2em 0 .2em;
	margin: 0 auto; 
	border:0; /*1px solid #000000; *************** SET TO 0 ******************/
	background: #eee;
	text-align: left; /* this overrides the text-align: center in the body element. */
}

.oneColLiqCtr #hair { /* "hair" as it comes above the head(er) */
	padding: 0; 
	margin:0;
	height:23px;  /* WAS 147 */ /* ******THIS IS ADJUSTMENT TO GET EVERY MENUBAR AT SAME HEIGHT (keeping IPI-blogs as standard) ********/
				 /****** ADD 2px EXTRA px TO VALUE IN header-only-begin.php FOR IE *****/
	background:#eee; 
} 

.oneColLiqCtr #header { 
	background: #eee; 
	margin: 0 0 4px 0; /*********** WAS 0000 ***********   MADE MARGIN-BOTTOM 4px FOR THE SAKE OF FIREFOX */
						/* THIS MAKES THE MENUBAR TOO LOW IN FF BUT AT LEAST THE BUTTONS DON'T DROP BELOW LINE ***/
	padding: 0;  
	height:147px; /* WAS 147 */ 
	border:0;          /*   1px solid #F00; ***************  REMOVE  ******************/
}

.oneColLiqCtr #saccsheader { 
	background: #eee; 
	margin:-6px 0 4px 0; /*top was-29px; bottom was 0  */
	padding: 0;  
	height:176px;
}

.oneColLiqCtr #ipiheaderpict{ 
	margin:0 auto 10px auto;
	width:282px;
	height:106px;
	text-align:center;
	border:0;   /* 1px solid #0FF; /*************** CYAN REMOVE ******************/
}
.oneColLiqCtr #infinityheaderpict{ 
	margin:0 auto 10px auto;
	width:282px;
	height:106px;
	text-align:center;
	border:0;   /* 1px solid #0FF; /*************** CYAN REMOVE ******************/
}
.oneColLiqCtr #saccsheaderpict{ 
	margin:0 auto 10px auto;
	width:478px;
	height:135px;
	text-align:center;
}

.oneColLiqCtr #ipimenubar{
	width:100%;
	margin:0;
	padding-top:4px; 
}
.oneColLiqCtr #saccsmenubar{
	width:100%;
	margin:0;
	padding-top:4px; 
}

.oneColLiqCtr #mainContent {
padding:0;
/* padding: 0 20px; */ 
}


/************************FOR NEW TWOCOLUMN SYSTEM AS ON NOV 27 2010 ************/

.twoColFixLtHdr #container { /*  *** USED IN SACCS *** */
	width: 96%;  
/*	background: #FF0;  JUST FOR DEBUGGING: SHOULD BE INVISIBLE  OR #eee; */
	margin: 0; 
	padding:0px 0px 0px 0px;
	border:0;
	text-align: left; /* this overrides the text-align: center on the body element. */
} 

.twoColFixLtHdr #container1 {  /* *** USED IN IPI **** */ 
	width: 96%;  
/*	background: #FF0;  JUST FOR DEBUGGING: SHOULD BE INVISIBLE  OR #eee; */
	margin: 0; 
	padding:0;
	border:0;
	text-align: left; /* this overrides the text-align: center on the body element. */
} 
.twoColFixLtHdr #container2 {  /* *** USED IN IPI **** */
	width: 96%;  
/*	background: #FF0;  JUST FOR DEBUGGING: SHOULD BE INVISIBLE  OR #eee; */
	margin:0;
	padding:0;
	border:0;
	text-align: left; /* this overrides the text-align: center on the body element. */
} 

.twoColFixLtHdr #hair { 
	padding: 0; 
	margin:0px;
	height:20px;
	background:#eee; 
} 

.twoColFixLtHdr #saccshair { 
	padding: 0 0px 0 0px; 
	margin:0px;
	height:46px; 
	background:#eee; 
} 

.twoColFixLtHdr #headersidebar {
	float: left; /* since this element is floated, a width must be given */
	width: 160px; 
	background: #eee; 
	padding:0 0 0 5px;
	margin:0;
	text-align:center;
}

.twoColFixLtHdr #saccsheadersidebar {
	float: left; /* since this element is floated, a width must be given */
	width: 160px; 
	background: #eee; 
	padding:0 0 0 5px;
	margin:0;
	text-align:center;
/*border:1px solid #FF0;  */
}

.twoColFixLtHdr #header { 
	background: #eee; 
	margin: 0 0 0 170px; 
	padding: 0 0px 0 0px;  
	height:171px;
	border-left: 1px solid #036;
/*	border:1px solid #F00; */ 
	position:relative;
}

.twoColFixLtHdr #saccsheader { 
	background: #eee; 
	margin: 0px 0 0 170px; 
	padding: 0 0px 0 0px;  
	height:145px;
	border-left: 1px solid #036;
/*	border:1px solid #F00;  */
	position:relative;
}

.twoColFixLtHdr #ipiheaderpict{ 
margin-left:-141px;
width:282px;
height:106px;
/*border: 1px solid #30F;*/
text-align:center;
position:absolute;
bottom:44px;
left:50%
}
.twoColFixLtHdr #saccsheaderpict{ 
margin-left:-239px;
width:478px;
height:135px;
/*border: 1px solid #30F;*/
text-align:center;
position:absolute;
bottom:44px;
left:50%
}

.twoColFixLtHdr #saccsmenubar{
width:100%;
	margin:0;
	padding-top:4px; 
	position:absolute; 
	bottom:0%;
}

.twoColFixLtHdr #ipimenubar{
width:100%;
	margin:0;
	padding-top:4px; 
	position:absolute; 
	bottom:0%;
}


.twoColFixLtHdr #sidebar1 {
	float: left; /* since this element is floated, a width must be given */
	width: 160px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background: #eee; 
	margin:0;
	padding: 0px 0 0px 5px;
}

.twoColFixLtHdr #sidebar1 p {
	padding: 4em 3px 0 3px;
	font-size:1em;
	text-align:center;
	color:#036;
	line-height:1.5em;
}


.twoColFixLtHdr #mainContent { 
	margin: 0 0 0 170px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	border-left:1px solid #036;
	padding: 0; 
} 
.twoColFixLtHdr #footer { 
	padding: 0 0px 0 0px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#eee; 
} 
.twoColFixLtHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}

.ipi-website-title{
font-family: Times, Times New Roman, serif;
font-size: 15px;
color:#003366;
}