/*  */



*{margin:0;padding:0;}

/*---------------------------------------***********************-------------------------------------*/



/* Header area starts here */
.header_area {
margin: 0;
padding: 0;
overflow: hidden;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
background-color: #0a6d34;
}

.header_content > h1 {
color: white;
font-size: 66px;
padding: 18px 112px;
text-shadow: 20px 10px 10px #333;
}
.logo{float: left;
width: 234px;}
.logo img{width:100%;}

/* header area End here */
/*NextBarisal*/

/*---------------------------------------***********************-------------------------------------*/

 /* All menu area */
.menu_area {
    padding:5px ;
}
.album_menu{
    width:98px;
}




/* MENU START HERE */


/* General menu styling */
.nav {
position: relative;
margin: 0;
padding: 0;
line-height: 22px;
background:#0494D1;
}


/* The main navigation link containers */
.nav>li {
display: block;
float: left;
margin: 0;
padding: 0;
}


/* The main navigation links */
.nav>li>a {
color: #fff;
display: block;
font-family: "Times New Roman",Arial,Helvetica,sans-serif;
font-size: 14px;
padding: 10px 25px;
position: relative;
text-decoration: none;
transition: color 0.3s ease-in 0s;
}


/* Changing the color on hover */
.nav>li>a:hover, .nav>li:hover>a {
color: #0fd0f9;
}	

/* The links which contain dropdowns menu are wider, because they have a little arrow */
.nav>.dropdown>a {
padding: 10px 30px 10px 20px;
}


/* The arrow indicating the dropdown */
.dropdown>a::after {
content: "";
position: absolute;
top: 17px;
right: 10px;
width: 7px;
height: 7px;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
border-bottom: 1px solid #fff;
border-right: 1px solid #fff;
}


/* Changing the color of the arrow on hover */ 
.dropdown>a:hover::after, .dropdown:hover>a::after {
border-color: #0fd0f9;
}


/* The submenus */
.nav ul {
position: absolute;
margin: 0;
padding: 0;
list-style: none;
display: block;
z-index:9999;
}



/* General layout settings for the link containers of the submenus */
.nav ul li {
position: absolute;
top: -9999px; 
height: 0px;
display: block;
margin: 0;
padding: 0;
z-index:9999;
left:20px;
-webkit-transition: height .2s ease-in;
-moz-transition: height .2s ease-in;
-o-transition: height .2s ease-in;
-ms-transition: height .2s ease-in;
}


/* Displays the submenu links, by expading their containers (with a transition, previously 
defined) and by repositioning them */
.dropdown:hover>ul>li {
height: 30px;
position: relative;
top: auto;
z-index:9999;
}


/* The submenu links */
.nav ul li a {
/* Layout */
padding: 4px 10px;
width: 180px;
display: block;
position: relative;
z-index:9999;


/* Text */
font-family: "Open Sans Condensed", Arial, Helvetica, sans-serif;
color: #bbb;
text-decoration: none;
font-size: 16px;


/* Background & effects */
background: black;
background: rgba(0, 0, 0, .6);
-webkit-transition: color .3s ease-in, background .3s ease-in;
-moz-transition: color .3s ease-in, background .3s ease-in;
-o-transition: color .3s ease-in, background .3s ease-in;
-ms-transition: color .3s ease-in, background .3s ease-in;

}


/* Changing the link's color and background on hover */
.nav ul li:hover>a, .nav ul li a:hover {
color: #0fd0f9;
background: rgba(0, 0, 0, .75);
}


/* Making the level 2 (or higher) submenus to appear at the right of their parent */
.nav ul .dropdown:hover ul {
left: 160px;
top: 0px;
}


/* The submenu links have a different arrow which indicates another dropdown submenu */
.nav ul .dropdown a::after {
width: 6px;
height: 6px;
border-bottom: 0;
border-right: 1px solid #fff;
border-top: 1px solid #fff;
top: 12px;
}


/* Changing the color of the arrow on hover */
.nav ul .dropdown:hover>a::after, .nav ul .dropdown>a:hover::after {
border-right: 1px solid #0fd0f9;
border-top: 1px solid #0fd0f9;
}

/* MENU END HERE */


/*---------------------------------------***********************-------------------------------------*/

/* Ticker area */

.ticker_area{padding:5px 0px;}
.ticker_body{
padding:10px;background:#191A3E;color:#fff;
}
.ticker_body strong{background:#0494d1;
color: #fff;
float: left;
font-size: 18px;
height: 42px;
margin-left: -11px;
margin-right: 103px;
margin-top: -11px;
padding: 9px 8px 8px 50px;
text-transform: uppercase;
width: 293px;position:relative
}
.arrao{background: none repeat scroll 0 0 #0494D1;
height: 22px;
position: absolute;
width: 22px;
left: 295px;
transform: rotate(44deg);}


