@charset "utf-8";

#container1 {

	width: 1048px;

	position: relative;

	clear: both;

	margin: auto;

}

#container2 {

	width: 1048px;

	position: relative;

	clear: both;

	margin: auto;

}

#header, #slideshow, #main1, #main2, #footer {

	position: relative;

	clear: both;

}

#header {

	height: 141px;

}

#nav {

	position:absolute;

	background-image: url(../img/menu_bg.png);

	height: 38px;

	width: 789px;

	display: block;

	background-repeat: no-repeat;

	background-position: center top;

	z-index: 9999;

	padding-left: 10px;

	top: 80px;

	right: 0px;

}

#nav li {

	float:left;

	position:relative;

	font-size: 12px;

}

#nav li a {

	display:block;

	color:#5C5C5C;

	text-decoration:none;

	height: 20px;

	padding-right: 8px;

	padding-left: 8px;

	text-shadow: 1px 1px 2px #fff;

	background-image: url(../img/sepa01.png);

	background-repeat: no-repeat;

	background-position: right center;

	padding-top: 3px;

	border-radius: 20px;

	-moz-border-radius: 20px;

	-webkit-border-radius: 20px;

	margin-top: 7px;

}

#nav li.home_icon {

	background-image: url(../img/menu_home_icon.png);

	background-repeat: no-repeat;

	background-position: center top;

	height: 31px;

	width: 27px;

	position: absolute;

	left: -12px;

	top: -9px;

}

#nav li.home_icon a {

	background-image: none;

	position: absolute;

	height: 100%;

	width: 100%;

	left: 0px;

	top: 0px;

}

#nav li.home_icon a:hover {

	background-image: none;

}

#nav li a:hover {

	color:#FFF;

	background-image: url(../img/gred02.png);

	background-repeat: repeat-x;

	background-position: center top;

}

#nav ul {

	position:absolute;

	display:none;

	width:180px;

	top:28px;

	background-image: url(../img/gred10.png);

	background-repeat: repeat-x;

	background-position: center 8px;

	border-radius: 0 10px 10px 10px;

	-moz-border-radius: 0 10px 10px 10px;

	-webkit-border-radius: 0 10px 10px 10px;

	padding-top: 17px;

	padding-bottom: 5px;

	z-index: 999;

}

#nav li ul li a {

	width:150px;

	height:auto;

	float:left;

	padding-top: 3px;

	padding-bottom: 3px;

	text-transform: capitalize;

	padding-right: 5px;

	padding-left: 10px;

	color: #FFF;

	text-shadow: 0px 0px 1px #171a78;

	border-bottom-width: 1px;

	border-bottom-style: dotted;

	border-bottom-color: #1e217c;

	background-image: url(../img/mark02.png);

	background-repeat: no-repeat;

	background-position: left center;

	margin-right: 10px;

	margin-left: 10px;

	border-radius: 3px;

	-moz-border-radius: 3px;

	-webkit-border-radius: 3px;

	margin-top: 0px;

	margin-bottom: 0px;

	font-size: 11px;

}

#nav li ul li a:hover {

	color:#FFF;

	background-image: url(../img/gred09.png);

	background-repeat: repeat-x;

	background-position: center top;

}

#nav li ul li ul {

	top:auto;

	background-image: url(../img/gred09.png);

	background-repeat: repeat-x;

	background-position: center top;

	padding-top: 3px;

	z-index: 999;

}

#nav li ul li ul li a {

	color: #FFF;

	text-shadow: 0px 0px 1px #066fa0;

	border-bottom-width: 1px;

	border-bottom-style: dotted;

	border-bottom-color: #0e7db0;

}

#nav li ul li ul li a:hover {

	color:#FFF;

	background-image: url(../img/gred10.png);

	background-repeat: repeat-x;

	background-position: center top;

}	

#nav li ul ul {

	left:150px;

	margin:0px 0 0 10px;

	z-index: 999;

}

#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;

}

#menu {

	display: block;

	z-index: 9999;

	top: 45px;

	right: 0px;

	text-align: left;

	position: absolute;

}

