﻿HTML {BACKGROUND-IMAGE: url(images/home/bg.gif); PADDING-BOTTOM: 0px; BACKGROUND-COLOR: #66C2E0; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; BACKGROUND-REPEAT: repeat-y; BACKGROUND-POSITION: center ; PADDING-TOP: 2px;}
BODY {BACKGROUND-IMAGE: url(images/home/bg.gif); TEXT-ALIGN:center; PADDING-BOTTOM: 3px; BACKGROUND-COLOR: #66C2E0 ; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; BACKGROUND-REPEAT: repeat-y; BACKGROUND-POSITION: center;  PADDING-TOP:2px;}
#container {
	margin: 0 auto; 
    text-align: left;
    width:960px;
}
#content {
	margin: 0 auto; 
    text-align: left;
    background-image: url('images/home/content-bg.png') ; height:600px; 
}
#generalDiv{
    padding-top:15px;
    margin-left:20px; 
    margin-right:20px;
	font-family:Georgia, serif; 
    font-size:14px; 
	line-height:20px; 
	color:   #204162;
	letter-spacing:1px;
	border:0px #FFFFFF solid;

	
}
.generalheadline{ 
             margin:2px 0px 0;
             font-size:1.1em; 
             height:26px;
             letter-spacing:1px;
             text-align:left; 
             vertical-align:middle;
             padding-top:5px; 
             padding-bottom:2px;
             margin-bottom:2px; 
             padding-left:6px;
             font-weight:bold;
             color: #DEEEFF; 
             background: #317296  url('images/home/active.gif')  repeat-x;
}

#dropmenu{/*background-image: url('images/home/Rel3/bg-gray.png')*/}
#header {  margin: 0 auto;  text-align: left;   background-image:url('images/home/header.png');}
#footer {
	TEXT-ALIGN: center;
	FONT-FAMILY: Helvetica, sans-serif, "MS Sans Serif", Verdana, Arial ; 
	TEXT-DECORATION: none;
	font-size: 8pt;
	height: 37px;
	padding-top:2px;
	color:  #252525;
	width: 960px;
}
#header H1 {MARGIN: 0px}
#footer H1 {MARGIN: 0px}
#footer a{
	TEXT-ALIGN: center;
	FONT-FAMILY: Helvetica, sans-serif, "MS Sans Serif", Verdana, Arial ; 
	TEXT-DECORATION: none;
	font-size: 9pt;
	padding-top:2px;
	color:  #252525;

}
#footer A:hover {color:   red; TEXT-DECORATION: none;}

A:link {COLOR: #2D8CBB;	TEXT-DECORATION: none;border:1px white}
A:active {COLOR:#2D8CBB;   TEXT-DECORATION: none;border:1px white}
A:visited {COLOR: #2D8CBB;  TEXT-DECORATION: none;border:1px white}
A:hover {color: white; TEXT-DECORATION: underline;border:1px white}

.menulines{
border-bottom:1px solid #6DBAD7;
border-left:1px solid    #6DBAD7;
/*background-image: url('images/home/tab-bg.png'); */
font-family: Helvetica, sans-serif,MS Sans Serif, Verdana, Arial; 
font-size:.75em;
text-align: center;
color:   #FF8000;
padding:2px;
}

.menulines a{
text-decoration:none;
text-indent:2px;

}

.Lang{
border-bottom:0px solid #6DBAD7;
border-left:0px solid    #6DBAD7;
/*background-image: url('images/home/tab-bg.png'); */
font-family: "Simplified Arabic";
font-size:1.1em;
color:  #336699;
}

.Lang a{
text-decoration:none;
text-indent:2px;
font-size:1.2em;
color:   #A46200;
}

.Lang A:hover {color:   #CA5100; TEXT-DECORATION: none;}

.news{
border-bottom:0px solid #6DBAD7;
border-left:0px solid    #6DBAD7;
/*background-image: url('images/home/tab-bg.png'); */
font-family: Helvetica, sans-serif,MS Sans Serif, Verdana, Arial; 
font-size:.9em;
color: black;
}

.news a{
text-decoration:none;
text-indent:2px;
color: #CD6612;
}

.news A:hover {color:  #C4E1FF; TEXT-DECORATION: none;}

.mediaButton{
    opacity:0.86;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=80)";
    filter:alpha(opacity=65);
    zoom:1;
    border: 0px solid #879BAD; 
    text-align:right;
}
.mediaButton:hover{
    opacity:1;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=100)";
    filter:alpha(opacity=100) ;
    /* background-image:url('blueR3/1.gif')*/
    border: 0px solid   #E8F3FF; 
}


/* Stuff for silder */
.headline1h1{ 
             margin:0px 0 0;font-size:1.3em; height:26px;letter-spacing:1px;
             text-align :center;   
             vertical-align:middle;
             padding-top:2px; 
             padding-bottom:2px;
             margin-bottom:0px; 
             font-weight:bold;
             color:#F7CDA8;
             background: url('images/home/active.gif')repeat-x;
}
.headline2h2 {margin:0px 0 0;font-size:1.3em; height:26px;letter-spacing:1px;
             text-align :center;   
             vertical-align:middle;
             padding-top:2px; 
             padding-bottom:2px;
             margin-bottom:0px; 
             font-weight:bold;
             color:#C1E98D;
             background: url('images/home/active.gif') repeat-x;
}


#featured{ 
	width:620px; 
	padding-right:250px; 
	position:relative; 
	border:0px solid teal; 
   	height:300px; 
	margin:2px;
	background:transparent;
}
#featured ul.ui-tabs-nav{ 
	position:absolute; 
	top:30px; left:620px; 
	list-style:none; 
	padding:0; margin:0; 
	width:280px; 
	background:transparent;
    /*border:0px 1px 1px 1px solid #ccc; */


}
#featured ul.ui-tabs-nav li{ 
	padding:1px 0; padding-left:13px;  
	font-size:12px; 
	color:#666; 
}
#featured ul.ui-tabs-nav li img{ 
	float:left; margin:2px 5px; 
	background:#fff; 
	padding:2px; 
	border:4px solid #eee;
}
#featured ul.ui-tabs-nav li span{ 
	font-size:11px; font-family:Verdana; 
	line-height:18px; 
}
#featured li.ui-tabs-nav-item a{ 
	display:block; 
	height:65px; 
	color:#333;  background:#fff; 
	line-height:20px;
}
#featured li.ui-tabs-nav-item a:hover{ 
	background: #BAD1D1;
}
#featured li.ui-tabs-selected{ 
	background:url('images/home/selected-item.gif') top left no-repeat;  
}
#featured ul.ui-tabs-nav li.ui-tabs-selected a{ 
	background:#ccc; 
}
#featured .ui-tabs-panel{ 
	width:625px; height:485px; 
	background: url('images/home/infopanel.png'); 
	position:relative;
}

