/******** General styles ************/



body {

    font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #000000;

	background-color: #402007;

	margin: 0px auto;

	padding: 0px;

}



a, a:visited, a:link {

	text-decoration: none;

	text-decoration: none;

}

a:hover {

	text-decoration: none;

}



.white { /***** Background color of center column *****/

  background: #e7d9b6;

 

}



.leftColumn {

    background-color: #e7d9b6;

	/*background: url(../img/rbg1.jpg);*/

}

.leftColumn1 {

     background-color: #e7d9b6;	

}



.leftColumn2 {

    	 background-color: #f3eddd;	

}

.leftColumn3 {

    	background: url(../img/n1.jpg);

}

.leftColumn4 {

    	background: url(../img/n2.jpg);

}

.leftColumn5 {

    	background: url(../img/search-c.jpg);

}

.rightColumn {

  background-color: #ffffff;

  /*background-color: #fae4a8; */

 }

.rightColumn2 {

  background: url(../img/right-c.jpg);

 }

.header {

	width: 230px;

}



/*.header_bg { background: url(../img/header_tr_bg.gif) top repeat-x;	}*/



/*/.footer {

	background: url(../img/footer_bg.gif) bottom no-repeat;

	background-color: #434343;

	border-top: 2px solid #A5A6A5;

	padding: 10px;

	font-size: 10px;

	color: #FFFFFF;

	text-align: center;

}



.footer a {

	color: #FFFFFF;

}*/



#maintab {

	padding: 2px;

	height:40px;

	width:99%;

	background-color: #FFFFFF;

	border: 0px solid #cccccc;

}



#maintab span {

	float:right;

	margin-top:40px;

	margin-left:20%;

	margin-right:20%;

}





.plainTxt {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	font-weight: bold;

	font-variant: normal;

	color: #ffffff;

}



.plainTxt1 {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	font-weight: normal;

	font-variant: normal;

	color: #585858;

	font-weight: bold;

}