#menu li {

	display: inline-block;

	position: relative;

	z-index: 99;

}

#menu li a {

	text-shadow: 1px 1px 0 #fff;

	font-size: 11px;

	display: block;

	color: #0b5aa5;

	padding-top: 5px;

	padding-right: 15px;

	padding-left: 15px;

	position: relative;

	padding-bottom: 5px;

}

#menu li a.active {}

#menu li a:hover, #menu li a.hov {

	color: #1195d2;

}

#menu ul {

	position: absolute;

	display: none;

	padding-bottom: 10px;

	background-position: center -39px;

	-moz-border-radius: 10px 0 10px 10px;

	-khtml-border-radius: 0 10px 10px 10px;

	-webkit-border-radius: 0 10px 10px 10px;

	border-radius: 0 10px 10px 10px;

	width: 180px;

	padding-top: 10px;

	left: 0px;

	background-image: url(../img/gred09.png);

	background-repeat: repeat-x;

	background-position: center top;

}	

#menu ul li a {

	padding-top: 3px;

	padding-right: 3px;

	padding-bottom: 3px;

	padding-left: 10px;

	height: auto;

	margin-right: 10px;

	margin-left: 10px;

	display: block;

	width: 150px;

	color: #FFF;

	text-shadow: 0px 0px 1px #066fa0;

	border-bottom-width: 1px;

	border-bottom-style: dotted;

	border-bottom-color: #0e7db0;

	background-image: url(../img/mark02.png);

	background-repeat: no-repeat;

	background-position: left center;

}

#menu ul li a:hover {

	color: #2e3192;

}

* html #menu ul { margin: 0 0 0 -2px; }

#logo {

	position: absolute;

	height: 77px;

	width: 219px;

	left: 10px;

	top: 40px;

}

#logo img {

	height: 77px;

	width: 219px;

	display: block;

}

a.lang {

	height: 24px;

	width: 52px;

	display: block;

	background-image: url(../img/lang.png);

	background-repeat: no-repeat;

	background-position: top;

	position: absolute;

	right: 15px;

	top: 12px;

}

a.ar {background-position: right top;}

a.ar:hover {background-position: right bottom;}

a.en {background-position: left top;}

a.en:hover {background-position: left bottom;}

#slideshow span.corner {

	background-image: url(../img/slide_corner.png);

	background-repeat: no-repeat;

	display: block;

	height: 72px;

	width: 75px;

	position: absolute;

	z-index: 998;

}

#slideshow span.corner.r_t {

	background-position: right top;

	top: -29px;

	right: -29px;

}

#slideshow span.corner.l_t {

	background-position: left top;

	left: -29px;

	top: -29px;

}

#slideshow span.corner.r_b {

	background-position: right bottom;

	right: -29px;

	bottom: -29px;

}

#slideshow span.corner.l_b {

	background-position: left bottom;

	left: -29px;

	bottom: -29px;

}

#main1 {

	height: 290px;

	background-image: url(../img/main1_bg.png);

	background-repeat: no-repeat;

	background-position: right bottom;

	margin-top: 10px;

	padding-bottom: 13px;

	z-index: 99;

	margin-bottom: 5px;

}

#main1 h1.title {

	text-shadow: 1px 1px 0 #fff;

	font-size: 18px;

	color: #062b8a;

	margin-bottom: 7px;

}

.main {

	float: right;

	height: 290px;

	background-image: url(../img/dot_bg.png);

	background-repeat: repeat-x;

	background-position: center top;

	padding-top: 10px;

}

.main.r {

	width: 236px;

}

.main.m {

	width: 443px;

}

.main.l {

	width: 369px;

}

#mycustomscroll {

	height: 230px;

	overflow: auto;

	position: relative;

	padding-top: 3px;

	padding-right: 10px;

}

.scrollgeneric {

	line-height: 1px;

	font-size: 1px;

	position: absolute;

	top: 0px;

	left: 0px;

	border-radius: 5px;

	-moz-border-radius: 5px;

	-webkit-border-radius: 5px;

}

