/*
------------------------------------------------------
[Karam] CSS: Page Components - Created by Robin John.
------------------------------------------------------
*/

/*Start - Logo CSS*/
img.logo{
	float:left;
}
img.logo{
	width:151px;
	height:67px;
	margin-top:10px;
	padding:0 0 0 3px;
}

/*Start - Top navigation CSS*/
div#topNavigation ul,div#topNavigation ul li{
	float:left;
}
ol {list-style:decimal;list-style-position:inside}
ol ol{padding-left:10px;list-style:lower-alpha;list-style-position:inside;padding-top:5px!important;}
ol h3{display:inline!important;}
div#topNavigation #topsearchtext{
	background:url(../../images/placeholder/searchBox.gif) no-repeat top right!important;
	padding:4px 5px!important;
	width:168px!important;
	border:none!important;
	float:left!important;
	color:#333333!important;
}
div#topNavigation #topSearchgo{
	background:url(../../images/placeholder/searchButton.gif) no-repeat;
	width:29px;
	height:24px;
	padding:0;
	border:none;
	float:left;
	display:block;
	font-size:0;
	line-height:0;
	margin:0;
}
div#topNavigation ul.toplinks{
	margin-right:14px;
}
div#topNavigation ul.toplinks li{
	padding:0 14px 0 0 ;
	border-right:1px solid #eaeaeb;
	font-size:1.1em;
}
div#topNavigation ul.toplinks li a{
	color:#333333;
	background:url(../../images/placeholder/menuDropdownArrow.gif) no-repeat right;
	padding:5px 15px;
	margin-right:10px;
}
div#topNavigation ul.toplinks li.noDrop{
	padding:0;
}
div#topNavigation ul.toplinks li.noDrop a{
	background:none;
}
div#topNavigation ul.toplinks li.first a{
	margin:0px!important;
}
div#topNavigation ul.toplinks li a:hover{
	text-decoration:none;
	color:#fecd5b!important;
}

/*Start - primary navigation CSS*/
div#Navigation{
	float:left;
	background:url(../../images/placeholder/navigationBackground.jpg) left 4px  no-repeat;
	height:60px;
	margin-top:7px;
	padding:0!important;
}

div#primaryNavigation{
	height:34px;
	width:952px;
	float:left;
}
div#primaryNavigation ul{
	float:left;
	padding-top:1px;
}
div#primaryNavigation ul li{
	float:left;
	text-transform:uppercase;
	font-size:1.1em;
	font-family:"Lucida Sans",Arial;
}
div#primaryNavigation ul li a{
	padding:0 0 0 3px;
	float:left;
	color:#59513e;
	text-decoration:none;
}
div#primaryNavigation ul li a span{
	display:block;
	padding:10px 10px 8px 10px;
}
div#primaryNavigation ul li a:hover{
	text-decoration:none;
	color:#1d1d80;
}


div#primaryNavigation ul li.active a{
	background:#c0bec5 url(../../images/placeholder/hoverLeftcurve.jpg) left bottom no-repeat;
	text-decoration:none;
	color:#1d1d80;
}
div#primaryNavigation ul li.active span{
	background:#c0bec5 url(../../images/placeholder/hoverRightcurve.jpg) right bottom no-repeat;
}
div#secondaryNavigation{
	width:914px;
	padding:1px 13px 0;
	text-align:left;
	float:left;
}
div#secondaryNavigation p{
	text-align:left;
	clear:both;
	color:#FFFFFF;
	font-size:1.1em;
	padding:4px 0 0 0;
}
div#flashBanner{
	clear:both;
	padding-top:10px;
	width:952px;
	height:246px;
}
div#flashBanner object{
	float:left;
}
/*Start - Home Container CSS*/
div#directoryBlock #downloads img{
	float:left
}
div#directoryBlock h2{
	color:#1e1c80;
	text-transform:uppercase;
	font-family:"Lucida Sans",Arial;
	font-size:1.3em;
	padding-bottom:17px;
}
div#directoryBlock #downloads ul{
	padding-left:10px;
	width:95px;
	float:left;
}
div#directoryBlock #latestNews ul{
	width:345px;
	float:left;
}
div#directoryBlock  ul li.title{
	font-size:1.1em;
	color:#333333;
	padding-top:0;
}
div#directoryBlock ul li{
	font-size:1.1em;
	padding-top:13px;
	color:#333333;
}
div#directoryBlock  ul li a{
	color:#1d1e7f;
	display:block;
	text-decoration:underline;
}
/*Start - Slider Container on Home page CSS*/
div#directoryBlock #ongoingProjects #slideshow{
	width:310px!important;
	height:106px;
}
div#directoryBlock #ongoingProjects .last{
	margin-left:100px;
}
div#directoryBlock #ongoingProjects #slides ul{
	width:345px;
}
#slideshowinner div{
	padding:30px 0 0 12px!important;
	
	}
