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

h1 , h2 , h3 , h4 , h5 , h6 , ul , p {
margin:0 ;
padding:0;
}

*{
margin:0;
padding:0;
}

body{
margin:0 ;
color:#666666;
font-family:'Calibri';
}

p{
padding:8px 0 0 14px;
}

h1{
margin:25px 10px 0 10px;
padding:0 0 0 10px;
font-family:'Calibri';
font-size:19px;
background:url(../images/hedline.jpg) repeat-x;
height:34px;
border-radius:5px;
line-height:34px;
color:#FFFFFF;
font-weight:normal;
}


h2{
padding:10px 0 0 15px;
font-family:'Calibri';
font-size:19px;
border-radius:5px;
color:#FFFFFF;
font-weight: normal;
text-decoration:underline;
height:25px;

}



h3{
padding:5px 0 0 15px;
margin:10px 0 0 -4px;
font-family:'Calibri';
font-size:19px;
color:#FFFFFF;
font-weight: normal;
height:25px;
background:url(../images/hd_bg.png) no-repeat;
width:100%;
height:34px;
}

.cl{
clear:both;
}
#wrapper{
margin:0 auto;
width:100%;
max-width:1600px;
min-width:200px;
height:auto;
background: url(../images/h_bg.jpg) top no-repeat;
}

.head{
margin:0 auto;
width:1000px;
height:125px;
background: url(../images/logo_name_1.gif) left 25px center no-repeat;

}

.twitter {
	background-image: url(../images/twitter.png);
	height: 26px;
	width: 25px;
	margin:5px;
	float: left;
	border-radius: 50%;
	-webkit-transition: all ease 0.3s;
	-moz-transition: all ease 0.3s;
	-o-transition: all ease 0.3s;
	-ms-transition: all ease 0.3s;
	transition: all ease 0.3s;
}
.twitter:hover {
	background-image: url(../images/twitter.png);
	box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.8);
	-webkit-transform:rotate(360deg);
	-moz-transform:rotate(360deg);
	-o-transform:rotate(360deg);
	-ms-transform:rotate(360deg);
	transform:rotate(360deg);
}


.face {
	background-image: url(../images/face.png);
	height: 26px;
	width: 25px;
	margin:5px;
	float: left;
	border-radius: 50%;
	-webkit-transition: all ease 0.3s;
	-moz-transition: all ease 0.3s;
	-o-transition: all ease 0.3s;
	-ms-transition: all ease 0.3s;
	transition: all ease 0.3s;
}
.face:hover {
	background-image: url(../images/face.png);
	box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.8);
	-webkit-transform:rotate(360deg);
	-moz-transform:rotate(360deg);
	-o-transform:rotate(360deg);
	-ms-transform:rotate(360deg);
	transform:rotate(360deg);
}


.youtube {
	background-image: url(../images/youtube.png);
	height: 26px;
	width: 25px;
	margin: 5px;
	float: left;
	border-radius: 50%;
	-webkit-transition: all ease 0.3s;
	-moz-transition: all ease 0.3s;
	-o-transition: all ease 0.3s;
	-ms-transition: all ease 0.3s;
	transition: all ease 0.3s;
}
.youtube:hover {
	background-image: url(../images/youtube.png);
	box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.8);
	-webkit-transform:rotate(360deg);
	-moz-transform:rotate(360deg);
	-o-transform:rotate(360deg);
	-ms-transform:rotate(360deg);
	transform:rotate(360deg);
}

.in {
	background-image: url(../images/in.png);
	height: 27px;
	width: 26px;
	margin:5px;
	float: left;
	border-radius: 50%;
	-webkit-transition: all ease 0.3s;
	-moz-transition: all ease 0.3s;
	-o-transition: all ease 0.3s;
	-ms-transition: all ease 0.3s;
	transition: all ease 0.3s;
}
.in:hover {
	background-image: url(../images/in.png);
	box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.8);
	-webkit-transform:rotate(360deg);
	-moz-transform:rotate(360deg);
	-o-transform:rotate(360deg);
	-ms-transform:rotate(360deg);
	transform:rotate(360deg);
}




.page{
margin:0 auto;
width:1000px;
height: auto;
background-color:#ebeaea;
}

.menu{
margin:0 auto;
width:1000px;
height:43px;
background:url(../images/menu_bg.jpg) left repeat-x;
border-radius:6px 8px 0 0;

}


.infro{
margin:15px 0 0 0;
width:100%;
height:100px;
font-family:'Monotype Corsiva';
color:#208da6;
text-align:center;
font-size:30px;
font-weight: normal;
text-shadow: 0px 2px 2px #666;

}

.main_page{
width:100%;
height:auto;
}

.left_page{
float:left;
width:700px;
height: auto;
margin-bottom:25px;
}


.activities{
width:100%;
height: auto;
margin:15px 0 0 35px;
}

.programme {
float:left;
width:177px;
height:185px;
background-color: #eff0f0;
margin:15px 0 0 25px;
border:1px solid #dcdada;
border-radius:5px;
}


