@charset "utf-8";
/* CSS Document */
/* ---------------------------------------------------------------------- */
/*	Reset
/* ---------------------------------------------------------------------- */
@charset "utf-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	list-style: none;
}
p, ul, ol, dl {
	margin: 0;
	padding: 0;
}
.body {
	cursor: default;
}
a, a:visited {
	text-decoration: none;
	font-weight: normal;
}
a:hover {
	text-decoration: none;
}
a, a:active, a:focus {
	outline: none;
}
a img {
	border: none;
}
strong, b {
	font-weight: bold;
}
em, i {
	font-style: italic;
}
/* ---------------------------------------------------------------------- */
/*	Import Font
/* ---------------------------------------------------------------------- */
@font-face {
	font-family: "BMitra";
	src: url('mitrabold.eot'),  url('mitrabold.woff') format("woff"),  url('mitrabold.ttf') format("truetype"),  local('B Mitra Bold');
	font-weight: normal;
	font-style: normal;
}
/* ---------------------------------------------------------------------- */
/*	Css3 Transition
/* ---------------------------------------------------------------------- */
.header .search input, #menu_items li a, .list_menu li, .list_menu li a, .col4 ul li a, .footer>div>ul>li>ul>li>a, ul.nav > li > ul > li  a {
	transition-duration: 0.3s;
	-moz-transition-duration: 0.3s; /* Firefox 4 */
	-webkit-transition-duration: 0.3s; /* Safari and Chrome */
	-o-transition-duration: 0.3s; /* Opera */
}
{
transition-duration: 0.7s;
-moz-transition-duration: 0.7s; /* Firefox 4 */
-webkit-transition-duration: 0.7s; /* Safari and Chrome */
-o-transition-duration: 0.7s; /* Opera */
} {
transition-duration: 0.5s;
-moz-transition-duration: 0.5s; /* Firefox 4 */
-webkit-transition-duration: 0.5s; /* Safari and Chrome */
-o-transition-duration: 0.5s; /* Opera */
transition-property:color;
-moz-transition-property:color; /* Firefox 4 */
-webkit-transition-property:color; /* Safari and Chrome */
-o-transition-property:color; /* Opera */
}
/* ---------------------------------------------------------------------- */
/*	Css3 Blink
/* ---------------------------------------------------------------------- */
.newsdate {
	-webkit-animation: blink 2s infinite;
	-moz-animation: blink 2s infinite;
	animation: blink 2s infinite;
}
@-webkit-keyframes blink {
0% {
opacity:0;
}
100% {
opacity:1;
}
}
@-moz-keyframes blink {
0% {
opacity:0;
}
100% {
opacity:1;
}
}
@keyframes blink {
0% {
opacity:0;
}
100% {
opacity:1;
}
}
/* ---------------------------------------------------------------------- */
/*	Start Global Definition 
/* ---------------------------------------------------------------------- */
body, select, input, textarea, a {
	font: 12px tahoma, Arial, Helvetica, sans-serif;
}
body {
	color: #333;
	background: #efefef
}
a, a:visited {
	color: #0068be;
}
a:hover {
	color: #bd9807;
}
h1, h1 a, h2, h2 a, h3, h3 a, h4, h4 a, .nav>li>a, .inline-h1 .ddate, .list_menu li a, ul.nav > li > ul > li  a, .tinynav  {
	font-family: "BMitra", "B Mitra", "2 Mitra", Arial, Helvetica, sans-serif;
	line-height: 1.5;
	font-size: 18px;
}
h1, h1 a {
	font-size: 18px;
}
h2, h2 a {
	font-size: 17px;
}
h3, h3 a {
	font-size: 15px;
}
h4, h4 a {
	font-size: 14px;
}
/* ---------------------------------------------------------------------- */
/*	Start Page Layout
/* ---------------------------------------------------------------------- */
.center {
	margin: 0 auto;
	width: 1100px;
}
/* -------------------------------------------------- */
/*	Header
/* -------------------------------------------------- */
.header {
	float: right;
	width: 100%;
	height: 187px;
	border-top: 4px solid #fecd0b;
	background: #003a6b url(glow.png) center top no-repeat;
}
.header .center {
	position: relative;
}
.header .logo {
	position: absolute;
	width: inherit;
	text-align: center;
	top: 20px;
}
.header .UMSU {
	width: 118px;
	height: 121px;
	position: absolute;
	top: 30px;
	left: 0;
	background-image: url(sprites.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}
.header .flag {
	width: 142px;
	height: 123px;
	position: absolute;
	top: 0px;
	left: 88px;
	background-image: url(sprites.png);
	background-repeat: no-repeat;
	background-position: -127px 0;
}
.header .today {
	position: absolute;
	top: 10px;
	right: 0px;
	color: #43779b;
	font-size: 11px;
	text-align:right;
	direction:rtl;
}
.header .today img{
	vertical-align:middle;
	margin-left:5px;
}
.header .search {
	position: absolute;
	top: 60px;
	right: 0px;
	color: #FECD0B;
	text-align: right;
	line-height: 2.8;
}
.header .search a {
	color: #8ab5d6;
	font-size: 11px;
}
.header .search input {
	padding: 3px 5px 7px;
	direction: rtl;
	width: 200px;
	height: 20px;
	border: 1px solid #00549b;
	background: #00447d url(icon_magnfier.png) no-repeat;
	background-position: 10px 8px;
	line-height: 1.5;
	color: #327dbc;
	vertical-align: middle;
}
.header .search input:focus {
	width: 220px;
	outline: 0 !important;
	background-position: -50px 8px;
}
/* -------------------------------------------------- */
/*	navigation
/* -------------------------------------------------- */
.navigation_out {
	float: right;
	width: 100%;
	background: #003a6b;
	min-height: 58px;
}
.navigation {
	float: right;
	width: 100%;
	background: #003a6b;
	min-height: 58px;
}
/* -------------------------------------------------- */
/*	News Bar
/* -------------------------------------------------- */
.slider {
	width: 100%;
	float: right;
	margin-top: 6px;
}
/* -------------------------------------------------- */
/*	News Bar
/* -------------------------------------------------- */
.newsbar {
	height: 50px;
	background: #013d6f;
	margin-top: 5px;
	float: right;
	width: 100%;
}
.newsbar_header {
	width: 139px;
	float: right;
	color: #FFF;
	text-align: right;
	padding: 11px 1.5% 10px 0px;
	background: url('icon_arrow.png') no-repeat scroll left center transparent;
}
.newsbar_items {
	margin-right: 140px;
	padding: 13px 1.5% 10px 0px;
}
.newsbar .newsdate {
	color: #fecd0b;
	text-shadow: none;
}
#news, #news li {
	text-align: right;
	direction: rtl;
}
#news, #news li a {
	color: #a3ccf8;
}
#news, #news li a:hover {
	color: #fff;
}
/* -------------------------------------------------- */
/*	Layout
/* -------------------------------------------------- */
.page {
	width: 100%;
	text-align: justify;
	direction: rtl;
	line-height: 1.6;
	margin-top: 13px;
	display:block;
}
.right_side {
	float: right;
	width: 290px;
}
.left_side {
	float: left;
	width: 800px;
}
/* -------------------------------------------------- */
/*	Tabed Content
/* -------------------------------------------------- */
.tabs {
	float: right;
	width: 100%;
}
.tabs-nav {
	width: 100%;
	float: right;
}
.tabs-nav li:first-child {
	margin-right: 15px;
}
.tabs-nav li {
	float: right;
	margin-right: 5px;
}
.tabs-nav li a {
	float: right;
	padding: 9px 30px 9px;
	border: 0;
	border-bottom: 0;
	color: #a3ccf8;
	position: relative;
	top: 2px;
	box-shadow: 2px 0px 0px #d0d0d0;
	background: url(tabs_inactive.png) top repeat-x;
	line-height: 1.55;
	cursor: pointer;
	z-index: 2;
}
li.thistab a, li.thistab a:hover {
	float: right;
	padding-top: 10px;
	padding-bottom:10px
	border: 1px solid #d0d0d0;
	border-bottom: 0;
	color: #013d6f;
	position: relative;
	top: 1px;
	box-shadow: 2px 0px 0px #d0d0d0;
	background: url(tabs.png) top repeat-x;
	line-height: 1.55;
	cursor: default;
}
.tabs-container {
	float: right;
	width: 100%;
}
.tabs-container>li {
	display: block;
	line-height: 1.5;
	background: #fff url(tabs.png) 0 -48px repeat-x;
	position: relative;
	z-index: 1;
	padding-top: 4px;
}
.tabs-container>li img{
	max-width:100%;
	float:right;
	margin-bottom:3px;
	margin-left:10px;
	margin-right:10px;
}
.tabs-container>li.padding {
	padding: 15px;
}
.box_shadow {
	box-shadow: 1px 1px 1px #d0d0d0;
	border: 1px solid #d0d0d0;
	margin-bottom: 6px;
}
/* -------------------------------------------------- */
/*	List Menu
/* -------------------------------------------------- */
.image_links img{
width:100%;
float:right;
margin-top:5px;
}
/* -------------------------------------------------- */
/*	List Menu
/* -------------------------------------------------- */
.list_menu, .list_menu li {
	float: right;
	width: 100%;
}
.list_menu li {
	border-bottom: 1px solid #d0d0d0;
}
.list_menu li:hover {
	background: #eee;
}
.list_menu li a {
	text-align:right;
	font-size: 16px;
	display: inline-block;
	color: #013d6f;
	padding: 6px 15px 5px;
	margin-right: 10px;
	background: url(icon_arrow2.png) center right no-repeat;
}
.list_menu li a:hover {
	color: #005dab;
}
/* -------------------------------------------------- */
/*	Col 4
/* -------------------------------------------------- */
.col4 {
	width: 29%;
	padding: 1.8%;
	margin: 6px 0;
	border-left: 1px solid #eee;
	display: inline-block;
    vertical-align: top;
    *display: inline;
    *zoom: 1;
}
.col_header {
	background: url(nav.png) center repeat-x;
	padding: 4px 8px;
	color: #fff;
	text-align:right;
}
.col4 ul li a {
	padding: 5px 3% 6px 2%;
	float: right;
	width: 95%;
	border-bottom: 1px dotted #eee;
	text-align:right;
}
.col4 ul li a:hover {
padding: 5px 5% 6px 0;
	background: #FECD0B;
	color:#000;
}