div#directoryBlock #ongoingProjects #slides ul li{
	float:left;
	padding-top:0;
	padding-right:15px;
	text-align:left;
	font-size:1.2em;
	color:#333333;
}
div#directoryBlock #ongoingProjects #slides ul li img{
	border:1px solid #d4d1d7;
}
div#directoryBlock #ongoingProjects #slides ul li div{
	text-align:left;
	font-size:1.0em;
	color:#333333;
}
div#directoryBlock #ongoingProjects #nav {
	position:absolute;
	right:-37px;
	top:14px;
}
div#directoryBlock #ongoingProjects #nav li {
	float: left;
	list-style: none;
	padding:3px;
}
div#directoryBlock #ongoingProjects #nav a {
	padding:0 3px;
	background: #f4df8c;
	text-decoration: none ;
	border:1px solid #d9cba3;
	color:#f4df8c;
}
div#directoryBlock #ongoingProjects #nav a.activeSlide {
	background:#e2e0e4; 
	border:1px solid #ceccd2;
	color:#e2e0e4;
}
div#directoryBlock #ongoingProjects #nav a:focus {
	outline: none; 
}

/*Start - Inner page Container CSS*/

div#innerContainer #breadCrumb, div#innerContainer #breadCrumb  a  {
	color:#999999;
}
div#innerContainer #leftBlock h1{
	font-family:"Lucida Sans",Arial;
	color:#1e1c80;
	font-size:1.6em;
	padding-bottom:15px;
	text-transform:uppercase;
}

div#innerContainer #leftBlock h1.subpage{
	padding-bottom:5px;
}
div#innerContainer #leftBlock ul.applyo li{
	padding-bottom:10px;
}
div#innerContainer #leftBlock ul.applyo h3{
	display:block;
}
div#innerContainer #leftBlock  ul.barrow li{
	background:transparent url(../../images/placeholder/blueArrow.jpg) no-repeat scroll 0 9px;
	padding:3px 0 2px 17px;
}
div#innerContainer #leftBlock  ul.coProject li{
	width:30%;
	float:left;
	height:140px;
	padding:10px;
	text-align:center;

}
div#innerContainer #leftBlock  ul.cuProject li{
	width:45%;
	float:left;
	height:150px;
	padding:20px 10px;
	text-align:center;

}
div#innerContainer #leftBlock  ul.downloads{
	float:left;
	width:100%;
	padding-top:34px;
}
div#innerContainer #leftBlock  ul.downloads li{
	clear:both;
}
div#innerContainer #leftBlock  ul.downloads li h3{
	float:left;
	padding:13px 20px 10px 0;
}
div#innerContainer #leftBlock  ul.downloads li a{
	float:right;
	background:url(../../images/placeholder/pdfIcon.gif) no-repeat scroll left 12px;
	padding:13px 302px 10px 28px;
} 

div#innerContainer #leftBlock  ul.newsList li
{
    padding:35px 0 0 0;
    
}
div#innerContainer #leftBlock  ul.newsList li.sep
{
    padding:2px 0;
    border-bottom:1px dashed #333;
 }
div#innerContainer #leftBlock p{
	padding-bottom:15px;
}
div#innerContainer #leftBlock .morelesslink {
	cursor:pointer;
	color:#201c82;
	text-decoration:underline
}
div#innerContainer #leftBlock .morelesslink:hover {
	text-decoration:none;
}

