@charset "utf-8";
/* Css Document */
div, h1, h2, h3, h4, h5, h6, p, form, fieldset, label, input, textarea, img, span, ul, li{
	margin:0; 
	padding:0;
}
ul{ list-style-type: none; }
body{
	margin: 0px;
	padding: 0px 0 10px 0;
	text-align: center;
	font-size: 12px;
	font-family: tahoma;
	color: #000;
	background: #FFF;
}
img{ border: 0px; }
p{ text-align: justify; }
a{ color: blue; text-decoration: none; }
a:hover{ color: red; text-decoration: underline; }
.left{ float: left; }
.right{	float: right; }
.spacer{ clear:both; font-size:0; line-height:0; }
.margin_right{ margin-right: 10px; }
.margin_top{ margin-top: 10px; }
.margin_top_2{ margin-top: 20px; }
.margin_left{ margin-left: 10px; }
.margin_none{ margin: none; }
/* ############################################# Top Header ################################################## */
.super_header_div{
width: 1000px;
height:30px; 
margin: 0 auto; 
overflow: hidden; 
float: none;
background-image:url(../images/super_header.png);
background-position:center top;
background-repeat:no-repeat;
}

.logo_div{
width: 175px;
height:150px;
margin-right:9px;
float: right;
background-image:url(../images/logo_block.png);
background-position:center top;
background-repeat:no-repeat;
}

.centered_div{	
width: 950px; 
margin: 0 auto; 
overflow: hidden; 
float: none; }

.lang_and_date{ 
width: 948px; 
color: #E01616; 
height: 28px; 
font-weight: bold;
float: right;
border:1px solid #002E63;
border-bottom:0px;
font-family:arial;
font-size:14px; }

.lang_and_date a{ 
color: #E01616; 
font-family:arial;
font-size:14px;}

.date{ 
margin-right: 10px;  
float: right; }

.left_icons{ 
float: left;  
line-height: 28px;  
width: 450px; 
margin-left:10px;}

.donat_now{ 
background: url(../images/final_03.png) right center no-repeat; 
padding-right: 25px; 
float: right;}

.montada{  
background: url(../images/forums.png) right center no-repeat; 
padding-right: 25px; 
float: left;
margin-right:5px; }

.wall{  
background: url(../images/wall.png) right center no-repeat; 
padding-right: 25px; 
float: left;
margin-right:15px;}

.radio{ 
background: url(../images/radio.png) right center no-repeat; 
padding-right: 25px; 
float: left;
margin-right:15px; }

.contact{ 
background: url(../images/contact.png) right center no-repeat; 
padding-right: 25px; 
float: left;
margin-right:15px; }

.header{ 
width: 950px; 
height: 150px; 
background: url(../images/header.jpg) no-repeat; 
float: right;
background-color:#002E63;
overflow: hidden; 
}
.logo{ 
margin-top: 7px;
margin-right: 12px;
margin-left: 7px;  
float: right; }

