




/*
     FILE ARCHIVED ON 13:24:03 Jan 22, 2015 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 22:22:43 Mar 3, 2017.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
@charset "utf-8";

li.leaf {
background: url('/web/20150122132403/http://mofa.gov.sd/new/img/leaf_icon.png') no-repeat right top;
height: 34px;
padding-right: 30px;

} 

#wraper {
	margin: 0px;
	padding: 0px;
	position: relative;
	height: 100%;
	width: 100%;
}
#container {
	position: relative;
	clear: both;
	max-width: 1000px;
	width: 100%;
	margin: auto;
}
#header, #menu, #slideshow, #home_body, #footer {
	clear: both;
	position: relative;
}
#header {
	height: 115px;
	overflow: hidden;
}
#logo {
	height: 117px;
	width: 102px;
	position: absolute;
	top: 0px;
	right: 0px;
}
#logo img {
	height: 117px;
	width: 102px;
}
#name {
	color: #000;
	position: absolute;
	top: 6px;
	right: 105px;
	line-height: 1em;
	text-align: center;
}
#name img {
	height: 76px;
	width: 170px;
}
#name h1.name_ar, #name h1.name_en {
	color: #000;
	font-weight:bolder;
}
#name h1.name_ar {
	font-size: 14px;
	font-family: 'Droid Arabic Kufi', Tahoma;
}
#name h1.name_en {
	font-size: 14px;
	font-family: Ubuntu;
}
#status {
	position: absolute;
	left: 0px;
	top: 10px;
	overflow: hidden;
}
.weather, .day, .clock, .extra {
	float: left;
}
.weather {
	height: 64px;
	width: 64px;
	background-image: url(/web/20150122132403/http://mofa.gov.sd/new/img/icon_weather.png);
	background-repeat: no-repeat;
	background-position: center center;
	color: #FFF;
	text-align: center;
	font-size: 20px;
	line-height: 4.2em;
}
.day {
	height: 37px;
	width: 64px;
	background-image: url(/web/20150122132403/http://mofa.gov.sd/new/img/icon_day.png);
	background-repeat: no-repeat;
	background-position: center center;
	color: #e4a52a;
	text-align: center;
	font-size: 13px;
	line-height: 1.1em;
	padding-top: 27px;
	font-weight: bold;
}
.clock {
	height: 40px;
	width: 64px;
	background-image: url(/web/20150122132403/http://mofa.gov.sd/new/img/icon_clock.png);
	background-repeat: no-repeat;
	background-position: center center;
	color: #e4a52a;
	text-align: center;
	font-size: 13px;
	margin-right: 5px;
	line-height: 1.1em;
	padding-top: 24px;
	font-weight: bold;
}
.extra {
	direction:rtl;
	line-height: 1.3em;
	font-size: 13px;
	text-align: left;
	padding-top: 5px;
}
ul.top_menu {
	direction:rtl;
	position: absolute;
	left: 0px;
	bottom: 10px;
	display: block;
	text-align: left;
}
ul.top_menu li {
	display: inline-block;
}
ul.top_menu li a {
	color: #2c63a1;
	padding-right: 18px;
	background-repeat: no-repeat;
	background-position: right center;
	display: block;
	font-size: 12px;
	margin-left: 10px;
}
li a.contacts_page {
	background-image: url(/web/20150122132403/http://mofa.gov.sd/new/img/icon_contacts1.png);
	padding-right: 18px;
	background-repeat: no-repeat;
	background-position: right center;
	display: block;
	font-size: 14px;
	margin-left: 8px;
	font-weight:bold;
}
ul.top_menu li a.sitemap_page {
	background-image: url(/web/20150122132403/http://mofa.gov.sd/new/img/icon_sitemap.png);
	font-weight:bold;
}
ul.top_menu li a.en {
	background-image: url(/web/20150122132403/http://mofa.gov.sd/new/img/icon_en.png);
}
ul.top_menu li a.webmail {
	background-image: url(/web/20150122132403/http://mofa.gov.sd/new/img/icon_webmail.png);
}
ul.top_menu li a:hover {}
#menu {
	max-width: 1000px;
	width: 100%;
	height: 55px;
	background-image: url(/web/20150122132403/http://mofa.gov.sd/new/img/menu_bg.png);
	background-repeat: repeat-x;
	background-position: center center;
	z-index: 999;
}
#nav {
	font-family: 'Droid Arabic Kufi', Tahoma;
	position: relative;
	height: 64px;
	display: block;
	z-index: 99;
	padding-right: 29px;
}
#nav a.home_icon {
	background-image: url(/web/20150122132403/http://mofa.gov.sd/new/img/icon_home.png);
	background-repeat: no-repeat;
	position: absolute;
	top: 0px;
	right: 0px;
	background-position: center center;
	height: 64px;
	width: 34px;
}
#nav a.home_icon:hover {
	background-image: url(/web/20150122132403/http://mofa.gov.sd/new/img/icon_home2.png);
}
#nav li {
	float:right;
	position:relative;
	white-space: nowrap;
}
#nav li a {
	direction: rtl;
	display: block;
	color: #FFF;
	padding-right: 15px;
	padding-left: 15px;
	text-shadow: 0 0 1px #134378;
	font-size: 14px;
	text-align: center;
	position: relative;
	height: 60px;
	line-height: 5.1em;
	background-image: url(/web/20150122132403/http://mofa.gov.sd/new/img/gred01.png);
	background-repeat: no-repeat;
	background-position: right bottom;
}
#nav li.withsub {
	background-image: url(/web/20150122132403/http://mofa.gov.sd/new/img/mark09.png);
	background-repeat: no-repeat;
	background-position: 3px center;
}
#nav li a:hover, #nav li a.active {
	background-image: url(/web/20150122132403/http://mofa.gov.sd/new/img/menu_mouseover.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	color: #FFF;
	text-shadow: 0 0 1px #d88014;
	
}
#nav li ul {
margin-top:-5px;
	
}

#nav ul {
	position: absolute;
	display: none;
	width: auto;
	top: 60px;
	padding-top: 5px;
	padding-bottom: 5px;
	right: -5px;
	-moz-box-shadow: 0px 0px 5px #cf921c;
	-webkit-box-shadow: 0px 0px 10px #cf921c;
	box-shadow: 0px 0px 5px #cf921c;
	background-color: #e5a52a;
}
#nav li ul li, #nav li ul li ul li {background-image: none;}
#nav li ul li a {
	height: auto;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 20px;
	padding-left: 3px;
	color: #FFF;
	text-shadow: 0px 0px 1px #cf921c;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #d88014;
	width: 185px;
	font-size: 12px;
	white-space: normal;
	line-height: 1.2em;
	text-align: right;
	background-image: url(/web/20150122132403/http://mofa.gov.sd/new/img/mark06.png);
	background-repeat: no-repeat;
	background-position: right center;
	margin-right: 7px;
	margin-left: 7px;
	font-weight: bold;
}
#nav li ul li a:hover {
	color: #FFF;
	background-color: #2c63a1;
	text-shadow: 0px 0px 1px #ccc;
	background-image: none;
	-moz-box-shadow: 0px 0px 5px #1a4e89;
	-webkit-box-shadow: 0px 0px 10px #1a4e89;
	box-shadow: 0px 0px 5px #1a4e89;
}
#nav li ul li ul {
	top: -5px;
	-moz-box-shadow: 0px 0px 5px #8c0505;
	-webkit-box-shadow: 0px 0px 10px #8c0505;
	box-shadow: 0px 0px 5px #8c0505;
	background-image: url(/web/20150122132403/http://mofa.gov.sd/new/img/gred04.png);
	padding-top: 5px;
	padding-bottom: 5px;
}
#nav li ul li ul li a {
	height: auto;
	width: 185px;
	white-space: normal;
}
#nav li ul li ul li a:hover {
	color: #666;
	background-color: #FFF;
	text-shadow: 0px 0px 1px #ccc;
}	
#nav li ul ul {
	right: 170px;
}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{
	display:none;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{
	display:block;
}
ul.extra_links {
	position: absolute;
	left: 10px;
	top: 0px;
	z-index: 99;
	text-align: left;
	display: block;
}
ul.extra_links li {
	background-image: url(/web/20150122132403/http://mofa.gov.sd/new/img/menu_mouseover.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 64px;
	display: inline-block;
	width: 100px;
	position: relative;
	overflow: hidden;
}
ul.extra_links li a {
	color: #0e417b;
	position: absolute;
	height: 100%;
	width: 100%;
	left: 0px;
	top: 0px;
	font-size: 12px;
	font-weight: bold;
	line-height: 5.2em;
	background-repeat: no-repeat;
	background-position: 65px 25px;
	text-align: left;
	padding-left: 10px;
}
ul.extra_links li a.archives {
	background-image: url(/web/20150122132403/http://mofa.gov.sd/new/img/icon_archives.png);
}
ul.extra_links li a.documents {
	background-image: url(/web/20150122132403/http://mofa.gov.sd/new/img/icon_documents.png);
}
ul.extra_links li a:hover {
	color: #FFF;
	background-color: #164a85;
}
.default {
	width: 1000px;
}
.fixed {
	width: 1000px;
	position: fixed;
	top: 0px;
	z-index: 9999;
	margin: auto;
	background-image: url(/web/20150122132403/http://mofa.gov.sd/new/img/menu_bg.png);
	background-repeat: repeat-x;
	background-position: center center;
}
#slideshow {
	height: 96px;
	max-width: 1000px;
	width: 100%;
	overflow: hidden;
}
.nivoSlider {
	height: 96px;
	position:relative;
	width: 100%;
}
.nivoSlider img {
	height: 96px;
	position:absolute;
	top:0px;
	left:0px;
	width: 100%;
}
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:6;
	display:none;
}
.nivo-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:100%;
}
.nivo-box {
	display:block;
	position:absolute;
	z-index:5;
}
.nivo-caption {
	position:absolute;
	left:0px;
	color:#fff;
	width:235px;
	z-index:15;
	top: 277px;
}
.nivo-caption h1 {
	font-family: 'RaspoutineClassicItalic', Signika, sans-serif;
	font-size: 42px;
	line-height: 0.9em;
	margin-right: 10px;
	margin-left: 10px;
	font-weight: normal;
}
.nivo-caption a.more {
	display:block !important;
	background-image: url(/web/20150122132403/http://mofa.gov.sd/img/gred02.png);
	background-repeat: repeat-x;
	background-position: center top;
	background-color: #6da01c;
	color: #FFF;
	text-align: center;
	width: 60px;
	position: relative;
	padding-top: 4px;
	padding-bottom: 4px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	margin-top: 10px;
	margin-left: 15px;
	text-shadow: 1px 1px 0 #287322;
}
.nivo-html-caption {
    display:none;
}
.nivo-directionNav a {
	position:absolute;
	z-index:555;
	cursor:pointer;
	background-image: url(/web/20150122132403/http://mofa.gov.sd/new/img/arrow.png);
	height: 30px;
	width: 19px;
	background-repeat: no-repeat;
	font-size: 0px;
	text-indent: -9999;
}
.nivo-prevNav, .nivo-nextNav {
	top: 35px;
}
.nivo-prevNav {
	background-position: left top;
	left: 30px;
}
.nivo-nextNav {
	background-position: right top;
	left: 60px;
}
.nivo-nextNav:hover {
	background-position: right bottom;
}
.nivo-prevNav:hover {
	background-position: left bottom;
}
.nivo-controlNav {
	position: absolute;
	top: 45px;
	left: 85px;
}
.nivo-controlNav a {
	position:relative;
	z-index:9;
	cursor:pointer;
	height: 8px;
	width: 8px;
	background-image: url(/web/20150122132403/http://mofa.gov.sd/new/img/controlNav.png);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	font-size: 0px;
	float: right;
	margin-left: 2px;
}
.nivo-controlNav a.active {
	font-weight:bold;
	background-position: right;
	color: #291f1d;
}
#home_body {
	min-height: 300px;
	overflow: hidden;
}
h1.title {
	font-size: 16px;
	font-weight: bold;
	color: #1e4584;
	margin-right: 20px;
	background-image: url(/web/20150122132403/http://mofa.gov.sd/new/img/mark04.png);
	background-repeat: no-repeat;
	background-position: 3px center;
	overflow: hidden;
	clear: both;
	display: block;
}
.home_body_col {
	float: right;
}
.home_body_col.col1 {
	width: 167px;
}
.home_body_col.col2 {
	width: 833px;
}
.home_body_col.col3 {
	width: 500px;
}
/* --------------------------------- الاخبار ----------------------------*/
.home_body_col.col4 {
	width: 333px;
}
.ui-tabs { zoom: 1; }
.ui-tabs .ui-tabs-nav {
	position: relative;
	overflow: hidden;
	z-index: 99;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
.ui-tabs .ui-tabs-nav li {
	direction:rtl;
	position: relative;
	display: block;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #d8d8d8;
}
.ui-tabs .ui-tabs-nav li a {
	text-decoration: none;
	color: #000;
	display: block;
	padding-top: 3px;
	padding-right: 30px;
	padding-bottom: 3px;
	font-size: 14px;
	line-height: 1.2em;
	padding-left: 3px;
}
.ui-tabs .ui-tabs-nav li span.date {
	color: #084182;
	font-size: 13px;
	text-align: right;
	display: block;
	clear: both;
	font-weight: bold;
}
.ui-tabs .ui-tabs-nav 
li.ui-tabs-selected {
	color: #000 !important;
	font-weight: bold;
	padding-right: -5px;
	border-right-width: 20px;
	border-right-style: solid;
	border-right-color: #fac521;
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #fac521;
}
.ui-tabs .ui-tabs-panel {
	display: block;
	position: relative;
	min-height: 300px;
	overflow: hidden;
	width: 500px;
	float: right;
}
.ui-tabs .ui-tabs-panel div.news_header {
	background-color: #E5A52A;
	background-image: url(/web/20150122132403/http://mofa.gov.sd/new/img/gred06.png);
	background-repeat: no-repeat;
	background-position: right top;
	height: 281px;
	overflow: hidden;
	position: relative;
}
.ui-tabs .ui-tabs-panel div.news_header h1.date {
	z-index: 11;
	font-size: 32px;
	color: #FFF;
	letter-spacing: -3px;
	display: block;
	position: absolute;
	left: 30px;
	top: 15px;
	font-weight: lighter;
}
.ui-tabs .ui-tabs-panel div.news_header h1.title a {
	direction:rtl;
	background-image: url(/web/20150122132403/http://mofa.gov.sd/new/img/gred07.png);
	display: block;
	position: absolute;
	z-index: 10;
	padding: 15px;
	right: 11px;
	bottom: 10px;
	color: #FFF;
	line-height: 1.2em;
	font-size: 16px;
	font-weight: lighter;
	width:448px;
}
.ui-tabs .ui-tabs-panel div.news_header:hover div.extra {
	filter: alpha(opacity=100);
	opacity: 1;
}
.ui-tabs .ui-tabs-panel div.extra {
	filter: alpha(opacity=0);
	opacity: 0;
	z-index: 9;
	background-image: url(/web/20150122132403/http://mofa.gov.sd/new/img/gred07.png);
	position: absolute;
	height: 100%;
	width: 100%;
	text-align: center;
	overflow: hidden;
	padding-top: 20%;
}
.ui-tabs .ui-tabs-panel div.extra a {
	height: 37px;
	width: 37px;
	background-image: url(/web/20150122132403/http://mofa.gov.sd/new/img/btn22.png);
	background-repeat: no-repeat;
	display: inline-block;
	margin: 5px;
}
.ui-tabs .ui-tabs-panel div.extra a.img {
	background-position: left top;
}
.ui-tabs .ui-tabs-panel div.extra a.more {
	background-position: right top;
}
.ui-tabs .ui-tabs-panel div.extra a.img:hover {
	background-position: left bottom;
}
.ui-tabs .ui-tabs-panel div.extra a.more:hover {
	background-position: right bottom;
}
.ui-tabs .ui-tabs-panel img {
	display: block;
	height: 262px;
	width: 478px;
	margin-top: 9px;
	margin-right: auto;
	margin-bottom: 9px;
	margin-left: auto;
}
.ui-tabs .ui-tabs-panel p {
	direction:rtl;
	font-size: 13px;
	line-height: 1.3em;
	color: #000;
	display: block;
	text-align: justify;
	margin: 10px;
}
.ui-tabs .ui-tabs-hide { display: none !important; }
a.mover {
	position: absolute;
	color: white;
	font-weight: bold;
	text-decoration: none;
	background-image: url(/web/20150122132403/http://mofa.gov.sd/new/img/btn3.png);
	background-repeat: no-repeat;
	height: 25px;
	width: 25px;
	top: 9px;
	display: block;
	z-index: 20;
}
.next-tab {
	background-position: right top;
	right: 11px;
}
.next-tab:hover {
	background-position: right bottom;
}
.prev-tab {
	background-position: left top;
	right: 36px;
}
.prev-tab:hover {
	background-position: left bottom;
}
.jp-container{
	position:relative;
	float: right;
	width: 333px;
	height: 400px;
}
.jspContainer {
	overflow: hidden;
	position: relative;
}
.jspPane {
	position: absolute;
}
.jspVerticalBar {
	position: absolute;
	top: 0px;
	right: 3px;
	width: 7px;
	height: 100%;
	background: red;
}
.jspHorizontalBar {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 16px;
	background: red;
}
.jspVerticalBar *,
.jspHorizontalBar * {
	margin: 0;
	padding: 0;
}
.jspCap {
	display: none;
}
.jspHorizontalBar .jspCap {
	float: left;
}
.jspTrack {
	position: relative;
	background-color: #2c63a1;
}
.jspDrag {
	background: #fac521;
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
}
.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag {
	float: left;
	height: 100%;
}
.jspArrow {
	background: #50506d;
	text-indent: -20000px;
	display: block;
	cursor: pointer;
}
.jspArrow.jspDisabled {
	cursor: default;
	background: #80808d;
}
.jspVerticalBar .jspArrow {
	height: 16px;
}
.jspHorizontalBar .jspArrow {
	width: 16px;
	float: left;
	height: 100%;
}
.jspVerticalBar .jspArrow:focus {
	outline: none;
}
.jspCorner {
	background: #eeeef4;
	float: left;
	height: 100%;
}
* html .jspCorner {
	margin: 0 -3px 0 0;
}
/* --------------------------------- الاخبار آخر نهاية----------------------------*/
ul.region {
	direction:rtl;
	text-align: right;
	margin-top: 38px;
	margin-bottom: 5px;
}
ul.region li {}
ul.region li a {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #dedede;
	background-image: url(/web/20150122132403/http://mofa.gov.sd/new/img/mark02.png);
	background-repeat: no-repeat;
	background-position: 10px center;
	color: #000;
	font-size: 15px;
	display: block;
	padding-right: 10px;
	font-weight:bold;
}
ul.region li a:hover {
	color: #FFF;
	font-weight: bold;
	background-position: 3px;
	background-color: #2c63a1;
}
ul.shortcuts {
	display: block;
	height: 164px;
	overflow: hidden;
	margin-top:30px;
}
ul.shortcuts li {
	display: block;
	width: 166px;
	height: 164px;
	float: right;
}
ul.shortcuts li a {
	display: block;
	height: 144px;
	width: 146px;
	background-repeat: no-repeat;
	background-position: center center;
	color: #FFF;
	font-size: 16px;
	line-height: 1.1em;
	font-weight: bold;
	text-align: right;
	padding-top: 20px;
	padding-right: 20px;
}

ul.shortcuts li a.sec {
	
	background-repeat: no-repeat;
	background-position: center center;
	color: #FFF;
	font-size: 16px;
	line-height: 1.1em;
	font-weight: bold;
	text-align: right;
	margin-top:-70px;
	padding-right: 20px;
}

ul.shortcuts li a:hover {
	background-color: #2c63a1;
	background-image: none;
	font-weight: normal;
}
ul.shortcuts li a.music {
	background-image: url(/web/20150122132403/http://mofa.gov.sd/new/img/icon_music.jpg);
}
ul.shortcuts li a.maps {
	background-image: url(/web/20150122132403/http://mofa.gov.sd/new/img/icon_maps.jpg);
}
ul.shortcuts li a.civilization {
	background-image: url(/web/20150122132403/http://mofa.gov.sd/new/img/icon_civilization.jpg);
}
#search1 {
	position: relative;
	width: 309px;
	z-index: 99;
	background-color:#E4A52A;
	height:38px;
		
}
#search {
	position: relative;
	right: 18px;
	top: 7px;
	height: 31px;
	width: 309px;
	z-index: 99;
	background-image: url(/web/20150122132403/http://mofa.gov.sd/new/img/search_bg.png);
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 35px;
	padding-right: 5px;
	padding-left: 5px;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: 15px;
	margin-left: auto;
}
#search input, #search1 input {
	direction:rtl; 
	font-family: 'Droid Arabic Kufi', Tahoma;
	color: #999;
	font-size: 13px;
	width: 183px;
	background-color: #FFF;
	float: right;
	display: block;
	height: 25px;
	padding-right: 7px;
	padding-left: 35px;
	text-align: right;
}
#search input:focus, #search1 input:focus {
	color: #FFF;
	background-color: #2c63a1;
}
#search input[type="submit"]  , #search1 input[type="submit"]{
	cursor: pointer;
	background-color: #2c63a1;
	color: #FFF;
	text-align: center !important;
	float: right;
	display: block;
	width: 60px;
	margin-right: 5px;
}
#search input[type="submit"]:hover {
	color: #2c63a1;
	background-color: #FFF;
}
.visas {
	direction:rtl;
	background-color: #2c63a1;
	padding: 20px;
	overflow: hidden;
	background-image: url(/web/20150122132403/http://mofa.gov.sd/new/img/visas_bg.png);
	background-repeat: no-repeat;
	background-position: -95px 120px;
}
.visas:hover {
	background-position: -50px 120px;
}
.visas label {
	font-family: 'Droid Arabic Kufi', serif;
	display: block;
	margin-bottom: 2px;
	display: block;
	font-size: 12px;
	white-space: nowrap;
	text-align: right;
	clear: both;
	color: #FFF;
	font-weight: bold;
}
.visas select {
	font-family: 'Droid Arabic Kufi', serif;
	outline: none;
	background-color: #fff;
	color: #999;
	font-size: 13px;
	margin-bottom: 2px;
	display: block;
	padding: 2px;
	width: 100%;
}
.visas select:focus {
	background-color: #e4a52a;
	color: #FFF;
	font-weight: bold;
}
.visas input[type="submit"] {
	cursor: pointer;
	height: 23px;
	width: 83px;
	display: block;
	text-align: right;
	padding-right: 3px;
	background-repeat: no-repeat;
	background-image: url(/web/20150122132403/http://mofa.gov.sd/new/img/btn1.png);
	background-position: center bottom;
	color: #FFF;
	margin-top: 50px;
	margin-bottom: 20px;
	overflow: hidden;
	float: left;
	position: relative;
}
.visas input[type="submit"]:hover {
	background-position: center top;
}
#aboutsudan {
	direction:rtl;
	text-align: right;
	font-weight:bold;
	
}
#aboutsudan ul {
	margin-top: 10px;
	margin-bottom: 10px;
	
}
#aboutsudan h1 {
	color: #FFF;
	background-image: url(/web/20150122132403/http://mofa.gov.sd/new/img/gred05.jpg);
	background-repeat: no-repeat;
	background-position: right center;
	background-color: #2c63a1;
	font-size: 16px;
	padding-right: 45px;
	display: block;
	padding-top: 5px;
	padding-bottom: 5px;
}
#aboutsudan li {
	background-image: url(/web/20150122132403/http://mofa.gov.sd/new/img/mark02.png), url(/web/20150122132403/http://mofa.gov.sd/new/img/about_bg.png);
	background-repeat: no-repeat;
	background-position: 10px center, top center;
	}
#aboutsudan li a {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #dedede;
	margin-right: 3px;
	
	color: #fff;
	font-size: 14px;
	display: block;
}
#aboutsudan li a:hover, #aboutsudan li a.active {
	color: #e4a52a;
	font-size: 14px;
	font-weight: bold;
	background-position: 3px;
}
.slides_container {
	position: relative;
	display:none;
	margin: auto;
	width: 100%;
	min-height: 500px;
	background-color: #2c63a1;
	background-image: url(/web/20150122132403/http://mofa.gov.sd/new/img/gred08.png);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.slides_container div.slide {
	width: 175px;
	min-height: 350px;
	position: relative;
	display: block;
}
#slides {
	position: relative;
}
#slides a.next, #slides a.prev {
	position: absolute;
	text-decoration: none;
	background-image: url(/web/20150122132403/http://mofa.gov.sd/new/img/btn3.png);
	background-repeat: no-repeat;
	height: 25px;
	width: 25px;
	top: 15px;
	display: block;
	z-index: 20;
	font-size: 0px;
}
#slides a.next {
	background-position: right top;
	right: 57px;
}
#slides a.prev {
	background-position: left top;
	left: 60px;
}
#slides a.next:hover {
	background-position: right bottom;
}
#slides a.prev:hover {
	background-position: left bottom;
}
.item {
	direction: rtl;
	position: relative;
	margin-top: 15px;
	margin-right: 7px;
	line-height: 1.2em;
}
.item div.news_header {
	background-color: #415a9e;
	background-image: url(/web/20150122132403/http://mofa.gov.sd/new/img/gred06.png);
	background-repeat: no-repeat;
	background-position: right top;
	height: 100px;
	overflow: hidden;
	position: relative;
	width: 85%;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
}
.item div.news_header:hover div.extra {
	filter: alpha(opacity=100);
	opacity: 1;
}
.item div.news_header img {
	display: block;
	height: 100%;
	width: 100%;
	margin-bottom: 9px;
	margin-left: auto;
	position: absolute;
}
.item div.extra {
	filter: alpha(opacity=0);
	opacity: 0;
	z-index: 9;
	background-image: url(/web/20150122132403/http://mofa.gov.sd/new/img/gred07.png);
	position: absolute;
	height: 100%;
	width: 100%;
	text-align: center;
	overflow: hidden;
	padding-top: 20%;
	left: 0px;
	top: 0px;
}
.item div.extra a {
	height: 37px;
	width: 37px;
	background-image: url(/web/20150122132403/http://mofa.gov.sd/new/img/btn22.png);
	background-repeat: no-repeat;
	display: inline-block;
	margin: 5px;
}
.item div.extra a.img {
	background-position: left top;
}
.item div.extra a.more {
	background-position: right top;
}
.item div.extra a.img:hover {
	background-position: left bottom;
}
.item div.extra a.more:hover {
	background-position: right bottom;
}
.item small {
	color: #FFF;
	font-size: 13px;
	display: block;
	width: 85%;
	margin: auto;
}
.item h1 a {
	font-size: 14px;
	font-weight: normal;
	color: #FFF;
	margin-bottom: 10px;
	width: 85%;
	margin-top: auto;
	margin-right: auto;
	margin-left: auto;
	display: block;
}
.item p {
	font-family: 'Droid Arabic Kufi', serif;
	color: #FFF;
	display: block;
	line-height: 1.3em;
	text-align: justify;
	font-size: 13px;
	width: 85%;
	margin: auto;
}
.item a.readmore2 {
	float: left;
	margin-top: 20px;
}
.pagination {
	direction:rtl;
	position: absolute;
	z-index: 99;
	display: block;
	overflow: hidden;
	bottom: -22px;
	text-align: left;
	right: 20px;
}
.pagination li {
	display: inline-block;
}
.pagination li a {
	font-family: 'Ubuntu', Tahoma;
	display: block;
	height: 18px;
	width: 13px;
	font-size: 13px;
	font-family: Tahoma;
	text-align: center;
	color: #FFF;
	background-color: #69c5fa;
	line-height: 1.7em;
	margin-left: 1px;
}
.pagination .current a {
	color: #2c63a1;
	background-image: url(/web/20150122132403/http://mofa.gov.sd/new/img/mark03.png);
	font-weight: bold;
	text-align: right;
	background-repeat: no-repeat;
	background-position: right top;
	background-color: transparent;
	padding-right: 14px;
	width: auto;
	padding-left: 2px;
}


#footer {
	margin-top: 110px;
	margin-bottom: 70px;
}
.footer_top {
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #d5d5d5;
	border-right-color: #d5d5d5;
	border-left-color: #d5d5d5;
	height: 33px;
}
.address {
	direction: rtl;
	background-image: url(/web/20150122132403/http://mofa.gov.sd/new/img/icon_home2.png);
	background-repeat: no-repeat;
	background-position: right center;
	margin-right: 15px;
	margin-left: 10px;
	padding-right: 30px;
}
.address li {
	color: #757575;
	background-image: url(/web/20150122132403/http://mofa.gov.sd/new/img/sepa01.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
	display: inline-block;
	margin-left: 7px;
	font-size: 13px;
}
.address li a {
	height: 33px;
	display: block;
	line-height: 2.8em;
}
.address li a:hover {}
.footer_bottom {
	min-height: 262px;
	background-color: #e4a52a;
	background-image: url(/web/20150122132403/http://mofa.gov.sd/new/img/gred02.png);
	background-repeat: repeat-x;
	background-position: center bottom;
}
.sitemap {
	clear: both;
	overflow: hidden;
	padding-right: 15px;
}
.sitemap ul {
	display: block;
	float: right;
	width: auto;
	padding-top: 35px;
	padding-right: 10px;
	padding-left: 10px;
	background-image: url(/web/20150122132403/http://mofa.gov.sd/new/img/gred03.png);
	background-repeat: no-repeat;
	background-position: right top;
	min-height: 170px;
}
.sitemap li {
	display: block;
	direction: rtl;
	text-align: right;
}
.sitemap li a {
	background-image: url(/web/20150122132403/http://mofa.gov.sd/new/img/mark01.png);
	background-repeat: no-repeat;
	background-position: right center;
	color: #FFF;
	display: block;
	font-size: 12px;
	padding-right: 10px;
	line-height: 1.3em;
}
.sitemap li a:hover {
	color: #154a87;
}
.copyrights {
	direction: rtl;
	color: #FFF;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #fac521;
	line-height: 1.2em;
	margin-top: 10px;
	margin-right: 25px;
	margin-left: 25px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 15px;
	padding-left: 5px;
}
#footer_box {
	position: absolute;
	width: 160px;
	left: 36px;
	top: -53px;
}
#footer_box .contacts {
	background-image: url(/web/20150122132403/http://mofa.gov.sd/new/img/gred04.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 180px;
	width: 160px;
	position: relative;
	overflow: hidden;
	margin-left:-15px;
}
#footer_box .contacts a {
	font-size:18px;
	font-weight:bold;
	float:right;
	margin-right:10px;
	color:#FFF;
	margin-top:30px;
	
}
#footer_box .contacts a:hover {
	color:#91D5FC;
	
}
#footer_box span.icon {
	background-image: url(/web/20150122132403/http://mofa.gov.sd/new/img/icon_phone.png);
	background-repeat: no-repeat;
	background-position: center center;
	height: 40px;
	width: 30px;
	position: absolute;
	left: 15px;
	top: 20px;
}
#footer_box span.flag {
	background-image: url(/web/20150122132403/http://mofa.gov.sd/new/img/icon_flag.png);
	height: 119px;
	width: 94px;
	display: block;
	position: absolute;
	top: -36px;
	left: -8px;
	background-repeat: no-repeat;
	background-position: center center;
	overflow: hidden;
	z-index: 10;
}
#footer_box .callhere {
	border-top-width: 3px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #69c5fa;
	border-bottom-color: #69c5fa;
	color: #FFF;
	line-height: 1.2em;
	letter-spacing: -2px;
	margin-top: 80px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 10px;
	padding: 4px;
}
#footer_box .callhere span.code {
	font-size: 20px;
}
#footer_box .callhere span.number {
	font-size: 28px;
}
#footer_box .boxoffice {
	direction:rtl;
	font-size: 13px;
	color: #FFF;
	text-align: right;
	line-height: 1.2em;
	margin-right: 10px;
	margin-left: 10px;
}
.social {
	text-align: left;
	font-size: 13px;
	color: #154a87;
	padding-top: 15px;
	font-weight: bold;
	margin-left:-20px;
	
}
.social li {
	display: inline-block;
	margin: 0px;
	padding: 0px;
}
.social li a {
	display: block;
	margin: 0px;
	padding: 0px;
}
.social li a:hover {
	filter: alpha(opacity=50);
	opacity: 0.5;
}
.social li img {
	height: 24px;
	width: 25px;
}
a.readmore1, a.readmore2 {
	height: 23px;
	width: 83px;
	display: block;
	text-align: right;
	padding-right: 3px;
	background-repeat: no-repeat;
	background-image: url(/web/20150122132403/http://mofa.gov.sd/new/img/btn1.png);
	background-position: center;
	color: #FFF;
	margin-top: 5px;
	margin-bottom: 10px;
	overflow: hidden;
	line-height: 2em;
}
a.readmore1:hover, a.readmore2:hover {
	color: #FFF;
}
a.readmore1 {
	background-position: top;
}
a.readmore2 {
	background-position: bottom;
}
a.readmore1:hover {
	background-position: bottom;
}
a.readmore2:hover {
	background-position: top;
}
.scroller {
	display: none;
}
.menu-trigger {}
.menu-trigger span {
	display: none;
}
.mp-pusher {
	position: relative;
	left: 0;
	height: 100%;
}
.mp-menu {
	position: absolute;
	top: 0;
	left: 0;
	width: 300px;
	height: 100%;
	-webkit-transform: translate3d(-100%, 0, 0);
	-moz-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0);
}
.mp-level {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-transform: translate3d(-100%, 0, 0);
	-moz-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0);
	background-color: #2c63a1;
	padding-top: 80px;
	background-image: url(/web/20150122132403/http://mofa.gov.sd/new/img/gred30.png);
	background-repeat: repeat-y;
	background-position: right top;
	text-align: right;
	z-index: 9999;
}
.mp-pusher::after,
.mp-level::after,
.mp-level::before {
	position: absolute;
	z-index: 9999;
	top: 0;
	right: 0;
	width: 0;
	height: 0;
	content: '';
	opacity: 0;
}

.mp-pusher::after,
.mp-level::after {
	background-image: url(/web/20150122132403/http://mofa.gov.sd/new/img/gred09.png);
	-webkit-transition: opacity 0.3s, width 0.1s 0.3s, height 0.1s 0.3s;
	-moz-transition: opacity 0.3s, width 0.1s 0.3s, height 0.1s 0.3s;
	transition: opacity 0.3s, width 0.1s 0.3s, height 0.1s 0.3s;
}

.mp-level::after {
	z-index: -1;
}

.mp-pusher.mp-pushed::after,
.mp-level.mp-level-overlay::after {
	width: 100%;
	height: 100%;
	opacity: 1;
	-webkit-transition: opacity 0.3s;
	-moz-transition: opacity 0.3s;
	transition: opacity 0.3s;
}

.mp-level.mp-level-overlay {
	cursor: pointer;
	background-image: url(/web/20150122132403/http://mofa.gov.sd/new/img/gred09.png);
}
.mp-pusher::after,
.mp-level::after,
.mp-level::before {
	position: absolute;
	z-index: 999;
	top: 0;
	right: 0;
	width: 0;
	height: 0;
	content: '';
	opacity: 0;
}

.mp-pusher::after,
.mp-level::after {
	background-image: url(/web/20150122132403/http://mofa.gov.sd/new/img/gred07.png);
	-webkit-transition: opacity 0.3s, width 0.1s 0.3s, height 0.1s 0.3s;
	-moz-transition: opacity 0.3s, width 0.1s 0.3s, height 0.1s 0.3s;
	transition: opacity 0.3s, width 0.1s 0.3s, height 0.1s 0.3s;
}
.mp-pusher,
.mp-level {
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}
.mp-overlap .mp-level.mp-level-open {
	box-shadow: 1px 0 2px rgba(0,0,0,0.2);
	-webkit-transform: translate3d(-40px, 0, 0);
	-moz-transform: translate3d(-40px, 0, 0);
	transform: translate3d(-40px, 0, 0);
}
.mp-menu > .mp-level,
.mp-menu > .mp-level.mp-level-open,
.mp-menu.mp-overlap > .mp-level,
.mp-menu.mp-overlap > .mp-level.mp-level-open {
	box-shadow: none;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.mp-cover .mp-level.mp-level-open {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.mp-menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.mp-menu h2 {
	margin: 0;
	padding: 1em;
	color: #FFF;
	text-shadow: 0 0 1px rgba(0,0,0,0.1);
	font-weight: 300;
	font-size: 13px;
}
.mp-menu.mp-cover h2 {
	font-weight: 700;
	letter-spacing: 1px;
	font-size: 1em;
}
.mp-menu ul li, .mp-menu ul li ul li {
	display: block;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #457ebf;
	border-top-style: solid;
	border-top-color: #457ebf;
	border-top-width: 1px;
}
.mp-menu ul li.icon-arrow-left {
	background-image: url(/web/20150122132403/http://mofa.gov.sd/new/img/mark06.png);
	background-repeat: no-repeat;
	background-position: 20px center;
}
.mp-menu ul li > a {
	display: block;
	outline: none;
	box-shadow: inset 0 -1px rgba(0,0,0,0.2);
	text-shadow: 0 0 1px rgba(255,255,255,0.1);
	font-size: 13px;
	-webkit-transition: background 0.3s, box-shadow 0.3s;
	-moz-transition: background 0.3s, box-shadow 0.3s;
	transition: background 0.3s, box-shadow 0.3s;
	padding-top: 3px;
	padding-right: 30px;
	padding-bottom: 3px;
	padding-left: 3px;
	color: #FFF;
}
.mp-menu ul li > a:hover {
	color: #fff;
}
.mp-level > ul > li:first-child > a {
	box-shadow: inset 0 -1px rgba(0,0,0,0.2), inset 0 1px rgba(0,0,0,0.2);
}
.mp-menu ul li a:hover,
.mp-level > ul > li:first-child > a:hover {
	background: rgba(0,0,0,0.2);
	box-shadow: inset 0 -1px rgba(0,0,0,0);
}
.mp-menu ul li ul li a:hover,
.mp-level > ul > li > ul > li:first-child > a:hover {
	background: rgba(0,0,0,0.2);
	box-shadow: inset 0 -1px rgba(0,0,0,0);
}
.mp-menu .mp-level.mp-level-overlay > ul > li > a,
.mp-level.mp-level-overlay > ul > li:first-child > a {
	box-shadow: inset 0 -1px rgba(0,0,0,0);
}
.mp-back {
	outline: none;
	color: #fac521;
	display: block;
	font-size: 16px;
	position: relative;
	box-shadow: inset 0 1px rgba(0,0,0,0.1);
	-webkit-transition: background 0.3s;
	-moz-transition: background 0.3s;
	transition: background 0.3s;
	background-image: url(/web/20150122132403/http://mofa.gov.sd/new/img/mark13.png);
	background-repeat: no-repeat;
	background-position: 20px center;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 60px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #4276b1;
	text-align: center;
}
.mp-back:hover {
	color:#666;
}
.no-csstransforms3d .mp-pusher,
.no-js .mp-pusher {
	padding-left: 300px;
}
.no-csstransforms3d .mp-menu .mp-level,
.no-js .mp-menu .mp-level {
	display: none;
}
.no-csstransforms3d .mp-menu > .mp-level,
.no-js .mp-menu > .mp-level {
	display: block;
}

