﻿/* Global Style */
body {font:x-small/1.3 "Verdana";}
a:link, a:visited{text-decoration:none; color:#484848;}
a:hover{text-decoration:underline;}
a img{border-style: none;
    border-color: inherit;
    border-width: medium;
    text-align: center;
}
h1,h2,h3{margin:0; padding:0;}
fieldset{border:none;}
p{margin-top:0; text-align:justify;}

/* General Classes */
.clearFloat{clear:both;}
.red {color:#c31313;}
.strongCentered {font-weight:bold; text-align:center;}
.imgLeft {float:left; margin:0 10px 10px 0;}
.imgRight {float:right; margin:0 0 10px 10px;}
.txtBox {font-size:1.3em; color:#666666; height:20px; padding:15px; border:solid 1px #dcdcdc;}

/* Page Area */
div.pageArea{width:900px; margin:0 auto 0 auto;}
div.contentArea{margin:10 0 0 0;}

/* Header */
div.header{}
div.header div.topHeader{font-family:Tahoma; text-align:right; height:33px; background:url(../images/header_bg_menu.gif) repeat-x left center;}
div.header div.topHeader ul{list-style:none; margin:0; padding:8px 10px 0 0;}
div.header div.topHeader ul li{display:inline; padding:0 10px 0 10px; border-right:solid 1px #999999;}
div.header div.topHeader ul li.lastItem{border:none;}
div.header div.topHeader ul li a{color:#be0000;}
div.header div.topHeader ul li a:hover{color:#484848;}
div.header div.topHeader span.leftAlign{float:left; color:#be0000; padding:10px 0 0 10px;}

div.header div.botHeader {margin:15px 0 15px 0;}

/* Header menu */
div.header div.mainMenu{font-family:Arial; width:100%; background:#689d60; display:table;}
div.header div.mainMenu ul{list-style:none; margin:0; padding:0;}
div.header div.mainMenu ul li{float:left; padding:10px 10px 10px 10px; position:relative;}
div.header div.mainMenu ul li a{font-size:1.1em; font-weight:bold; color:#FFFFFF;}
div.header div.mainMenu ul li a:hover{text-decoration:none;}
div.header div.mainMenu ul li ul{width:185px; background:#367c2b; position:absolute; top:34px; left:0;}
div.header div.mainMenu ul li ul li{float:none; border-bottom:solid 1px #9bbe95; padding:5px 10px 5px 10px;}
div.header div.mainMenu ul li ul li a{font-weight:normal;}
div.header div.mainMenu span.linkLanguage a{float:right; color:#FFFFFF; font-size:1.3em; font-family:Tahoma; font-weight:bold; padding:10px 10px 5px 10px;}

/* menu effects */
div.header div.mainMenu ul li ul{display:none;}
div.header div.mainMenu ul li:hover, .liHover{background:#367c2b;}
div.header div.mainMenu ul li:hover ul, .liHover ul{display:block !important;}
div.header div.mainMenu ul li ul li:hover, .liHoverSub{background:#689d60;}

/* maincontent */
div.mainContent {margin:25px 0 0 0;}

/* maincontent leftside */
div.mainContent div.leftSide{float:left; width:525px;}
div.mainContent div.leftSide h2{font-size:1.5em; font-family:arial; color:#c31313; margin:0 0 20px 0; padding-bottom:5px; border-bottom:solid 1px #e4e4e4;}

div.mainContent div.leftSide div.contentBox{border:solid 1px #eaeaea; width:100%; margin-top:45px; padding:15px 0 15px 0; background:url(../images/box_grdBG.gif) repeat-x left top; display:table; height:100%;}
div.mainContent div.leftSide div.contentBox ul{list-style:none; margin:0; padding:0;}
div.mainContent div.leftSide div.contentBox ul li{float:left; padding:0 35px 0 35px;}
div.mainContent div.leftSide div.contentBox ul li span{display:block; text-align:center;}

/* maincontent rightside content box */
div.mainContent div.rightSide{float:right; width:310px;}
div.mainContent div.rightSide a{text-decoration:underline;}
div.mainContent div.rightSide a:hover {text-decoration:none;}
div.mainContent div.rightSide h2{font-size:1.2em; color:#484848; margin:0 0 15px 0; padding-bottom:20px;}
div.mainContent div.rightSide div.contentBox1 {background:#ebebeb; padding:15px 20px 5px 20px;}
div.mainContent div.rightSide div.contentBox1 h2{border-bottom:solid 1px #e8e8e8;}
div.mainContent div.rightSide div.contentBox1 ul{margin-left:0; padding-left:20px;}
div.mainContent div.rightSide div.contentBox1 ul li{padding:5px 0 5px 0;}

div.mainContent div.rightSide div.contentBox2 {background:#d3d3d3; margin:15px 0 0 0; padding:15px 20px 5px 20px;}
div.mainContent div.rightSide div.contentBox2 h2{border-bottom:solid 1px #d3d3d3;}
div.mainContent div.rightSide div.contentBox2 h3{font-size:1.2em; color:#b10f16; margin-bottom:15px;}
div.mainContent div.rightSide div.contentBox2 h3 span{font-size:0.8em; font-weight:normal; color:#2d2d2d;}

div.mainContent div.rightSide div.contentBox3 {background:#f5f5f5; margin:15px 0 0 0; padding:20px;}
div.mainContent div.rightSide div.contentBox3 h2{border-bottom:solid 1px #d3d3d3;}
div.mainContent div.rightSide div.contentBox3 fieldset input{float:left; margin:0; padding:0;}
div.mainContent div.rightSide div.contentBox3 .txtBox{margin-left:10px; width:150px;}


/* footer */
div.footer{background:#484848; padding:10px;}
div.footer p{font-family:Arial; color:#FFFFFF; margin-bottom:0;}
html>body div.footer{# margin-top:-25px;} /* IE reduce margin-top */



/******************** Inside page **************************/
div.mainContent div.insidePage div.leftSide{float:left; width:260px;}
div.mainContent div.insidePage div.leftSide ul{list-style:none; margin:0; padding:0;}
div.mainContent div.insidePage div.leftSide ul li{padding:5px 10px 5px 0; background:url(../images/menu_botLine.gif) repeat-x left bottom;}
div.mainContent div.insidePage div.leftSide ul li a{font-size:1.0em; text-transform:uppercase; text-decoration:none; padding-left:20px; background:url(../images/bullet_boxArrow.gif) no-repeat left center;}
div.mainContent div.insidePage div.leftSide ul li a:hover, 
div.mainContent div.insidePage div.leftSide ul li a.selected{color:#be1319; background:url(../images/bullet_boxArrow_over.gif) no-repeat left center !important;}

div.mainContent div.insidePage div.rightSide{float:right; text-align:justify; padding-right:10px; padding-bottom:25px; width:625px; min-height:300px;}
div.mainContent div.insidePage div.rightSide h2{font-size:2.0em; font-family:Arial; color:#c31313; font-weight:normal; padding:10px 0 2px 0; margin-bottom:20px; border-bottom:solid 1px #d3d3d3;}
div.mainContent div.insidePage div.rightSide h3{font-size:1.4em; font-family:Arial; color:#484848; padding:10px 0 5px 0;}
div.mainContent div.insidePage div.rightSide p{}
div.mainContent div.insidePage div.rightSide ul li,
div.mainContent div.insidePage div.rightSide ol li{padding:3px;}

div

div.mainContent div.insidePage div.rightSide div.leftBox {float:left; margin-left:10px; width:218px;
    height: 404px;
    margin-right: 15px;
}
nContent div.insidePage div.rightSide div.leftBox p{text-align:left;}
div.mainContent div.insidePage div.rightSide div.rightBox {float:left; margin-left:40px; width:215px;}

/********************* Gallery ****************************/
div.gallery a img{margin:5px 8px 5px 8px; padding:1px; border:solid 1px #666666;}


/*********************************** Arabic ***********************************/
div.arabic {direction:rtl; font-family:Tahoma;}

div.arabic div.header div.topHeader{text-align:left;}
div.arabic div.header div.topHeader ul{padding:8px 0 0 10px;}
div.arabic div.header div.topHeader ul li{border-right:none; border-left:solid 1px #999999;}
div.arabic div.header div.topHeader span.leftAlign{float:right;padding:10px 10px 0 0;}

div.arabic div.header div.mainMenu {font-family:Tahoma;}
div.arabic div.header div.mainMenu ul li{float:right;}
div.arabic div.header div.mainMenu ul li ul{right:0;}
div.arabic div.header div.mainMenu ul li ul li{float:none;}
div.arabic div.header div.mainMenu span.linkLanguage a{float:left; font-weight:normal; font-size:1.0em; padding-top:10px;}

div.arabic div.mainContent {font-size:1.1em;}
div.arabic div.mainContent div.leftSide{float:right;}
div.arabic div.mainContent div.leftSide div.contentBox ul li{float:right;}
div.arabic div.mainContent div.rightSide{float:left;}

div.arabic div.mainContent div.rightSide div.contentBox1 ul{margin-right:0; padding-right:20px;}
div.arabic div.mainContent div.rightSide div.contentBox3 fieldset input{float:right;}

div.arabic div.footer{text-align:right;}
div.arabic div.footer p{font-family:Tahoma;}

/******************** Inside page - Arabic **************************/
div.arabic div.mainContent div.insidePage div.leftSide{float:right;}
div.arabic div.mainContent div.insidePage div.leftSide ul li{padding:5px 0 5px 10px;}
div.arabic div.mainContent div.insidePage div.leftSide ul li a{padding-right:20px; background:url(../images/bullet_boxArrow-arabic.gif) no-repeat right center;}
div.arabic div.mainContent div.insidePage div.leftSide ul li a:hover, 
div.arabic div.mainContent div.insidePage div.leftSide ul li a.selected{background:url(../images/bullet_boxArrow_over-arabic.gif) no-repeat right center !important;}

div.arabic div.mainContent div.insidePage div.rightSide{float:left; padding-left:5px;}
div.arabic div.mainContent div.insidePage div.rightSide div.leftBox {float:right; margin-right:10px;}
div.arabic div.mainContent div.insidePage div.rightSide div.leftBox p{text-align:right;}
div.arabic div.mainContent div.insidePage div.rightSide div.rightBox {float:right; margin-right:40px;}
