body   { color: #000; font-size: 12px; font-family: Tahoma; text-decoration: none;  margin: 0; padding: 0;
background-color:#F9F9F9;   
}


.mainBgis {
	   background: url('page-area.gif');
   background-repeat:repeat-y;
	}

a			 { color: #fff; font-size: 12px; font-family: tahoma; text-decoration: none }
	.link { color: #fff; font-size: 12px; font-family: tahoma; text-decoration: none }
	a:link		 { color: #fff; font-size: 12px; font-family: tahoma; text-decoration: none }
	a:visited	 { color: #fff; font-size: 12px; font-family: tahoma; text-decoration: none }
	a:hover		 { color: #FFFF33; font-size: 12px; font-family: tahoma; text-decoration: none }
	a:active	 { color: #fff; font-size: 12px; font-family: tahoma; text-decoration: none }

	.white_h1			  { color: #fff; font-size: 16px; font-family: Tahoma; text-decoration: none; text-align:left }
	.white_h2			  { color: #fff; font-size: 18px; font-family: Tahoma; text-decoration: none }
	.white_h3			  { color: #fff; font-size: 16px; font-family: Tahoma; text-decoration: none }
	.white_h4			  { color: #fff; font-size: 14px; font-family: Tahoma; text-decoration: none }
	.white_h5			  { color: #fff; font-size: 12px; font-family: Tahoma; text-decoration: none }
	.white_h6			  { color: #fff; font-size: 11px; font-family: Tahoma; text-decoration: none }

	.black_h1			   { color: #000; font-size: 12px; font-family: Tahoma; text-decoration: none }
	.black_h2			   { color: #000; font-size: 18px; font-family: Tahoma; text-decoration: none }
	.black_h3			   { color: #000; font-size: 16px; font-family: Tahoma; text-decoration: none }
	.black_h4			   { color: #000; font-size: 14px; font-family: Tahoma; text-decoration: none }
	.black_h5			   { color: #000; font-size: 12px; font-family: Tahoma; text-decoration: none }
	.black_h6			   { color: #000; font-size: 11px; font-family: Tahoma; text-decoration: none }
	
	.red_h1			   { color: #b80904; font-size: 20px; font-family: Tahoma; text-decoration: none }
	.red_h2			   { color: #b80904; font-size: 18px; font-family: Tahoma; text-decoration: none }
	.red_h3			   { color: #b80904; font-size: 16px; font-family: Tahoma; text-decoration: none }
	.red_h4			   { color: #b80904; font-size: 14px; font-family: Tahoma; text-decoration: none }
	.red_h5			   { color: #b80904; font-size: 12px; font-family: Tahoma; text-decoration: none }
	.red_h6			   { color: #b80904; font-size: 11px; font-family: Tahoma; text-decoration: none }
	
	.brownhead {color: #0877D6; font-size: 25px; font-family: Tahoma; text-decoration: none; line-height:30px;}
	
	
.brownhead
{
color: #0877D6; font-size: 25px; font-family: Tahoma; text-decoration: none; line-height:30px;
}


.brownhead a:link 
{
color: #0877D6; font-size: 25px; font-family: Tahoma; text-decoration: none; line-height:30px;
}
.brownhead a:visited
{
color: #0877D6; font-size: 25px; font-family: Tahoma; text-decoration: none; line-height:30px;
}
.brownhead a:hover
{
color: #93DD1E; font-size: 25px; font-family: Tahoma; text-decoration: none; line-height:30px;
}

	
	
	.Orangehead {color: #FCB016; font-size: 25px; font-family: Tahoma; text-decoration: none}
	
	.Greenhead {color: #93DD1E; font-size: 25px; font-family: Tahoma; text-decoration: none}
	
	
	

.welc_text  { color: #666; font-size: 12px; font-family: Tahoma; line-height:18px; text-align:justify; text-decoration: none }

.ayat_text  { color: #fff; font-size: 12px; font-family: Tahoma; text-decoration: none }

.links_red  { color: #FF0000; font-size: 12px; font-weight: bold; text-decoration: none }
.links_red a:link   { color: #FF0000; font-size: 12px; font-weight: bold; text-decoration: none }
.links_red a:visited   { color: #FF0000; font-size: 12px; font-weight: bold; text-decoration: none }
.links_red a:hover    { color: #CCCCCC; font-size: 12px; font-weight: bold; text-decoration: underline }

.links_black a:link   { color: #000000; font-size: 12px;  text-decoration: none }
.links_black a:visited   { color: #000000; font-size: 12px;  text-decoration: none }
.links_black a:hover    { color: #999999; font-size: 12px;  text-decoration: underline }


.links_brown_heading a:link   {color: #7E536F; font-size: 25px; font-family: Tahoma; text-decoration: none}
.links_brown_heading a:visited   { color: #7E536F; font-size: 25px; font-family: Tahoma; text-decoration: none}
.links_brown_heading a:hover    { color: #FF9900; font-size: 25px; font-family: Tahoma; text-decoration: none}






.links_black2
{
color: #000000;
font-size: 16px;
font-family:Arial, Helvetica, sans-serif;
text-decoration:none;
}


.links_black2 a:link 
{
color: #000000;
font-size: 16px;
font-family:Arial, Helvetica, sans-serif;
text-decoration:none;
font-weight:bold;
}
.links_black2 a:visited
{
color: #000000;
font-size: 16px;
text-decoration: none;
font-family:Arial, Helvetica, sans-serif;
text-decoration:none;
font-weight:bold;
}
.links_black2 a:hover
{
color: #999999;
font-size: 16px;
font-family:Arial, Helvetica, sans-serif;
text-decoration:none;
font-weight:bold;
}


.blk_text_normal {
font-family:Tahoma;
font-size:11px;
color:#000000;
text-decoration:none;

}

.links_blue_highlight {
font-family:Tahoma;
font-size:12px;
color:#0099FF;
text-decoration:none;
font-weight:bold;

}

.links_blue_highlight a:link{
font-family:Tahoma;
font-size:12px;
color:#0099FF;
text-decoration:none;
font-weight:bold;
}

.links_blue_highlight a:visited {
font-family:Tahoma;
font-size:12px;
color:#0099FF;
text-decoration:none;
font-weight:bold;

}

.links_blue_highlight a:hover {
font-family:Tahoma;
font-size:12px;
color:#000000;
text-decoration:none;
font-weight:bold;

}




.links_grey_1 {
font-family:Tahoma;
font-size:12px;
color:#666666;
text-decoration:none;
font-weight:bold;

}

.links_grey_1 a:link{
font-family:Tahoma;
font-size:12px;
color:#666666;
text-decoration:none;
font-weight:bold;
}

.links_grey_1 a:visited {
font-family:Tahoma;
font-size:12px;
color:#666666;
text-decoration:none;
font-weight:bold;

}

.links_grey_1 a:hover {
font-family:Tahoma;
font-size:12px;
color:#0099CC;
text-decoration:none;
font-weight:bold;

}














.links_header_qa0 {
font-family:Tahoma;
font-size:11px;
color:#0099CC;
text-decoration:none;

}

.links_header_qa0 a:link{
font-family:Tahoma;
font-size:11px;
color:#0099CC;
text-decoration:none;
}

.links_header_qa0 a:visited {
font-family:Tahoma;
font-size:11px;
color:#0099CC;
text-decoration:none;

}

.links_header_qa0 a:hover {
font-family:Tahoma;
font-size:11px;
color:#990000;
text-decoration:none;

}





.links_brown1{
font-family:Tahoma;
font-size:11px;
color:#866C09;
text-decoration:none;

}

.links_brown1 a:link{
font-family:Tahoma;
font-size:12px;
color:#866C09;
text-decoration:none;
}

.links_brown1 a:visited {
font-family:Tahoma;
font-size:12px;
color:#866C09;
text-decoration:none;

}

.links_brown1 a:hover {
font-family:Tahoma;
font-size:12px;
color:#126EB7;
text-decoration:none;

}



.links_header_qa {
font-family:Tahoma;
font-size:12px;
color:#0099CC;
text-decoration:none;

}

.links_header_qa a:link{
font-family:Tahoma;
font-size:11px;
color:#0099CC;
text-decoration:none;

}

.links_header_qa a:visited {
font-family:Tahoma;
font-size:11px;
color:#0099CC;
text-decoration:none;

}

.links_header_qa a:hover {
font-family:Tahoma;
font-size:11px;
color:#990000;
text-decoration:none;
}


.links_header_qa2 {
font-family:Tahoma;
font-size:11px;
color:#FFCC00;
text-decoration:none;
font-weight:bold;
}

.links_header_qa2 a:link{
font-family:Tahoma;
font-size:11px;
color:#FFCC00;
text-decoration:none;
font-weight:bold;
}

.links_header_qa2 a:visited {
font-family:Tahoma;
font-size:11px;
color:#FFCC00;
text-decoration:none;
font-weight:bold;
}

.links_header_qa2 a:hover {
font-family:Tahoma;
font-size:11px;
color:#FFFFFF;
text-decoration:none;
font-weight:bold;
}



.links_header_qa3 {
font-family:Tahoma;
font-size:11px;
color:#000000;
text-decoration:none;
}

.links_header_qa3 a:link{
font-family:Tahoma;
font-size:11px;
color:#000000;
text-decoration:none;
}

.links_header_qa3 a:visited {
font-family:Tahoma;
font-size:11px;
color:#000000;
text-decoration:none;
}

.links_header_qa3 a:hover {
font-family:Tahoma;
font-size:11px;
color:#0066CC;
text-decoration:none;
}



.links_header_qa4{
font-family:Tahoma;
font-size:11px;
color:#fff;
text-decoration:none;
font-weight:bold;
}


.links_header_qa4 a:link{
font-family:Tahoma;
font-size:11px;
color:#fff;
text-decoration:none;
font-weight:bold;
}

.links_header_qa4 a:visited {
font-family:Tahoma;
font-size:11px;
color:#fff;
text-decoration:none;
font-weight:bold;
}

.links_header_qa4 a:hover {
font-family:Tahoma;
font-size:11px;
color:#99CCFF;
text-decoration:none;
font-weight:bold;
}



.head_blacks1{
padding: 0;

font-weight:bold;
font-family:Tahoma;
font-size:12px;

}


/*  Dropdown Menu for let side */

.glossymenu{
margin: 1px 0;
padding: 0;
width: 98%; /*width of menu*/
border: 1px solid #9A9A9A;
border-bottom-width: 0;
}

.glossymenu a.menuitem{
background: black url(leftmenu/glossyback.gif) repeat-x bottom left;
font: bold 12px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: #FFFFFF;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 1px 0;
padding-left: 5px;
text-decoration: none;
line-height:26px
}


.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
color: #FFFFFF;
}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}

.glossymenu a.menuitem:hover{
background-image: url(leftmenu/glossyback2.gif);
}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
background: white;
}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}

.glossymenu div.submenu ul li{
border-bottom: 1px solid #F59C62;
}

.glossymenu div.submenu ul li a{
display: block;
font: normal 12px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: black;
text-decoration: none;
padding: 2px 0;
padding-left: 10px;
line-height:26px
}

.glossymenu div.submenu ul li a:hover{
background: #F6BC96;
color: white;
}

/*  EO Drop Down Menu */






.links_header_qamaris {
font-family:Tahoma;
font-size:16px;
color:#FFF;
text-decoration:none;
font-weight:bold;
}

.links_header_qamaris a:link{
font-family:Tahoma;
font-size:16px;
color:#FFF;
text-decoration:none;
font-weight:bold;
}

.links_header_qamaris a:visited {
font-family:Tahoma;
font-size:16px;
color:#FFF;
text-decoration:none;
font-weight:bold;
}

.links_header_qamaris a:hover {
font-family:Tahoma;
font-size:16px;
color:#FFFF66;
text-decoration:none;
font-weight:bold;
}




.highlightit img{
border: 1px solid #ccc;
padding:5px;
}

.highlightit:hover img{
border: 1px solid navy;
padding:5px;
}

.highlightit:hover{
color: red; /* Dummy definition to overcome IE bug */
}



.rotate{
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;
     
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    transition-property: transform;
     
    overflow:hidden;
 
    }  
 
.rotate:hover  
{
    -webkit-transform:rotate(360deg);
    -moz-transform:rotate(360deg);
    -o-transform:rotate(360deg);
}