/*---------------------------------------***********END************-------------------------------------*/



/* main area starts here */

.main_area {
    padding:10px 0px;
}
.slide {background: none repeat scroll 0 0 #e6e6e6;

}
.htwo{text-align: center;
font-family: monospace;
font-weight: bold;}
.social_notice{padding: 1px 60px;}
.con_body{}
.con_body ul {margin:0;padding:0;list-style:none;}
.con_body ul li{padding-bottom: 9px;
text-align: center;}
.con_body ul li a{text-decoration:none;color:black;}
.con_body ul li a span{padding-bottom:5px}
.con_body ul li a:hover{}
.slider {}
.slider > img {width:100%;}
.small_slider{margin-left:15px;}
.welcome_text{background: none repeat scroll 0 0 #ededed;
margin-left: 0;
min-height: 200px;
width: 855px;
}
.welcome_text h1{color: #0494d1;
font-family: time new roman;
padding: 26px 0 0 30px;}
.welcome_text p{font-family: time new roman;
font-size: 16px;
line-height: 1.5;
padding: 14px 30px 5px 30px;
text-align: justify;}

.square_lecture {background: none repeat scroll 0 0 #ededed;
margin-top: 10px;
width: 847px;
height: auto;
min-height: 231px;
}
.square_lecture {font-family:time new roman;}
.single_lecture_img{padding:10px 0px 0px 30px;}
.single_lecture_img img{border-radius: 4px;
float: left;
height: 75px;
margin-bottom: 0;
margin-right: 20px;
width: 80px;
	}
.single_lecture_content{margin-left: 30px;}
.single_lecture_content p{text-align: justify;
font-family: times new roman;
line-height: 1.8;}
p {word-wrap: break-word;} 
.single_lecture {float: left;
margin-right: 30px;
width: 393px;
}
.single_lecture > p {

}

/* main content content end here */


/*---------------------------------------***********************-------------------------------------*/

.single_panel{min-height: 295px}
.single_panel h2{color:#fff;}
.single_panel{}
.single_panel ul {margin:0;padding:0;list-style:none;}
.single_panel ul li{padding-bottom: 9px;
text-align: left;}
.conbody_li{padding-bottom: 10px;padding: 10px;}
.single_panel ul li a{text-decoration:none;color:black;}
.single_panel ul li a span{padding-bottom:5px}
.single_panel ul li a:hover{color:red}
.con_right{padding-left: 15px;}
.con_body_right{margin-top: 10px}



/*---------------------------------------***********************-------------------------------------*/




/*Service area starts here */

.service_area {background: none repeat scroll 0 0 #e6e6e6;
padding: 20px 0 0;
border-top: 2px dashed #45BEE4;
}
.sm_slider{padding-left: -5px}
.single_service {margin-left: -13px
}
.single_service > h2 {
    color:white;font-size: 22px;text-align:center;
}

.single_service > ul {
    margin:0;padding:0;list-style:none;
}

.single_service > ul > li {
    margin-bottom: 6px;
text-align: center;
}

.single_service > ul > li > a {
    color: #cccccc;
    font-size: 16px;
    margin-left: 18px;
    text-decoration: none;
}

.single_service > img {
    border-radius: 5px;
    margin-left: 108px;
    text-align: center;
    width: 141px;
}

.error-front{color:#FF0000;
text-align:center;
font-size:14px;}



/*---------------------------------------***********************-------------------------------------*/


.footer_area {
    padding:5px 0px;
    background-image:url(img/top_footer.png);
	height:55px;
}
.footer{}
.copyright {
padding:15px;
}

.copyright > span {
   color: #026892;
font-weight: 400;
}

.copyright > span > p {
    color:#E6E6E6;
    font-weight: normal;
}

.design_by {
    color: #e6e6e6;
font-weight: normal;
text-align: right;
padding: 15px;
}
.design_by a{color:#fff;font-weight:bold;}
.design_by a:hover{color:red}
.design_by > span {
     color:#E6E6E6;
    font-weight: bold;
}
.design_by i{margin-left:10px;}
.design_by em{color: #026892;}

.design_by > span > p {
     color:#E6E6E6;
    font-weight: normal;
}

#albumfront{background:url(img/album.jpg) no-repeat;
border:#CCCCCC 1px solid;
float:left;
width:200px;
height:160px;
margin-right:20px;
padding:70px 25px;
color:#0000FF;
font-size:16px;
}

#mediaview{background:#FFFFCC;
border:#CCCCCC 1px solid;
padding:10px;
float:left;
width:310px;
text-align:center;
margin:10px;
}

#galleryview{background:#FFFFCC;
border:#CCCCCC 2px solid;
padding:10px;
float:left;
width: 230px;
text-align:center;
margin:10px;
}

/*---------------------------------------***********************-------------------------------------*/