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

body{
     margin:0;
	 padding:0;
     font-family:Arial, Helvetica, sans-serif;
	 color:#2a2a2a;
	 font-size:62.5%;
	 }
* {
	margin:0;
	padding:0;
	font-weight:normal;
	}
a {
	outline:none;
	}
h1, h2, h3, h4 {
	font-family:Arial, Helvetica, sans-serif;
	}
img {
	border:none;
	}
ul {
	list-style-type:none;
}
p {
	margin:0 20px 12px 0;
	font-size:1.2em;
	line-height:1.5em;
	}
.mid {
	width:940px;
	padding:0 10px;
	margin:0 auto;
	height:100%;
	overflow:hidden;
	}

.active {
	cursor:text;
	}
/*style for top panel start here*/	

#toppanel{
     background:url(../images/topbannerbg.gif) repeat-x 0 0 #000000;
	 color:#c1c1c1;
	 height:100%;
	 overflow:hidden;
	 }
#toppanel ul{
     display:inline;
	 float:right;
	 }
#toppanel ul li {
     font-size:1.1em;
	 line-height:2.91em;
	 padding: 0 0 0 5px;
	 float:left;
	 }
#toppanel ul li a{
     font-size:1em;
	 line-height:1em;
	 color:#c1c1c1;
	 background-color:inherit;
	 text-decoration:none;
	 padding:0 5px 0 0;
	 }
#toppanel ul li a.medium{
     font-size:1.18em;
	 }
#toppanel ul li a.large{
     font-size:1.36em;
	 }
#toppanel ul li a.dark {
	display:block;
	width:15px;
	height:15px;
	background:#000000;
	text-decoration:none;
	margin:8px 1px 0 0;
	text-align:center;
	font-size:1.1em;
	line-height:1.2em;
	color:#ffffff;
	padding:0;
	}
#toppanel ul li a.light {
	display:block;
	width:15px;
	height:15px;
	background:#ffffff;
	text-decoration:none;
	margin:8px 0 0 0;
	text-align:center;
	font-size:1.1em;
	line-height:1.2em;
	color:#373737;
	float:left;
	padding:0;
	}
#toppanel ul li a.language {
	display:block;
	font-size:1.25em;
	line-height:1.85em;
	font-family:Mangal, Arial, Helvetica, sans-serif;
	text-decoration:none;
	 }
#toppanel ul li a:hover{
     color:#b2daff;
	 background-color:inherit;
	 }
	 
/*style for top panel end here*/

/*style for logo panel start here*/

.logopanel{
	background:url(../images/logopanel.gif) repeat-x 0 0 #ffffff;
	color:#ffffff;
	border-top:1px solid #ffffff;
	height:100%;
	overflow:hidden;
	}
	
/*style for logo panel end here*/

/*style for header and navigation panel start here*/

.header {
	background:url(../images/headerimg.jpg) no-repeat 100% 0;
	margin:0 auto;
	width:924px;
	height:100%;
	overflow:hidden;
	padding:0 0 9px 0;
	}
	
	
/*logo*/
.logo {
	background:url(../images/emblem1.gif) no-repeat 0 0;
	margin:14px 0 0 6px;
	padding:20px 0 16px 64px;
	text-align:center;
	display:inline;
	float:left;
	}
.logo h1 {
	font:bold 2.5em/1em 'Trade Winds', cursive;
	
	}
.logo h1 a {
	color:#ffffff;
	background-color:inherit;
	text-decoration:none;
	}
.logo h2 {
	font-size:2em;
	line-height:1em;
	color:#ffffff;
	background-color:inherit;
	}
/*logo*/

/*search*/
.header form {
	background:url(../images/searchbox.gif) no-repeat 0 0;
	float:right;
	width:226px;
	height:39px;
	padding:6px 10px;
}
.header form input {
	width:168px;
	border:1px solid #b8d2c7;
	height:21px;
	border-right:0;
	float:left;
	background:#ffffff;
	color:#404040;
}
.header form input.btn {
	background:url(../images/gobtn.jpg) repeat-x 0 0;
	background-color:transparent;
	width:35px;
	height:23px;
	font-weight:bold;
	color:#ffffff;
	text-align:center;
	cursor:pointer;
	float:left; 
	border:none;
}
/*search*/

/*navigation*/
ul.navigation {
	width:920px;
	margin:0 auto;
	background:#c6c6c6;
	padding:0 8px;
	color:#0a0a0a;
	height:100%;
	overflow:hidden;
	}
ul.navigation li {
	padding:1px 12px 0 12px;
	float:left;
	}
