/* CSS Document */

/*------------------------------------------------------------------
[Master Stylesheet for layout Fonts,colour,navigation,forms]

Project:		PAAFR

Version:		1.1

Last change:	4 may 2008 [fixed ]

Assigned to:	Murtuza Bagichawala

Note:			The class are structure by middle portion,navigation,forms...
				

Changes Done:   {name of the Team Member}

Major changes:	{Specify your changes here}


Comments:		{Your Comments will be here}


-------------------------------------------------------------------*/


/*the colour and fonts class used detail, useful to find the class*/

/*Title_Pallete/#125589   		Dark blue heading used for the title of the pallete*/

/*Title_Pallete_WHT/#fffff   	White colour heading used for news pallete head*/

/*h3/#219921					Grean colour head used in headings of news and announcements

/*normal_P/#363636				Dark Grey used for content e.g news

/*p/#363636						Dark Grey used for content

/*Normal_text/#444141			Dark Grey colour fonts used for the survey pallete

/*scroll_news/#434040			Dark grey used in scroll ticker ar top

/*font_link_ft/#042b51			Dark Blue colour used for footer links*/

/*sml_link/#042b51				Dark blue colour used for copyright and privacy and legat text*/


/*_______**********Global**********______*/

/*===================================Normal link for the drill down content===================================*/

a:link {
	 font-size:18px; color:#a43704; margin:0px; text-decoration:none; line-height:22px;
}
a:visited {
	 font-size:18px; color:#a43704; margin:0px; text-decoration:none; line-height:22px;
}
a:hover {
	 font-size:18px; color: #2678b8; margin:0px; text-decoration:underline; line-height:22px;
}
a:active {
	 font-size:18px; color:#a43704; margin:0px; text-decoration:none; line-height:22px;
}
/*-----------------------------------Normal link for the drill down content End -----------------------------------*/

.scroll_news{font-family:"Simplified Arabic", "Times New Roman", Tahoma; font:10px; color:#434040; margin:0px; }

/*===================================Right coloumn fonts class===================================*/

.banner_Pallete_WHT{font-family:"Simplified Arabic", "Times New Roman", Tahoma; font-size:20px; color:#ffffff;text-decoration:none; text-align:center; line-height:22px;}

/*-----------------------------------Right coloumn fonts class Ends-----------------------------------*/


/*=====================================Middle coloumn fonts class===================================*/
.Title_Pallete_WHT{ font-family:"Simplified Arabic", "Times New Roman", Tahoma; font-size:18px; line-height:18px; margin:0px;  color:#fff;}

#news li { list-style-image:url(../layout/li_news.gif);  }

h3{font-family:Simplified Arabic, "Times New Roman", "Times New Roman"; font-size:18px; color:#219921; font-weight:bold; margin:9px 0px 4px 0px;}

p{font-family:"Simplified Arabic", "Times New Roman", Tahoma; font-size:18px; color:#363636; line-height:22px;}

.normal_P{font-family:"Simplified Arabic", "Times New Roman", Tahoma; font-size:18px; color:#363636; margin:0px; line-height:22px;}

.Normal_head{font-family:"Simplified Arabic", "Times New Roman", Tahoma; font-size:18px; color:#363636; margin:0px; line-height:22px;}


/*-----------------------------------Middle coloumn fonts class Ends-----------------------------------*/


/*============================================Left Coloumn===================================================*/

.Title_Pallete{ font-family:"Simplified Arabic", "Times New Roman", Tahoma; font-size:20px;  color:#125589;}

.Normal_text{font-family:"Simplified Arabic", "Times New Roman", Tahoma; font-size:17px; color:#444141; margin:0px; line-height:22px;}

/*----------------------------------------Left Coloumn End----------------------------------------*/


/*============================================Footer portion starts here===================================================*/



#font_link_ft{ width:744px;}

#font_link_ft a:link {
	font-family:font-family:"Simplified Arabic", "Times New Roman", Tahoma; font-size:18px; color:#042b51; margin:0px; text-decoration:none;  line-height:22px;
}
#font_link_ft a:visited {
	font-family:font-family:"Simplified Arabic", "Times New Roman", Tahoma; font-size:18px; color:#042b51; margin:0px; text-decoration:none; line-height:22px;
}
#font_link_ft a:hover {
	font-family:font-family:"Simplified Arabic", "Times New Roman", Tahoma; font-size:18px; color: #2678b8; margin:0px; text-decoration:underline; line-height:22px;
}
#font_link_ft a:active {
	font-family:font-family:"Simplified Arabic", "Times New Roman", Tahoma; font-size:18px; color:#042b51; margin:0px; text-decoration:none; line-height:22px;
}

#sml_link{ width:100% }

#sml_link a:link {
	font-family:font-family:"Simplified Arabic", "Times New Roman", Tahoma; font-size:16px; color:#042b51; margin:0px; text-decoration:none;  line-height:16px;
}
#sml_link a:visited {
	font-family:font-family:"Simplified Arabic", "Times New Roman", Tahoma; font-size:16px; color:#042b51; margin:0px; text-decoration:none; line-height:16px;
}
#sml_link a:hover {
	font-family:font-family:"Simplified Arabic", "Times New Roman", Tahoma; font-size:16px; color: #2678b8; margin:0px; text-decoration:underline; line-height:16px;
}
#sml_link a:active {
	font-family:font-family:"Simplified Arabic", "Times New Roman", Tahoma; font-size:16px; color:#042b51; margin:0px; text-decoration:none; line-height:16px;
}

/*============================================Footer portion ends here===================================================*/




/*============================================navigation css starts here===================================================*/



#navigation { 
	position: relative;
	padding: 0px;
	width:977px;
	z-index: 4000;
	margin-top:0px;
	
	
}
#nav{ 	margin: 2px 8px 0px 0px;
	padding: 0;
	border: 0;
	outline: 0;
	list-style: none;
 }



	/* ----------| =Navigation |---------- */ 

