@charset "utf-8";
/* CSS Document */
@font-face{
font-family:'MyriadPro';
src:url('Myriad Pro Regular.ttf') format('truetype');
font-weight:normal;
font-style:normal;
}
@font-face{
font-family:'MyriadPro';
src:url('Myriad Pro Bold.ttf') format('truetype');
font-weight:bold;
font-style:normal;
}
body {
	margin:0 auto;
background-image:url(../images/header-bg.png);
background-repeat:repeat-x;
	background-position:top;
	background-color:#FFFFFF;
	font-size:14px;
	font-family:"MyriadPro", Verdana,Arial,Helvetica,sans-serif;
}
#banner-small{
width:980px;
height:200px;
}
#content{
margin-top:20px;
padding:0px 10px 0px 10px;
min-height:500px;
}
#content img{
float:right;
margin:10px 10px 10px 10px;
}
#content hr{
border: 1px solid #E9E9E9;
}
#content h1{
font-size:22px;
color:#39b54a;
border-bottom:solid 2px #39b54a;
text-transform:uppercase;
}
p{
color:#333333;
text-align:justify;
line-height:20px;
}
h1{
font-size:22px;
color:#262a68;
}

h4{
font-size:16px;
line-height:10px;
color:#f59123;
}
.c-10{
clear:both; height:10px;
}
.c-5{
clear:both; height:5px;
}
.c-2{
clear:both; height:2px;
}
#wrapper{
margin:0 auto;
width:980px;
}
#header{
height:100px;
}
#logo{
float:left;
width:172px;
height:82px;

background-repeat:no-repeat;
margin:10px 0px 0px 0px;
cursor:pointer;
}
#pk-title{
float:left;
background-repeat:no-repeat;
margin:0px 0px 0px ;
}
#logo-pk{
float:left;
width:100px;
height:;
background-repeat:no-repeat;
margin:4px 0px 0px 588px;
cursor:pointer;
}



.Box-msum					{ float:left; background:url(../images/msum1.png) no-repeat; width:221px; 
						  height:264px; margin:10px 22px 0px 0px;}
.Box-msum h1					{ float:left; width:221px; height:20px;  font-size:18px; color:#000000;
						  padding:90px 0px 0px 10px; text-decoration:none; outline:none; 
						  }
.Box-msum p					{ float:left; width:205px; height:78px; font-size:14px; color:#000000;
						  padding:0px 0px 0px 10px; margin-top:0px; text-align:justify; line-height:20px;}