div#innerContainer #leftBlock p{
	text-align:left;
}
div#innerContainer #leftBlock p.core img{
	float:right;
}
div#innerContainer #leftBlock ul.flag li{
	width:49%;
	float:left;
	padding-bottom:15px;
}
div#innerContainer #leftBlock ul.flag li.im{
	text-align:center;
}
div#innerContainer #leftBlock p.core{
	background:#DAF0F7;
	position:relative;
	float:left;
	width:100%;
	padding:0;
	margin-bottom:10px;
}

div#innerContainer #leftBlock div.blBlock{
	float:left;
	width:150px;
	height:175px;
}
div#innerContainer #leftBlock div.brBlock{
	background:transparent url(../../images/foodPyramid.jpg) no-repeat scroll right center;
	height:191px;

	float:left;
width:550px;
	
}
.shrink{
	width:500px;
	
	}
div#innerContainer #leftBlock p.core span{
	position:absolute;
	width:150px;
	top:53px;
	left:34px;
}
div#innerContainer #leftBlock .core h3{
	display:block;
}
div#innerContainer #leftBlock .affilates{
	float:left;
}
div#innerContainer #leftBlock .affilates h3{
	display:block
}
div#innerContainer #leftBlock .affilates p.logoC{
	float:left;
	width:150px;
	height:135px;
}
div#innerContainer #leftBlock .affilates p.details{
	width:560px;
	float:right
}
div#innerContainer #leftBlock p.logoC img{

	padding:4px;
	margin-right:5px;
	
}
div#innerContainer #leftBlock #subLinkdata {
	float:left;
	width:99%;
}
div#innerContainer #leftBlock #subLinkdata ul{
	width:717px;
	float:left;
}
div#innerContainer #leftBlock #subLinkdata ul ul{
	width:92%;
	float:left;
}
div#innerContainer #leftBlock #subLinkdata ul li{
	float:left;
	padding-right:10px;
	width:31.3%
}
div#innerContainer #leftBlock #subLinkdata ul.more li{
	width:35.3%;
}	
div#innerContainer #leftBlock #subLinkdata ul.core{
	width:49%!important;
	float:left;
}

div#innerContainer #leftBlock #subLinkdata ul.coreRight{
	float:right;
	width:49%!important;
}
div#innerContainer #leftBlock #subLinkdata ul.coreRight ul ul li{
	padding:0 0 0 10px !important;
	width:100%!important;
	}
div#innerContainer #leftBlock #subLinkdata ul.core li img,div#innerContainer #leftBlock #subLinkdata ul.coreRight li img{
	background:none;
}
div#innerContainer #leftBlock #subLinkdata ul.core li,div#innerContainer #leftBlock #subLinkdata ul.coreRight li{
	width:auto!important;
	padding:0px!important;
}
div#innerContainer #leftBlock #subLinkdata ul li.last{
	padding-right:0px;

}
div#innerContainer #leftBlock #subLinkdata ul li img{
	background:url(../../images/placeholder/innerSubimageBg.jpg) no-repeat;
	padding:6px;
}
div#innerContainer #leftBlock #subLinkdata ul.core li img{
	background:none;
	padding:0px;
}
div#innerContainer #leftBlock #subLinkdata ul li ul li{
	width:100%!important;
	float:left;
	padding-left:0px;
}

