/* Global rules ----------------------------------------------------------- */


body 
{
margin:0; 
padding:0;
text-align:center; 
min-width:850px; 
font:75% "Lucida Sans Unicode", "Lucida Grande", Verdana, sans-serif; 
background:#D7D7D7 url(/public/images/midbgd.jpg) top center repeat-y;
}



table tr td 
{

color: #464646; 
font-size: 12px; 
margin:0; 
padding:0;
font:"Lucida Sans Unicode", "Lucida Grande", Verdana, sans-serif; 

}

td 
{

color: #464646; 
font-size: 12px; 
margin:0; 
padding:0;
font:"Lucida Sans Unicode", "Lucida Grande", Verdana, sans-serif; 

}
td 
{

color: #464646; 
font-size: 12px; 
margin:0; 
padding:0;
font:"Lucida Sans Unicode", "Lucida Grande", Verdana, sans-serif; 

}





p 
{ 
margin:0; 
padding:0; 
line-height:1.3em; 
}
a 
{ 
color:#464646; 
}

a:hover 
{ 
color:#B52222;  
}


a:link 
{
color:#B52222;
}


a:visited 
{
color:#B52222;
}


* html a 
{ 
min-width:850px;
height:1%; 
} 
/* IE5 needs this hack to correctly render padding-left on links that use background images */

.clearAll 
{ 
clear:both; 
margin:0; 
padding:0; 
} 
/* use for clearing below floated elements */

.seeme 
{ 
border:1px solid #333; 
}

#wrapper	
{
margin:0px auto;
text-align:left;
padding:0px;
background: white url(/public/images/topbanner.jpg) no-repeat;   /****** 2/2/05 change *******/
width: 850px;	 
}


/* Header ------------------------------------------------------------------- */
#header 
{ 
width:850px; 
position:relative; 
margin:0 0 0px 0; 
padding:0 0 0px 0; /* changed by Manisha */
height:135px; 
}
#header h1
{ 
position:absolute; 
bottom:0px; left:0; margin:0; 
padding:0; 
width:155px; 
background:transparent url(/public/images/IRI_logo.jpg) no-repeat top right; z-index:2; 
}

#header h1 a 
{ 
display:block; 
height:82px; 
width:123px; 
margin-left:32px; 
border:none;}     /****** 2/2/05 change *******/

#header h1 span { display:none; }



/* Utility Navigation Bar */

/* Navigation uses an image replacement technique called "CSS Sprites." */
/*See this article for a detailed description: */
/*http://www.alistapart.com/articles/sprites/. */

#utilityNav 
{ 
position:relative; 
margin:0; padding:0; 
height:16px; 
}

#navlist 
{ 
background: transparent url(/public/images/utilnav.jpg) top right no-repeat;
margin:0; 
width:253px; 
height:16px; 
padding:0; 
position:absolute; 
right:0; 
float: right;
}
/* The navlist has a single background image which represents the entire*/
/* navigation menu image.  Each <li> element has a unique ID and has a */
/* precise width and absolute position which corresponds to the appropriate */
/* region on the nav background image.  The <span> tags hides the mark-up */
/* text in each list item. */

#navlist li 
{
margin:0; 
padding:0; 
list-style:none; 
position:absolute; 
top:0;
}

#navlist li, #navlist a 
{height:16px; 
display:block;
border:none;    
}

#login {left:0; width:68px;}
#contact {left:68px; width:81px;}
#country {left:149px; width:104px;}


#login a:hover 
{background: transparent url(/public/images/utilnav.jpg) no-repeat 0px -16px; }
#login a.active, #login a.active:hover 
{background: transparent url(/public/images/utilnav.jpg) no-repeat 0px -16px;}

#contact a:hover 
{background: transparent url(/public/images/utilnav.jpg) no-repeat -68px -16px;}
#contact a.active, #contact a.active:hover 
{background: transparent url(/public/images/utilnav.jpg) no-repeat -68px -16px;}