.col4:nth-child(2),.col4:nth-child(5),.col4:nth-child(8),.col4:nth-child(11){
background-color:#f5f5f5;
}
/* -------------------------------------------------- */
/*	Lined List Styles
/* -------------------------------------------------- */

.linedlist>li, .linedlist {
	float: right;
	width: 100%;
}
.linedlist>li {
	background: url(post_bg.png) bottom repeat-x !important;
	list-style: none !important;
	margin: 0 !important;
}
.linedlist>li>a {
	display: block;
	padding: 16px;
	text-align: right;
	color: #000;
	position: relative;
}
.linedlist>li>a>img.thumb {
	float: right;
	width: 154px;
	height: 104px;
	border: 3px solid #fff;
	box-shadow: 0 0 2px #999;
	margin-left: 12px;
}
.linedlist>li>a>span.date {
	display: inline-block;
	padding: 0 16px 3px 0;
	margin-top: 5px;
	color: #dfb307;
	background: url(icon_clock.png) center right no-repeat;
}
.linedlist>li>a>h1 {
	display: block;
	margin-top: 4px;
	color: #013d6f;
	padding-bottom: 8px;
}
.linedlist>li>a>.short {
	background: url(hr_gray.png) top repeat-x;
	display: block;
	padding: 8px 0 8px 8px;
	text-align: justify;
	line-height: 1.5;
	direction: rtl;
	max-height: 30px;
	color: #000;
	overflow: hidden;
}
/* -------------------------------------------------- */
/*	Buttons
/* -------------------------------------------------- */
.button {
	display: inline-block;
	padding: 7px 12px 11px 12px;
	line-height: 1.2;
	background: #01a831 url(../images/mask.png) 0 120% repeat-x;
	color: #fff !important;
	text-shadow: -1px 0 0 #eee;
	margin-top: 5px;
}
.button:hover {
	color: #000 !important;
	text-shadow: -1px 0 0 #000;
	background-position: 0 0;
}
/* ---------------------------------------------------------------------- */
/*	Start Footer
/* ---------------------------------------------------------------------- */
.footer {
	line-height: 1.6;
	float: right;
	width: 100%;
	background: #003a6a url(footer.png) top repeat-x;
	border-top: 4px solid #fecd0b;
	padding:13px 0;
	position:relative;
	margin-top:10px;
	text-align:right;
}
.footer>div>ul>li {
	float: right;
	width: 24%;
	margin-left: 1%;
	padding-bottom: 5px;
}
.footer>div>ul>li>h2>a {
	color: #fff;
	display: block;
	float: right;
	clear: both;
	width: 100%;
	text-align:right;
	direction:rtl;
	background: url(hr_fade.png) bottom left no-repeat;
	padding: 5px 0 5px 0;
	margin-bottom: 8px;
}
.footer>div>ul>li>ul>li>a {
	float: right;
	display: block;
	clear: both;
	color: #83c4f9;
	padding: 3px 0 6px 0;
	background:url(icon_arrow3.png)  300px center no-repeat;
}
.footer>div>ul>li>ul>li>a:hover {
	color: #fff;
	text-shadow: -1px 0 0 #fff;
	padding: 3px 10px 6px 0;
	background-position:center right;
}
.footerlogo {
	float: left;
	width: 25%;
	margin-top:80px;
	text-align: left;
}