.plainTxt a { color: #ff0000;}



.plainTxt a:hover { color: #C9001B;}



.plainTxt2 {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	font-weight: normal;

	font-variant: normal;

	color: #000000;

	padding-left: 2px;

}



.plainTxt2 a { color: #C9001B;}



.plainTxt2 a:hover { color: #000099;}



.plainTxtGray {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 9px;

	font-weight: normal;

	font-variant: normal;

	color: #ff0000;

}



.plainTxt3 {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-weight: normal;

	font-variant: normal;

	padding-left: 2px;

	color:#4848FF;

}



.plainTxt4 {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-weight: normal;

	font-variant: normal;

	padding-left: 2px;

	color:#B70000;

}



.audiolist {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 18px;

	font-weight: normal;

	font-variant: normal;

	color: #000080;

	height:60px;

	padding-left: 2px;





	

}



.audiolist a { color: #000080;}



.audiolist a:hover { color: #000080;}



/***** Styles for top links (Home, Set as homepage, Add to favorites...) *****/



.topNav {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	font-weight: normal;

	font-variant: normal;

	color: #FFFFFF;

	padding: 5px 5px 5px 15px;

	background: url(../img/top_bg.gif) top no-repeat;

	vertical-align:top;

}



.topNav a {

	color: #FFFFFF;

}



/************ SYNDYCATION (Styles for Rss/Rdf and JavaScript for Webmasters links in topNav and footer) ***********/



.syndycation {

	padding: 0px;

}



.syndycation ul {

	padding: 0;

	margin:0;

	font-size: 10px;

	display: inline;

}



.syndycation li {

	list-style-type: none;

	margin-bottom: 2px;

	display: inline;

}



.syndycation li a {

	color: #FFFFFF;

}



/************* SEARCH **************/



.boxSearch {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	font-weight: bold;

	color: #434343;

	background: url(../img/search_bg.gif) top no-repeat;

	padding: 5px 5px 5px 15px;

}



.boxSearch a {

	font-size: 10px;

	font-weight: bold;

	color: #434343;

}



/*********************** LOGIN STYLE *********************/



.login {

	float:right;

	padding: 6px;

	font-size: 11px;

	color: #434343;

}



.login a { color: #C9001B;}



/*********** STYLES FOR NEWS TICKER ***************/



marquee {

	/*background-color: #ECECEC;*/

	padding: 3px;

	color: #999999;

}



marquee a {

	font-weight: bold;

	color: #000099;

}



marquee a:hover {

	color: #C9001B;

}



/************ Style for box names, Sections, Archive, Newsletter..... *************/

.boxHeadline {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 14px;

	font-weight: bold;

	font-variant: normal;

	text-align:center;

	color: Black;

	padding: 15px;

	background-color: #E7D9B6;

	/*border-bottom: 0px solid #FFFFFF;*/

}

.boxHeadline1{

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 14px;

	font-weight: bold;

	font-variant: normal;

	text-align:center;

	color: #472b06;

	padding: 15px;

	/*border-bottom: 0px solid #FFFFFF;*/

}

.boxHeadline2{

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 16px;

	font-weight: bold;

	font-variant: normal;

	text-align:center;

	color: #472b06;

	padding: 15px;

	/*border-bottom: 0px solid #FFFFFF;*/

}

.boxHeadline_right {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-weight: bold;

	font-variant: normal;

	color: #434343;

	background-color: #ECECEC;

	padding: 0px 5px 5px 5px;

}



h1 { /******  Title of categories, "Headlines" title, "Latest news" title  *******/

    font-family: Verdana, Arial, Helvetica, sans-serif;

    font-size: 18px;

    font-weight: bold;

    font-variant: normal;

    color: #472b06;

	padding: 0px;

	margin: 0px;

}



h2, h2 a { /********* Headline news title  **********/

    padding-bottom: 5px;

	margin: 0px;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-weight: bold;

	font-variant: normal;

	color: #000099;

	padding: 0px;

	margin: 0px;

}



h2 a:hover {color: #ff001B;}



h3, h3 a { /********* Latest news title  **********/

    padding: 0px;

	margin: 0px;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-weight: bold;

	font-variant: normal;

	color: #f3ecda;

}



h3 a:hover {color: #C9001B;}



h4 { /****** Used in Contac form page (plugin required) ********/

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-weight: normal;

	font-variant: normal;

	color: #000000;

	padding: 5px;

	margin: 0px;

}



.tabele { /****** Used in Advanced search and log in templates ********/

	background-color: #5b3713;

	border: 1px solid #CCCCCC;

}



.formlook { /******* Used for all forms in Vivvo *********/

	padding: 0px;

	margin: 0px;

}



.fontSize { /****** Used for font size in Article Full template *********/

	background: url(../img/fontBg.gif) repeat-x;

	text-align: right;

}



.article_tools {

	padding: 6px;

}



/********* HEADLINES BOX (styles for Ajax headline rotation ***********/



.headlineTxt {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	font-weight: normal;

	font-variant: normal;

	color: #000000;

	padding-right: 5px;

}



.headlineBox {

	/*padding: 0px;

	background-color: #ECECEC;*/

	/*background: url(../img/player_1.jpg) repeat-x;*/

}



.player {

	/*background-color: #00001B;*/

	}



.player span a {

	font-size: 10px;

	font-weight: bold;

	color: #FFFFFF;

	padding-right: 6px;

}



/************* More Headline News box styles *************/



.headlines_more {

	margin: 27px 0px 0px 5px;

	padding: 6px;

	font-size: 11px;

	/*border-left: 1px solid #ffCCCC;*/

}



.headlines_more a {

	display: block;

	margin-bottom: 12px;

	color: #000099;

	font-weight: normal;

}



.headlines_more a:hover {color: #C9001B;}



.headlines_more h3 {

	font-size: 12px;

	color: #434343;

	margin-bottom: 6px;

	padding: 0px;



}





/**************** LATEST NEWS **************/



.latest {

	padding: 24px 0px 6px 0px;

}



.latest h1 {

margin-bottom: 12px;

}



/************** BREADCRUMBS ************/



.BreadcrumbTxt{

    padding-top: 5px;

    padding-bottom: 5px;

	border-bottom: 1px solid #CCCCCC;

    font-family: Verdana, Arial, Helvetica, sans-serif;

    font-size: 11px;

    font-weight: normal;

    font-variant: normal;

    color: #000000;

}



.BreadcrumbTxt a{color: #000000;}



.BreadcrumbTxt a:hover {color: #C9001B;}



/*************** PAGINATION (Pagination also uses BreadcrumbTxt styles) ***************/

.pager {

   background-color: #EEEEDD;

}



.pager a { 

	text-decoration: underline; 

	color: #C9001B;

}



/***************** ARTICLE SHORT STYLES ***************/

.article {

    background-color: #764115;

    padding-top: 0px;

    padding-bottom: 8px;

    padding-left: 15px;

    padding-right: 15px;

	border-top: 1px solid #CCCCCC; 

}



.article img { 

	border: 1px solid #434343; 

	margin-right: 5px;

}





/************** Related News (on article full page) ***************/



#related_news {

	float: right;

	width: 200px;

	background-color: #EEEEDD;

	padding: 6px;

	margin: 6px;

	font-size: 10px;

}



#related_news h3 {

	font-size: 12px;

	color: #FFFFFF;

	margin-bottom: 6px;

	background: #434343;

	padding: 2px;

}



#related_news a { color: #000099;}



/*************** Article comments (styles for comments on article full and comments page) *******************/



.comments {

	padding: 6px;

	font-size: 11px;

	color: #333333;

}



.comments ul { 

	padding:0; 

	margin:0;

}



.comments li {

	list-style-type: none;

	border-bottom: 1px solid #999999;

	padding: 6px;

	background-color: #F6F6F6;

}



*html .comments li {height:1%;}



.comments li em { 

	font-size: 10px; 

	color: #666666;

}



.comments li span { 

	float: right;

	font-size: 10px;

}



.comments li span img { 

	border: none; 

	vertical-align: middle;

}



/******************* Styles for article votes (at the bottom of the article) *******************/



.article_rate {

	border-bottom: 1px solid #999999;

	padding: 6px 0px 6px 0px;

}



.article_rate form { background-color: #F1F1F1;}





/*********** #TOP navBar link styles ***********/



.dhtml_menu {

  font-family: Verdana, Arial, Helvetica, sans-serif;

  font-size: 11px;

  font-weight: bold;

  color: #000000;

  /*background-color: #F1F1F1;*/

  background: url(../img/bg.jpg) repeat-x;

  border-bottom: 2px solid #A5A6A5;

  border-top: 1px solid #FFFFFF;

}



.ddmx td {border-right: 1px solid #FFFFFF;}



.ddmx .item1,

.ddmx .item1-active{

    padding: 6px 10px 6px 10px;

    color: #585858;

	font-size: 10px;

    font-weight: bold;

    text-decoration: none;

    display: block;

    white-space: nowrap;

    position: relative;

	border-right: 1px solid #7C7C7C;

}



.ddmx .item1:hover,

.ddmx .item1-active:hover {

	color: #C9001B;

	text-decoration: none;

}



.ddmx .item2,

.ddmx .item2:hover,

.ddmx .item2-active,

.ddmx .item2-active:hover {

    padding: 3px 8px 4px 8px;

    font: 10px Verdana, Arial, Helvetica, sans-serif;

    color: #000000;

    font-weight: normal;

    text-decoration: none;

    display: block;

    white-space: nowrap;

    position: relative;

    z-index: 500;

	border-bottom: 1px solid #7C7C7C; 

	background: #EFEFEF;

	

}



.ddmx .item2:hover,

.ddmx .item2-active,

.ddmx .item2-active:hover {

    background: #CECFCE;

}



.ddmx .arrow,

.ddmx .arrow:hover {

    padding: 3px 16px 4px 8px;

}



.ddmx .item2 img,

.ddmx .item2-active img{

    position: absolute;

    top: 4px;

    right: 1px;

    border: 0;

}



.ddmx .section {

    border: 1px solid #7C7C7C;

    position: absolute;

    visibility: hidden;

    z-index: -1;

}



* html .ddmx td { position: relative;} /* ie 5.0 fix */



/*********** #TOP navBar link styles end ***********/



/****************** Used for various links and headings (i.e.For more news click here link on home page) *****************/	



.trHeadline_right {

	/*background-color: #ffb679;*/

	font-size: 11px;

	font-weight: bold;

    font-variant: normal;

	color: #472b06;

    padding: 3px;

}



.trHeadline_right a { color: #C9001B;}



.trHeadline {

	background-color: #c2b679;

	font-size: 11px;

	font-weight: bold;

    font-variant: normal;

	color: #472b06;

    padding: 3px;

}





/******** General styles end ************/









/******** Left side boxes *********/



/*********** LEFT NAVIGATION ***********/



#navBar {

	width: auto;

	padding: 0;

	margin: 0;

	margin-bottom: 0px;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-weight: bold;

	font-size: 10px;

	}

	

#navBar ul {

	list-style: none;

	margin: 0;

	padding: 0;

}

		

#navBar li {

	margin: 0;

	padding: 0;

}



#navBar li ul { 

	font-weight: normal;

	padding:0;

	margin:0;

}



#navBar li a {

	display: block;

	padding: 8px;

	text-decoration: normal;

	text-align: left;

	font-weight:bold;

	width: auto;

	background: url(../img/pich.jpg);

	color: #ffffff;

	text-align:center;

}



html>body #navBar li a {

	width: auto;

}



#navBar li a:hover {

	color: #ba9952;

}





/********** CALENDAR *************/

.calendar_body {

	background-color: #ECECEC;

	padding-top: 1px;

	font-size: 10px;

	color: #778087;

	padding: 6px;

}



.calendar_body a {

    color: #C9001B;

	font-weight: bold;

	text-decoration: underline;

}



#box_calendar form { margin-bottom: 3px;}



#box_calendar select { width: 50px;}



/********** POLL *************/



#poll {

	padding: 6px;

	font-size: 10px;

	color: #778087;

}



#poll form label { 

	display: block; 

	text-align: right;

	padding: 4px 0px 4px 0px;

}



#poll span {

	font-size: 10px;

	font-weight: bold;

	display: block;

	padding-bottom: 4px;

	color: #000000;

}



#poll span a {

	color: #C9001B;

}

/********* Bars for poll results page ************/

.poll_result { 

    background-color: #BE0000;

    height: 10px;

}

.poll_result_rest {

    background-color: #EEEEEE;

	height: 10px;

}



/************ NEWSLETTER ***********/



#newsletter {

	padding: 6px;

}



#newsletter span {

	font-size: 10px;

	font-weight: bold;

	display: block;

	padding-bottom: 4px;

}