#country a:hover 
{background: transparent url(/public/images/utilnav.jpg) no-repeat -149px -16px;}
#country a.active, #country a.active:hover 
{background: transparent url(/public/images/utilnav.jpg) no-repeat -149px -16px;}

#navlist span {display:none;}


/* Site search form */
form#search 
{ 
float:right; margin:5px 0; 
padding:0 0 0 30px; 
padding-right: 5px;
background: url(/public/images/search.gif) no-repeat; 
background-position: left; 
font-size:9px; 
}
form#search label { font-size:2px; visibility:hidden;}
form#search input { color:#464646; font-size:9px; }


/* Global navigation */

#navContainer 
{ 
position:absolute; 
bottom:2px; height:20px; top:45px; left:266;
margin:7px 0 0 0; 
padding:0; 
min-width:590px; 
background-image: none;
}

#navContainer ul 
{ 
float:left; 
margin:0;
padding:0; 
display:inline; 
list-style:none; 
}

#navContainer ul li 
{ 
display:inline; 
list-style:none; padding:0; 
}

#navContainer a 
{ 
display:block; 
float:left; 
padding:3px 25px 5px 4px; 
font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, sans-serif;
font-size: 9pt;
text-decoration:none; 
color: #363636;
border:none;             /****** 2/2/05 change *******/
}

#navContainer a.last { background-image:none; }

#navContainer a:hover { color: #B52222; }

#navContainer a.active, #navContainer a:hover.active { color: #B52222;}



/* Section-specific subheader for section main pages where the image is deeper */

/*** adsus ***/


#subimage 
{ 
position:relative; 
bottom:2px; left:229px; height:59px; top:81px;
margin:0px 0px 0 0; 
padding:0; 
width:596px; 
}


#subheader 	 {display:none;
		position:absolute;
		margin:0;
		padding:0px 0 0 0;
		height:0px; left:0;
		top:0;
		
		}

#subheader h1 {display:none;
		position:absolute;
		margin:0;
		padding:0px 0 0 0;
		height:0px; left:0;
		top:0;
		
		}


#subheaderInner { display:none ;
		height:0px;
		width:100%;
		position:relative;
		margin:0;
		padding:0;
		z-index:2;
		overflow:hidden; }
#subheaderInner h1 {
		display:none; 
		position:absolute;
		margin:0;
		padding:15px 0 0 176px;
		height:0px; left:0; top:0;
		}


/* adsus */


/****** 2/2/05 change *******/


/* Main content --------------------------------------------------------- */
/* Outer div wraps around all main content */

#outer 
{ 
margin:0px auto; 
text-align: left;
padding:0px; 
background: white;
width: 850px;	 
height:90%;	 
}

/* Breadcrumbs */
/* Breadcrumbs */
/* The breadcrumbs are handled as nested UL elements as opposed to simple */
/*links to enhance opportunities for automation. */

#breadcrumbs { margin:0; padding:10px 0; color:#464646; font-size:.85em; }
#breadcrumbs ul { margin:0; padding:0; display:inline; list-style:none; }
#breadcrumbs ul li { display:inline; list-style:none; }


/* Left column --------------------------------------------------- */

#leftColumn 
{ 
float:left; 
padding:0 0 0 0 ; 
width:226px; 
background: white;

}



/* Left Navigation --------------------------------------------------- */

#l1 

{ 

margin:0px;

padding: 0 0 0 0 ;

font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, sans-serif;

}


#l2 

{ 

margin-right:5px 

padding: 0 5px 0 0 ;

font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, sans-serif;

}

#l3 

{ 

margin-right:10px 
margin: 0px;
padding: 0 10px 0 0 ;

font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, sans-serif;

}


#l1 a

{ 

margin:0px;

padding: 0 0 0 0 ;

font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, sans-serif;

}


#l2 a

{ 

margin-right:5px 

padding: 0 5px 0 0 ;

font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, sans-serif;

}

#l3 a

