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

*{
margin:0;
padding:0;
}

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

body{
background:#e5e5e5;
font-family:"Arial Unicode MS", Arial, Helvetica, sans-serif;
font-size:87.5%;
color:#555555;
line-height:1.5;
text-align:left;
}

a{
text-decoration:none;
color:#00a2b2;
}

a:link, a:visited{
color:#00a2b2;
}

a:hover, a:active{
color:#00a2b2;
text-decoration:underline;
}

header{
width:100%;
height:auto;
background:#FFFFFF;
border-bottom:5px solid #00a2b2;
}

.logos{
width:75%;
height:100%;
margin:0 auto;
}

.logos img{
width:auto;
height:auto;
}
.pun-logo{
width:30%;
float:left;
text-align:center;
}

.uni-logo{
width:40%;
float:left;
text-align:center;
}

.bcud-logo{
width:30%;
float:left;
text-align:right;
}

.clear{clear:both;
}

nav{
width:100%;
background:#f1f1f1;
margin:0 auto;
 border-bottom: 1px solid #dcdbdb;
  -webkit-box-shadow: 0px 0 1px #fbfbfb;
  -moz-box-shadow: 0px 0 1px #fbfbfb;
  box-shadow: 0px 0 1px #fbfbfb;
}

.content{
width:73%;
height:100%;
margin:0 auto;
background:#fff;
padding:1%;
}
.content ul {
	margin-left:15px;
}

.content ul li{
	font-size:12px;
	list-style-image:url(../images/bullet.png);
}
.content-left{
width:30%;
height:auto;
float:left;
text-align:center;
}
.login-box{
width:70%;
margin:0px auto;
background:#f0f0f0;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
padding:4%;
height:auto;
}

.login{
width:80%;
margin:0px auto;
background:#fff;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
padding:4%;
height:auto;
}

.dotted-line{
border-bottom:1px dotted #8f9090;
margin-bottom:5px;
}

.box-l{
background:#f0f0f0;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
text-align:left;
padding:4%;
/*margin:11% 0 2% 0;*/
height:auto;
}

.box-2{
background:#f0f0f0;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
text-align:left;
padding:4%;
margin:10px 0;
height:auto;
}

.box-3{
background:#f0f0f0;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
text-align:left;
padding:4%;
margin:2% 0;
height:auto;
}
.photo{
width:20%;
float:left;
}

.info{
width:80%;
float:left;
}

hr{
color:#fff;
/*border:0.02em solid #ccc8c8;*/
  -webkit-box-shadow: 1px 0 0 #fff;
  -moz-box-shadow: 1px 0 0 #fff;
  box-shadow: 1px 0 0 #fff;
  margin:5px 0px;
  }
.content-right{
width:68%;
height:auto;
float:right;
margin-left:2%;
text-align:center;
}
p{
text-align:justify;
font-size:12px;
margin-bottom:10px;
}
.color{
color:#00a2b2;
}
h1{
font-size:24px;
font-weight:bold;
color:#00a2b2;
margin-bottom:5px;
}

h2{
font-size:14px;
/*color:#00a2b2;*/
color:#006666;
margin-bottom:5px;
}

h3{
font-size:14px;
color:#555555;
font-weight:normal;
margin-bottom:3px;
}

.btn {
	padding:5px 10px;
background:#00a2b2;
color:#fff !important;
font-size:12px;
width:auto;
	text-decoration:none;
	-webkit-transition:background-color 3s linear 1s;
	-webkit-transition: 2s ease-in-out;
	-webkit-transition: 1s;
	transition: background-color 3s linear 1s;
	transition: 2s ease-in-out;
	transition: 1s;
	border:0;
}

.btn:hover {
	background:#03818d;
	cursor:pointer;
	text-decoration:none !important;
}
.circles{
width:98%;
margin:0 auto;
text-align:center;
margin:2% 2%;
}

.circle1{
float:left;
width:180px;
height:80px;
background-color:#f0f0f0;
border-radius:30px;
-moz-border-radius:30px;
webkit-border-radius:30px;
text-align:center;
padding:30px 10px;
-webkit-box-shadow: 3px 3px 0px rgba(0, 162, 178, 0.75);
-moz-box-shadow:    3px 3px 0px rgba(0, 162, 178, 0.75);
box-shadow:         3px 3px 0px rgba(0, 162, 178, 0.75);
margin:2% 0;
}

.circle2{
float:left;
width:180px;
height:114px;
background-color:#f0f0f0;
border-radius:30px;
-moz-border-radius:30px;
webkit-border-radius:30px;
text-align:center;
padding:30px 10px;
-webkit-box-shadow: 3px 3px 0px rgba(0, 162, 178, 0.75);
-moz-box-shadow:    3px 3px 0px rgba(0, 162, 178, 0.75);
box-shadow:         3px 3px 0px rgba(0, 162, 178, 0.75);
margin:2% 0;
}

.circles ul{
list-style-image:url(../images/bullet.png);
margin:10px 0 10px 30px;
}
.circles ul li{
text-align:left;
font-size:12px;
}

.circles ul li a{
text-align:left;
font-size:12px;
color:#6a6a6a;
}
.circles ul li a:hover{
text-align:left;
font-size:12px;
color:#00a2b2;
}
.rght-marg{
margin-right:50px;
}
footer{
width:100%;
background:#00a2b2;
margin:0 auto;
padding:10px 0;
}

footer .inside{
width:75%;
height:100%;
margin:0 auto;
font-size:10px;
color:#fff;
}
footer .inside a{
text-decoration:none;
color:#fff;
}
footer .inside a:hover{
text-decoration:underline;
color:#fff;
}

/*nilesh updated*/
.title{color: #006666; display: inline; font-weight: bold; font-size:18px; }

.just 		{ color:#444444; text-align: justify; }
.just strong { color:#000000;}
.just2{
	background-color:#f0f0f0;
	color:#333333;
	text-align:justify;
	display:block;
	padding:10px;
	
}