#newsletter form label { 

	display: block; 

	text-align: right;

	padding: 4px 0px 4px 0px;

}



/******** Left side boxes end *********/







/******** Right side boxes *********/



.right_box {

	padding: 6px;

	background-color: #ffECEC;

}



/* لتحكم بالمساحات البيضاء في الجهة اليمنة  */ 

.right_box_top { 

	background: url(../img/right_box_top.gif) top no-repeat;

	background-color: #ECECEC;

	padding: 4px;

	margin-top: 12px;

}



.right_box_bottom {

	background: url(../img/right_box_bottom.gif) top no-repeat;

	background-color: #ECECEC;

	padding: 4px;

	margin-bottom: 18px;

}



.right_box_spacer {

	margin:6px 0px 0px 0px;

	background: url(../img/right_box_spacer.gif) repeat-x;

	padding: 1px;

}



.topNews_category {

    font-family: Verdana, Arial, Helvetica, sans-serif;

    font-size: 11px;

    font-weight: bold;

    font-variant: normal;

    color: #484848;

} 



.topNews_category a { color: #C9001B;} 



.topNews_category img { vertical-align: middle;}  





/******** Right side boxes end *********/

	

/********** RSS DROP DOWN STYLES (XML drop down list in category view) **************/

#rss ul {

	margin: 0;

	padding: 0;

	list-style: none;

	width: 88px;  /*Width of Menu Items */

	border-bottom: 0;

	}

	