#navigation ul#nav { 
	z-index: 4000;
	
}

#navigation ul#nav li { 
	position: relative;
	float: right;
	text-align: center;
	line-height: 0em;
	padding: 0px 0;
	
}

#navigation ul#nav li a { 
	display: block;
	color: #4f4d4d;
	text-decoration: none;
	text-align: left;
	font-size: 18px;
	font-family:"Simplified Arabic", "Times New Roman", Tahoma;
	text-align: center;
	height:27px;
	border-left: 1px solid #e3c440;
	background:url(../layout/off.png) repeat-x;
	line-height:25px;
}


#navigation .item1 { width: 80px; height:27px; 
  }
#navigation .item2 { width: 126px;  height:27px }
#navigation .item3 { width: 126px;   height:27px}
#navigation .item4 { width: 126px;  height:27px }
#navigation .item5 { width: 126px;  height:27px }
#navigation .item6 { width: 126px;   height:27px}
#navigation .item7 { width: 126px;   height:27px}
#navigation .item8 { width: 126px;   height:27px}
#navigation ul#nav li.item6 a { border: 1; }

		/* ----------| =Navigation (Drop Down) |---------- */ 
		
		#navigation  ul#nav li ul.item3Dropdown {
			list-style-type:none;
			list-style-position:inside;
			list-style:none;
			display: block;
			position: absolute;
			left: -999em;
			padding: 2px 2px 2px 2px;
			background-color:#46c744;			border: 2px solid #28a426;
}
		
				#navigation  ul#nav li ul.item4Dropdown {
			list-style-type:none;
			list-style-position:inside;
			list-style:none;
			display: block;
			position: absolute;
			left: -999em;
			padding: 2px 2px 2px 2px;
			background-color:#46c744;			border: 2px solid #28a426;
}

		#navigation  ul#nav li ul.item5Dropdown {
			list-style-type:none;
			list-style-position:inside;
			list-style:none;
			display: block;
			position: absolute;
			left: -999em;
			padding: 2px 2px 2px 2px;
			background-color:#46c744;			border: 2px solid #28a426;
}

		#navigation  ul#nav li ul.item7Dropdown {
			list-style-type:none;
			list-style-position:inside;
			list-style:none;
			display: block;
			position: absolute;
			left: -999em;
			padding: 2px 2px 2px 2px;
			background-color:#46c744;			border: 2px solid #28a426;
}

		#navigation  ul#nav li ul.item8Dropdown {
			list-style-type:none;
			list-style-position:inside;
			list-style:none;
			display: block;
			position: absolute;
			left: -999em;
			padding: 2px 2px 2px 2px;
			background-color:#46c744;			border: 2px solid #28a426;
}


		#navigation ul#nav  li ul { 
					list-style-type:none;
			list-style-position:inside;
			list-style:none;

			display: block;
			position: absolute;
			left: -999em;
			width: 190px;
			padding: 2px 2px 2px 2px;
			background-color:#46c744;			border: 2px solid #28a426;
}

		#navigation ul#nav  li:hover ul{
			list-style-type:none;
			list-style-position:inside;
			list-style:none;
			display: block;
			top: 100%;right:0px;
			left: 0;
			position: absolute;
			z-index: 3000;
			width: 190px;
		}
		#navigation ul#nav  li.over ul /* used to target IE via script */ {
					list-style-type:none;
			list-style-position:inside;
			list-style:none;
			display: block;
			top: 100%;right:-40px;
			left: 0;
			position: absolute;
			z-index: 3000;
			width: 190px;
		}

		#navigation ul#nav  li ul li {
			list-style-type:none;
			list-style-position:inside;
			list-style:none;
			border-bottom:1px solid #157a13;
 
			width: 190x;
			height: auto;
			background: transparent;
			text-indent: 0;
			padding: 0;
		}

		#navigation ul#nav  li:hover ul li a, 
		#navigation ul#nav  li.over ul li a { 

			display: block;
			width: 190px;
			background: transparent;
			padding: 2px 2px 2px 2px;
			text-decoration: none;
			border-bottom:1px solid #46c744;
			margin: 0;
			color: #fff;
			text-indent: 0;
			text-align: right;
			border: 0;
			font-size: 16px;
			font-weight:bold;
			font-family:"Simplified Arabic", "Times New Roman", Tahoma;
			white-space: nowrap;
		}

		#navigation ul#nav li ul li a:hover { 
			color: #4f4d4d;
			background: #f6dd6a;
		}
		
