@charset "utf-8";
/* CSS Document */

@import url(http://fonts.googleapis.com/css?family=Voces);

body {background:#4B4434 url(../images/bg.jpg) repeat; font-family:Arial, Helvetica, sans-serif; font-size:12px; /*color:#6b6b6b;*/ color:#333333;}

a{ text-decoration:none; border:0; color:#4C3A30;}
a:hover{ text-decoration:underline;}


h1, h2, h3, h4, h5, h6{ font-family: 'Voces', Arial, Helvetica, sans-serif; color:#4C3A30;}

h1{ padding:0;font-size:18px;  font-weight:normal; }
h2{ color:#4C3A30; font-size:16px; font-weight:normal;}
h3{font-weight:normal}
h4{font-weight:normal;}

p{font-size:12px;}

strong{ color:#4A422E;}

hr{border-bottom:1px dashed #D9CAA7; border-top:0; border-left:0; border-right:0; margin-bottom:18px;}

ul{list-style:outside disc;}
ul,ol{ margin:0 0 1.5em 1.5em; padding:0; margin-left:25px}
li ul{ padding:0; margin:0 0 0 2em;	list-style-position:outside;list-style-type:circle;}
li ol { padding:0;  margin:0 0 0 2em;list-style-position:outside;}


#wapper{background:#FFFFFF;width:960px;margin:0px auto;margin-top:15px;margin-bottom:15px;border:1px solid #1F1D17; -webkit-box-shadow: 0px 0px 8px #000000;-moz-box-shadow: 0px 0px 8px #000000;box-shadow: 0px 0px 8px #000000; }
#wapper .innerwapper{ padding:5px 20px;}
#header {/*position:relative;	z-index:99;	*/margin-bottom:15px; margin-top:5px;}
.logo{ float:left; width:75px; padding:15px 0px 0 0} .logo img{height: 80px;}
.topright{ float:right; margin-left:20px; width:823px; margin-top:0px;}

.clr {clear: both;/*display: block;	overflow: hidden;visibility: hidden;width: 0;height: 0;*/}
.fl{ float:left}
.fr{ float:right}
.pr{ padding-right:15px;}
.pl{ padding-left:15px;}

/*#navwapper{float:left;border-top:1px solid #dbdbdb;border-bottom:1px solid #dbdbdb; }
#navwapper .topnav{}*/
#toprow{height:33px !important; margin-bottom:0px; padding-top:3px;}
#toprow div{ text-align:right; font-size:11px; }
.flag{}
.flag img{ margin-bottom:-5px;margin-left:5px;}
.flag a{ color:#000000; text-decoration:none; margin-right:5px; }
.flag a:hover{ text-decoration:underline;}
#newsticker{ float:left; display: none !important; }
#newsticker span{ font-weight:bold;}
.container {width: 100%;margin: 0 auto;position:relative;}
.rightcol{ float:right; width:690px;line-height:18px;}
.rightcol h1{ margin:0; padding:0;}
.rightcol ul{}
.rightcol ul li{ margin:7px 0; text-align:justify;}
.rightcol ul li a{ color:#7D6A51; text-decoration:underline}
.rightcol ul li a:hover{ color:#000000; text-decoration:none;}
.leftcol{ float:left; width:225px; background:url(../images/leftbg.jpg) top right no-repeat; }
.leftcol ul{/* background:#EBE3D0;*/ list-style-type:none; margin:0 20px 0 0px; padding:0 0 0 0px; }
.leftcol .leftnavtitle{ font-size:12px; text-transform:uppercase; font-weight:bold; color:#FFFFFF; /*background:#6B2923;*/ background: #5B4D3B /*url(../images/leftnavbutbg.jpg) no-repeat*/; border:0px solid #8F2C2A; margin:0 1px 2px 1px; padding:8px 0px 8px 7px;width:196px;}
.leftcol .leftnavtitle a{ color:#FFFFFF; text-decoration:none; display:block}
.leftcol .leftnavtitle a:hover{ color:#FFFFFF; text-decoration:none}
.leftcol ul li{font-size:11px; font-weight:normal; border-bottom:1px solid #D6D6D5; border-left:1px solid #D6D6D5; border-right:1px solid #D6D6D5; padding:7px 4px 7px 4px; margin:1px; background:#DAD6C8 url(../images/leftmenubg.jpg) left; text-decoration:none;  }
.leftcol ul li:hover{ /*background:#D9CAA7;*/ color:#000000; text-decoration:underline}
.leftcol ul li a{ color:#333333; color:#000;display: block;}
.leftcol ul li a:hover{ color:#000000; text-decoration:none}
.main{ width:100%;}

.abouticctas{background:url(../images/about.jpg); height:100px;}
.ourinitiatives{background:url(../images/ourinitiatives.jpg); height:100px;}
.faq{background:url(../images/faq.jpg); height:100px;}
.promotionalact{background:url(../images/promotionalactivites.jpg); height:100px;}
.contacticctas{background:url(../images/contactus.jpg); height:100px;}
.register{background:url(../images/register.jpg); height:100px;}
.policydialogue{background:url(../images/policydialogue.jpg); height:100px;}
.termsconditions{background:url(../images/about.jpg); height:100px;}
.publications{background:url(../images/about.jpg); height:100px;}
.statistics{background:url(../images/about.jpg); height:100px;}
.govtpolicy{background:url(../images/about.jpg); height:100px;}
.usefullinks{background:url(../images/about.jpg); height:100px;}
.stemap{background:url(../images/about.jpg); height:100px;}
.breadcrumbs{font-size:11px; color:#FFFFFF; float:left; width:910px; margin:0px; padding:7px 5px; background:url(../images/breadcrumbbg.png) repeat-x;  border:0px solid #C9C9C9; margin-bottom:15px; margin-top:73px; }
.breadcrumbs a{ color:#FFFFFF; text-decoration:none; }
.breadcrumbs a:hover{ text-decoration:underline;}

/* Navigation
---------------------------------------- */

/* Primary navigation */
.nav {border-top:1px solid #C2C2C2;	border-bottom:1px solid #C2C2C2;border-left:1px solid #C2C2C2; border-right:1px solid #C2C2C2; height:35px; margin-bottom:0px; color:#000000; text-transform:capitalize; margin-top: 15px; }
/* Essential styles for dropdown menu */
.menu, .menu * {margin:0; padding:0;list-style:none;}
.menu {line-height:	1.4;}
.menu a {display:block;	position:relative;}
.menu ul {position:absolute; top:-999em;width:10em;border:1px solid #C2C2C2; /* left offset of submenus need to match (see below) */}
.menu ul li {width:100%; border-bottom:1px solid #D3D3D3;}
.menu li {float:left;position:relative; }
.menu li:hover {/*background:#4C4334;*/ visibility:inherit; /* fixes IE7 'sticky bug' */}
.menu li:hover ul,
.menu li.sfHover ul {left:0;top:35px; /* match top ul list item height */z-index:99;}
.menu .active{ border-left:0px solid #C2C2C2; border-right:1px solid #C2C2C2; border-bottom:1px solid #FFFFFF;}
ul.menu li:hover li ul,
ul.menu li.sfHover li ul {top:-999em;}
ul.menu li li:hover ul,
ul.menu li li.sfHover ul {left:10em; /* match ul width */top:0;}
ul.menu li li:hover li ul,
ul.menu li li.sfHover li ul {top:-999em;}
ul.menu li li li:hover ul,
ul.menu li li li.sfHover ul {left:10em; /* match ul width */top:0;}


/* Our skin for dropdown menu */
.menu {}
.menu a  {font-size:11px; text-decoration:none;color:#000000; text-transform:uppercase; padding:10px 21px;}/* visited selector so IE6 text color*/
.menu li {background:#fff; margin:0 0px;}
.menu li li {background:#fff; }
.menu li li li {background:#fff;}
.menu li.sfHover > a, .menu a:focus, .menu a:hover, .menu a:active {background:#4C4334; color:#FFFFFF;outline:0;}

/*** arrows **/
.menu a.sf-with-ul {padding-right: 	2.25em;	min-width:1px; /* trigger IE7 spans position */}
.sf-sub-indicator {	position:absolute;	display:block;	right:.75em;	top:1.05em; /* IE6 only */	width:10px;	height:10px;text-indent:-999em;	overflow:hidden;}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:.8em;	background-position: 0 -100px; /* use translucent arrow for modern browsers*/}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {background-position: -10px -100px; /* arrow hovers for modern browsers*/}

/* point right for anchors in subs */
.menu ul .sf-sub-indicator { background-position:  -10px 0; }
.menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.menu ul a:focus > .sf-sub-indicator,
.menu ul a:hover > .sf-sub-indicator,
.menu ul a:active > .sf-sub-indicator,
.menu ul li:hover > a > .sf-sub-indicator,
.menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/* End Navigations
---------------------------------------- */



/* Slider
---------------------------------------- */
#slider-wrapper { border:1px solid #C9C9C9;	height:406px;overflow:hidden;position:relative;margin-bottom:30px; padding:12px 12px 0px 12px; background:#F8F8F8;	}
#sliderbox {width:894px; height:362px;margin:0 auto;}
.nivoSlider {position:relative;	min-height:360px;background:#FFFFFF url(../images/loading.gif) no-repeat 50% 50%;}
.nivoSlider img {position:absolute;	top:0px;left:0px;display:none;}
.nivoSlider a {	border:0;}
.nivo-directionNav a {display:block;width:30px;height:30px;background:url(../images/arrows.png) no-repeat;text-indent:-9999px;border:0;}
a.nivo-nextNav {background-position:-30px 0;right:15px;}
a.nivo-prevNav {left:15px;}
#slider .nivo-controlNav {position:absolute;right:0%;bottom:-30px;}
#slider .nivo-controlNav a {display:block;width:17px;height:17px;background:url(../images/bullets.gif) no-repeat;text-indent:-9999px;border:0;margin-right:4px;float:left;}
#slider .nivo-controlNav a:hover {background-position:-21px 0;}
#slider .nivo-controlNav a.active {background-position:-21px 0;}
.welcome{}
.welcome h1{font-size:16px; color:#4C3A30;}

.divider{ background:url(../images/divider.png) no-repeat; width:920px; height:11px; margin:20px 0;}

#box-wrapper{}
#box-wrapper .box{ }
#box-wrapper .box .first{float:left; margin-right:14px;width:198px; height:215px; padding:10px;border:1px solid #C9C9C9; -webkit-box-shadow: 0px 0px 8px #C9C9C9;-moz-box-shadow: 0px 0px 8px #C9C9C9;box-shadow: 0px 0px 8px #C9C9C9;}
#box-wrapper .box .first:hover{border:1px solid #443C2A; -webkit-box-shadow: 0px 0px 8px #443C2A;-moz-box-shadow: 0px 0px 8px #443C2A;box-shadow: 0px 0px 8px #443C2A;}
#box-wrapper .box .first h2{ color:#4b3a32; margin:0; padding:10px 0 5px 0; line-height:16px; }
#box-wrapper .box .first p{ font-size:12px; margin:0px; }
#box-wrapper .box .first a{ font-size:11px; color:#4b3a32; text-decoration:none;}
#box-wrapper .box .first a:hover{text-decoration:none;}
#box-wrapper .box .second{float:left;margin-right:13px;width:198px; height:215px; padding:10px;border:1px solid #C9C9C9; -webkit-box-shadow: 0px 0px 8px #C9C9C9;-moz-box-shadow: 0px 0px 8px #C9C9C9;box-shadow: 0px 0px 8px #C9C9C9;}
#box-wrapper .box .second:hover{border:1px solid #443C2A; -webkit-box-shadow: 0px 0px 8px #443C2A;-moz-box-shadow: 0px 0px 8px #443C2A;box-shadow: 0px 0px 8px #443C2A;}
#box-wrapper .box .second h2{ color:#4b3a32; margin:0; padding:10px 0 5px 0; line-height:16px;}
#box-wrapper .box .second p{ font-size:12px; margin:0px; }
#box-wrapper .box .second a{ font-size:11px; color:#4b3a32; text-decoration:none;}
#box-wrapper .box .second a:hover{text-decoration:none;}
#box-wrapper .box .third{float:left;margin-right:13px;width:198px; height:215px; padding:10px;border:1px solid #C9C9C9; -webkit-box-shadow: 0px 0px 8px #C9C9C9;-moz-box-shadow: 0px 0px 8px #C9C9C9;box-shadow: 0px 0px 8px #C9C9C9;}
#box-wrapper .box .third:hover{border:1px solid #443C2A; -webkit-box-shadow: 0px 0px 8px #443C2A;-moz-box-shadow: 0px 0px 8px #443C2A;box-shadow: 0px 0px 8px #443C2A;}
#box-wrapper .box .third h2{ color:#4b3a32; margin:0; padding:10px 0 5px 0; line-height:16px;}
#box-wrapper .box .third p{ font-size:12px; margin:0px; }
#box-wrapper .box .third a{ font-size:11px; color:#4b3a32; text-decoration:none;}
#box-wrapper .box .third a:hover{text-decoration:none;}
#box-wrapper .box .fourth{float:right;width:198px; height:215px; padding:10px;border:1px solid #C9C9C9; -webkit-box-shadow: 0px 0px 8px #C9C9C9;-moz-box-shadow: 0px 0px 8px #C9C9C9;box-shadow: 0px 0px 8px #C9C9C9;}
#box-wrapper .box .fourth:hover{border:1px solid #443C2A; -webkit-box-shadow: 0px 0px 8px #443C2A;-moz-box-shadow: 0px 0px 8px #443C2A;box-shadow: 0px 0px 8px #443C2A;}
#box-wrapper .box .fourth h2{color:#4b3a32; margin:0; padding:10px 0 5px 0; }
#box-wrapper .box .fourth p{ font-size:12px; margin:0px; }
#box-wrapper .box .fourth a{ font-size:11px; color:#4b3a32; text-decoration:none; line-height:16px;}
#box-wrapper .box .fourth a:hover{text-decoration:none;}

#memberslogo{ margin:35px 0 10px 0;}
#memberslogo h3{ font-size:16px; margin:0 0 8px 0; color:#4b3a32;}
#memberslogo img{border:0;opacity:1.0;filter:alpha(opacity=100); margin-right:50px;}
#memberslogo img:hover{opacity:0.80;filter:alpha(opacity=80); }
#memberslogo a{ margin-right:10px;}
#memberslogo a:hover{}


/*#footer-wrapper{ background:#262218;}
*/
/*footer start*/	
#footer{background-color:#262218;margin:0px auto; padding:20px;}
#footer .footerNav{float:left;list-style-type:none;padding-top:0px; width:920px;}
#footer .footerNav ul{list-style-type:none;margin:0px;padding:0px;}
#footer .footerNav ul li{margin:0px;float:left;color:#bda26b;font-size:11px;font-weight:bold;text-decoration:none;padding:0px 0px 10px 0px; line-height:22px;}
#footer .footerNav ul li ul{list-style-type:none;margin:0px;padding:0px 0px 0px 0px;}
#footer .footerNav ul li ul li{margin:0px;padding:0px;float:none;border-bottom:1px dotted #4E4432;  margin-bottom:5px;}
#footer .footerNav ul li ul li a{color:#bda26b;	font-size:11px;	font-weight:normal;	text-decoration:none;padding:2px 0px 2px 0px; display:block; line-height:18px;}
#footer .footerNav ul li ul li a:hover{text-decoration:underline;}
#footer .footerNav .first-col{width:160px;float:left;padding-right:30px;}
#footer .footerNav .second-col{width:160px;float:left;padding-right:30px;}
#footer .footerNav .third-col{width:175px;float:left;padding-right:30px;}
#footer .footerNav .forth-col{width:150px;float:left;padding-right:0px;}
#footer .footerNav .fifth-col{width:160px;float:right; margin:0; padding:0;}
#bottom-foot{ font-size:10px; border-top:1px solid #383124; padding:5px 0 0px 0; margin:5px 0 0px 0;}
#bottom-foot .copyright{ float:left;width:400px; color:#6d5c3a; padding:0px 0px 0px 0px;}
#bottom-foot .jovial{ float:right; width:200px;padding-right:0px; text-align:right;}
#bottom-foot .jovial a{color:#6d5c3a; text-decoration:none;}
#bottom-foot .jovial a:hover{color:#6d5c3a; text-decoration:underline;}
/*footer end*/	


.sitemap{ line-height:25px; margin-left:50px;}
.sitemap a{ color:#000000}
.sitemap ul{}
.sitemap ul li{}
.sitemap ul li a{ color:#4C3A30;}
.sitemap ul ul{}
.sitemap ul ul li{}
.sitemap ul ul li a{ color:#4C3A30;}
.sitemap ul ul ul{}
.sitemap ul ul ul li{}
.sitemap ul ul ul li a{ color:#333333;}


.tablecontainer{border-collapse:collapse; border:1px solid #BCB6A0;}
.tablecontainer td{border-left: none;border-right: 1px solid #BCB6A0;border-top: 1px solid #BCB6A0; padding:5px;}
.normalrow{}
.alternaterow{ background:#F0EFEA}
.tableheader{ background:#D3D0C1; height:40px; color:#4A422E; font-weight:bold}

.height{ height:55px;}

.scroll{width:690px;overflow:auto;}

form { margin: 0; padding:0; width: 100%;}
form fieldset {  border: 1px dashed #D9CAA7; padding:10px 10px 20px 10px;  margin: 0; }
form fieldset legend { padding:0; margin-left:5px;font-size:18px; color:#4C3A30; font-family: 'Voces', Arial, Helvetica, sans-serif; font-weight:normal; background:#FFF}
form label { display: block;float: left; width: 100px; padding: 0; 	margin: 5px 5px 0 5px; text-align: right; }
form input, form textarea {	width:auto; margin:5px 0 0 5px; border:1px solid #D9CAA7; background:#EFE8DB; color:#262218;}
form input#reset {margin-left:0px;}
textarea { overflow: auto; }
form small {display: block;	margin: 0 0 5px 160px;	padding: 1px 3px;font-size: 88%;}
form .required{font-weight:bold;} 
form br {clear:left;}
label.error { float:left; color: red; width:350px; text-align:center; padding:0; margin:0;font-size:11px;}

.button{ background:#5B4D3B;border:1px solid #5B4D3B;color:#FFFFFF;  cursor:pointer; font-size:12px; padding:4px 7px;}
.button:hover{background:#D9CAA7;border:1px solid #D9CAA7; color:#000000; }

.more{background:#C8241B; color:#FFF; font-size:11px; padding:1px 4px; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; }



/*start Accordion*/
#options {width:685px; padding:15px 0px 0px 5px; text-align:right; color:#89805D; font-weight:bold;}

.acc {width:695px; list-style:none; margin:0 auto 6px; float:left}
.acc h3 {font-family:Arial, Helvetica, sans-serif; font-size:12px;width:678px; border:1px solid #CFCFC1;  padding:6px 6px 7px 7px; margin:0; margin-top:5px; cursor:pointer; background:#f5f5ed url(../images/header.jpg)}
.acc h3:hover {background:#E9EADC url(../images/header_over.jpg)}
.acc .acc-section {overflow:hidden; background:#ffffff}
.acc .acc-content {width:679px; padding:10px 6px; border:1px solid #CFCFC1; border-top:none; background:#fff; text-align:justify}
.acc .acc-content ul{ list-style:disc;}
.acc .acc-content ul li{ margin:4px 0;}
/* For Inner Accordion
#nested {width:425px; list-style:none; color:#033; margin-bottom:15px}
#nested h3 {width:411px; border:1px solid #CFCFC1; padding:6px 6px 8px; font-weight:bold; margin-top:5px; cursor:pointer; background:url(../images/header.jpg)}
#nested h3:hover {background:url(../images/header_over.jpg)}
#nested .acc-section {overflow:hidden; background:#fff}
#nested .acc-content {width:393px; padding:15px; border:1px solid #CFCFC1; border-top:none; background:#fff}
#nested .acc-selected {background:url(../images/header_over.jpg)}*/

/*End Accordion*/


.innerpagelink{font-family: 'Voces', Arial, Helvetica, sans-serif; font-size:13px;background:#ECEBE6; border:1px dotted #DDDCD3; padding:7px; color:#000000;}
.innerpagelink ul{ list-style:none; line-height:21px; margin:0; padding:0; margin-left:10px;}
.innerpagelink ul li{ background:url(../images/staricon.png) 0% no-repeat; padding-left:18px;}
.innerpagelink ul li a{ text-decoration:underline;}

.maplinks{background:#ECEBE6; border:1px dotted #DDDCD3; padding:10px; margin-top:5px;}


.width-100{width:100%}