@charset "utf-8";



td,tr,p,div {

  font-family      : Tahoma, Tahoma, Tahoma, Tahoma, Tahoma;

  font-size        : 11px;

  color            : #000000;

      text-align: right;

}



#container {

	width: 100%;

	text-align: right;

	height: 100%;

	background-image: url(../images/left_border.jpg);

	background-repeat: repeat-y;

	background-color: #FFFFFF;

    }  

#container2 {

	background-image: url(../images/right_border.jpg);

	background-repeat: repeat-y;

	background-position: right;

 text-align: right;

}



#header  {

	background: #316597;
margin-right:5px;
/*	height: 24px;

	border-bottom: 2px solid #cccccc;

	padding: 8px 30px;

	line-height: 24px;*/

    } 

#date {

	font-size: 11px;

	float: left;

	color: #fff;

	font-weight: bold;

	margin-right: 20px;

}

#pathway {

	float: left;

	color: #fff;

	font-weight: bold;

	font-size: 11px;

}

#search {

	float: right;

}

#banner_out {

	background-image: url(../images/banner_out_bg2.jpg);

	background-repeat: repeat-x;

	height: 140px;

	width: 100%;

}

.banner {

	float: right;

	padding: 30px 30px 0px 0px;

}

#sitetitle {

	float: left;

	color: #fff;

	height: 140px;

	font-size: 18px;

	font-weight: bold;

	background-image: url(../images/banner_out_bg.jpg);

	background-repeat: no-repeat;

	background-position: left;

	width: 100%;

}

.sitetitle {

	float: left;

	padding: 80px 0px 0px 50px;

}

#topmenu_out {

	height: 38px;

	background-image: url(../images/topmenu_bg.jpg);

	background-repeat: repeat-x;

}

#topmenu_left {

	width: 27px;

	height: 38px;

	background-image: url(../images/topmenu_left.jpg);

	background-repeat: no-repeat;

	float: left;

}

#topmenu_right {

	width: 27px;

	height: 38px;

	background-image: url(../images/topmenu_right.jpg);
    
    background-repeat: no-repeat;

	float: right;

	

}

#topmenu {

	float: left;

	height: 38px;

	color: #fff;

}

#topmenu ul, #topmenu li {

	display: inline;

	padding: 0px;

	margin: 0px;

	list-style-type: none;

}

#topmenu a:link, #topmenu a:visited {

	margin-right: 20px;

	color: #fff;

	float: left;

	height: 38px;

	line-height: 38px;

	border: none;

	background: none;

}

#topmenu a:hover {

	text-decoration: underline;

}

#maincontent {



    text-align: right;

}



#left_out {

	width: 188px;

	float: left;

	padding: 5px 5px 0px 16px;

}

#right_out {

	width: 188px;

	float: right;

	padding: 5px 16px 0px 5px;

}

#content_out {

	margin: 0px 210px;

	padding: 5px 0px 0px 0px;

    } 

#user_out {

	height: 140px;

}

#user_out .topmodule_user {

	width: 48%;



	padding-top: 0px;

	margin: 0px;

	background-image: url(../images/user_bg.jpg);

	background-repeat: repeat-x;

	border: 2px solid #A6BCD3;

	background-color: #FFFFFF;

	float: right;

}
#user_out .topmodule_user_right {

	width: 48%;



	padding-top: 0px;

	margin: 0px;

	background-image: url(../images/user_bg.jpg);

	background-repeat: repeat-x;

	border: 2px solid #A6BCD3;

	background-color: #FFFFFF;

	float: right;

}
#user_out  .topmodule ul, .topmodule li {

	margin: 0px;

	padding: 0px;

}

#user_out .topmodule_user th     {

	height: 32px;

	line-height: 32px;

	font-size: 14px;

	color: #FFFFFF;

	padding: 0px 5px;

	background-image: url(../images/user_moduletable.jpg);

	background-repeat: repeat-x;

}
#user_out .mostread{
padding-top:8px;

}

#user_out .topmodule_inside {

	margin: 2px;

	height: 136px;

	background-image: url(../images/user_moduletable.jpg);

	background-repeat: repeat-x;


