body {
 margin: 0px;
 FONT-SIZE: 1em; 
 FONT-FAMILY: Arial, Helvetica, sans-serif; 
 COLOR: navy; 
 background: #BABCD0 url(../images/newback.jpg) repeat-x;
 float: center;
}
#headercanvas {
	width:  100%;
	margin:  0px;
	overflow: hidden;
	padding: 5px;
}

.hitem {
	position: relative;
	float: left;
	overflow: hidden;
	left: 100%;
}

#canvas {
	width:  95%;
	margin:  0px;
	overflow: hidden;
	padding: 0px;
}
/* overrule generic html */
/* overrule drupal system.css */
.item-list ul li {
	list-style-type: none;
}

ul.links {
	margin: .3em 0;
}

/* generic sap classes */
.line {
	float: left;
	width: 100%;
	display: block;
	position: relative; /*prevents shifting when changing viewport in IE;thanks to Alan Gresley*/
	overflow: hidden; /*only needed for equal height columns*/
	background-color: transparent;
}

.item {
	position: relative;
	float: left;
	overflow: hidden;
	left: 100%;
	background-color: #fff;
	text-align: justify;
}

.column { /* all columns have continous background color */
	margin-bottom: -5000px;
	padding-bottom: 5000px;
}

/* end generic; all sap elements must have margin-left and with defined */
#logoitem {
	height:105px;
	margin-left: -95%;
	width: 98%;
	background-color: transparent;
	border: none;
}
#logoitem  #leftlogo {
	
	margin-left: -90%;
	width: 250px;
	background-color: transparent;
	border: none;
	z-index: 100; /*prevent main content from obscuring sidebars */
}

#logoitem  #leftlogo .hsap-content {
	padding: 10px,25px;
}

#rightlogo {
	margin-left: -85%;
	width:80%;
	background-color: transparent;
	border: none;
	margin:25px,25px;
	padding-left:50px;
	z-index: 100; /*prevent main content from obscuring sidebars */
}

#logoitem  #rightlogo .hsap-content {
	padding: 0px,50px ;
	}

 .hsap-content{
	float: left;
	FONT-SIZE: 1.75em; 
	color: white; 
	font-weight: bold; 
}

#logoitem  #hdrsidebar-right {
   background: transparent;
	margin-left:  -1px;
	width: 1px;
	z-index: 100; /*prevent main content from obscuring sidebars */
}

 .hsap-rcontent{
	float: left;
	FONT-SIZE: 1.75em; 
	color: white; 
	font-weight: bold; 
}
.ifpriname {
 
}

#title {
	margin-left: -80%;
	width: 65%;
}

#primary-nav {
	margin-left: -100%;
	width: 100%;
	text-align: center;
}

#main #sidebar-left {
	margin-left: -100%;
	width: 220px;
	z-index: 100; /*prevent main content from obscuring sidebars */
	background: #D0D3DC;
}

#main #sidebar-left .sap-content {
	padding-left: .5em;
	padding-right: .5em;
}

#main #maincontent {
	margin-left: -100%;
	width: 100%;
	
}

#main #maincontent .sap-content {
	margin: 0px 0px 0px 250px;
	padding-right: 25px;
	fONT-SIZE: 0.8em;
	background: url(../images/ifpri350small.jpg) no-repeat scroll right top ;
}

#main #sidebar-right {
   background: transparent;
	margin-left:  -1px;
	width: 1px;
	z-index: 100; /*prevent main content from obscuring sidebars */
}

#main #sidebar-right .sap-content {
	padding-left: .5em;
	padding-right: .5em;
}

#footerline {
	border-bottom: none;
}

#footer {
	fONT-SIZE: 0.8em; PADDING-BOTTOM: 3px; COLOR: #fff; PADDING-TOP: 3px;
}
#maincontent p{
		text-align: justify;
}
p{
		text-align: justify;
}
H2 {
	FONT-SIZE: 1.5em; 
	padding-bottom: 1em;
	padding-top: 1em;
}

H3 {
	FONT-SIZE: 1.3em; 
}
A {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; PADDING-TOP: 3px
}
A:link {
	COLOR: #333333
}
A:visited {
	COLOR: #333333
}
A:hover {
	COLOR: #cccccc; BACKGROUND-COLOR: #333333; TEXT-DECORATION: none
}
A:active {
	COLOR: #cccccc; BACKGROUND-COLOR: #333333; TEXT-DECORATION: none
}
A:unknown {
	COLOR: #cccccc; BACKGROUND-COLOR: #333333; TEXT-DECORATION: none
}
div.errormsg li{
	line-height: 130%;
}
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
/* menu CSS */
#ddblueblockmenu{
FONT-SIZE: .95em; 
border-bottom-width: 0;
width: 185px;
color: #FFDD17;
padding-left: 5px; 
padding-top:10px;
padding-bottom:5px;
padding-right:5px;
}
#ddblueblockmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
font: normal 70.5% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
}