.right_page{
float: right;
width:280px;
height: auto;
margin-bottom:25px;
}

.right_page ul{
margin:10px 0 15px 21px;
list-style:none;
}

.right_page ul li a{
color:#333333;
text-decoration:none;
background:url(../images/icon.png) left no-repeat;
padding:0 0 0 21px;
line-height:25px;
font-weight:bold;
text-decoration:underline;
}

.right_page ul li a:hover{
transition: background 1s ease 0s, color 1s ease 0s, padding 0.5s ease 0s, margin 0.5s ease 0s;
color:#fb9a02;
background:url(../images/icon_1.png) left no-repeat;

}


figure{
width:100px;
height:75px;
float:left;
margin:10px 0 0 10px;
color:#f39c09;
text-align:center;
}

.footer_wrap{
width:100%;
height: auto;
background-color:#333333;
}


.footer{
margin:0 auto;
width:1000px;
height:auto;
font-size:14px;
color:#999999;
line-height:19px;
}


.footer_c{
float:left;
width:24.5%;
height: auto;
margin-right:5px;
margin-bottom:15px;

}

.fl{
float:left;
width:45%;
}

.footer_c ul{
list-style:none;
margin:8px 0 0 15px;
}

.footer_c ul li a{
text-decoration:underline;
color:#999999;
}

.footer_c ul li a:hover{
color:#f9ab30;
margin-left:5px;
transition: background 1s ease 0s, color 1s ease 0s, padding 0.5s ease 0s, margin 0.5s ease 0s;
}



.footer_c img{
float:left;
margin:5px;
border:1px solid #CCCCCC;
border-radius:5px;
}

.footer_c img:hover{
opacity:0.5;
}

.footr_bottom{
width:100%;
height:40px;
background-color: #1a1a1a;
}

.footr_b_text{
margin:0 auto;
width:1000px;
height:auto;
}

.footr_b_text span{
float:right;
}

.footr_b_text span a{
color:#666666;
text-decoration:none;
}

.footr_b_text span a:hover{
color:#fc9b00;
text-decoration:underline;
transition: background 1s ease 0s, color 1s ease 0s, padding 0.5s ease 0s, margin 0.5s ease 0s;
}


.read_more{width:80px; height:24px; float:left; margin:8px 0 0 10px;}
.read_more a{font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; text-decoration:none; display:block; color:#f9ab30; line-height:24px; text-align:center;  border-radius:4px;-webkit-border-radius:4px;-o-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;}

.read_more a:hover{font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; text-decoration:none; display:block; color:#000;line-height:24px;background:#87d9fe; border-radius:4px;-webkit-border-radius:4px;-o-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;text-align:center; transition: background 1s ease 0s, color 1s ease 0s, padding 0.5s ease 0s, margin 0.5s ease 0s;box-shadow: 0 2px 1px rgba(0, 0, 0, 0.5);  font-style:normal; }


.textone
{
font-family: 'Monda', sans-serif;
font-size:13px;
line-height:20px;
text-align:justify;
}

.texttwo
{
font-family: 'Monda', sans-serif;
font-size:13px;
line-height:20px;
text-align:left;
}

.textthree
{
font-family: 'Monda', sans-serif;
font-size:16px;
line-height:30px;
text-align:justify;
}
.textfour
{
font-family: 'Monda', sans-serif;
font-size:15px;
line-height:20px;
text-align:left;
}

.ranv_head4
{ 

font-family: 'Monda', sans-serif;
font-size:16px;
font-weight:normal;
text-decoration:none; 
color:#009900;
line-height:25px;
height:30px;
 text-shadow:0 1px 1px rgba(0, 0, 0, 0.5); padding:0 0 0 5px;
 }
 
 .ranv_head3
{ 
font-family:Calibri;
font-size:14px;
font-weight:normal;
text-decoration:none; 
color:#009900;
line-height:25px;
text-shadow:0 1px 1px rgba(0, 0, 0, 0.5); padding:0 0 0 5px;
}
 
.ranv_head5
{
font-family: 'Monda', sans-serif;
font-size:14px;
color:#666;
line-height:20px;
padding:3px 0 0 0;
}

.ranv_head6
{ 
font-family:Calibri; 
font-size:18px;
font-weight:normal;
text-decoration:none; 
color:#FF0000;
height:30px;
text-shadow:0 1px 1px rgba(0, 0, 0, 0.5); padding:0 0 0 5px;
}


.report1 {
width:100%;
height:auto;
}


.report1 ul{
list-style:none;
}


.report1 ul li a{
border: 2px solid #e57026;
border-radius:10px;
float:left;
margin:0 0 15px 10px;
list-style:none;
}

.ranv_head41
{ 
font-family:Calibri; 
font-size:16px;
font-weight:normal;
text-decoration:none; 
color:#009900;
height:20px;
text-shadow:0 1px 1px rgba(0, 0, 0, 0.5); padding:0 0 0 5px;
text-align:left;
padding:0 0 0 0;
}