direction:rtl;

}

#separator {

	width: 2%;

	height: 140px;

	float: left;

}

#content {
direction:rtl;

 margin-top:10px;
	background-image: url(../images/backgrnd.jpg);

	background-repeat: repeat-y;


}





#bottom {

	height: 20px;

	background-image: url(../images/bottom.gif);

	background-repeat: repeat-x;

}

#bottom_left {

	background-image: url(../images/bottom_left.jpg);

	width: 30px;

	height: 20px;

	float: left;

	background-repeat: no-repeat;

}

#bottom_right {

	background-image: url(../images/bottom_right.jpg);

	background-repeat: no-repeat;

	width: 30px;

	height: 20px;

	float: right;

}





#footer {

	height: 40px;

	background-color: #000000;

	border-top: 2px solid #cccccc;

	color: #fff;

	text-align: center;

	padding: 5px 30px;

}

    .clearfloat { 

    	clear:both;

        height:0;

        font-size: 1px;

        line-height: 0px;

}

    .body  {

	font: 12px Tahoma, Verdana, Arial, Helvetica, sans-serif;

	background: #336699;

	margin: 0px;

	padding: 0px;

	text-align: center;

	color: #000000;

	    text-align: right;

}

p {

	padding: 0px;

	    text-align: right;

	margin: 0px;

} /*formatting all <div> (division) items.  This is a catch-all that only applies when no other 

style has been defined.*/

td {font-size: 12px;} /*formatting all 

<td> items. This default setting is used when no other style has been defined.*/



tr {font-size: 12px;} /*formatting all 

<tr> items.  This default setting is used when no other style has been defined.*/

ul {

	margin: 0px;

	padding: 0px 0px 0px 18px;

} /*formatting all UL (unordered list) items. This default setting is used when no other style

has been defined.*/

a:link, a:visited {

	color: #46AC13;

	text-decoration: none;

} /* general links style*/

a:hover {

	text-decoration: underline;

}

hr {} /* horizontal line in your template*/

hr.separator {}

 

/* FORMS SETTINGS */ 

.button {

	height: 24px;

	color: #FFFFFF;

	border: 2px outset #fff;

	padding: 0px;

	background-image: url(../images/button.jpg);

	background-repeat: repeat-x;

	background-color: #42A80F;

	font-weight: bold;

	margin: 5px 0px;

}

.inputbox {}

.search {} /*formatting the <div> which holds search items: inputbox, search button...*/

 

 

/* NAVIGATION/MENU SETTINGS */

#mainlevel ul, #mainlevel li{

} 

a.mainlevel:link, a.mainlevel:visited {

	border-bottom: 1px solid #7EA4C9;

	display: block;

	height: 25px;

	line-height: 25px;

	color: #396C9F;

	padding-left: 20px;

	background-image: url(../images/mainlevel_bg.gif);

	background-repeat: no-repeat;

	background-position: left;

}

a.mainlevel:hover, #active_menu {

	background-image: url(../images/mainlevel_over.gif);

	text-decoration: none;

	background-repeat: no-repeat;

	background-position: left;

}

a.sublevel:link, a.sublevel:visited   {

	background-image: url(../images/sublevel.gif);

	color: #7EA4C9;

	background-repeat: no-repeat;

	padding-left: 20px;

	height: 20px;

	line-height: 20px;

	background-position: left;

}

a.sublevel:hover {}

 

.pagenavbar {} /*Sets the style for the footer navigation ("<< Start < Prev Next > End >>") 

when they do not appear as hyperlinks (when only a few articles exist).*/

.pagenavbar:link {} /*Style for the footer navigation ("<< Start < Prev Next > End >>") when 

they become hyper links*/

.pagenavbar:visited {}

 

.pagenav {} /* as the name implies, this is for formatting texts for those 

"<< Start < Previous 1 Next > End >>" links */

a.pagenav:visited {}

a.pagenav:hover {}

.back_button {

	background-image: url(../images/backbutton.gif);

	height: 20px;

	line-height: 20px;

	width: 77px;

	padding-left: 25px;

	color: #FFFFFF;

	font-weight: bold;

	font-size: 10px;

	margin-top: 5px;

} /*Style for the "BACK" button*/

