
body {
background: url(../images/icons/elMahrousaIcons/elMahrousaBackgroundSlice.jpg) repeat-y;margin: 0px;
text-align: center;
z-index: 1;
font-family: Tahoma;
font-size: 11pt;
}

#bodywrapper {
margin: 0px auto;
width: 1024px;
text-align:left;
}

.section {
float: left;
width: 100%;
}

.column {
width: 100px;
}

.columnButton {
width: 100%;
margin-bottom: 10px;
}

.leftColumn img{
float: right
}

.rightColumn img{
float: left
}

.columnAd {
}

.rightColumn .columnAd img{
width: 105px;
height: auto;
margin-bottom: 10px;
}

.leftColumn .columnAd img{
margin-bottom: 10px;
width: 100px;
height: auto;
}

.leftColumn .columnAd input{
margin-bottom: 10px;
width: 100px;
height: auto;
}
.columnIcon {
width: 45px;
border: 0px;
margin-bottom: 10px;
float: right;
}

.row {
width: 100%;
background-color: #454674;
}

.leftAd {
float: left;
padding: 5px;
width: 32%;
height: auto;
}

.rightAd {
float: right;
padding: 5px;
width: 32%;
height: auto;
}

.middleAd {
float: left;
padding: 5px;
width: 32%;
height: auto;
}

#selfAdRight {
float: right;
}

#selfAdLeft {
float: left;
}

.english {
float: left;
text-align: left;
}

.arabic {
float: right;
text-align: right;
}

#layout td {
vertical-align: top;
}


#content {
width: 100%;
height: 100%;
padding: 5px;
text-align: center;
background-color: #faefc2;border:  solid black;}

#subcontent {
width: 99.25%;
height: 99.5%;
border: 4px groove #433225;}

.contentTitle {
font-family: Tahoma;
color: #faefc2;font-size: 14px;
font-weight: bold;
background: url(../images/icons/elMahrousaIcons/title.jpg) repeat-x;width: auto;
height: 20px;
margin: 5px 5px 0px 5px;
padding: 5px;
}

#featureTitle {
width: 50%;
}

#feature {
vertical-align: top;
float: right;
border: 2px solid #494949;
background-color: #faefc2;overflow: auto;
direction: rtl;
padding: 5px 10px;
height: 675px;
}

#article {
vertical-align: top;
float: right;
border: 4px groove #021352;
background-color: #faefc2;overflow: auto;
direction: rtl;
padding: 5px 10px;
margin: 5px;
width: 95%;
height: 99.5%;
}

#feature #articleBody {
/*margin: 0px 5px;
padding: 5px;*/
font-size: 1em; 
text-align: justify;
display: block;
clear: right;
}
#feature .articleTitle{
font-weight: bold;
color: #860303!important;
}
#article #articleBody {
margin: 0px 5px;
padding: 5px;
font-size: 0.875em; 
text-align: justify;
display: block;
clear: right;
}

#feature img {
margin: 5px 5px 5px 0px;
}

#articleImage {
width: 100%;
height: auto;
}

.articleParagraph {
margin: 10px;
font-family: tahoma;
/*font-size:12px;*/
}

.dynamicContent {
vertical-align: top
}

.categoryContents {
margin: 3px;
padding: 3px;
}

.categoryHeading {
}

.categoryTitle {
font-weight: bold;
/*color: black;*/
color:#860303 !important;
}

.categoryLogo {
float: right;
}

#article > .articleTitle {
font-size: 1.25em;
display: block;
}

#latestNews .articleTitle {
width: 325px;
}

#featureColumnists .articleTitle {
width: 215px;
font-weight: bold;
color: #860303!important;
}

#authorListing .articleTitle {
direction: rtl;
}
.articleTitle {
display: block;
float: right;
clear: right;
/*font-family: Tahoma, sans-serif;*/
text-decoration: none;
font-weight :500;
margin: 10px;
text-align: justify;

}

.completeArticleTitle {
font-size: 1.25em;
margin-right: 5px;
}


.articleTitle a:link {
color: black;
text-decoration: none;
}

.articleTitle a:visited {
color: #860303;
text-decoration: none;
}

.articleTitle a:hover {
color: black;
text-decoration: none;
}

.articleTitle a:active {
color: #021352;
text-decoration: none;
}

#periodicalinfo {
background: url(../images/banner/elMahrousaBanner/bannerTop.jpg);height: 20px;
font-family : Tahoma;
color: #433225;font-size: 12px;
font-weight: bold;
}

#date {
float: left;
padding: 5px 0px 0px 10px;
}

#issn {
float: right;
padding: 5px 10px 0px 0px;
}

#copyright {
font-family : Verdana;
color: #433225;font-size: 11px;
text-align: center;
}

.issue {
font-family: Tahoma;
color: #433225;font-size: 14px;
font-weight: bold;
float: left;
height: 22px;
background: #e5ca55;width: 276px;
text-align: left; 
}

.smallIssue {
font-family: Tahoma;
color: #faefc2;font-size: 12px;
font-weight: bold;
text-align: center;
}

#bannerLinksLeft {
float: left;
height:22px;
background: #e5ca55;width: 318px;
}

#bannerLinksRight {
float: right;
height:22px;
background: #e5ca55;width: 317px;
}

img {
border-style: none;
display: block;
float: left;
}

#coverPage {
}

#pageTitle {
font-family: Verdana;
font-size:1.25em;
margin: 20px;
}

.pageText {
font-family: Verdana;
font-size: 0.875em;
margin: 10px;
}

#over {
position: absolute;
z-index: 3;
margin-left: 10px;
margin-top: 10px;
width: 80px;
height: auto;

}

#under {
width: 100px;
top: 0px;
position: relative;
z-index: 2;
}

.rights {
font-family: Tahoma;
color: #eee;
font-size: 10px;
}

.userOption {
float: right;
margin: 3px;
line-height: 3em;
font-size: 10px;
}

.userOption img{
float: right;
padding: 5px;
}

.userOption a{
text-decoration: none;
color: black;
}

#pdfTable {
width: 100%;
margin: 0px 50px;
padding: 10px;
}

#pdfTable td{
height: 175px;
}

.coverPDF img {
display: block;
width: 90px;
height: auto;
border: 2px solid black;
}

.pdfCoverCaption {
text-decoration: none; 
color: black; 
font-size: .75em; 
float: left; 
clear: left;
} 

#featureColumnists{
direction: rtl;
}

.columnistArticleBody {
margin: 5px 5px 0px 0px;
font-size: .875em;
/*text-align: justify;*/
padding: 5px;
}

.columnist a {
color: black;
text-decoration: none;
}

.columnist {
height: 250px;
width: 250px;
border: 2px solid black;
background-color: #faefc2;/*overflow-x: hidden;*/
overflow-y: scroll;
text-align: right;
}

.columnist .portrait {
margin: 0px;
text-align: center;
/*float:left; */
clear:left; 
}
.columnist .articleTitle{
	font-weight: bold;
	width: 250px;
}
.contactInfo {
text-align: left;
font-size: .75em;
}

.contactInfo a {
text-decoration: none;
color: black;
width: 250px;
}

.office {
margin: 20px;
}

.officeName {
font-size: 1.125em;
margin-bottom: 3px;
}
.office a button{
width: 85px;
font-size: 1em;
}

#languageOption {
float: right;
font-size: .75em;
}