.vscrollerbase {

	width: 7px;

	background-color: #fff;

}

.vscrollerbar {

	width: 7px;

	background-color: #2f2583;

}

.hscrollerbase {

	height: 10px;

}

.hscrollerbar {

	height: 10px;

}

.scrollerjogbox {

	width: 8px;

	height: 10px;

	top: auto;

	left: 0px;

	bottom: 0px;

	right: auto;

}

ul.academic_calender {}

ul.academic_calender li {

	text-shadow: 1px 1px 0 #e1eef7;

	display: block;

	background-image: url(../img/dot_bg.png);

	background-repeat: repeat-x;

	background-position: left bottom;

	min-height: 48px;

	padding-top: 5px;

	line-height: 1.3em;

	font-size: 11px;

	padding-bottom: 5px;

	color: #333;

}

ul.academic_calender li span {

	overflow: hidden;

	height: 43px;

	width: 32px;

	background-color: #FFF;

	text-align: center;

	float: left;

	margin-right: 15px;

	border-radius: 7px;

	-moz-border-radius: 7px;

	-webkit-border-radius: 7px;

	margin-bottom: 2px;

}

ul.academic_calender li span strong {

	font-size: 15px;

	font-weight: bold;

	color: #1195d2;

	margin-right: 5px;

	margin-left: 5px;

	display: block;

	margin-top: 3px;

	padding-bottom: 2px;

}

ul.academic_calender li span small {

	font-size: 10px;

	font-weight: normal;

	color: #9e9e9e;

	border-top-width: 1px;

	border-top-style: solid;

	border-top-color: #9e9e9e;

	margin-right: 5px;

	margin-left: 5px;

	display: block;

	padding-top: 3px;

}

ul.latestnews {}

ul.latestnews li {

	display: inline-block;

	width: 160px;

	position: relative;

	margin-right: 17px;

}

ul.latestnews li img {

	display: block;

	height: 84px;

	width: 159px;

	margin-top: auto;

	margin-right: auto;

	margin-bottom: 5px;

	margin-left: auto;

	border-radius: 15px 0 15px 15px;

	-moz-border-radius: 15px 0 15px 15px;

	-webkit-border-radius: 15px 0 15px 15px;

}

ul.latestnews li strong, ul.latestnews li small {

	font-weight: normal;

	display: block;

	margin-right: 7px;

	margin-left: 7px;

	line-height: 1.2em;

}

ul.latestnews li strong {

	font-weight: normal;

	font-size: 12px;

	background-image: url(../img/dot_bg.png);

	background-repeat: repeat-x;

	background-position: center bottom;

	padding-bottom: 5px;

	margin-bottom: 5px;

	color: #0092d1;

}

ul.latestnews li small {

	font-size: 11px;

	color: #474747;

}

ul.latestnews li a.more {

	background-image: url(../img/mark03.png);

	position: absolute;

	height: 20px;

	width: 23px;

	right: -10px;

	display: block;

	background-repeat: no-repeat;

	background-position: center top;

	bottom: -10px;

}

ul.latestnews li span {

	text-shadow: 1px 1px 0 #0084bd;

	overflow: hidden;

	height: 43px;

	width: 32px;

	background-color: #0092d1;

	text-align: center;

	border-radius: 3px;

	-moz-border-radius: 3px;

	-webkit-border-radius: 3px;

	position: absolute;

	top: 20px;

	right: -15px;

}

ul.latestnews li span strong {

	font-size: 15px;

	font-weight: bold;

	color: #FFF;

	margin-right: 5px;

	margin-left: 5px;

	display: block;

	margin-top: 3px;

	padding-bottom: 2px;

	background-image: none;

	margin-bottom: 0px;

}

ul.latestnews li span small {

	font-size: 10px;

	font-weight: normal;

	color: #FFF;

	border-top-width: 1px;

	border-top-style: solid;

	border-top-color: #FFF;

	margin-right: 5px;

	margin-left: 5px;

	display: block;

	padding-top: 3px;

}

