/***********************************************/

/* emx_nav_left.css                            */

/* Use with template Halo_leftNav.html         */

/***********************************************/



/***********************************************/

/* HTML tag styles                             */

/***********************************************/

body{

	font-family: Arial,sans-serif;

	font-size:11px;

	color: #333333;

	line-height: 15px;

	margin: 0px;

	padding: 0px;

	background: #ffffff url("bg_grad.jpg") fixed;
	

	SCROLLBAR-FACE-COLOR: #dee3e7; SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; SCROLLBAR-SHADOW-COLOR: #dee3e7; SCROLLBAR-3DLIGHT-COLOR: #d1d7dc; SCROLLBAR-ARROW-COLOR: #006699; SCROLLBAR-TRACK-COLOR: #efefef; SCROLLBAR-DARKSHADOW-COLOR: #98aab1;

}



/******* hyperlink and anchor tag styles *******/



a:link, a:visited{

	color: #005FA9;

	text-decoration: none;

	font-size:11px;

}



a:hover{

	text-decoration: underline;

}



/************** header tag styles **************/



h1{

 font: bold 120% Arial,sans-serif;

 color: #334d55;

 margin: 0px;

 padding: 0px;

}



h2{

 font: bold 114% Arial,sans-serif;

 color: #006699;

 margin: 0px;

 padding: 0px;

}



h3{

 font: bold 100% Arial,sans-serif;

 color: #334d55;

 margin: 0px;

 padding: 0px;

}



h4{

 font: 100% Arial,sans-serif;

 color: #333333;

 margin: 0px;

 padding: 0px;

}



h5{

 font: 100% Arial,sans-serif;

 color: #334d55;

 margin: 0px;

 padding: 0px;

}





/*************** list tag styles ***************/



ul{

 list-style-type: square;

}



ul ul{

 list-style-type: disc;

}



ul ul ul{

 list-style-type: none;

}



/********* form and related tag styles *********/



form {

	margin: 0;

	padding: 0;

}



label{

 font: bold 1em Arial,sans-serif;

 color: #334d55;

}

				

input{

font-family: Arial,sans-serif;

}



/***********************************************/

/* Layout Divs                                 */

/***********************************************/

#pagecell1{

	position:absolute;

	top: 112px;

	left: 2%;

	right: 2%;

	width:95.6%;

	background-color: #ffffff;

			background: #ffffff url("rev_bg_grad.jpg") fixed;

}



#tl {

	position:absolute;

	top: -1px;

	left: -1px;

	margin: 0px;

	padding: 0px;

	z-index: 100;

}



#tr {

	position:absolute;

	top: -1px;

	right: -1px;

	margin: 0px;

	padding: 0px;

	z-index: 100;

}



#masthead{

	position: absolute;

	top: 0px;

	left: 2%;

	right: 2%;

	width:95.6%;

	

}



#pageNav{

	float: left;

	width:178px;

	padding: 0px;



	background-color: #F5f7f7;

	/*border-right: 1px solid #cccccc;

	border-bottom: 1px solid #cccccc;*/

	font: 12px Verdana,sans-serif;





}



#content{

	padding: 0px 10px 0px 0px;

	margin:0px 0px 0px 178px;

	border-left: 1px solid #ccd2d2;

	font-size:12px;

}





/***********************************************/

/* Component Divs                              */

/***********************************************/

#siteName{

	margin: 0px;

	padding: 16px 0px 8px 0px;

	color: #ffffff;

	font-weight: normal;

}



/************** utility styles *****************/



#utility{

	font: 75% Verdana,sans-serif;

	position: absolute;

	top: 16px;

	right: 0px;

	color: #919999;

}



#utility a{

	color: #ffffff;

}



#utility a:hover{

	text-decoration: underline;

}



/************** pageName styles ****************/





#pageName{

	padding: 0px 0px 14px 10px;

	margin: 0px;

	border-bottom:1px solid #ccd2d2;

}



#pageName h2{

	font: bold 14px,Arial,sans-serif;

	color: #000000;

	margin:0px;

	padding: 0px;

}



#pageName img{

	position: absolute;

	top: 0px;

	right: 6px;

}



/************* globalNav styles ****************/



#globalNav{

position: relative;

width: 100%;



height: 25px;

color: #cccccc;

padding: 0px;

margin: 0px;

background-image:  url("glbnav_background.gif");

}



#globalNav img{

	margin-bottom: -4px;

 

}



#gnl {

	position: absolute;

	top: 0px;

	left:-4px;

}



