@charset "utf-8";

/* CSS Document */



/*#############General###############*/

* { padding: 0px; margin: 0px; }

html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, img, ins, kbd, q, s, samp, small, strike, strong, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td  { margin: 0; padding: 0; border: 0;  outline: 0; font-size: 100%; vertical-align: baselinebaseline; background: transparent;}  

ol, ul {list-style: none;} 

blockquote, q {quotes: none;}  

blockquote:before, blockquote:after, q:before, q:after {content: '';  content: none;}  

table {  border-collapse: collapse;  border-spacing: 0;}  

h1, h2, h3, h4, h5, h6{ padding-left:7px; padding-right:7px; font-family:Arial, Helvetica, sans-serif;}

a, a:hover{ text-decoration:none;}

.clear {clear:both;}

.width90percent{width:90%;}

.width357{width:357px;}

h3{color:#fff; font-size:14px}

p{ padding:4px 7px; color:#646464; font-size:10pt}

img { border:none;}

img.center{ margin:0 auto; display:block;} 

.blue{ color:#2D90D6}

html { background:#faf4e6 url(../images/bg-body2.gif) repeat-x top; /* Height is 100%, so the body can be 100% */ height:100%; } 

body {

font:11px/1.4 Tahoma, Arial, sans-serif;

color:#333333;

background:url(../images/bg-body4.jpg) repeat-x; background-position:50px top; margin:0; padding:0; /* Height is 100%, so the tiled BG will tile all the way down the page, not just as far down as the page's content (when the content's height < window's height) */ height:100%;

}

#GlobalContainer{ width:951px; margin:0 auto;}

/*####################HEADER#######################*/	



#HeaderFlash{ padding-top:60px;}





/*#####################CONTENT############################*/

#InnerContent{float:left; width:510px; margin-top:10px;}



#InnerContent h1{ color:#3b341b; font-size:18px; padding-top:10px;}

.clip3mid{background:#FFFFFF;margin-bottom:10px;_margin-bottom:6px;}

.clip3contentmid{border-left:#bec0c2 1px solid;border-right:#bec0c2 1px solid;background:#f8f3e4;padding:0 5px; direction:rtl;}

.Hed3mid{background:url(../images/HedCornerM3mid.jpg) repeat-x;height:10px;}

.HedCornerR3mid{background:url(../images/HedCornerR3mid.jpg) no-repeat;width:15px;height:10px;float:right}

.HedCornerL3mid{background:url(../images/HedCornerL3mid.jpg) no-repeat;width:15px;height:10px;float:left}

.Btom3mid{background:url(../images/BtomCornerM3mid.jpg) repeat-x top;height:13px; }

.BtomCornerR3mid{background:url(../images/BtomCornerR3mid.jpg) no-repeat;width:15px;height:13px;float:right}

.BtomCornerL3mid{background:url(../images/BtomCornerL3mid.jpg) no-repeat;width:15px;height:13px;float:left}









.clip4mid{background:#FFFFFF;margin-bottom:10px;_margin-bottom:6px;}



.clip4contentmid{border-left:#e3d8b6 3px solid;border-right:#e3d8b6 3px solid;background:#f9f4e5;padding:0 5px; direction:ltr;}

.Hed4mid{background:url(../images/HedCornerM4mid.jpg) repeat-x;height:10px;}

.HedCornerR4mid{background:url(../images/HedCornerR4mid.jpg) no-repeat;width:15px;height:10px;float:right}

.HedCornerL4mid{background:url(../images/HedCornerL4mid.jpg) no-repeat;width:15px;height:10px;float:left}



.Btom4mid{background:url(../images/BtomCornerM4mid.jpg) repeat-x top;height:13px; }

.BtomCornerR4mid{background:url(../images/BtomCornerR4mid.jpg) no-repeat;width:15px;height:13px;float:right}

.BtomCornerL4mid{background:url(../images/BtomCornerL4mid.jpg) no-repeat;width:15px;height:13px;float:left}







#MainContent{ float:right; width:721px; margin-top:10px;}

 

#MainContent #TopNav{ background:url(../images/bg-top-menu.png) no-repeat; line-height:40px; height:40px;}

#MainContent #TopNav ul{ margin:2px 20px; font-size:18px;  direction:rtl;}



#MainContent #TopNav ul li{ float:right; display:inline; margin-left:40px;}

#MainContent #TopNav ul li a{ color:#000;}

#MainContent #TopNav ul li a:hover{ color:#fff;}



/*##################LEFT NAVIGATION  AND NEWS############*/

#LeftNav{ float:right; width:201px; margin-top:10px;}

#LeftNav h3{ background:url(../images/bg-header-left-nav.gif) top center; line-height:57px; color:#3b341b; text-align:center; font-size:12pt;}

#LeftNav .Content{ background: url(../images/bg-content-left-nav.gif) repeat-y; padding:10px;}

#LeftNav .Content ul{ }

#LeftNav .Content ul li{ margin-bottom:25px; }



#LeftNav .Content a{ color:#555454;}



#LeftNav .Content a:hover{ color:#555454; text-decoration:underline;}

#LeftNav .Bottom{ background: url(../images/bg-bottom-left-nav.gif) bottom no-repeat; height:13px; }



/*begin newbox*/

#marqueecontainer{

position: relative;

width: 162px; /*marquee width */

height: 200px; /*marquee height */

overflow: hidden;

padding: 2px;

padding-left: 0px;

padding-right: 1px;

background:none;

}



#marqueecontainerind{

position: relative;

width: 162px; /*marquee width */

height: 250px; /*marquee height */

overflow: hidden;

padding: 2px;

padding-left: 0px;

padding-right: 1px;

background:none;

direction:rtl;

}



/*------------------------*/





/* end newsbox */





/*##########################RIGHT NAV#############################*/

#RightNav{ float:left; width:221px; margin-top:12px;}

#RightNav #LanguageBox{ }

#RightNav #LanguageBox a{ height:41px; display:block; background:url(../images/LangBoxBgAr.png)  no-repeat 0% 0 ; }



#RightNav #LanguageBox a:hover{ height:41px;display:block;  background:url(../images/LangBoxBgAr.png) no-repeat 0% -41px ;}



.clipContainer{ margin-top:9px;}

#RightNav h3{ background:url(../images/bg-header-right-nav.gif) top center; line-height:37px; text-align:center; font-size:12pt;}



.clip3{background:#FFFFFF;margin-bottom:10px;_margin-bottom:6px;}

.clip3content{border-left:#bec0c2 1px solid;border-right:#bec0c2 1px solid;background:#f2ead5;padding:0 5px}

.Hed3{background:url(../images/HedCornerM3.jpg) repeat-x;height:10px;}

.HedCornerR3{background:url(../images/HedCornerR3.jpg) no-repeat;width:10px;height:10px;float:right}

.HedCornerL3{background:url(../images/HedCornerL3.jpg) no-repeat;width:10px;height:10px;float:left}

.Btom3{background:url(../images/BtomCornerM3.jpg) repeat-x top;height:20px; }

.BtomCornerR3{background:url(../images/BtomCornerR3.jpg) no-repeat;width:15px;height:20px;float:right}

.BtomCornerL3{background:url(../images/BtomCornerL3.jpg) no-repeat;width:15px;height:20px;float:left}

/**************RIGHT NAVIGATOR TOGGLE CSS*******/

p.trigger {

text-align:left;

line-height: 13px;

font-size: 12px;

font-weight: normal;

direction:rtl;

}

p.trigger img{ margin-right:20px;}

p.trigger a {

color:#c38626;

text-decoration: none;

 width:130px;

}

p.trigger a:hover {

color: #000;

width:130px;

}

p.active {background-position: left bottom;}

.toggle_container {

margin: 0 0 0px;

padding: 0;

overflow: hidden;

font-size: 10pt;

margin-left:2px;

}

.toggle_container .block {

padding: 0px;

}



.toggle_container ul{}

.toggle_container ul li{ }



.toggle_container ul li a{ border-bottom:0px solid #d2912b; color:#333; display:block; text-align:center; padding:5px 0;  margin-left:10; margin-right:5px;}

.toggle_container ul li a:hover{  border-bottom:0px solid #d2912b;color:#333;display:block; background:#d8cfb1;padding:5px 0;  margin-left:10; margin-right:5px;}





.toggle_container .block p {

padding: 5px 0;

margin: 5px 0;

}

.toggle_container h3 {

/*	font: 2.5em normal Georgia, "Times New Roman", Times, serif;*/

margin: 0 0 10px;

padding: 0 0 5px 0;

border-bottom: 1px dashed #ccc;

}

.toggle_container img {

float: left;

margin: 5px 15px 5px 0;

padding: 5px;

background: #ddd;

border: 1px solid #ccc;

}



/*######################FOOTER######################*/

#FooterWide{ background: #e10000; height:54px; font-family:Tahoma, Arial, sans-serif; color:#fff;}

#FooterWide #Content{width:951px; margin:0 auto;}

#FooterWide #Content p.left{ display:inline; float:left; margin-right:30px;color:#fff;}

#FooterWide #Content p.left a{ color:#fff; }

#FooterWide #Content p.left a:hover{ color:#c8c8c8; }



#FooterWide #Content p.right{ display:inline; float:right; margin-right:0px;color:#fff;}

#FooterWide #Content p.right a{ color:#fff; }

#FooterWide #Content p.right a:hover{ color:#c8c8c8; }