.ads {

	position: relative;

	height: 231px;

	width: 424px;

	margin-top: 28px;

}

#vertical-ticker{

	height: 231px;

	width: 424px;

	position: relative;

	border-radius: 20px 0 20px 0;

	-moz-border-radius: 20px 0 20px 0;

	-webkit-border-radius: 20px 0 20px 0;

}

#vertical-ticker li {

	display:block;

	height: 231px;

	width: 424px;

	overflow: hidden;

	position: relative;

}

#vertical-ticker li img {

	height: 231px;

	width: 424px;

	display: block;

	margin: auto;

	background-image: url(../img/loading.gif);

	background-repeat: no-repeat;

	background-position: center center;

}

#vertical-ticker li span {

	display: block;

	position: absolute;

	width: 143px;

	left: 0px;

	top: 0px;

	height: 190px;

	padding-top: 31px;

	padding-right: 15px;

	padding-left: 15px;

	padding-bottom: 10px;

	background-image: url(../img/gred04.png);

	background-repeat: repeat-y;

	background-position: center top;

}

#vertical-ticker li span strong, #vertical-ticker li span p {

	line-height: 1.2em;

	font-weight: normal;

	display: block;

}

#vertical-ticker li span strong {

	font-size: 12px;

	color: #76cfeb;

	margin-top: 15px;

	margin-bottom: 15px;

}

#vertical-ticker li span p {

	font-size: 11px;

	color: #FFF;

}

#vertical-ticker li a.more {

	background-image: url(../img/mark01.png);

	position: absolute;

	height: 31px;

	width: 27px;

	left: 41px;

	display: block;

	background-repeat: no-repeat;

	background-position: center top;

	bottom: 0px;

}

#vertical-ticker-control {

	padding-top: 4px;

	padding-bottom: 3px;

	background-image: url(../img/gred05.png);

	-moz-border-radius:4px 15px 4px 15px;

	-khtml-border-radius:4px 15px 4px 15px;

	-webkit-border-radius:4px 15px 4px 15px;

	padding-right: 10px;

	padding-left: 10px;

}

#vertical-ticker-control a#ticker-previous, #vertical-ticker-control a#ticker-next {

	position:absolute;

	z-index:9;

	cursor:pointer;

	background-image: url(../img/slide_arrow.png);

	height: 17px;

	width: 12px;

	background-repeat: no-repeat;

	font-size: 0px;

	text-indent: -9999;

	display: block;

	top: 12px;

}

#vertical-ticker-control a#ticker-next {

	left: 35px;

	background-position: right top;

}

#vertical-ticker-control a#ticker-previous {

	left: 15px;

	background-position: left top;

}

#vertical-ticker-control a#ticker-next:hover {

	background-position: right bottom;

}

#vertical-ticker-control a#ticker-previous:hover {

	background-position: left bottom;

}

#wrap1 {

	background-color: #FFF;

	background-image: url(../img/gred01.png);

	background-repeat: repeat-x;

	background-position: center top;

	overflow: hidden;

	width: 100%;

}

#main2 {

	height: 250px;

	background-image: url(../img/gred05.png);

	background-repeat: no-repeat;

	background-position: center top;

}

#main2 h1.title {

	text-shadow: 1px 1px 0 #fff;

	font-size: 18px;

	color: #062b8a;

	margin-bottom: 7px;

}

.main2 {

	float: right;

	height: 232px;

	position: relative;

}

.main2.r {

	width: 183px;

}

.main2.m {

	width: 477px;

}

.main2.m h1.title {

	text-shadow: 1px 1px 0 #fff;

	font-size: 18px;

	color: #062b8a;

	margin-bottom: 20px;

	margin-top: 10px;

	margin-left: 20px;

}

.main2.l {

	width: 380px;

}

.main2.l h1.title {

	display: block;

	position: absolute;

	z-index: 999;

	left: 15px;

	top: 10px;

}

.admissions_btn {

	margin: auto;

	height: 195px;

	width: 160px;

	position: relative;

	display: block;

}