#gnr {

	position: absolute;

	top: 0px;

	right:0px;

}



#globalLink{

	position: absolute;

	top: 5px;

	height: 22px;



	padding: 0px;

	margin: 0px;

	left: 11px;

	z-index: 100;

}





a.glink, a.glink:visited{

  	font-size: small;

  	color: #000000;

	font-weight: bold;

	margin: 0px;

	padding: 10px 5px 5px 5px;

	border-right: 2px solid #8FB8BC;
	cursor:pointer;

}



a.glink:hover{
	cursor:pointer;

  	background-image:  url("glblnav_selected.gif");

	text-decoration: none;

}
a.aglinkhover{
font-size: small;

  	color: #000000;

	font-weight: bold;

	margin: 0px;

	padding: 10px 5px 5px 5px;

	border-right: 2px solid #8FB8BC;

 	background-image:  url("glblnav_selected.gif");

	text-decoration: none;

}



.skipLinks {display: none;}



/************ subglobalNav styles **************/



.subglobalNav{

	position: absolute;

	top: 84px;

	left: 0px;

	/*width: 100%;*/



	height: 20px;

	padding: 0px 0px 0px 10px;

	visibility: hidden;

	color: #ffffff;

}



.subglobalNav a:link, .subglobalNav a:visited {

	font-size:12px;

	color: #ffffff;

}



.subglobalNav a:hover{

	color: #cccccc;

}



/*************** search styles *****************/



#search{

	position: absolute;

	top: 5px;

	right: 10px;

	z-index: 101;

}



#search input{

  font-size: 12px;

  margin: 0px  0px 0px 10px;

 }

 

#search a:link, #search a:visited {

	font-size: 12px;

	font-weight: bold;

	

}



#search a:hover{

	margin: 0px;

}





/************* breadCrumb styles ***************/



#breadCrumb{

	padding: 5px 0px 5px 10px;

	font: small Verdana,sans-serif;

	color: #ffffff;

}

.link {

color:#005FA9;
cursor:pointer;

}

#breadCrumb a{

	color: #AAAAAA;

}



#breadCrumb a:hover{

	cursor:pointer;

	text-decoration: underline;

}





/************** feature styles *****************/



.feature{

	padding: 0px 0px 10px 10px;

	font-size: 12px;

	

	height: 200px;

}

html>body .feature {height: auto;}



.feature h3{

	font: bold 14px Arial,sans-serif;

	color: #000000;

	padding: 30px 0px 5px 0px;

}



.feature img{

	float: left;

	padding: 0px 10px 0px 0px;

}





/*************** story styles ******************/



.story {

	padding: 10px 0px 0px 10px;

	font-size: 12px;

}



.story h3{

	font: bold 14px Arial,sans-serif;

	color: #000000;

}



.story p {

	padding: 0px 0px 10px 0px;

}



.story a.capsule{

	font: bold 1em Arial,sans-serif;

	color: #005FA9;

	display:block;

	padding-bottom: 5px;

}



.story a.capsule:hover{

	text-decoration: underline;

}



td.storyLeft{

	padding-right: 12px;

}





/************** siteInfo styles ****************/



#siteInfo{

	clear: both;

	border-top: 1px solid #cccccc;

	font-size: small;

	color: #cccccc;

	padding: 10px 10px 10px 10px;

	margin-top: 0px;

}



#siteInfo img{

	padding: 4px 4px 4px 0px;



}





/************ sectionLinks styles **************/



#sectionLinks{

	margin: 0px;

	padding: 0px;



}



#sectionLinks h3{

	padding: 10px 0px 2px 10px;

	border-bottom: 1px solid #cccccc;

}





#sectionLinks a:link {

	display: block;

	border-top: 1px solid #ffffff;

	border-bottom: 4px solid #cccccc;

	background-image:  url("bg_nav.jpg");

	font-weight: bold;

	padding: 3px 0px 3px 10px;

	color: #21536A;

	

}

#sectionLinks a:visited{
display: block;

	border-top: 1px solid #ffffff;

	border-bottom: 4px solid #91B1B0;

	background-image:  url("bg_nav.jpg");

	font-weight: bold;

	padding: 3px 0px 3px 10px;

	color: #21536A;

	



}



#sectionLinks a:hover{

	border-top: 1px solid #cccccc;

	background-color: #89ABAA;

	background-image: none;

	font-weight: bold;

	text-decoration: none;

	padding:5px 0px 5px 10px;

	text-indent:20px;

	background: #cccccc url("bg_grad.jpg") fixed;

}