div#innerContainer #leftBlock #subLinkdata ul li h2{
	font-family:"Lucida Sans",Arial;
	color:#1e1c80;
	font-size:1.2em;
	padding:10px 0;
	text-transform:capitalize;
}
div#innerContainer #leftBlock #subLinkdata ul li ul li ul {
	padding-top:5px
}
div#innerContainer #leftBlock #subLinkdata ul li ul li ul li {
	background:transparent url(../../images/placeholder/yellowArrow.jpg) no-repeat scroll 0 4px;
	padding:0 14px;
}
div#innerContainer #leftBlock h3{
	color:#1d1e7e;
	font-size:1.2em;
	font-family:"Lucida Sans",Arial;
	padding-bottom:5px;
	display:inline;	
}
div#innerContainer #leftBlock ul.contact li{
	width:100%;
	float:left;
	padding-right:10px;
}
div#innerContainer #leftBlock h3.extra{
	display:block;
	clear:both;
	
}
/*Start - Right box Container CSS*/
div#innerContainer #rightBlock ul{
	float:left;
}
div#innerContainer #rightBlock ul li{
	width:200px;
	float:left;
}
div#innerContainer #rightBlock ul li.top{
	background:url(../../images/placeholder/rightBoxtopcurve.jpg) no-repeat;
	height:5px;
	line-height:0;
}
div#innerContainer #rightBlock ul li.content{
	background:url(../../images/placeholder/rightBoxmiddlebg.jpg) repeat-y;
	padding: 10px 15px 15px 15px;
	width:170px;
}
div#innerContainer #rightBlock ul li.contentimage{
	background:url(../../images/placeholder/rightBoxmiddlebg.jpg) repeat-y;
	padding: 10px 15px 15px 15px;
	width:170px;
}
div#innerContainer #rightBlock ul li.contentpdf{
	background:url(../../images/placeholder/rightBoxmiddlebg.jpg) repeat-y;
	padding: 0px 20px 15px 10px;
	width:170px;
}
div#innerContainer #rightBlock ul li h4{
	font-family:"Lucida Sans",Arial;
	color:#1e1c80;
	font-size:1.3em;
	padding-bottom:10px;
	text-transform:uppercase;
}
div#innerContainer #rightBlock ul li ul{
	width:100%;
	font-size:1.1em;
	float:left;
}
div#innerContainer #rightBlock ul li ul li{
	width:100%;
	display:block;
	padding-bottom:5px;
}
div#innerContainer #rightBlock ul li.content ul#subLinks li a{
	background:transparent url(../../images/placeholder/yellowArrow.jpg) no-repeat scroll 0 3px;
	padding:0 14px;
}	
div#innerContainer #rightBlock ul li.content ul#subLinks li.selected a{
	color:#ffca51;
	font-weight:bold;
	text-decoration:none;
}
div#innerContainer #rightBlock ul li ul li.date{
	font-size:1.1em;
	color:#333333;
}
div#innerContainer #rightBlock ul li ul li.readMore{
	padding-top:10px;
	padding-bottom:0px;
}
div#innerContainer #rightBlock ul li ul li.readMore a{
	color:#1d1e7f;
	text-decoration:underline;
}
div#innerContainer #rightBlock ul li ul li.readMore a:hover{
	text-decoration:none;
}
div#innerContainer #rightBlock  ul li.download img{
	float:left
}

div#innerContainer #rightBlock  ul li.download ul{
	float:left;
	padding-left:6px;
	width:92px
}
div#innerContainer #rightBlock  ul li.download ul li{
	padding-top:2px;
}


div#innerContainer #rightBlock  ul li.last ul li img{
	border:1px solid #d4d1d4;
}
div#innerContainer #rightBlock  ul li.last ul li.title {
	color:#333333;
	font-size:1.1em;
	padding-top:0;
}
div#innerContainer #rightBlock  ul li.download ul li.title {
	color:#333333;
	font-size:1.1em;
	padding-top:0;
}
div#innerContainer #rightBlock  ul li.download ul li a{
	color:#1d1e7f;
	text-decoration:underline;
}
div#innerContainer #rightBlock  ul li.download ul li a:hover{
	text-decoration:none;
}
div#innerContainer #rightBlock ul li.seperator{
	background:url(../../images/placeholder/rightBoxsep.jpg) no-repeat;
	height:3px;
	line-height:0;
}
div#innerContainer #rightBlock ul li.last{
	background:url(../../images/placeholder/rightBoxbottomcurve.jpg) no-repeat;
	height:150px;
}


