/* RESET */
html, body{margin:0px;padding:0px;font-family:Helvetica,Arial,sans-serif;font-size:12px;height:100%;color:#333; background : transparent url('ximages/theme/page.html') repeat-y scroll center  top }
form{padding:0px;margin:0px;} label {display: block; margin-bottom:5px}

ol, ul, p{margin:5px 0px 15px 0px;padding:0px;list-style:none;}
a{text-decoration:none; color:#666 }
a:link:hover{text-decoration:underline;}
img{border:0px;}
big{ font-size:130%; }
h1, h2, h3, h4, h5, h6{font-family: 'Open Sans', sans-serif; margin :0 0 5px 0; color:#333; font-weight: 300; line-height:normal }
h1{ font-size:30px; margin-bottom:10px; padding:10px 0px; font-weight: 600; }
h2{ font-size:20px; color:#0870A3; font-weight: 600; }
h3{ font-size:16px; color:#002B51; }
h4{ font-size:14px;font-family:Verdana, Geneva, Tahoma, sans-serif	;color:#747674; }
p, td, li { line-height: 18px; }
/* LAYOUT */
 
.wrap{max-width:1000px; width:100%;  margin:0px auto;padding:0px;}
.content{max-width:1000px; width:100%; margin:0px auto;padding:0px; margin:0px auto ; display:block }
.streach{ min-height:100%; min-width:100%;  }
.page { min-height:100%; background : transparent  url('images/theme/footer.jpg')  no-repeat  scroll center  bottom }


.home h1{ padding:0px 0px 10px 0px; margin:0px; }
.home h2{ padding:0px 0px 0px 0px; margin:0px; color :#333}


.home .content{ min-height:200px; margin:0px; padding:0px;  }
.home .wrap { background-color: white ; padding:10px 0px;}

.home .wrap:nth-child(odd) { background-color:#fafafa;  }
.home .wrap:nth-child(even) { background-color:#06B6FF;  }
.home .wrap:nth-child(even) * { color:white }
.home .wrap:nth-child(even) div.img {  }


.home .wrap:before 			{ float:right; content:'';  right:50px; z-index: 10;  position:relative ; margin-left:-100%; border:40px transparent solid;margin-bottom:-90px; border-top-color:#06B6FF; margin-top: -10px  }
.home .wrap .content:before { float:right; content:'';  right:45px; z-index:  9;  position:relative ; margin-left:-100%; border:45px transparent solid;margin-bottom:-90px; border-top-color:#fafafa; margin-top: 0px}
.home .wrap:nth-child(even):before { border-top-color:#fafafa  }
.home .wrap:nth-child(even) .content:before {  border-top-color:#06B6FF }

.home .wrap:nth-child(odd):before {  float:left ; margin-left:0px; margin-right:-100%; left:50px; }
.home .wrap:nth-child(odd) .content:before {  float:left;margin-left:0px; margin-right:-100%; left:45px;  }


.home .wrap .button  { background-color: transparent ; cursor:pointer; color:#333; padding:5px 10px; border:1px white solid;  border:1px #333 solid ; display: inline-block; clear:both    }
.home .wrap .button:hover { color:#fafafa;background-color:#333}

.home .wrap:nth-child(even) .button { color:white; border-color:white   }
.home .wrap:nth-child(even) .button:hover { color:#06B6FF;background-color:white   }


.home div {Box-sizing: Border-box}
.home .content > div > div  > div  { padding:10px 20px } 
.home div.img{ background-size:cover; width:100%;min-height:250px; background-position:center center;    } 
.home .wrap:nth-child(even) { color: #fafafa;}

 .button { cursor:pointer; color:#fff; padding:5px 10px;  background-color:#06B6FF; border:1px #fff solid ; display: inline-block;   }
 .button:hover { color:#000; background-color:#fff}


blockquote { border-left: 5px solid #CCC; padding-left:10px; }
.menu { padding:0px 0px 0px 0px; margin:0px; padding:0px; }
.menu li { display:inline-block; margin:0px; padding:0px 0px; }
.menu li:first-child { display:inline-block; padding-left:0px; }

.FL{ float:left } .FR{float:right}
 
.streach{ background:url('images/theme/strech-bg.jpg') repeat-x center top; height:100%}
.topshade { margin-top:80px; }
  
/*------------------------------------------------------------------------------------*/
.top { padding:0px; margin:0px; background-color:#136586;background-color:#136586;background-color:rgba(19, 101, 134,0.7); height:38px; }
.top:hover{background-color:rgba(19, 101, 134,1);transition: all 800ms ease;}

.top .wrap{ padding:0px;  }
.top .wrap .content{  padding:0px 0px 0px 0px; margin:0px; width:100% }
.top   {position:relative;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;}
.top .wrap .content h3{color:#fff;padding-top:6px;text-transform:uppercase;font-size:12px;font-weight:bold }

.header { padding:0; margin:0; overflow:hidden ; height: 135px}
.header .wrap { padding:0px; margin:0px auto;  background: transparent url('images/theme/banner-wrap.html') no-repeat scroll center top; }
.header .wrap .content .logo img{ float:right; height:100px; }
.header .wrap .content{ padding:0px; margin:0px; overflow:hidden; }
.header .wrap .content table{ height:100px}
.header .wrap .content h2{ position:absolute}
.banner .wrap .content > div{ padding:0px;  overflow:hidden; position:relative;width:100%;height:345px; }
.banner { padding:0px; margin:0px 0 0;}
.ban { background: white url('images/theme/rainbow.jpg')  no-repeat scroll left  top ;}
.ban>div { background: transparent url('images/theme/rainbow.jpg')  no-repeat scroll right  top ;}

.splash {  background-color: #06B6FF; overflow:hidden; padding:20px }
.
.splash .wrap { padding:0px; margin:0px auto }



.body { padding:0px; margin:0px;}
.body .wrap{ padding:0px; }
.body .wrap .content{ padding:15px 0px 0px 0px; }
.body .wrap .content > table { border-collapse:collapse; }
.body .wrap .content > table td { vertical-align:top; padding:0px;  }

.footer { padding:0px 0px 35px 0px; margin:0px; xtext-shadow: 0px 0px 8px rgba(0, 0, 0, 0.8); font-size:12px}
.footer .wrap{ padding:0px 0px 5px 0px; }
.footer .wrap .content{  padding:10px 0px 10px 0px; color:#333;    }
.footer .wrap .content:first-child  { border-top:1px #1994CD solid; border-bottom:1px #1994CD solid; }
.footer .wrap .content big{font-size:18px; font-weight:normal; font-family: 'Open Sans', sans-serif; }
.footer .wrap .content h3{font-size:12px; font-weight:bold; margin:0px; padding:0px; }
.footer .wrap .content li,.footer .wrap .content p{ margin:0px; padding:0px; }
.footer .wrap .content a{color:#333 }
.footer .wrap .content .con-details{margin-top:-42px;margin-left:170px;border-left:1px #b9b9b9 dotted;padding-left:10px }
.footer .wrap .content .menu-hot {margin:0px}
.footer .wrap .content table { width:100%;}
.footer .wrap .content table td{ vertical-align: top }
.footer .wrap .content table.footer-header td { vertical-align:middle; padding:0px;  }

 
 
 
.footer .wrap .content ul strong {display:block; font-size:18px; text-align:center; margin:-15px 0px 0px -130px; padding:3px 0px; width:110px; background:#06B6FF;   border:1px #eee dotted; position:absolute;}
.footer .wrap .content ul strong:before { position:absolute; margin:3px 0px 0px 110px; left:0px; float:left; border: 8px transparent solid; border-left-color:#333;  content:'' }
.footer .wrap .content ul {margin:0px 0px 0px 0px ; padding:0px;}
.footer .wrap .content .c2 ul {margin:0px 0px 0px 130px ; padding:0px;}
.footer .wrap .content  ul li{ margin:0px; padding:0px; }

.bottom { color:#fff; padding:0px; margin:0px; background-color:#06B6FF  }
.bottom:hover{background-color:rgba(54%, 25%, 20%,1);transition: all 800ms ease;color:#fff }
.bottom a {color:#fff}
.bottom:hover a {color:#fff }
.bottom {border-top:1px #fff solid } 

.bottom .wrap{ padding:0px; margin:0px auto; }
.bottom .wrap .content{  padding:7px 0px 7px 0px; margin:0px auto; }

.menu { margin:0px;padding:0px; float:right; position:relative; }
.menu li { margin:0px 5px 0px 0px; padding:0px 0px 0px 5px; border-left:1px #ccc solid; }
.menu li:first-child{ border-left:0px transparent none;}

.menu img{ width:18px; position:relative; vertical-align:middle}

.copyright{ display:inline; }
.developed{ display:inline;}
 
/* CUSTOM ------------------------------------------------------------------------------------ */
.body { padding: 10px 0px 10px 0px;   vertical-align:top  }
.body .wrap{     }

/* CSS MENU SUBTITLES ------------------------------------------------------------------------------------ */
.cssmenu {  text-align:left;}
.cssmenu ul { list-style:none;  }



.cssmenur > ul { float: right!important; }
.cssmenur > ul > li { float: left!important; }
.cssmenu ul,.cssmenu li,.cssmenu span,.cssmenu a { margin: 0; padding: 0; position: relative;}
.cssmenu { height: 36px; background: linear-gradient(top, #fefefe 0%, #eee9f0 100%); width: auto;  z-index: 1000;}
 
.cssmenu a { color: #fff; display: inline-block; font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 12px; line-height: 38px; padding: 0 20px; text-decoration: none;}
.cssmenu a:hover {text-decoration:none}

.cssmenu ul { list-style: none;  }
.cssmenu > ul { float: left; }
.cssmenu > ul > li { float: left; }
.cssmenu > ul > li > a { color: #fff; font-size: 12px; font-weight:bold; border-left:1px solid #1994CD; cursor: pointer; }
 
.cssmenu > ul > li:first-child > a {padding-left:26px; border: 0}
 
.cssmenu > ul > li.active > a { -moz-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1); -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1); }
/*.cssmenu > ul > li:hover > a { -moz-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1); -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1); }*/
.cssmenu > ul > li:hover > a{background:#1994CD;transition: all 800ms ease; }
.cssmenu .has-sub { z-index: 100; }
.cssmenu .has-sub > a{cursor: text }
.cssmenu .has-sub:hover > ul { display: block; }
.cssmenu .has-sub ul { background:#1994CD; padding-bottom:43px; display: none; position: absolute; width: 200px; top: 100%; left: 0;border:2px #1994CD solid;}
.cssmenu .has-sub ul li { *margin-bottom: -1px; }
.cssmenu .has-sub ul li a {  olor: #333; border-bottom: 1px dotted #ccc; filter: none; font-size: 11px; display: block; line-height: 120%; padding: 10px;}
.cssmenu .has-sub >ul> li:hover >a { background: #CAE5EE; color:#1994CD}
.cssmenu .has-sub .has-sub:hover > ul { display: block;}
.cssmenu .has-sub .has-sub ul { display: none; position: absolute; left: 100%; top: -2px;;}
.cssmenu .has-sub:after {content:'';   border:5px transparent solid; position:absolute; left:100%; margin-left:-20px ; margin-top:-22px   }

.cssmenu > ul >  .has-sub a{ padding-right:25px;}
 

.cssmenu > ul >  .has-sub:after { border-top-color:#1994CD;   }
.cssmenu > ul >  .has-sub:hover:after { border-top-color:#fff;   }
.cssmenu > ul >  .has-sub .has-sub:after { border-left-color:#1994CD;   }

.cssmenu .has-panel > ul { width:600px;  padding:0px; margin:0px 0px 0px -100px ;  }
.cssmenu .has-panel > ul > li {  height:auto; width:150px;  padding:0px; margin:0px; display:inline-block; float:none;  }
.cssmenu .has-panel > ul > li a { text-decoration:none; padding:0px; margin:0px; display:inline;float:none; background:transparent none no-repeat scroll left top;   }
.cssmenu .has-panel > ul > li:hover  a{ text-decoration:none; padding:0px; margin:0px; display:inline;float:none; background:transparent none no-repeat scroll left top;   }
.cssmenu .has-panel > ul ul li { height:auto; width:auto; padding:0px; margin:0px; display:block;float:none; }

.cssmenu .has-panel > ul ul { height:auto; width:auto; padding:0px; margin:0px; display:block;float:none; background:transparent none no-repeat scroll left top; }


/* MODULES ------------------------------------------------*/
form.search input{ color:#999; border:1px  #999  solid;  font-size:12px;width:190px; height:23px; padding-left:20px; background:#fff url('images/theme/search.png') no-repeat scroll left center; display:block; float:left;  } 
form.search button {height:31px; display:block ; float:left; position:relative ;}

form.search { border-bottom:0px #B9B9B9 dotted ;  display:inline-block;  }
.top form.search { padding:0px; margin:0px; }

.top .wrap .content span{color:#FFA620;font-size:12px }
.top .government { float:left; height: 35px }
.top .government a { text-transform: uppercase; color: #FFF; padding: 10px 0px 10px 0; display: inline-block; }
.top .translate { float:right; padding: 5px 0 5px; }
.top .translate ul li { float: left; list-style-type: none;  }
.top .translate ul li a { display: block; height:20px; width:50px; margin-right:5px; background-image: url("images/theme/languages.jpg") }
.top .translate ul .sinhala { background-position:-50px 0 }
.top .translate ul .english { background-position:-100px 0  }
.top .translate ul .tamil { background-position:-150px 0 }

.header-menu { padding:0px; margin:0px;  background-color: #06B6FF }
.header-menu .wrap{ margin:0 auto; padding:0px;xbox-shadow:0px 0px 10px 0px rgba(122, 122, 122, 1);border-radius: 5px;border:0px #fff solid; }
.header-menu .wrap .content{ padding:0px 0px 0px 0px;margin-left:0px; text-align:right; display:inline-block  }

.header .wrap .content .title{ color: #FFFFFF; font-family:'Open Sans', sans-serif; font-weight: 300; display: block; font-size: 36px; line-height: 28px; padding: 0px 0px 0px 80px; text-decoration: none; text-shadow: 0 3px 3px #333333;position: relative;left: 110px;}

.body .wrap .content .body-left-pages{width:730px;min-height:100%;padding-right:30px; }
.body .wrap .content .article{ min-height: 869px; display: inline-block; width:725px; overflow: hidden; background-color:#fff;border-radius:5px; padding-left:15px; padding-top:10px;padding-bottom:20px;padding-right:15px}
.body .wrap .content .article h1{ font-size:24px; border-bottom: 1px solid #CCCCCC; }
.body .wrap .content .article a{font-size:12px;color:#00498D}
.body .wrap .content .article p{font-size:12px;text-align:justify;line-height:17px }
.body .wrap .content .article td{padding:0px }
.body .wrap .content .article .news-img {padding-right:10px }
.body .wrap .content .article .news-img img{border:1px #999 solid;padding:1px }
.body .wrap .content .article .news-img em{font-size:11px } 
.body .wrap .content .article .photo-gallery{padding:10px 5px 10px 5px;text-align:center;}
.body .wrap .content .article .photo-gallery:hover{background-color:#F3F3F3}
.body .wrap .content .article .video-gallery{border:10px #363636 solid;margin:0px 10px 10px 0px;border-radius:5px;width:300px }
.body .wrap .content .article li{list-style:circle;margin-left:20px;padding-left:10px }
.body .wrap .content .article .contact{  }
.body .wrap .content .article .contact h3{font-size:16px;color:#666;font-weight:normal }

.contact-left { float: left; background-color: #EEE; border: 1px solid #CCC; width: 280px; padding: 10px;}
.contact-right { float: right;  }
.contact-right td { padding: 3px!important; }
.contact-right select, .contact-right input[type=text], .contact-right input[type=password], .contact-right textarea { padding: 8px; background-color: #F9F9F9; border: 1px solid #CCCCCC; width:300px; }
.contact-right textarea { height: 120px; font-family: Arial, 'Lucida Grande', 'Lucida Sans Unicode', sans-serif }
.contact-right select { width: 320px; }

.body .wrap .content .article table { border-collapse:collapse;}
.body .wrap .content .article p { display:inline-block; width:100%}
.body .wrap .content .article p img{ margin:0px 10px 10px 0px; float:left }
.body .wrap .content .article .table tr:first-child { background-color: #0870A3; color:#fff; text-align:center; font-weight:bold }
.body .wrap .content .article .table td { border:1px #0870A3 solid; margin:0px; padding:2px 4px;  }
.body .wrap .content .article .table td:first-child:empty { background-color:blue}
.body .wrap .content .page-left-list{background-color:#fff;border-radius:5px;margin:4px 5px 4px 0px;width:100%;height:100%;box-shadow:0px 0px 5px 0px rgba(50, 50, 50, 0.3); padding-left:15px;margin-left:-5px;padding-top:10px;padding-bottom:20px;padding-right:15px;}
.body .wrap .content .page-left-list h1{font-family: 'Play', sans-serif;font-size:28px }
.body .wrap .content .page-left-list td{background-color:#F3F3F3;padding:10px 0px 10px 5px }
.body .wrap .content .page-left-list .icon{background:transparent url('images/menu_ico.png') no-repeat scroll left center }
.body .wrap .content .page-left-list .logo{background:transparent url('images/gov_logo.png') no-repeat scroll left center }
.body .wrap .content .page-left-list a{font-size:12px;color:#00498D}
.body .wrap .content .page-left-list td{background-color:#F3F3F3;padding:10px 0px 10px 5px }
.body .wrap .content .page-left-list dd{ text-align:left }
.body .wrap .content .page-left-list .clear-td td{background-color:transparent }
.body .wrap .content .page-left-list .clear-td {background-color:transparent }
.body .wrap .content .page-left-list .clear-td li{margin-left:20px;list-style:circle;padding-left:10px;padding-bottom:10px }
.body .wrap .content .member-box{ border-left:1px solid #CCCCCC;border-right:3px solid #666666;border-top:1px solid #CCCCCC;border-bottom:1px solid #CCCCCC;background-color: #F9F9F9; border-image: url('') none; float: left; height: 133px; margin: 5px; padding: 10px; width: 451px; }
.body .wrap .content .member-box .member-img{padding-right:10px; }
.body .wrap .content .member-box .member-img img{   border: 1px solid #CCCCCC; height: 100px; padding: 3px; width: 80px;}



.social a{padding:0px 5px 0px 5px;border-left:1px #939393 solid;text-align:center;color:#b0afaf; }
.social li:first-child a{ border-left:0px transparent none; }


/* SLIDER ---------------------------------------------*/
.body .wrap .content .body-left .children .slider-wrap{ width: 260px; position: relative;border:0px #333 solid;margin-top:0px;margin-left:20px }			
.body .wrap .content .body-left .children .stripViewer .panelContainer 
.body .wrap .content .body-left .children .panel ul{ text-align: left; margin: 0 15px 0 30px; }
.body .wrap .content .body-left .children .stripViewer{ position: relative; overflow: hidden; width: 260px; height: 150px; }
.body .wrap .content .body-left .children .stripViewer .panelContainer{ position: relative; left: 0; top: 0; }
.body .wrap .content .body-left .children .stripViewer .panelContainer .panel{ float: left; height: 100%; position: relative; width: 260px; }
.body .wrap .content .body-left .children .stripNavL, .stripNavR, .stripNav{ display: none; }
.body .wrap .content .body-left .children .nav-thumb{ border: 2px solid #fff; margin-right: 5px;}
.body .wrap .content .body-left .children #movers-row{ margin: -44px 0 0 72px; }
.body .wrap .content .body-left .children #movers-row div{ width: 20%; float: left; }
.body .wrap .content .body-left .children #movers-row div a.cross-link{ float: right; }
.body .wrap .content .body-left .children .photo-meta-data{ background: url(images/transpBlack.png); padding: 10px; height: 50px;margin-top: -60px; position: relative; z-index: 9999; color: white; }
.body .wrap .content .body-left .children .photo-meta-data a{color:#fff;font-size:12px;font-weight:bold }
.body .wrap .content .body-left .children .photo-meta-data span{color:#eee;font-size:10px }
.cross-link{ display: block; width: 42px; margin-top:0px;position: relative; padding-top: 2px; z-index: 9999; }
.body .wrap .content .body-left .children .active-thumb { background: transparent url(images/icon-uparrowsmallwhite.png) top center no-repeat; }

.body .wrap .content .home { position: relative; top:0px; overflow:hidden}
 
/* News ----------------------------------------*/
.sagscroller{ height:193px;overflow:hidden;position:relative; margin-bottom: 10px;}

.sagscroller ul{position:absolute;margin:0;padding:0;background:white;list-style:none;width: 100%;}
.sagscroller li{ border-bottom:1px #999 dashed; position: relative; display: inline-block; width:100%; vertical-align:top; padding: 8px 0; font-size: 11px; }
.sagscroller li img { width:70px; height: 70px; float: left; padding:3px; border: 1px solid #CCC; margin-right: 10px; }
.sagscroller li p { font-weight: bold; }
.sagscroller a { position: absolute; bottom:5px; right: 5px;  }

#team { }
#team ul {  width: 726px; float: left }
#team li { height:154px; padding:5px!important; float: left; width:332px; list-style-type: none!important; border: 1px solid #CCC; background-color: #EEE; }
#team li:nth-child(odd) { margin: 0 0 10px 0!important; }
#team li:nth-child(even) { margin: 0 0 10px 10px!important; }

#team div:first-child { float:left; width:100px; margin-right:10px; display:block;margin-left:0px; }
#team div:first-child img { padding:3px; border: 1px solid #CCC; background-color: #FFF; width: 94px; }
#team div { margin-left:110px;  width:222px; vertical-align:top }

#team h2 { font-size: 13px; color:#333; }
#team h2 em { display: block; font-size: 10px; color: #0870A3; font-style: normal; }
#team p { margin: 0 0 3px 0!important; text-align: left  }

ul.main { width:100%; }
ul.main li { border-bottom:1px solid #CCC; margin-bottom: 3px; }
ul.main li ul { border: 1px solid #CCC; background-color: #f9f9f9; padding: 5px; }
ul.main li ul li { border: 0 }

.galleries { width:100%; }
.galleries ul { width:100%; }
.galleries li { list-style-type: none!important; float: left; padding: 0!important; margin:14px 14px 0 0!important; position: relative; display: block;}
.galleries li a { min-width:155px; display: inline-block; padding:5px; border:1px solid #CCC; background-color: #f9f9f9;  height: 220px; }
.galleries li a img{  }
.galleries li span { max-width: 155px; margin-top:3px; display: block!important; margin-bottom: 0; text-align: center!important; font-size: 11px!important; font-weight:bold; color:#333  }
.galleries li a:after { height: 20px; width: 20px; background-image: url('images/theme/gallery-top.png'); position: absolute; content: " "; top: 0; right:0;  }

.thumbs a { display: block; padding:5px; margin: 4px; float:left; border:1px solid #CCC; }

.videos li { float:left; list-style-type: none!important; padding:5px; border: 1px solid #CCC; margin: 10px 44px 0 0!important;  }
.videos li span { display: block; margin-top: 3px; }
 

.right-bar { background-color: #FFF; width:215px; margin-left:10px; padding:10px; border-radius:10px; border-left: #06B6FF 2px solid   }
.right-bar h3 { font-family: Arial;  margin: 0 -10px; display: block; padding: 10px 8px; color: #f9f9f9; text-transform: uppercase; font-size: 16px; background:#06B6FF none; padding-left:20px; }
.right-bar h3 span { display: block; text-transform: uppercase; font-size: 12px; color: #fff }


ul.quicklinks { margin:11px 0px; padding:0px; }
ul.quicklinks li { display: block; list-style-type: none; padding:11px 8px; border-top: 1px solid #06B6FF; transition: all 500ms ease; }
ul.quicklinks li:hover {  background-color:#eef }
ul.quicklinks li:first-child { border: 0 }
ul.quicklinks li a { padding:3px;  font-weight: bold!important;  }


.emico em { margin-top:-3px;  display: block; height: 24px; width: 24px; background-image: url('images/theme/right-icons.png'); float: left; }
.emico .highlights { background-position: 0 0 }
.emico .publications { background-position: 0 -24px }
.emico .laws { background-position: 0 -48px }
.emico .related { background-position: 0 -72px }
.emico .tender { background-position: 0 -96px }
.emico .contact { background-position: 0 -120px }
.emico .chogm { background-position: 0 -144px }
.emico em.childarts { background-position: 0 -264px }
.emico em.woman { background-position: 0 -288px }
.emico li.child { background-image: url('images/theme/child-link-back.jpg'); margin-bottom:5px; }
.emico li.woman { background-image:url('images/theme/women-link-back.jpg'); }

ul.quicklinks.special { border: 0 }
ul.quicklinks.special li { border: 1px solid #1A1A1A }

h3 em { margin-right: 10px; }
em.quicklinks { background-position: 0 -168px }
em.user { background-position: 0 -192px }
em.news { background-position: 0 -216px }
em.facebook { background-position: 0 -240px }



.news-items { width:700px; background-color: #EEE; border: 1px solid #CCC; padding:10px; }
.news-items li { display: inline-block; width: 680px; list-style-type: none; padding:10px; position:relative; border:1px solid #CCC; background-color: #FFF; margin: 0!important; }
.news-items li h2 { font-size:14px; color:#333; text-transform: uppercase; margin: 0 }
.news h1 { font-size:16px!important; color:#333; font-weight: bold; text-transform: uppercase; margin: 0; border: 0!important; padding-bottom:6px!important; }
.news-items li span.time:first-child, .news span.time:first-child  { border: 0; padding-left: 0; }
.news-items li .sub , .news .sub { display: table; border-bottom: 1px solid #BBB; width: 100%; margin-bottom: 5px; }
.news-items li span.time, .news span.time { float: left; font-size: 10px; text-transform: uppercase; color:#00498D; border-left:1px solid #CCC; padding:0 10px; margin-bottom: 4px; line-height: 12px; }
.news-items li span.time em, .news span.time em { color:#666; font-style: normal; font-weight: bold }
.news-items li .image { float: left; height: 110px; width:110px; padding: 5px; margin-right: 15px; }
.news-items li .image img { padding: 3px; border: 1px solid #CCC; height:100px; width:100px;}
.news-items li .cont { padding:10px; }
.news-items .read { position: absolute; right: 10px; bottom: 10px; padding:3px 8px; background-color: #0870A3; color: #FFF!important; display:block; }

.related-links { width:700px; background-color: #EEE; border: 1px solid #CCC; margin-top: 10px; }
.page-index { width:100%; text-align: right }
.page-index a { display: inline-block; margin-left: 5px; padding:5px; background: #EEE!important; border: 1px solid #CCC; font-size: 12px; font-weight:bold; }

.home-box { border-radius:10px;  width:726px; background-color: #FFF; border: 1px solid #CCCCCC; padding:10px; height:250px;  overflow:hidden; position: relative; margin: 0 0 5px 0!important; }
.home-box h2 { font-size: 20px; text-transform: uppercase; font-weight: bold; }
.home-box img { padding:3px; border:1px solid #CCC; margin:0 10px 10px 0; max-width:180%; max-height:150%; }
.home-box p { line-height: 20px; margin-right:180px; max-height:200px; overflow:hidden}
.home-box a { position: absolute; border-radius: 50%; bottom:10px; right:10px; text-align:center; padding:20px 14px; color:#FFF; font-weight: bold; background-color: #333333; }
.home-ministry, .home-children, .home-woman { }
.home-box li { line-height: 23px; list-style-type: disc; }
.home-box ul { margin-right: 180px; margin-left: 15px; }
.home-ministry { background:url('images/theme/home-ministry.html') no-repeat right center #FFF;}
.home-children { background:url('images/theme/home-child.html') no-repeat right center #FFF;}
.home-woman { background:url('images/theme/home-woman.html') no-repeat right center #FFF;}
 
.img { float:left; }
.cont { float:right; width:525px; }


.body .wrap .content .downloads { width:100%; }
.body .wrap .content .downloads ul { float:left; width:100%; list-style:none; margin:0px; padding:0px }
.body .wrap .content .downloads ul li {  float: none; margin-bottom:3px; list-style:none; margin:0px; padding:0px }
.body .wrap .content .downloads ul li a {vertical-align:top;  padding:10px 10px;   background-color: #EEE; border: 1px solid #CCC; display: block}
.body .wrap .content .downloads ul li a:hover{ text-decoration:none; background-color: #ddd;}
.body .wrap .content .downloads ul li span  {vertical-align:top; display:block; color:#666;font-size:10px; margin:0px; padding:0px; line-height:15px}
.body .wrap .content .downloads ul em{vertical-align:top; margin-right:10px; float:left;width:64px; height:64px; background-size:64px 64px; display:inline-block;}
.body .wrap .content .downloads ul li span.name { font-weight:bold; color:#333; font-size:12px; line-height:18px}
.body .wrap .content .downloads ul li  
#mapDiv { width:100%; height:350px; border: 1px solid #CCC; }

.article > img { padding:3px; border: 1px solid #CCC; margin:0 5px 5px 0; }
 


.lang-si .header .wrap .content .title{ font-size:250%}


#divisions ul { list-style:none; margin:0px; padding:0px;  }
#divisions ul li { list-style:none; margin:5px 0px 0px 0px; }
#divisions ul li strong { padding:10px 20px; margin:0px 0px; border:1px #333 solid; background-color:#eee; color:#0870A3 ; border-radius:10px;  display:inline-block; }
#divisions ul li ul li:before{content:'';  border-left:2px #0870A3 solid;border-bottom:2px #0870A3 solid; margin:-25px 0px 0px -22px; height:45px; width:20px;position:absolute;display:block}
#divisions ul li ul li:first-child:before {margin:-5px 0px 0px -22px; height:25px;}
#divisions ul li ul li {border-left:2px #0870A3  solid;  padding-left:20px  }
#divisions ul li ul li:last-child{border-left:2px  transparent  solid; }
#divisions ul li ul { margin-left:40px; padding-left:10px; }

.faq dt,.faq dt span,.faq dt span span{display:block;/*height:30px;*//*line-height:30px;*/cursor:pointer; margin-bottom:10px;}
.faq dt span,.faq dt span span{font-size:13px;font-weight:700}
.faq dt{background:transparent url('images/question.png') no-repeat scroll left top;border-bottom:1px dashed #1A1A1A}
.faq dt  {padding-left:30px;padding-top:4px; padding-bottom:10px;	font-weight:bold; }
.faq dt p{background:transparent url('images/close.png') no-repeat scroll right top;}
.faq .active p{background:transparent url('images/open.png') no-repeat scroll right top;}
.faq dd {padding:0 16px 10px 24px;background-color:#F3F3F3}
.faq dd p{padding:0px 8px }
.faq dd .numbers li{list-style:decimal;line-height:25px}


.home-news { position: relative; width:596px; background-color: #1367AE; padding:10px 75px; border-radius:10px; border:1px solid #CCC;overflow: hidden; height:170px;top: 0px; margin-bottom:5px }
.home-news .next, .home-news .prev { cursor: pointer; z-index: 101; margin: -10px 0; position: absolute; display: block; height: 190px; width: 69px; background:url('images/theme/home-next-prev.png') rgba(0,0,0,0.1) }
.home-news .prev { left: 0 }
.home-news .next { right: 0; background-position:-67px; }
.home-news ul { overflow: hidden; margin: 0 ; position: absolute; z-index: 100;}
.home-news ul li { position:relative; list-style-type: none; float:left; height: 170px; width:594px; margin-right:7px; background-color: #FFF; border: 1px solid #CCC;  }
.home-news ul li img { margin-right: 5px; float: left }
.home-news ul li a{ position: absolute; right:10px; bottom: 10px; background-color: #0870A3; color: #FFF; padding: 8px 15px; }
.home-news ul li h3 { font-weight: bold; padding: 10px; font-size: 16px; }

 
.searchpg   { margin-bottom:10px}
.searchpg   input[type=text] { width:932px }







.newsline img{ border:2px white solid; vertical-align:middle ;  margin:0px 10px 0px 0px  }
.newsline   { position:relative;  padding-top:8px  }

.newsline li { color:white ; height:60px; width:100%; overflow:hidden;  }
.newsline li a { color:white ; float:right; border:1px #fff solid; margin-top:8px; padding:5px 20px; height:auto ; display: block }
.newsline li a:hover {  background-color:#fff; color:#06B6FF; text-decoration:none }

.home-highlights ul { animation: mymove 20s infinite; -webkit-animation: mymove 20s infinite;    }
 

.home-highlights li {  }
 
.home-highlights a { float:right }


 

@keyframes mymove {
    0% {margin-top: 0px;}
    20% {margin-top: 0px;} 
    25% {margin-top: -60px;}
    45% {margin-top: -60px;}
    50% {margin-top: -120px;}
    70% {margin-top: -120px;}
    75% {margin-top: -180px;}
    95% {margin-top: -180px;}  
}

@-webkit-keyframes mymove {
    0% {margin-top: 0px;}
    20% {margin-top: 0px;} 
    25% {margin-top: -60px;}
    45% {margin-top: -60px;}
    50% {margin-top: -120px;}
    70% {margin-top: -120px;}
    75% {margin-top: -180px;}
    95% {margin-top: -180px;}  
 
}


@keyframes myhighlights {
    0% { color:#fff} 
    50% {color:yellow} 
    0% { color:#fff} 
}


@-webkit-keyframes myhighlights {
    0% { color:#fff} 
    50% {color:yellow} 
    0% { color:#fff} 
}




.home > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) > div:nth-child(1){  background: white url('images/vision.png') no-repeat scroll left center ; background-size:cover }
.home > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) > div:nth-child(1) p{ margin:5px 0px 15px 0px; }

.lang-si .cssmenu a,.lang-si  .cssmenu .has-sub ul li a{ font-size:14px  }