/************* relatedLinks styles **************/



.relatedLinks{

	margin: 0px;

	padding: 0px 0px 10px 10px;

	border-bottom: 1px solid #cccccc;

}



.relatedLinks h3{

	padding: 10px 0px 2px 0px;

}



.relatedLinks a{

	display: block; 

}





/**************** advert styles *****************/



#advert{

	padding: 10px;

}



#advert img{

	display: block;

}



/********************* end **********************/





.textHighlight{

	display: inline;

	border-bottom: 1px solid #cccccc;

	

	font-weight: bold;

	

	color: #9B9670;



}

.td{

	font-weight: bold;

	background-color:#B4CAC8;

	color: #000000;



}



.tdtext{



	background-color:#fafafa;

border:5px solid #f8f8f8;

}

.table{

	/*background-color:#fafafa;*/

border:1px solid #E0EFEF;



text-align:left;

margin-left:20px;

padding:5px;



}

.gradient{

	background: #cccccc url("bg_grad.jpg") fixed;

}

.one{/* for left side  of the table of the previous ewb pages making compatible*/



	background-color:#ECF2F2;

	color: #000000;



}

.two{/* capsule  for the  of the previous ewb pages making compatible*/

	font: bold 14px Arial,sans-serif;

	color: #005FA9;

	display:block;

	padding-bottom: 5px;



}

.heading{



	font: bold 14px Arial,sans-serif;

	color: #005FA9;

	display:block;

	padding-bottom: 5px;

}

.footerbar{

color:#4D8079;

	font: 11px Arial,sans-serif;

text-align:center;

	display:block;

	padding-bottom: 5px;

}

.tdhead{

background-image:  url("glbnav_background.gif");

color:#000000;

text-align:center;





padding:5px;

font-weight:bold;

}

td{

padding:5px;

text-align:justify;

line-height:15px;

font:"Courier New", Courier, mono;

font-size:11px;



}

.tdheading{

	color:#1D1E23;



}

p{

font-size:11px;

}

.highlighter{
border:1px solid #3E776E;

}

/* for the projects */
.heading{
cursor:pointer;
color:#000000;
padding-top:4px;
height:35px;

}
.projectsHeadingPanelIntroduction, .projectsHeadingPanelIntroduction, .projectsHeadingObjective,.projectHeadingObjectivePanel,.projectHeadingFundedBy, .projectHeadingFundedByPanel, .projectHeadingMethodology, .projectHeadingMethodologyPanel, .projectHeadingStatus, .projectHeadingStatusPanel,.projectsHeadingIntroduction{
background-color: #ffffff;
	filter:alpha(opacity=94);
	opacity: .94;
	-moz-opacity: .94;

color:#000000;
padding:2px;
width:97%;

}


.transparentPanel,.headPanel{
	background-image: url(titlebar.png);
	background-repeat: repeat-x;
	background-position: top;
background-color: #ffffff;
	filter:alpha(opacity=90);
	opacity: .9;
	-moz-opacity: .9;
padding:4px;
color:#000000;
text-align:left;

}
.headPanel:hover{
background-image: url(titlebar_ov.png);
	background-repeat: repeat-x;
	background-position: top;
	

}

.picturePanel{
padding-top:50px;
background-image:url(pictureTitleBar.png);
background-repeat:repeat-x;
border:0px;
background-color:#D5E3EF;
padding::0px;
margin:0px;
content:attr(<p>Snap Shots</p>)
/*border:1px solid #D1E1ED;*/
}
#picturePanel img{
padding:10px;
border-top:0px;

background-color:#D1E1ED;
border-left:1px solid #111111;
border-right:1px solid #111111;
border-bottom:1px solid #111111;

}
 #picturePanel img:hover{
padding:10px;
border-top:0px;
border-left:1px solid #111111;
border-right:1px solid #111111;
border-bottom:1px solid #111111;
background-color:#B5CEDF;

}
.projectsHeading{/* capsule  for the  of the previous ewb pages making compatible*/

	font: bold 12px Arial,sans-serif;

	color: #005FA9;



	
}
#projectContainer p{
font-family: Arial,sans-serif;

	font-size:11px;

	color: #000000;

	line-height: 20px;

	margin: 0px;

	padding: 0px;

}
.pictureTitle{
color:#EAEAD1;
text-align:center;
background-image:url(pictureTitletxt.png);
background-repeat:repeat-x;
background-color:#FFFFFF;
color:#000000;
height:50px;
}