.admissions_btn a {

	text-shadow: 1px 1px 0 #132e78;

	height: 195px;

	width: 160px;

	background-image: url(../img/admissions_btn_bg.png);

	background-repeat: no-repeat;

	background-position: left top;

	display: block;

	color: #FFF;

	overflow: hidden;

}

.admissions_btn a:hover {

	background-position: right top;

	color: #FFF;

}

.admissions_btn a strong {

	font-size: 14px;

	font-weight: normal;

	text-transform: uppercase;

	display: block;

	margin-right: 15px;

	margin-left: 15px;

	margin-top: 45px;

	margin-bottom: 10px;

}

.admissions_btn a small {

	font-size: 11px;

	font-weight: normal;

	line-height: 1.2em;

	margin-right: 15px;

	margin-left: 15px;

	display: block;

}

.slides_container {

	width:380px;

	display:none;

	background-image: url(../img/services_border.png);

	background-repeat: no-repeat;

	background-position: center top;

	height: 232px;

	position: relative;

}

.slides_container div.slide {

	width:344px;

	height:197px;

	display:block;

	padding-top: 41px;

	padding-left: 36px;

}

#slides a.next, #slides a.prev {

	position: absolute;

	height: 12px;

	width: 8px;

	top: 114px;

	display: block;

	background-image: url(../img/services_arrows.png);

	background-repeat: no-repeat;

	z-index: 99;

	font-size: 0px;

}

#slides a.next {

	background-position: right top;

	right: 3px;

}

#slides a.prev {

	background-position: left top;

	left: 3px;

}

#slides a.next:hover {

	background-position: right bottom;

}

#slides a.prev:hover {

	background-position: left bottom;

}

.item {

	float:left;

	width:149px;

	position: relative;

	height: 67px;

	background-image: url(../img/services_btn_bg.png);

	background-repeat: no-repeat;

	background-position: center top;

	margin-right: 10px;

	margin-bottom: 15px;

}

.item p {

	color: #fff;

	display: block;

	text-transform: uppercase;

	font-size: 12px;

	line-height: 1.2em;

	margin-top: 18px;

	margin-left: 24px;

}

.item a.more {

	position: absolute;

	height: 20px;

	width: 23px;

	display: block;

	bottom: -10px;

	background-image: url(../img/mark03.png);

	background-repeat: no-repeat;

	background-position: center top;

	left: 22px;

}		

.pagination {

	position: absolute;

	z-index: 99;

	display: block;

	overflow: hidden;

	width: 98%;

	left: 0px;

	bottom: 3px;

	text-align: center;

}

.pagination li {

	display: inline-block;

}

.pagination li a {

	position:relative;

	z-index:9;

	cursor:pointer;

	height: 12px;

	width: 12px;

	background-image: url(../img/controlNav.png);

	background-repeat: no-repeat;

	background-position: right top;

	display: inline-block;

	font-size: 0px;

}

.pagination .current a {

	background-position: left top;

}

.list_carousel {

	width: 448px;

	background-image: url(../img/offered_bg.png);

	background-repeat: no-repeat;

	background-position: center top;

	height: 138px;

	margin: auto;

	position: relative;

}

.list_carousel ul {

	display: block;

}

.list_carousel li {

	width: 448px;

	height: 105px;

	display: block;

	float: left;

	position: relative;

}

.list_carousel li strong {

	float: right;

	display: block;

	font-weight: normal;

	font-size: 12px;

	text-transform: uppercase;

	color: #FFF;

	width: 135px;

	height: 100px;

	padding-right: 20px;

	padding-left: 20px;

	padding-top: 30px;

}

.list_carousel li p {

	display: block;

	width: 230px;

	margin-left: 20px;

	font-size: 11px;

	line-height: 1.2em;

	color: #959595;

	margin-top: 20px;

}

.list_carousel li small {

	font-size: 11px;

	font-weight: normal;

	display: block;

	color: #1195d2;

	margin-top: 10px;

	margin-left: 20px;

	width: 230px;

}