#rss ul li {

	position: relative;

	}

	

#rss li ul {

	position: absolute;

	right: 0px; /* Set 1px less than menu width */

	top: 14px;

	display: none;

	}



/* Styles for Menu Items */

#rss ul li a {

	display: block;

	text-decoration: none;

	background: #eeeeee; /* IE6 Bug */

	padding: 3px;

	border: 1px solid #ffffff; /* IE6 Bug */

	border-bottom: 0px solid;

	}

	

#rss ul li a:hover {

	display: block;

	text-decoration: none;

	background: #cccccc; /* IE6 Bug */

	padding: 3px;

	border: 1px solid #ffffff; /* IE6 Bug */

	border-bottom: 0px solid;

	}

	

/* Holly Hack. IE Requirement \*/

* html #rss ul li { float: right; height: 1%; }

* html #rss ul li a { height: 1%; }

/* End */



#rss li:hover ul, #rss li.over ul { display: block; } /* The magic */



/***************** CONTACT US PAGE STYLES (plugin required) *****************/



.fieldLabel {

	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-weight: bold;

	font-variant: normal;

	color: #ffffff;

	padding-right: 5px;

	padding-bottom: 10px;

	vertical-align: top;

	width: 150px;

	background: #764115;

}



.required {

	color:#D80000;

	margin-right: 2px;

}



.FormBuilder {

	width: 100%;

	padding: 5px;

}



input {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 9px;

	font-weight: bold;

	font-variant: normal;

	color: #333333;

}



select {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 9px;

	font-weight: bold;

	font-variant: normal;

	color: #333333;

}



textarea {

	width: 300px;

	height: 150px;

}



.visitorsOnLine{

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-weight: bold;

	font-variant: normal;

	color: #333333;	

}