{ 

margin-right:10px 
margin: 0px;
padding: 0 10px 0 0 ;

font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, sans-serif;

}




#leftnavcontainer 
{ 
padding-left: 12px;
padding-top: 40px;
padding-right: 8px;
padding-bottom: 0; 
width: 180px; 
margin: 0px;
}

#leftnavcontainer ul	
{
margin: 0px;
padding: 0px;
list-style-type: none;
font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, sans-serif;
}

#leftnavcontainer a
{
display: block;
padding: 4px 4px 4px 10px;
width: 166px;
border-bottom: 1px solid rgb(133,133,133);
}

#leftnavcontainer a:link, #navlist2 a:visited	
{
color: #464646;
text-decoration: none;
font-size: 12px;
font-weight: bold;
}

#leftnavcontainer a:hover	
{
color: #B52222;
text-decoration: none;
}

#leftnavcontainer #navlist2 li a.navlist3	
{
text-decoration: none;
font-size: 11px;
padding-left: 15px;
border-bottom: 1px solid rgb(133,133,133);
width: 166px;
font-weight: normal;
}

#leftnavcontainer #navlist2 li a.navlist4	
{
text-decoration: none;
font-size: 10px;
padding-left: 23px;
width: 166px;
font-weight: normal;
}

#leftnavcontainer #navlist3rd li a.navlist4	
{
text-decoration: none;
font-size: 10px;
padding-left: 23px;
width: 166px;
font-weight: normal;
}


#leftnavcontainer #navlist2 li a.navlist3:hover	
{
text-decoration: none;
color: #B52222;
}

#leftnavcontainer #navlist2 li a.navlist4:hover	
{
text-decoration: none;
color: #B52222;
}

/* Central content section */


#content 
{ 
position:relative; 
margin:0px 0px 0 226px; 
padding:0;
width: 444px;
}

/* IE needs this hack to counteract 3px creeping */
/* Hide from IE5 mac \*/

* html body #content 
{ height:1%; margin-right:1px; }

/* End hide from IE5/mac */ 

#content h2
{ 
margin:0 20px 20px 0; 
padding:0; 
padding-top: 47px;
color:#B52222; 
font-size:16px; 
line-height:1.6em; 
font-weight:bold; 
}

#content h3
{ 
margin:0 20px 10px 0; padding:0; 
color:#B52222; 
font-size:12px; 
line-height:1.2em; 
}


#content h4

{ 
margin:0 20px 10px 0; padding:0; 
color:#B52222; 
font-size:13px; 
line-height:1.2em; 
font-weight:bold; 
}


#pageOpener 
{ 
position:relative; 
margin: 0; padding:0; 
text-align: left; 
}

#content p 
{ 
color: #464646; 
font-size: 12px; 
line-height: 140%; 
text-align: left; 
margin: 0 20px 1em 0; 
padding:0 ; 
}


#content ul.bullet 
{ 
margin:0 0 1em 2px; padding:0 6px 0 0; 
list-style:none outside none; 
}

#content ul.bullet li 

{ color: #464646; 
	font-size: 12px; 
	line-height: 140%; 
	text-align: left; 
	margin: 0 20px 1em 0; 
	padding-left:8px;
}




#content ul  li 

{ color: #464646; 
	font-size: 12px; 
	line-height: 140%; 
	text-align: left; 
	padding:0 5px 0 0 ; 
	padding-left:8px;
	display:block;
}

#content ul.bullet li a 

{ color: #464646; 
	font-size: 12px; 
	text-align: left; 
	margin: 0 20px 1em 0; 
	padding-left:8px;
	background:url(/public/images/dblarrow.gif) no-repeat 0 5px; 
	display:block;
	
}
	
	
#content ul.bullet a:hover 

{
	color: #B52222; 
	font-size: 12px; 
	text-align: left; 
	margin: 0 20px 1em 0; 
	padding-left:8px;
	background:url(/public/images/dblarrow.gif) no-repeat -0 5px;
	display:block;
}