#ddblueblockmenu li a{
display: block;
padding: 3px 0;
padding-left: 9px;
width: 169px; /*185px minus all left/right paddings and margins*/
text-decoration: none;
color: white;
background-color: #2175bc;
border-bottom: 1px solid #90bade;
border-left: 7px solid #1958b7;
}

* html #ddblueblockmenu li a{ /*IE only */
width: 187px; /*IE 5*/
w\idth: 169px; /*185px minus all left/right paddings and margins*/
}

#ddblueblockmenu li a:hover {
background-color: #2586d7;
border-left-color: #1c64d1;
}

#ddblueblockmenu div.menutitle{
width:98.5%;
color: white;
padding: 1px 0px;
padding-left: 5px;
background-color: black;
font: bold  95% "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
}

.glossymenu{
list-style-type: none;
margin: 5px 0;
padding: 0;
width: 185px;
border: 1px solid #9A9A9A;
border-bottom-width: 0;
}
.glossymenu li a{
background: white url(../images/glossyback.gif) repeat-x bottom left;
font: bold 100% "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: white;
display: block;
width: auto;
padding: 3px 0;
padding-left: 10px;
text-decoration: none;

}

* html .glossymenu li a{ /*IE only. Actual menu width minus left padding of A element (10px) */
width: 160px;
}

.glossymenu li a:visited, .glossymenu li a:active{
color: white;
}

.glossymenu li a:hover{
background-image: url(../Images/glossyback2.gif);
}
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
/* menu CSS */
#div.logonrow {
  clear: both;
  padding-top: 10px;
  }

#div.logonrow span.label {
  float: left;
  width: 100px;
  text-align: right;
  }

#div.logonrow span.formw {
  float: right;
  width: 335px;
  text-align: left;
  } 
 /* top rounded corner settings to get the 3d look*/
.b1h, .b2h, .b3h, .b4h, .b2bh, .b3bh, .b4bh{font-size:1px; overflow:hidden; display:block;}
.b1h {height:1px; background:#aaa; margin:0 5px;}
.b2h, .b2bh {height:1px; background:#aaa; border-right:2px solid #aaa; border-left:2px solid #aaa; margin:0 3px;}
.b3h, .b3bh {height:1px; background:#aaa; border-right:1px solid #aaa; border-left:1px solid #aaa; margin:0 2px;}
.b4h, .b4bh {height:2px; background:#aaa; border-right:1px solid #aaa; border-left:1px solid #aaa; margin:0 1px;}
.b2bh, .b3bh, .b4bh {background: #ddd;}.
headh {background: #aaa; border-right:1px solid #aaa; border-left:1px solid #aaa;}
.headh h3 {margin: 0px 10px 0px 10px; padding-bottom: 3px;}.contenth {background: #ddd; border-right:1px solid #aaa; border-left:1px solid #aaa;}
.contenth div {margin-left: 12px; padding-top: 5px;}
/* menu rounded corners to get the raised 3d menu*/
.menutitleb1h, .menutitleb2h, .menutitleb3h, .menutitleb4h, .menutitleb2bh, .menutitleb3bh, .menutitleb4bh{font-size:1px; overflow:hidden; display:block;}
.menutitleb1h {height:1px; background:#aaa; margin:0 5px;}
.menutitleb2h, .menutitleb2bh {height:1px; background:#aaa; border-right:2px solid #aaa; border-left:2px solid #aaa; margin:0 3px;}
.menutitleb3h, .menutitleb3bh {height:1px; background:#aaa; border-right:2px solid #aaa; border-left:1px solid #aaa; margin:0 2px;}
.menutitleb4h, .menutitleb4bh {height:2px; background:#aaa; border-right:1px solid #aaa; border-left:1px solid #aaa; margin:0 1px;}
.menutitleb2bh, .menutitleb3bh, .menutitleb4bh {background: #aaa;}.
.menutitleheadh h4 { border-right:1px solid #fff; border-left:1px solid #aaa;}
.menutitleheadh {background: #D0D3DC; border-right:1px solid #aaa; border-left:1px solid #aaa;}