/*Start - Footer Container CSS*/
div#footer div.footerNavigation ul li{
	float:left;
}
div#footer div.newsLetterBlock{
	float:right;
	padding:4px 4px 0 0;
	/*display:none;*/
}
div#footer div.newsLetterBlock label{
	float:left;
}
div#footer div.newsLetterBlock ul{
	float:left;
	width:280px;
}
div#footer div.newsLetterBlock #newsLetterText{
	background:url(../../images/placeholder/footerSearchBox.gif) no-repeat top right;
	width:127px;
	border:none;
	float:left;
	height:18px;
	padding:2px 5px;
	font-size:1.2em;
}
div#footer div.newsLetterBlock #newsLettergo{
	background:url(../../images/placeholder/footerSearchButton.gif) no-repeat;
	width:29px;
	height:24px;
	padding:0;
	border:none;
	float:left;
	display:block;
	font-size:0;
	line-height:0;
}
div#footer div.newsLetterBlock label{
	font-size:1.1em;
	color:#333333;
	padding:5px 5px 0 0;
}
div#footer div.footerNavigation{
	float:left;
	padding-bottom:8px;
}
div#footer div.footerNavigation ul{
	color:#bdbac2;
	font-size:1.1em;
	padding:8px 0 0 8px;
	float:left;
}
div#footer div.footerNavigation ul li{
	padding:0 8px;
	background:url(../../images/placeholder/footerNavigationSeperator.jpg) no-repeat right;
}
div#footer div.footerNavigation ul li a{
	text-decoration:none;
	color:#333333;
}
div#footer div.footerNavigation ul li.footerNavigationlast{
	background:none;
}
div#container ul.powered{
	float:left;
	width:100%;
	padding:10px 0;
}
div#container ul.powered li{
	float:left;
	padding-left:5px;
	display:inline;
}
div#container ul.powered li.site{
	float:right;
	padding:0 10px 0 0;
}
div#container ul.powered li.site a{
	float:right;
}

/* Form style */
/** form1 styles */
.form1{
	width:98%;
	padding:15px 0 0;
	float:left;
}
.form1 .FormWrap{
	float:left;
}
.form1 p.Info{
	font-size:1.2em;
	line-height:1.4em;
	padding:0 0 20px;
}
.form1 p.GenericError{
  padding:0 0 15px;
  color:#de242d;
  line-height:1.5em;
}
.form1 label.Error{
  color:#de242d;
}
.form1 .Asterisk,
.form1 label span{
	position:relative;
	top:3px;
	line-height:.5em;
	font-weight:bold;
	font-size:16px;
	color:#dc242e;
}
.form1 h3 span{
	color:#999;
}
.form1 .fieldsWrap{
	float:left;
	display:inline;
	width:98%;
	padding:16px 0;
}
.form1 .FileInput, .form1 .Action{
	
}
.form1 .Title{
	padding-bottom:0;
	
}
.form1 .fieldsWrap.Group{
	padding-bottom:4px;
}
.form1 .fieldsGroup {
	width:100%;
	position:relative;
}
.form1 .fieldsGroup fieldset{
	display:inline;
	float:left;
	width:210px;
	padding:0 15px 15px 0px;
	height:40px;
}
.form1 fieldset.extraWide{
	float:left;
	width:610px;
	margin:0 0 20px;
}
* html .form1 fieldset.extraWide{
	padding-bottom:0;
}
.form1 fieldset label{
	line-height:1em;
}
.form1 fieldset label,
.form1 fieldset input,
.form1 fieldset select{
	float:left;
	display:inline;
}
.form1 .fieldsGroup fieldset label{
	width:210px;
	padding:0 0 4px;
}
.form1 .fieldsGroup fieldset .textbox,
.form1 fieldset.Overlap .textbox,
.form1 .Date select,
.form1 fieldset.extraWide .textbox{
	width:200px;
	padding:2px 4px;
	border:1px solid #ccc;
	border-color:#7C7C7C #C3C3C3 #DDDDDD;
}
.form1 fieldset.Overlap{
	position:relative;
	width:200px;
}
.Vacancy fieldset.Overlap{
	display:none;
}
.form1 fieldset.Overlap label{
	width:180px;
	position:absolute;
	left:3px;
	line-height:1.3em;
}
.form1 fieldset.Overlap input.textbox{
	float:none;
}
.form1 .fieldsGroup fieldset select.textbox,
.form1 .fieldsGroup .Date select{
	width:210px;
	padding:1px 1px 1px 2px;
	font-size:1.1em;
}
.form1 fieldset.extraWide textarea{
	overflow:auto;
	width:650px;
	padding:2px 4px;
	height:8em;
	border:#ccc solid 1px;
	border-color:#7C7C7C #C3C3C3 #DDDDDD;
}
.form1 fieldset.extraWide .textbox{
	width:650px;
	padding:2px 4px;
	border:#ccc solid 1px;
	border-color:#7C7C7C #C3C3C3 #DDDDDD;
}
.form1 fieldset.extraWide label{
	padding:0 0 3px;
}
.form1 p.RowLabel{
	float:left;
	width:205px;
	font-size:1.1em;
	line-height:1.1em;
	padding:3px 0 0;
}
.form1 p.RowLabel strong{
	font-size:1.4em;
	font-weight:normal;
}
.form1 .Option1 fieldset{
	float:left;
	width:90px;
}
.form1 .Option1 fieldset input,
.form1 .Option1 fieldset label{
	float:left;
}
.form1 .Option1 fieldset label{
	padding:4px 0 0 3px;
}
.form1 .Action input{
	margin:0 20px 0 0;
}
.form1 .Date select.Day,
.form1 .Date select.Month{
	width:55px;
	margin-right:5px;
}
.form1 .Date select.Year{
	width:70px;
}
.form1 .fieldsWrap.FileInput input.File{
	float:left;
	font-size:1.1em;
	color:#666;
}
.form1 .fieldsWrap.FileInput .RowLabel{
	width:210px;
}
.form1 .OptionWrap{
	float:left;
	width:90px;
	padding:4px 0 0;
}
.form1 .fieldsGroup .OptionWrap label{
	width:55px;
}
.form1 .fieldsGroup .OptionWrap input{
	float:left;
	margin:0;
	margin-right:5px;
	width:12px;
	height:12px;
}