#content ul.bullet li ul li { display: inline; }
#content .extend { height:75px; }

/* Offerings div */
#offerings { margin:0 10px 0 0; padding:10px 0; border-top:3px dotted #ebebeb; }
h5 { margin:0; padding:0 6px 0 0; font-size:1em; }
h5 a { color:#B52222; }
h5 a:hover { color:#c32203; }
/* 3-column lists of offerings */
div.left { float:left; margin:0 6px 0 0; width:30.3%; }
div.mid { float:left; margin:0 6px 0 0; padding:0 0 0 10px; width:29.3%; border-left:3px dotted #ebebeb;  }
div.right { float:right; margin:0 0 0 0; padding:0 0 0 10px; width:28.3%; border-left:3px dotted #ebebeb; }
/* 1st level list items */
div.left ul, div.mid ul, div.right ul { margin:0 0 0 2px; padding:0 6px 0 0; list-style:none outside none; }
div.left ul a, div.mid ul a, div.right ul a { display:block; font-size:.95em; padding-left:8px; color:#464646; background:url(/public/images/dblarrowblack.gif) no-repeat 0 5px; }
div.left ul a:hover, div.mid ul a:hover, div.right ul a:hover { padding-left:8px; color:#ac1c00; background:url(/public/images/dblarrow.gif) no-repeat 0 5px; }
/* 2nd level list items */
div.left ul ul, div.mid ul ul, div.right ul ul { margin:0 0 .6em 8px; padding:0; list-style:none; }
div.left ul ul a, div.mid ul ul a, div.right ul ul a { display:block; padding-left:8px; color:#464646; background:url(/public/images/dblarrowblack.gif) no-repeat 0 5px; }
div.left ul ul a:hover, div.mid ul ul a:hover, div.right ul ul a:hover { padding-left:8px; color:#B52222; background:url(/public/images/dblarrow.gif) no-repeat 0 5px; }



/* Right column -------------------------------------------------- */

#rightColumn 
{ 
float:right; 
margin:-4px 0 0 0; 
padding:0; 
margin-top: 45px;
width:176px; 
font-size:12px; 
}
/* IE needs this hack to counteract 3px creeping */
/* Hide from IE5 mac \*/

* html body 
#rightColumn 
{ margin-left:-4px; }
/* End hide from IE5/mac */ 

#rightColumn h4
{ 
margin:30px 4px .2em 4px; 
padding:0;
color:#B52222; 
font-size:12px; 
line-height:1.2em; 
font-weight:bold; 
}


#rightColumn h5
{ 
margin:0 4px .2em 4px; 
padding:0;
color:#B52222; 
font-size:12px; 
line-height:1.2em; 
font-weight:normal; 
}


/* Page utilities */

#pageUtilities 
{ 
margin:40px 0px 0px 0px; 
padding:12px 15px 20px 20px; 
background:transparent url(/public/images/pageutilbg.jpg) no-repeat left center;
width:124px;
}


/*background: transparent ;*/


#pageUtilities ul { margin:0; padding:0; list-style:none; line-height:2em; }

#pageUtilities ul li { margin:0; padding:0; }

/*a.email { padding-left:18px; background:url(/public//public/images/icon_email.gif) no-repeat 0 2px; }*/

/*a.print { padding-left:18px; background:url(/public//public/images/icon_print.gif) no-repeat 0 2px; }*/



/* Related content sections */

div.relatedContent 
{ 
margin:10px 8px 10px 5px; padding:0; 
color:#464646; 
/*border-bottom:1px solid #c8c8c8; */
line-height:1.1em; 
}


#rightColumn  #relatedContent h3
{ 
color: #464646; 
font-size: 12px; 
text-align: left; 
padding:0 ; 
}


#rightColumn  #relatedContent h4
{ 
color: #464646; 
font-size: 12px; 
text-align: left; 
padding:0 ; 
}


#rightColumn  #relatedContent p 
{ 
margin:0 4px; padding:0 0 1em 10px; 
line-height:1.2em; 
background:url(/public/images/dblarrowblack.gif) 
no-repeat 1px 5px; 
}
#rightColumn  #relatedContent ul.bullet { margin:0 0 1em 2px; padding:0 6px 0 0; list-style:none outside none; }
#rightColumn  #relatedContent ul.bullet li { margin:0 0 .6em 0; }
#rightColumn  #relatedContent ul.bullet a 
{ display:block; padding-left:8px; color:#464646; 
background:url(/public/images/dblarrowblack.gif) no-repeat 0 5px; }
#rightColumn  #relatedContent ul.bullet a:hover 
{ padding-left:8px; color:#B52222; 
background:url(/public/images/dblarrow.gif) no-repeat 0 5px; }


div.relatedContent h3
{ 
color: #464646; 
font-size: 12px; 
text-align: left; 
padding:0 ; 
}


div.relatedContent h4
{ 
color: #464646; 
font-size: 12px; 
text-align: left; 
padding:0 ; 
}


div.relatedContent p 
{ 
margin:0 4px; padding:0 0 1em 10px; 
line-height:1.2em; 
background:url(/public/images/dblarrowblack.gif) 
no-repeat 1px 5px; 
}
div.relatedContent ul.bullet { margin:0 0 1em 2px; padding:0 6px 0 0; list-style:none outside none; }
div.relatedContent ul.bullet li { margin:0 0 .6em 0; }
div.relatedContent ul.bullet a 
{ display:block; padding-left:8px; color:#464646; 
background:url(/public/images/dblarrowblack.gif) no-repeat 0 5px; }
div.relatedContent ul.bullet a:hover 
{ padding-left:8px; color:#B52222; 
background:url(/public/images/dblarrow.gif) no-repeat 0 5px; }



/* Newsletter subscription form */

#newsLetter {display:none; margin:10px 8px 10px 0px; padding:0; color:#464646; line-height:1.1em; }
#newsLetter form {display:none; margin:0 4px; padding:0; font-size:9px;  }
#newsLetter label {display:none; font-size:1px; color:#fff; }
#newsLetter input {display:none; color:#464646; font-size:9px; }

#newsletter {display:none; margin:10px 8px 10px 0px; padding:0; color:#464646; line-height:1.1em; }
#newsletter form {display:none; margin:0 4px; padding:0; font-size:9px;  }
#newsletter label {display:none; font-size:1px; color:#fff; }
#newsletter input {display:none; color:#464646; font-size:9px; }
#newsletter h4 {display:none; color:#464646; font-size:9px; }

/* Footer ------------------------------------------------------------ */


#footer 
{ 
margin:0px auto; 
text-align:left;
padding:0;
position:relative; 
clear:both; 
background: rgb(241,241,241);
height: 30px;
width:850px;
border-top:1px solid #464646; 
}


#footer p 
{ 
margin:0;
float:left;
padding:4px 0 0 226px; 
font-size:12px; 
color:#464646;  
}
#footer a 
{ 
color:#464646; 
Text-decoration:none;
}
#footer a:hover { color:#B52222;}

#copyright
{
float: right;
margin:0;
padding-top:4px;
padding-right: 5px;
color: #464646;
font-size: 8pt;
background:rgb(241,241,241);
}


/* BEGIN table for press release and news archives */
#archives  { margin: 30px 0 30px 0; padding: 0 15px 0 0; } 
#archives h5 { margin: 0 0 15px 0; } /*Use h5 inside the the archives div for a table title*/ 
#archives table { margin: 0; font-size: 110%; } 
#archives table td { margin: 0; padding: 10px 5px 10px 5px; vertical-align: top; } tr.color { background-color: #f5f5f5; } /* use for alternating bg color effect in table */
/* END table for press release and news archives */

/*Acecssibility Selectors */
/* hidden from non-screen reader browsers */
caption { visibility: hidden; float: right; width:0; height:0; 
font-size: 1px; padding:0; margin:0;}