.menu{ 
width: 950px;  
float: right; 
height: 40px; 
text-align: center;
background-color:#002E63; }

.menu ul li{ 
height: 28px;  
margin-right: 1px; 
float: right; 
background: url(../images/btn.png); 
width: 94px; 
margin-right: 1px; }

.menu ul li:hover{ 
background: url(../images/btns.png); }

.menu ul li a{ 
font-family: tahoma; 
font-size: 12px; 
font-weight: bold; 
color: #FFF; 
text-decoration: none; 
line-height: 28px; }

.menu ul li a:hover{ 
text-decoration: underline; }

.menu ul li.top_selected{ 
background: url(../images/btns.png); }

.submenu_rss{
width:950px;
height:30px;
float:right;
line-height:28px;
background-image:url(../images/rss.png);
background-position:center top; 
background-repeat:no-repeat;}

.submenu_rss.title{
font-family:arial;
color:yellow;
font-size:16px;
font-weight:bold;}

.submenu_rss.bdy{
font-family:arial;
color:white;
font-size:14px;}

.right_side{ 
width: 189px; 
height:100%;
margin-top: 0px; 
float: right; 
background-image:url(../images/right_ban_bg.png);
background-position:center top; 
background-repeat:repeat-y;}

.right_side_in{ 
width: 189px;
height:100%; 
margin-top: 0px; 
float: right;
background-image:url(../images/right_ban_bg.png);
background-position:center top; 
background-repeat:repeat-y; }

.right_side_header{ 
width: 189px;
height:25px; 
margin-top: 0px; 
float: right;
background-image:url(../images/right_ban_header.png);
background-position:center top; 
background-repeat:no-repeat; }

.left_side{ 
width: 750px; 
margin-right: 10px; 
margin-top: 10px; 
float: right; }

.banner{ 
width: 750px; 
height: 103px; }

.left_box{ 
width: 189px; 
float: right; }

.left_box_content{ 
width: 187px; 
float: right;
padding-top:10px; }

.left_box_header{ 
width: 189px; 
height: 11px; 
background: url(../images/final_45.png); 
float: right; }

.left_box_footer{ 
width: 189px; 
height: 11px; 
background: url(../images/final_45_foot.png); 
float: right; }

.left_box_footer_2{ 
width: 189px; 
height: 11px; 
background: url(../images/final_45_foot_2.png); 
float: right; }

/* Activities Menu */
.activity_title{ 
text-align: justify; 
line-height: 47px; 
padding-right: 20px; 
font-family: Arial; 
font-size: 25px; 
font-weight: bold; 
color: #ffffff; 
padding-top: 0px; 
margin-right: 10px; }

.activities_header{ 
width: 189px; 
height:40px;
float: right;
background-image:url(../images/activities_header.png);
background-position:center top;
background-repeat:no-repeat;}

.donate_header{ 
width: 189px; 
height:40px;
float: right;
background-image:url(../images/donate_header.png);
background-position:center top;
background-repeat:no-repeat;}

.ml_header{ 
width: 189px; 
height:40px;
float: right;
background-image:url(../images/ml_header.png);
background-position:center top;
background-repeat:no-repeat;}

.activities{ 
width: 189px; 
margin: 0px 0 0px 0; 
float: left; }

.activities li{ 
border-top: 1px solid #EBEBEB; 
display: block;  
text-align: justify; 
line-height: 16px; }

.activities li.ac_first{ 
border-top: 1px solid #EBEBEB; }

.activities li a{ 
display: block; 
background: url(../images/arrow2.gif) right center no-repeat; 
padding: 5px 15px 5px 0; 
margin: 0 7px 0 0; 
color: #ffffff; 
font-family: Arial; 
font-weight: bold; 
font-size: 15px; }

.activities li a:hover{ 
text-decoration: none; 
color: #7EBEFF; 
background:url(../images/arrow1.gif) right center no-repeat; }

/* Donate to resala box */

.donate_title{ 
text-align: justify; 
float: right; 
width: 100px; 
font-family: Arial; 
margin-right: 10px; 
font-size: 30px; 
text-align: justify; 
color: #012378; 
padding-right: 10px;}

.donate_p{ 
padding: 17px 20px 15px 20px;}

.more_on_line{ 
display: block;
background: #FFFFFF url(../images/final_81.png) right center no-repeat; 
padding-right: 20px; 
float: left; 
line-height: 25px; 
font-weight: bold;
margin-left:10;
margin-top:30px;
margin-bottom:5px;
margin-left:10px;}

.more_on_line a{ 
display: block;
color: #0042FF;}

.more_on_line a:hover{ 
color: #0042FF;
text-decoration: none;}

/* main area */

.main{ 
width: 750px; 
float: right; }

.news_dv{
width:587px;
float:right;
height:100%;}

.news_dva{
width:148px;
float:right;
height:450px;
margin-right:10px;
border: 1px solid #012378;}

.right_main{ 
width: 349px; 
float: right;}

.left_main{ 
width: 750px; 
margin-right: 0px; 
float: right; }

/* Right Small Box */
.right_small_box{ 
width: 349px; 
float: right; }

.right_small_box_header{ 
width: 349px; 
height: 10px;
background: url(../images/final_59.png); 
float: right; }

.right_small_box_content{ 
width: 347px; 
border: 1px solid #012378; 
border-top: 0; 
border-bottom: 0; 
float: right; }

.right_small_box_footer{ 
width: 349px; 
height: 10px;
background: url(../images/final_59_foot.png); 
float: right; }

.right_small_box_footer_2{ 
width: 349px; 
height: 10px;
background: url(../images/final_59_foot_2.png); 
float: right; }

/* Right Big Box */
.right_big_box{ 
width: 390px; 
float: right; }

.right_big_box_header{ 
width: 390px; 
height: 11px;
background: url(../images/final_57.png); 
float: right; }

.right_big_box_content{ 
width: 512px;
height:100%;
padding-bottom:10px; 
border: 1px solid #012378; 
float: right; }

.right_big_box_content_small{ 
width: 223px; 
border: 1px solid #012378; 
float: right;
margin-right:10px;}

.right_big_box_footer{ 
width: 390px; 
height: 11px;
background: url(../images/final_57_foot.png); 
float: right; }

.right_big_box_footer_2{ 
width: 390px; 
height: 11px;
background: url(../images/final_57_foot_2.png); 
float: right; }

/* about resala */
.about_resala{ 
text-align: right; 
background: url(../images/final_63.png) right center no-repeat; 
line-height: 47px; 
padding-right: 40px; 
font-family: Arial; 
font-size: 22px; 
font-weight: bold; 
color: #012378; 
margin-right: 10px; }

.about_resala_p{ 
height: 100px;
background: url(../images/final_74.png) right center no-repeat; 
padding: 20px 110px 5px 25px; 
margin-right: 20px; }

/* lates videos */
.latest_videos{ 
text-align: right; 
line-height: 30px; 
padding-right: 10px; 
font-family: Arial; 
font-size: 22px; 
font-weight: bold; 
color: #012378; 
margin-right: 10px; }

.video_gallery{ 
width: 510px; 
float: right; }

.video_latest{ 
width: 147px;
height:145px; 
margin: 15px 15px 7px 0px; 
float: right;
background-image:url(../images/video_bg.png);
background-position:center top;
background-repeat:repeat;}

.video_latest img{ 
float: right;
margin-top:8px;
margin-right:9px;}

.videotitle{ 
float: right; 
width: 145px; 
height:30px;
padding: 0px 0 0px 0; 
margin-top: 5px; 
font-family: Arial; 
font-size: 15px; 
font-weight: bold;
display:block; }

.videotitle a{ 
color: #021D82; 
display:block; }

/* resala news */
.news_div{ 
margin-top: 10px; 
margin-bottom: 5px; 
float: right; }

.news_main_title{ 
text-align: justify; 
background: url(../images/final_85.png) right center no-repeat; 
line-height: 36px; 
padding-right: 32px; 
font-family: Arial; 
font-size: 22px; 
font-weight: bold; 
color: #012378; 
margin-right: 10px; }

.news_title{ 
text-align: justify; 
background: url(../images/final_97.jpg) right center no-repeat; 
line-height: 25px; 
padding-right: 22px; 
font-family: Arial; 
font-size: 16px; 
font-weight: bold; 
color: #012378; 
margin-right: 20px; }

.news_date{ 
width: 300px; 
text-align: justify; 
margin-right: 40px; 
font-family: Arial; 
font-size: 14px; 
font-weight: bold; 
color: #2E95E0; }

.line{ 
width: 309px; 
height: 1px; 
background: #012378; 
margin: 5px 20px 5px 0; 
float: right; }

p.news{ 
padding: 5px 20px 5px 20px; 
line-height: 17px;}

p.news img{ 
float: right; 
margin-left: 10px;}

.read_more{ 
background: url(../images/final_81.png) right center no-repeat; 
padding-right: 20px; 
float: right; 
margin: 0px 0px 5px 20px; 
font-weight: bold; }

/* stories */
.latest_stories{ 
text-align: justify; 
line-height: 28px; 
padding-right: 10px; 
font-family: Arial; 
font-size: 22px; 
font-weight: bold; 
color: #012378; 
margin-right: 10px; }

strong.stitle{ 
font-family: Arial; 
font-size: 15px; 
font-weight: bold; 
color: #012378; }

p.story{ 
padding: 0px 20px 5px 20px; }

p.story img{ 
float: right; 
margin-left: 10px; }

/* voting */
.vote{ 
width: 360px; 
margin-right: 20px;  }

.vote_cont{ 
width: 360px; 
float: right; }

.vote div{ 
text-align: justify; 
float: right;}

.question{ 
width: 310px; 
color: #000; 
margin-bottom: 10px; }

.radio{ 
width: 15px; 
margin-left: 5px; 
margin-top: 5px; 
float: right; }

.txt{ 
width: 330px; 
margin-top: 5px; 
float: left; }

.ans_txt{ 
width: 100px; 
float: right; 
line-height: 20px; }

.ans_percent{ 
width: 210px; 
margin-right: 5px; 
line-height: 18px; 
text-align: right; }

.res_bar{ 
float: right;	
height: 16px; 
background: url(../images/vote.jpg) repeat-x;	
color: #fff; 
text-align: center; 
padding: 0 20px 0 10px ; 
font-size: 10px; }

/* photo gallery */
.photo_gallery_title{ 
text-align: right; 
background: url(../images/final_108.png) right center no-repeat; 
line-height: 35px; 
padding-right: 35px; 
font-family: Arial; 
font-size: 22px; 
font-weight: bold; 
color: #012378; 
margin-right: 10px; }

.photo_gallery{ 
width: 750px; 
margin-bottom: 20px; 
float: right; }

.photo_gallery_header{ 
width: 750px; 
height: 10px;
background: url(../images/final_115.png); 
float: left; }

.photo_gallery_content{ 
width: 747px; 
border: 1px solid #012378; 
border-top: 0; 
border-bottom: 0; 
float: left; }

.photo_gallery_footer{ 
width: 750px; 
height: 11px;
background: url(../images/final_115_foot.png); 
float: left; }

.gallery img{ 
margin-right: 18px; 
margin-bottom: 5px; 
float: right; }

/* about */
.about{ 
color: #333; 
text-align: justify; 
width: 500px; 
margin-top: 20px; 
font-size: 12px; }

/* news page */

.box_div{ 
float: right; 
width: 370px; 
margin-right: 5px; 
margin-bottom: 10px;}

.box_title{ 
width: 335px; 
height: 30px; 
padding-top: 4px; 
text-align: justify; 
float: right; 
background: url(../images/box_title.png); 
padding-right: 35px; 
font-family: Arial; 
font-size: 16px; 
font-weight: bold; 
color: #FFF; }

.all_news{ 
background: url(../images/box_content.png); 
width: 370px; 
height: 140px; 
color: #001977; }

.all_news p{ 
padding: 0 10px 10px 10px; 
line-height: 17px; }

.all_news img{ 
float: right; 
margin-left: 10px; 
margin-top: 8px; }

/* pagination menu */
#pages{
list-style-type: none; 
padding: 0px; 
font-size: 11px; 
margin-top: 10px; 
float: right; 
margin-right: 30px;}

#pages li{
float: right; 
margin-right: 5px; 
border: 1px solid #777;}

#pages li a{
display: block; 
padding: 2px 5px 2px 5px;}

#pages li a:hover{
background: #ddd; 
color: #000;}

.page_selected{
background: #ddd; 
color: #f00; 
font-weight: bold;}

/* participate page */
.big_box{ 
width: 750px; 
float: right; }

.big_title{
width: 715px; 
height: 30px; 
padding-top: 4px; 
text-align: justify; 
float: right; 
background: url(../images/big_title.jpg); 
padding-right: 35px; 
font-family: Arial; 
font-size: 16px; 
font-weight: bold; 
color: #FFF;}

.gallery_title{
width: 715px; 
height: 30px; 
padding-top: 4px; 
text-align: justify; 
float: right; 
background: url(../images/gallery_title.jpg); 
padding-right: 35px; 
font-family: Arial; 
font-size: 16px; 
font-weight: bold; 
color: #FFF;}

.main_box{ 
width: 750px; 
float: right; 
background: #D6EAFF; 
padding-bottom: 75px; 
float: right; }

.main_box p{ 
padding: 20px; 
color: #001977; 
line-height:30px; 
font-size: 15px; 
font-weight: bold; 
font-family: arial; 
color: #012378; }

/*--- From Styles ----*/
.error_msg{
color: red; 
font-weight: bold; 
padding: 20px;}

.success_msg{
color: green; 
font-weight: bold; 
padding: 20px;}

#loading{position: absolute; top: 125px; right: 220px; z-index: 100; background: #fff; padding: 20px 10px 10px 10px; border: 1px solid #ddd; color: #000; display: none;}
.red{font-weight: normal; color: #f00;}
#form_ajax .error{color: #f00; float: right; margin-right: 10px; padding: 0px; text-align:right;}
#form_ajax{width: 600px; float: right; }
#form_ajax fieldset{ border: 0; }
.form_element{margin-left: 10px; width: 550px; float: right; padding: 0; padding: 5px;}
#form_result{float: right; text-align: right; padding: 20px;}
#form_ajax fieldset  label, input, textarea, select, checkbox, radio{float: right;}
#form_ajax fieldset  label {width: 120px; line-height: 25px; text-align: left;}
#form_ajax input,select,textarea{width: 280px; font-size: 16px; padding: 0 10px 0 10px; font-family: Arial; border: 1px solid #ccc; font-weight: bold; margin-top: 4px; margin-right: 10px;}
#form_ajax textarea{ padding-top: 10px; padding-bottom: 10px; }
#form_ajax select { padding: 0; }
#form_ajax input:focus, textarea:focus{border: 1px solid #006;}
#form_ajax .botton{width: 150px; color: #fff; background: #000; padding:3px; border: 1px solid #000; }
/* Wall Page */
.msg_title{ float: right; width: 600px; margin-right: 20px; background: url(../images/msag.png) right center no-repeat; padding-right: 55px; text-align: right; height: 60px; padding-top: 40px; font-family: Arial; font-size: 22px;  }
.messages{ float: right; width: 730px; text-align: justify; margin-right: 10px; margin-bottom: 25px; }
.messages li { padding: 5px; margin-right: 10px; float: right; } 
.messages li.tit{ width: 350px; }
.messages li.s_name{ width: 150px; }
.messages li.s_date{ width: 150px; }
.messages li a{ color: #00F; }
.messages li.msg_li_title{ text-align: justify; list-style-type: none; color: #F00; }
h5{ margin-top: 10px; color: #F02; font-size: 20px; font-family: Arial; text-align: right; margin-right: 20px; }
.msg_line{ margin-bottom: 10px; float: right; margin-right: 10px; width: 730px; height: 1px; background: #000;  }
.msg_body{ float: right; width: 700px; margin-right: 25px; background: #A6C0CE; margin-top: 5px; border: 1px solid #5289A6; }
.title_date{ float: right; width: 700px; margin-right: 25px; }
.msg_body p { text-align: justify; }
.msg_main_title{ float: right; margin-left: 15px; font-family: Arial; font-size: 17px; color: #F00; margin-top: 10px; text-align: right; margin-right: 35px; }
.msg_date{ float: right; margin-top: 12px;  }
.add_rep{ width: 730px; float: left; margin-left: 25px; text-align: left; margin-top: 10px; font-weight: bold; }
/* Photo Gallery */
.g_title{ display: block; font-family: Arial; font-size: 25px; text-align: right; margin-right: 50px; margin-top: 20px; margin-bottom: 15px; color: #F02; }
#pGallery{ width: 500px; margin-right: 10px; margin-top: 10px;float:right; }
.Gimg{ width: 150px; height: 90px; margin-top: 15px; padding-top: 10px; background: url(../images/gimg.jpg); float: right; margin-left: 15px; }
#gmenu{ float: left; margin-top: 5px; margin-left: 10px; width: 189px; }
#gmenu ul li { display: block; width: 174px; text-align: center; padding-right: 0px; margin-top: 5px;font-size:16px;font-family:arial;font-weight:bold;}
#gmenu ul li a{ color: #00F; }
#gmenu ul li a:hover{ color: #F00; }
.gtitle{ display: block; font-size: 16px; font-family: Arial; font-weight: bold; text-align: right; margin-right: 10px; }
#ajaxticker1{
width: 200px;
height: 100px;
border: 1px ridge black;
padding: 5px;
background-color: #FEEEB8;
}

#ajaxticker1 div{ /*IE6 bug fix when text is bold and fade effect (alpha filter) is enabled. Style inner DIV with same color as outer DIV*/
background-color: #FEEEB8;
}