.list_carousel li a.more {

	background-image: url(../img/mark01.png);

	position: absolute;

	height: 72px;

	width: 27px;

	top: 70px;

	display: block;

	background-repeat: no-repeat;

	background-position: center top;

	right: 161px;

}

.list_carousel.responsive {

	width: auto;

	margin-left: 0;

}

.list_carousel a.prev, .list_carousel a.next {

	position:absolute;

	z-index:9;

	cursor:pointer;

	background-image: url(../img/slide_arrow.png);

	height: 17px;

	width: 12px;

	background-repeat: no-repeat;

	font-size: 0px;

	text-indent: -9999;

	display: block;

	bottom: 8px;

}

.list_carousel a.prev {

	right: 90px;

	background-position: left top;

}

.list_carousel a.next {

	right: 65px;

	background-position: right top;

}

.pager {

	position: absolute;

	text-align: center;

	display: block;

	bottom: -18px;

	width: 175px;

	right: 0px;

}

.pager a {

	position:relative;

	z-index:9;

	cursor:pointer;

	height: 12px;

	width: 12px;

	background-image: url(../img/controlNav.png);

	background-repeat: no-repeat;

	background-position: right top;

	display: inline-block;

	font-size: 0px;

	margin-right: 1px;

	margin-left: 1px;

}

.pager a.selected {

	background-position: left top;

}

#footer {

	border-top-width: 1px;

	border-bottom-width: 1px;

	border-top-style: solid;

	border-bottom-style: solid;

	border-top-color: #dfdfdf;

	border-bottom-color: #dfdfdf;

	min-height: 190px;

	overflow: hidden;

	display: block;

	margin-top: 10px;

	clear: both;

}

.footer_links {

	overflow: hidden;

	padding-bottom: 15px;

}

.footer_links ul {

	display: block;

	width: 158px;

	float: left;

	margin-top: 10px;

	margin-right: 15px;

}

.footer_links h1 {

	font-size: 12px;

	color: #1195d2;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #e8e8e8;

	padding-bottom: 5px;

	padding-top: 5px;

	padding-right: 10px;

	padding-left: 10px;

	text-transform: uppercase;

	margin-bottom: 10px;

}

.footer_links li a {

	display: block;

	color: #939393;

	font-size: 11px;

	background-image: url(../img/mark04.png);

	background-repeat: no-repeat;

	background-position: left center;

	padding-left: 10px;

	margin-right: 7px;

	margin-left: 7px;

}

.footer_links li a:hover {}

.copyrights {

	font-size: 11px;

	color: #8c8c8c;

	margin-top: 15px;

	margin-bottom: 30px;

}

.copyrights strong {

	color: #1195d2;

}

#search {

	height: 31px;

	width: 293px;

	position: absolute;

	top: 50px;

	right: 0px;

}

#search input {

	font-family: "Ubuntu", "Trebuchet MS", Tahoma;

	color: #FFF;

	font-size: 12px;

	width: 223px;

	background-color: transparent;

	-moz-border-radius:4px;

	-khtml-border-radius:4px;

	-webkit-border-radius:4px;

	padding-left: 60px;

	background-image: url(../img/search_bg.png);

	background-repeat: no-repeat;

	background-position: center top;

	text-align: center;

	float: left;

	height: 29px;

	display: block;

	padding-top: 2px;

	padding-right: 10px;

}

#search input:focus {

	background-position: center bottom;

	color: #2e3192;

}

#search a {

	height: 40px;

	width: 37px;

	background-color: transparent;

	background-image: url(../img/search_btn.png);

	background-repeat: no-repeat;

	position: absolute;

	top: -3px;

	left: 19px;

	background-position: center top;

}

#search a:hover {

	background-position: bottom;

}

#social {

	position: absolute;

	right: 0px;

	bottom: -3px;

}

#social li {

	display: inline-block;

}

#social li a {

	display: block;

	margin-left: 5px;

}

#social li a:hover {

	filter: alpha(opacity=50);

	opacity: 0.5;

}

#social li a img {

	height: 50px;

	width: 27px;

}