#featured .ui-tabs-panel .info{ 
	position:absolute; 
	top:310px; left:0; 
	height:125px; 
	width:625px;
	/*background: url('images/home/transparent-bg.png'); */ 
}
#featured .info h2{ 
	font-size:18px; font-family:Georgia, serif; 
	color:#fff; padding:5px; margin:0;
	overflow:hidden; 
}
#featured .info p{ 
	margin:0 5px; 
	font-family:Georgia, serif; 
    font-size:13px; 
	line-height:17px; color:#f0f0f0;
}
#featured .info li{ 
	margin:0 2px; 
	font-family:Georgia, serif; 
    font-size:13px; 
	line-height:17px; color:#f0f0f0;
}

#featured .info a{ 
	text-decoration:none; 
	color:#fff; 
}
#featured .info a:hover{ 
	text-decoration:underline; 
}
#featured .ui-tabs-hide{ 
	display:none; 
}
.StartB {
background:#CC6666;
top:260px;
position:absolute;
left:280px;
line-height:40px;
height:40px;
-webkit-border-image:url(images/home/button.png) 0 8 0 8;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#CC6666',endColorstr='#DD6262');
border-width:0 4px;
padding:0 2px;
}

.StartB  a {
margin-top:15px;
padding:5px;
color:white;
font-size:14pt;
font-weight:bold;
}
.StartB  a:hover {
color:#C3FDB8;
text-decoration:none; 
}
.Comments {

}
.Comments  li{
color:lightblue;
padding:4px;

}
.Comments  a {
font-size:12pt;
}
/* Drop Down Menue */
#menu {list-style-type:none; padding:0; margin:0; width:80px; border:1px solid #fff; border-width:0 0px 0px; z-index:100;}
#menu ul {list-style-type:none; padding:0; margin:0;}
#menu li {float:left; background:#269ACE; position:relative; border-top:0px solid #fff;}

#menu li.sub {
-webkit-border-image:url(images/home/buttonB.png) 0 8 0 8;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#367FAB',endColorstr='#269ACE');
}

#menu li, #menu li a {display:block; color:#fff; 
font-family:arial, sans-serif; font-size:11px; 
line-height:24px; width:80px; text-decoration:none;  
cursor:pointer; 
font-weight:bold; 
text-indent:5px;}


#menu ul,
#menu li:hover ul ul,
#menu li:hover ul li:hover ul ul {display:none;border-top:1px solid #fff;}

#menu li:hover {color:#EE8A3A; z-index:500;}

#menu li:hover ul {display:block;}
#menu li:hover ul li:hover ul, 
#menu li:hover ul li:hover ul li:hover ul {display:block; position:absolute; 
left:80px; top:-1px; border:1px solid #fff; border-width:0 1px 1px; height:auto;}

#menu li:hover ul li.fly {background: #657 url(frog_arrow.gif) no-repeat top right;}
#menu li:hover ul li:hover {background:#EE8A3A;}

#menu li:hover ul li:hover ul li {background:#c60;}
#menu li:hover ul li:hover ul li.hover ul li {background:#780; z-index:500;}

#menu li:hover ul li:hover ul li.fly {background: #c60 url(frog_arrow.gif) no-repeat top right;}
#menu li:hover ul li:hover ul li:hover {z-index:500; background:#fa4;}
#menu li:hover ul li:hover ul li:hover a {color:#000;}

#menu li:hover ul li:hover ul li:hover ul li:hover {background:#aa0;}
#menu li:hover ul li:hover ul li.hover ul li:hover a {color:#fff;}

#nav img {display:block; float:right;}
#nav p {margin:0px; padding:17px 0 0 0; color:#000; font-size:12px; font-family:arial, sans-serif; text-align:justify;}