/* Search */

#cse-search-results iframe{
	width:700px!important;
	height:1000px!important;
	
}

/* contact */

/* main vertical scroll */ 
#main { 
    position:relative; 
    overflow:hidden; 
    height: 450px; 
} 
 
/* root element for pages */ 
#pages { 
    position:absolute; 
    height:20000em; 
} 
/* root element for horizontal scrollables */ 
.scrollable { 
    position:relative; 
    overflow:hidden; 
    width: 510px; 
    height: 450px; 
} 
 
/* root element for scrollable items */ 
.scrollable .items { 
    width:20000em; 
    position:absolute; 
    clear:both; 
}

/* Contact tab */
ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	border-bottom: 1px solid #E0DFE4;
	border-left: 1px solid #E0DFE4;
	width: 90%;
}
ul.award li a ,ul.award li {
	font-weight:bold;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color:#1E1C80!important;
	height:35px!important;
}
ul.tabs li {
	float: left;
	margin: 0;
	padding: 0!important;
	text-align:center;
	height: 57px; /*--Subtract 1px from the height of the unordered list--*/
	line-height: 31px; /*--Vertically aligns the text within the tab--*/
	border: 1px solid #E0DFE4;
	border-left: none;
	margin-bottom: -1px; /*--Pull the list item down 1px--*/
	overflow: hidden;
	position: relative;
	background: #fff;
	width:100px!important;
}
ul.tabs li a {
	text-decoration: none;
	color: #000;
	display: block;
	outline: none;
	height:58px;
}
ul.tabs li a:hover {
	background: #E0DFE4;
}
html ul.tabs li.active, html ul.tabs li.active a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/
	background: #E0DFE4;
}
.tab_container {
	border: 1px solid #E0DFE4;
	border-top: none;
	overflow: hidden;
	clear: both;
	float: left; width: 90%;
	background: #E0DFE4;
}
.tab_content {
	padding: 20px;
	background:#E0DFE4;
}
.extended ul{
	
	list-style:disc;
	padding-left:20px;
	}
.linkright{text-align:right;font-size:0.9em;}
#subLinkdata ul.sitemap{width:665px!important;}
#subLinkdata ul.sitemap  li,.sitemap  li ul li{width:100%!important;background:transparent url(../../images/placeholder/yellowArrow.jpg) no-repeat scroll 0 4px!important;padding:0 14px;!important}
#subLinkdata ul.sitemap  li ul li{padding-left:15px!important;}
#subLinkdata ul.sitemap  li  a{float:left!important;}
#subLinkdata ul.sitemap  li ul{clear:both!important;}
.mapk{
    padding-top:5px;
    float:left;
}
    }