#navigation ul#nav li.active a, 
#navigation ul#nav li a:hover, 
#navigation ul#nav li:hover a, 
#navigation ul#nav li.over a { 
background:url(../layout/onn.png);
background-repeat:repeat-x;
height:27px;
color:#fff;


}
.EngFont{ font-size:12px; font-family:Arial, Helvetica, sans-serif;}


/*-----------------------------------Navigation css ends here-----------------------------------*/



/*============================================Forms style starts here===================================================*/

/*Forms defaults*/


/*Text inputs*/
.textinput {height:18px; width:150px; background-image:url(../layout/input.gif); background-repeat:repeat-x;}

.textinput_large {height:18px; width:180px; background-image:url(../layout/input.gif); background-repeat:repeat-x;}

.textinput_large2 {height:18px; width:230px; background-image:url(../layout/input.gif); background-repeat:repeat-x;}
.testarea{width:230px; height:60px;}


.btn {
  cursor:pointer;
  overflow:visible; /* ie6/7 width fix */
  width:auto; /* ie6/7 width fix */
  padding:1px 5px;
  background-image:url(../layout/base_btn.gif);
  background-repeat:repeat-x;
  background-color:#CCCCCC;
  color:#2f8d18;
  font:17px "Times New Roman", "Simplified Arabic", Arial;
  border:1px solid #aaa;
  font-weight:bold;
  }

/*-----------------------------------Forms style ends here-----------------------------------*/

h1{ font-family:"Simplified Arabic", "Times New Roman", Tahoma; font-size:24px; font-weight:normal;  color:#125589;  margin:0px 0px 0px 0px;}



/*============================================ bredcrumbs starts here===================================================*/


#bredcrumbs{ padding:0px 10px 0px 10px; width:100%}

#bredcrumbs a:link {
	font-family:font-family:"Simplified Arabic", "Times New Roman", Tahoma; font-size:16px; color:#a43704; margin:0px; text-decoration:none;  line-height:16px;
}
#bredcrumbs a:visited {
	font-family:font-family:"Simplified Arabic", "Times New Roman", Tahoma; font-size:16px; color:#a43704; margin:0px; text-decoration:none; line-height:16px;
}
#bredcrumbs a:hover {
	font-family:font-family:"Simplified Arabic", "Times New Roman", Tahoma; font-size:16px; color: #2678b8; margin:0px; text-decoration:underline; line-height:16px;
}
#bredcrumbs a:active {
	font-family:font-family:"Simplified Arabic", "Times New Roman", Tahoma; font-size:16px; color:#a43704; margin:0px; text-decoration:none; line-height:16px;
}
/*------------------------------------------- bredcrumbs Ends here-----------------------------------------------*/


#download_file{ width:716px; margin-right:0px;}

#download_file a:link {font-size:18px; color:#042b51; line-height:22px; text-decoration:none;}
	 
#download_file a:visited { font-size:18px; color:#042b51; line-height:22px; text-decoration:none;}

#download_file a:hover {font-size:18px; color:#2678b8; line-height:22px; text-decoration:underline;}
	 
#download_file a:active {font-size:18px; color:#042b51; line-height:22px; text-decoration:none;}

#arrow li { list-style-image:url(../layout/icon_arrow.png); margin-bottom:15px;  }

.Title_Pallete_black{ font-size:20px; line-height:20px; margin:0px;  color:#4f4d4d;}

.grd_bar{ background-image:url(../layout/grd_bar.png); background-repeat:repeat-x; height:37px;}

.grd_bar_large{background-image:url(../layout/grd_bar_large.png); background-repeat:repeat-x; height:105px;}

#faq li{list-style-image:url(../layout/icon_arrow.png); margin:0px 2px 15px 0px;}

#faq a:link {font-size:18px; color:#219921; font-weight:bold;}

#faq a:visited {font-size:18px; color:#219921; font-weight:bold;}

#faq a:hover {font-size:18px; color:#2678b8; line-height:22px; text-decoration:underline;}

#faq a:active {font-size:18px; color:#219921; font-weight:bold;}


/*Scrolling News Line at the top Starts here*/

#Mrq { }

#Mrq a:link {font-size:16px; color:#434040; font-weight:bold;}

#Mrq a:visited {font-size:16px; color:#434040; font-weight:bold;}

#Mrq a:hover {font-size:16px; color:#2678b8; line-height:22px; text-decoration:underline;}

#Mrq a:active {font-size:16px; color:#434040; font-weight:bold;}

/*Scrolling News Line at the top Ends here*/