.Box-msum a					{ text-decoration:none; color:#FFFFFF;} 
.Box-msum a:link				{ text-decoration:none;}
.Box-msum a:hover			{color:#CCCCCC; text-decoration:none;}
.Box-msum .Dicon				{ float:left; width:66px; height:38px; padding:9px 0 0 11px;}

.Box-msum:hover				{ background:url(../images/msum2.png) no-repeat; width:221px; 
						  height:264px; cursor:hand;}
.Box-msum:hover h1			{ float:left; width:221px; height:20px;  font-size:18px; color:#000000;
						  padding:90px 0px 0px 10px; text-decoration:none; outline:none; 
						  }
.Box-msum:hover p			{ color:#000000;}

.Box-msum .more{
width:25px;
font-size:12px;
float:left;
margin:12px 10px 10px 164px;
color:#FFFFFF;
}	

/*==========================================================================*/

.Box-navjyoti					{ float:left; background:url(../images/navjyoti1.png) no-repeat; width:221px; 
						  height:264px; margin:10px 22px 0px 10px;}
.Box-navjyoti h1					{ float:left; width:221px; height:20px;  font-size:18px; color:#000000;
						  padding:90px 0px 0px 10px; text-decoration:none; outline:none; 
						  }
.Box-navjyoti p					{ float:left; width:205px; height:78px; font-size:14px; color:#000000;
						  padding:0px 0px 0px 10px; text-align:justify; margin-top:0px; text-align:left; line-height:20px;}

.Box-navjyoti a					{ text-decoration:none; color:#FFFFFF;} 
.Box-navjyoti a:link				{ text-decoration:none;}
.Box-navjyoti a:hover			{color:#a3e45d; text-decoration:none;}
.Box-navjyoti .Dicon				{ float:left; width:66px; height:38px; padding:9px 0 0 11px;}

.Box-navjyoti:hover				{ background:url(../images/navjyoti2.png) no-repeat; width:221px; 
						  height:264px; cursor:hand;}
.Box-navjyoti:hover h1			{ float:left; width:221px; height:20px;  font-size:18px; color:#000000;
						  padding:90px 0px 0px 10px; text-decoration:none; outline:none; 
						  }
.Box-navjyoti:hover p			{ color:#000000;}

.Box-navjyoti .more{
width:25px;
font-size:12px;
float:left;
margin:12px 10px 10px 164px;
color:#FFFFFF;
}
/*==========================================================================*/

.Box-soul					{ float:left; background:url(../images/soul1.png) no-repeat; width:221px; 
						  height:264px; margin:10px 22px 0px 10px;}
.Box-soul h1					{ float:left; width:221px; height:20px;  font-size:18px; color:#000000;
						  padding:90px 0px 0px 10px; text-decoration:none; outline:none; 
						  }
.Box-soul p						{ float:left; width:205px; height:78px; font-size:14px; color:#000000;
						  padding:0px 0px 0px 10px; margin-top:0px; text-align:justify; line-height:20px;}
.Box-soul a					{ text-decoration:none; color:#FFFFFF;} 
.Box-soul a:link				{ text-decoration:none;}
.Box-soul a:hover			{color:#e6e033; text-decoration:none;}
.Box-soul .Dicon				{ float:left; width:66px; height:38px; padding:9px 0 0 11px;}

.Box-soul:hover				{ background:url(../images/soul2.png) no-repeat; width:221px; 
						  height:264px; cursor:hand;}
.Box-soul:hover h1			{ float:left; width:221px; height:20px;  font-size:18px; color:#000000;
						  padding:90px 0px 0px 10px; text-decoration:none; outline:none; 
						  }
.Box-soul:hover p			{ color:#000000;}

.Box-soul .more{
width:25px;
font-size:12px;
float:left;
margin:12px 10px 10px 164px;
color:#FFFFFF;
}

/*==========================================================================*/

.Box-pk					{ float:left; background:url(../images/pk1.png) no-repeat; width:221px; 
						  height:264px; margin:10px 0px 0px 10px;}
.Box-pk h1					{ float:left; width:221px; height:20px;  font-size:18px; color:#000000;
						  padding:90px 0px 0px 10px; text-decoration:none; outline:none; 
						  }
.Box-pk p						{ float:left; width:205px; height:78px; font-size:14px; color:#000000;
						  padding:0px 0px 0px 10px; margin-top:0px; text-align:justify; line-height:20px;}
.Box-pk a					{ text-decoration:none; color:#FFFFFF;} 
.Box-pk a:link				{ text-decoration:none;}
.Box-pk a:hover			{color:#ff7980; text-decoration:none;}
.Box-pk .Dicon				{ float:left; width:66px; height:38px; padding:9px 0 0 11px;}

.Box-pk:hover				{ background:url(../images/pk2.png) no-repeat; width:221px; 
						  height:264px; cursor:hand;}
.Box-pk:hover h1			{ float:left; width:221px; height:20px;  font-size:18px; color:#000000;
						  padding:90px 0px 0px 10px; text-decoration:none; outline:none; 
						  }
.Box-pk:hover p			{ color:#000000;}
.Box-pk .more{
width:25px;
font-size:12px;
float:left;
margin:12px 10px 10px 164px;
color:#FFFFFF;
}
/*=========================================footer=================================*/

#footer{
height:37px;
background-image:url(../images/footer-bg1.png);
background-repeat:repeat-x;
}

#follow-us{
width:150px;
float:left;
margin:12px 0px 0px 320px;
font-size:14px;
height:32px;
}
.f{
width:95px; margin-top:5px; float:left; font-family:"Myriad Pro", "Arial"; color:#999999; font-size:15px;
}

#example-nav {
    padding: 0;
    margin: 0;
    list-style: none;
    width: 135px;
    height: 28px;
    overflow: hidden;
}
#example-nav li {
    float: left;
	margin-left:5px;
}
#example-nav a {
    display: block;
    background-image: url(../images/social-media.png);
    padding-top: 34px; /* same as height of #example-nav */
    text-decoration: none; /* needed for IE8 beta, otherwise it still shows the underlines */
}
#example-nav-home {
    width: 29px;
	background-position: 0px -29px;	
	}
#example-nav-home:hover {
    background-position: 0px 0px;
}
#example-nav-events {
    width: 29px;
    background-position: -29px -29px;
}
#example-nav-events:hover {
    background-position: -29px 0px;
}
#example-nav-upcoming {
    width: 29px;
    background-position: -58px -29px;
}
#example-nav-upcoming:hover {
    background-position: -58px 0px;
}

#example-nav-c1 {
    width: 28px;
    background-position: -87px -29px;
}
#example-nav-c1:hover {
    background-position: -87px 0px;	
}

/*=================================================*/

#developed {
    padding: 0;
    margin-top:17px;
	margin-right:10px;
    list-style: none;
    width: 19px;
    height: 16px;
    overflow: hidden;
	float:right;
}
#developed li {
    float: left;
	margin-left:5px;	
}
#developed a {
    display: block;
    background-image: url(../images/developed-by-hydes.png);
    padding-top: 50px; /* same as height of #example-nav */
    text-decoration: none; /* needed for IE8 beta, otherwise it still shows the underlines */
}

#developed-c2 {
    width: 18px;
    background-position: -1px -17px;
}
#developed-c2:hover {
    background-position: -17px 0px;	
}

#nlist
{
margin-left: 0;
padding-left: 0;
list-style: none;
}

#nlist li
{
padding-left: 25px;
padding-top:6px;
background-image: url(../images/arrow.png);
background-repeat: no-repeat;
background-position: 0 .5em;
font-size:16px;
font-weight:bold;
color:#333333;
}