.back_button a:link {

	color: #FFFFFF;

}

.latestnews  ul, .latestnews li {} /*Style for latest news list - by default, latest news is user1 module*/

 

/* CONTENT PAGE SETTINGS */

a.category:link {}

a.category:hover {}

a.category:visited {}

 

.blogsection {} /* Formatting the links in Blog section */

.blog_more {} /*The "More" text in blog section*/

a.blogsection:link {} /* set the link format */

a.blogsection:visited {} /* same as above, but to set the visited link format */

a.blogsection:hover {} /* same as above, but for links with mouse pointer over it */

 

.componentheading {

	background-image: url(../images/user_moduletable.jpg);

	height: 32px;

	line-height: 32px;

	padding: 0px 10px;

	color: #ffffff;

	font-weight: bold;

}/* Title of the component being used to display the content.*/

.contentheading {

	font-weight: bold;

	border-bottom: 1px solid #660000;

} /* Title of the content, article, etc. being displayed.*/

.contentpane {} /* Table that holds all non-article information (components, 

category lists, contact forms, etc).*/

.contentpaneopen {} /* Table that holds the actual text for an article.*/

.contentpagetitle {} /*Title of articles*/

 

a.contentpagetitle:hover {} /*Title of articles when appeare as links */

a.contentpagetitle:link {}

a.contentpagetitle:visited {}

 

.contentdescription {

	padding: 10px;

} /* Formating the "DESCRIPTION" of sections, categories 

(News/Weblinks/Latest news...) */



 

/* JOOMLA - MAMBO SECTIONS LISTINGS */

.sectiontableheader {

	background-color: #34679A;

	color: #fff;

	padding: 5px;

} /* This is for styling the section table headers on a 

SECTION's page. Example: table header of "Date", "Item Title", "Author" and "Hits"? */

.sectiontableentry1 {} 

.sectiontableentry2 {

	background-color: #D1DDE8;

}

#left_out .moduletable, #right_out .moduletable {

	background-image: url(../images/moduletable_bg.png);

	background-position: bottom;

	background-repeat: no-repeat;

	margin-bottom: 10px;

	padding: 0px 0px 10px 0px;

	width: 188px;

	text-align:right;

	

} 

#left_out .moduletable th, #right_out .moduletable th {

	background-image: url(../images/moduletable.png);

	height: 43px;

	width: 188px;

	background-repeat: no-repeat;

	color: #FFFFFF;

	line-height: 43px;

	padding: 0px 0px 0px 20px;

	text-align:center;

} 

#left_out .moduletable td, #right_out .moduletable td {

	padding-left: 5px;

	text-align:center;

	padding-right: 5px;

} /* Formatting the table cells of the module table */

.createdate, .small/* MISCELLANEOUS */

 

/* Dates , Authors*/

 {

	font-size: 10px;

	color: #999999;

} /* For styling the date the content/articles are created under contents title */

.modifydate {} /* Formating "Last updated on" text at the end of articles/contents */

.smalldark {}/*Found in poll result page, for " Number of Voters".. text */

 

/* Polls */

.poll {} /* format the td of poll table */

.pollstableborder {} /* set the border properties of the polls voting table */

 

 

/* Weblinks */

.weblinks{} /* well.. to format the link's titles under the "Weblinks" 

  section on the frontend */

a.weblinks:hover {} /* same as above, but for link with mouseover */

 

/* Newsfeeds */

.newsfeedheading {} /* The newsfeed title. NOTE: This will not affect the newsfeed's

news title! */

.newsfeeddate {} /* yeah.. the date on the newsfeed */

.fase4rdf {} /* this is the body text of the newsfeed */

 

/* Search page */

table.searchintro {} /* This is for formatting the box with "Search Keyword: test

returned 4 matches" box that appears after you have entered a search value.

It appears on the mainbody with the search results */

 

 

/* JOOMLA - MAMBO TABBED FRONTEND ADMIN INTERFACE */

/* The CSS below efines how the frontend admin interface when logged in */