ul.navigation li a {
	font:1.2em/2.33em Arial, Helvetica, sans-serif;
	display:inline;
	height:28px;
	color:#0a0a0a;
	text-decoration:none;
	padding:0 15px;
	float:left;
	}
ul.navigation li a:hover, ul.navigation li a.active{
    background:url(../images/searchboxbg.gif) repeat-x 0 0 #ffffff;
	color:#1236bb;
	}
/*navigation*/

/*style for header and navigation panel end here*/
/*style for bodypanel panel start here*/

.bodypanel {
	width:940px;
	padding:11px 0 0 0;
	margin:0 auto;
	height:100%;
	overflow:hidden;
	}
.bodypanel a.more {
	font-size:1.2em;
	line-height:1.5em;
	font-weight:bold;
	color:#03101f;
	text-decoration:none!important;
	margin:10px 10px 14px 0;
	float:right;
	}
.bodypanel a.more:hover {
	color:#417bb3;
	background-color:inherit;
	}
.sidePanels {
	margin:0 16px;
	width:228px;
	background:url(../images/bg-sidepanel.gif) repeat-x 0 0 #def0fc;
	color:#2a2a2a;
	float:left;
	position:relative;
	}
.sidePanels .btm {
	background:url(../images/sidepanel-btm.gif) no-repeat 0 100%;
	padding:0 0 75px 0;
	height:100%;
	overflow:hidden;
	}
.sidePanels h2 {
	background:url(../images/heading-bar.gif) no-repeat 0 0;
	font:bold 14px/37px Arial, Helvetica, sans-serif;
	color:#03101f;
	padding:0 10px;
	clear:both;
	}
.sidePanels ul {
	padding:12px 18px 14px 8px;
	}
.sidePanels ul li {
	background:url(../images/bulet.gif) no-repeat 0 5px;
	padding:0 0 10px 8px;
	font-size:1.1em;
	line-height:1.36em;
	}
.sidePanels ul li a {
	color:#2a2a2a;
	background-color:inherit;
	text-decoration:none;
	}
.sidePanels ul li a:hover {
	color:#1b508c;
	background-color:inherit;
	}
.sidePanels .bannerLinks {
	width:212px;
	position:absolute;
	bottom:12px;
	left:5px;
	}
.sidePanels .bannerLinks img {
	margin:10px 0 0 0;
	padding: 1px 0 0 0;
	}
.sidePanels .gallery {
	width:222px;
	margin:0 auto;
	text-align:center;
	height:100%;
	overflow:hidden;
	}
.sidePanels .gallery a.images {
	display:block;
	background:#d4d4d4;
	color:inherit;
	width:50px;
	height:50px;
	padding:1px;
	margin:7px 0 7px 26px;
	float:left;
}
.sidePanels .gallery a.first {
	display:block;
	background:#d4d4d4;
	color:inherit;
	width:50px;
	height:50px;
	padding:1px;
	margin:7px 0 7px 7px;
	float:left;
}

.middlePanel{
    width:416px;
	background:url(../images/) repeat-x 0 0 #ffffff;
	border-left:1px solid #d4d4d4;
	border-right:1px solid #d4d4d4;
	float:left;
	padding:12px 13px 68px 10px;
}
.mainContent {
	width:4 26px;
	height:100%;
	overflow:hidden;
	}
.mainContent p span {
	
	font-size:1.6em;
	line-height:1.25em;
	font-weight:bold;
	}
.mainContent h2 {
	font:bold 1.6em/1.12em Arial, Helvetica, sans-serif;
	color:#03101f;
	background-color:inherit;
	padding:0 0 9px 0;
	display:inline;
	float:left;
	}

.gallery1 img:hover{
	transform: scale(1.2);
	
}	
.gallery img:hover{
	transform: scale(1.2);
}

.Photo-gallery img{
	margin: 10px 0 0;

}
.Photo-gallery img{
	width:100px;
	padding:5px;
}
.Photo-gallery img:hover{
	transform: scale(3.3);
	
}

.minister {
	margin:0 11px 5px 0;
	width:108px;
	height:127px;
	padding:4px;
	background:#FFFFFF;
	border:1px solid #c5c5c5;
	float:left;
}
.mainContent h2.nameMinister {
	font:1.6em/1em Arial, Helvetica, sans-serif;
	color:#ffffff;
	background-color:inherit;
	text-align:center;
	padding:0 0 9px 0;
	margin:0 15px 0 0;
	display:block;
	clear:both;
	}
h2.nameMinister span {
	font-size:0.79em;
	color:#000000;
	background-color:inherit;
	}