.copyright {
	padding:8px 0 10px;
	line-height: 1.5;
	float: right;
	width: 100%;
	font-size:11px;
	color:#a0a0a0;
}
.copyright .right{
	float:right;
	width:50%;
	text-align:right;
	direction:rtl;
}
.copyright .left{
	text-align:left;
	direction:ltr;
	float:left;
	line-height:1.8;
	width:50%;
}
/* -------------------------------------------------- */
/*	Back Top
/* -------------------------------------------------- */
#back-top {
	position: fixed;
	right: 20px;
	bottom: 20px;
	z-index: 999;
	display: none;
	width: 33px;
	height: 33px;
	background-color: #0068be;
	text-align: center;
	font: 0/0 a;
	-webkit-transition: background-color .2s linear;
	-moz-transition: background-color .2s linear;
	-ms-transition: background-color .2s linear;
	-o-transition: background-color .2s linear;
	transition: background-color .2s linear;
}
#back-top:hover {
	background-color: #fecd0b;
}
#back-top:after {
	position: absolute;
	left: 0;
	top: 0;
	width: 33px;
	height: 33px;
	background-image: url(back-to-top.png);
	background-position: center center;
	background-repeat: no-repeat;
	content: "";
}
/* -------------------------------------------------- */
/*	Responsive Select
/* -------------------------------------------------- */
.mainnav select {
	background-color: transparent;
	padding: 10px 0 9px 0;
	width: 100%;
	line-height: 1.5;
	-moz-box-sizing: border-box;
	cursor: pointer;
	text-align: right;
	direction: rtl;
	float: right;
	border: 0;
	margin-top: 5px;
}
.mainnav select:focus {
}