.middlePanel h2 {
	font:bold 1.5em/1.87em Arial, Helvetica, sans-serif;
	color:#ffffff;
	padding:10px 14px 0 0;
	margin:0;
}
.middlePanel .Gamesbanner img:hover{
	transform: scale(1.2);
	
}	/*{
	background:url(../images/SPs-message.jpg) no-repeat;
	width:400px;
	height:290px;
}*/

/*style for bodypanel panel ennd here*/
/*style for footer start here*/
#footer {
	width:940px;
	background:url(../images/footerbg.gif) repeat-x;
	padding:14px 0 25px 0;
	text-align:center;
	border-top:2px solid #194d7f;
	height:100%;
	overflow:hidden;
	margin:0 auto;
	clear:both;
	}
#footer ul {
	width:890px;
	margin:0 auto 0 auto;
	font-size:1.2em;
	line-height:1.66em;
	text-align:center;
	}
#footer ul li {
	padding:0 0 0 6px;
	background:url(../images/divider-footer.gif) repeat-y 0 0;
	color:#303030;
	background-color:inherit;
	display:inline;
	}
#footer ul li.first {
	background:none;
	}
#footer ul li a {
	color:#303030;
	background-color:inherit;
	text-decoration:none;
	margin:0 6px 0 0;
	}
#footer ul li a:hover {
	color:#677000;
	background-color:inherit;
	}
#footer p {
	font-size:1.1em;
	line-height:1.63em;
	text-align:center;
	color:#555555;
	background-color:inherit;
	margin:0;
	clear:both;
	}
#footer p a {
	color:#0000A3;
	background-color:inherit;
	text-decoration:underline;
	}
#footer p a:hover {
	text-decoration:none;
	}


/*--------------------------------------------- style for inner pages ------------------------------------------------*/
.innerbodyPanel {
	width:940px;
	margin:0 auto;
	height:100%;
	overflow:hidden;
	}
.innerPages {
    width:911px;
	margin:0 auto;
	background:url(../images/middlebg.gif) repeat-x 0 0 #ebebeb;
	border-left:1px solid #d4d4d4;
	border-right:1px solid #d4d4d4;
	padding:25px 13px 0 10px;
	color:#3e4a42;
	height:100%;
	overflow:hidden;
}
.innerPages .content {
	width:680px;
	float:right;
	padding:0 0 56px 0;
	height:100%;
	overflow:hidden;
	}
.innerPages .content h2 {
	font:bold 1.5em/1.87em Arial, Helvetica, sans-serif;
	color:#0c1d47;
	background-color:inherit;
	padding:0 14px 0 0;
	margin:0;
	}
.innerPages .content p {
	margin:0 0 22px 0;
	}
ul.points {
	width:330px;
	float:left;
	}
ul.points li {
	padding:0 0 0 14px;
	background:url(../images/blt-pts.gif) no-repeat 0 12px;
	font:1.2em/2.5em Arial, Helvetica, sans-serif;
	color:#000;
	background-color:inherit;
	}
.innerPages .sidePanel {
	background:url(../images/v-divider.gif) no-repeat 100% 0;
	padding:0 12px 0 0;
	width:200px;
	float:left;
	}
.innerPages .sidePanel .minister {
	margin:0 0 5px 42px;
	width:114px;
	height:127px;
	padding:1px;
	background:#FFFFFF;
	color:inherit;
	border:0.5px solid #c5c5c5;
}
.innerPages .sidePanel h2.nameMinister {
	font:1.6em/1em Arial, Helvetica, sans-serif;
	width:122px;
	margin:0 auto;
	color:#0c1d47;
	text-align:center;
	padding:0 0 9px 0;
	clear:both;
	}
p.quotation {
	width:200px;
	margin:8px auto 0 auto;
	font:1.2em/1.67em Arial, Helvetica, sans-serif;
	color:#494848;
	background-color:inherit;
	background:url(../images/quote-end.gif) no-repeat 100% 100%;
	}
p.quotation span {
	display:block;
	background:url(../images/quote-start.gif) no-repeat 0 0;
	background-color:transparent;
	color:#000000;
	padding:0 19px;
	}
.innerPages .bottomPanel {
	margin:0 0 56px 0;
	clear:both;
	}
.bannerLinks img {
	margin:0 12px 0 0;
	}

/* Slideshow container */
.slideshow-container {
  max-width: 1000px;
  position: relative;
  margin: auto;
}

/* Caption text */
.text {
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.dot {
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active {
  background-color: #717171;
}

/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
  .text {font-size: 11px}
}