@charset "utf-8";
/* CSS Document */
*{margin:0px auto;
  padding:0px;}
body{width:100%; height:auto; background:#9BCDFF;}
.top_banner{height:120px; width:100%; background:#fff; display:table; }
.wrapper_top{height:auto; width:950px; }
.logo_container{height:auto; width:70%; float:left}
.wrapper_top h1 {font-family:Geneva, Arial, Helvetica, sans-serif; font-size:28px; color:#002346;}
.wrapper_top h3 {font-family:Geneva, Arial, Helvetica, sans-serif;  color:#002346;}
.wrapper_top h4 {font-family:Geneva, Arial, Helvetica, sans-serif;  color:#002346;}
.wrapper_top h4 p {display:inline;}
.logo{height:100px; width:80px; float:left;  margin:5px;}
.header_icons{height:100px; width:25%; float:right;}
.social_iconic{height:40px; width:100%; font-size:28px;}
.social_iconic i{padding:2px; margin:2px; }
.wrapper{min-height:350px; width:980px; }
.content_container{ height:auto; width:100%; background:#FFFFFF;  display:table; margin-top:2px;}
.middle_container_div{height:auto; width:100%; background:#FFFFFF; display:table;}
.middle_title{font-size:22px; color:#00376F; border-bottom:2px solid #00376F; font-weight:bolder; padding:4px;}
.middle_container_sub_div{min-height:400px; width:99%; background:url(../images/bg%20logo.png) no-repeat; background-attachment:scroll; background-position:center; }
.content_container_sub{min-height:200px; width:99%; background:#EBEBEB; display:table; }
.slider_section{height:auto; width:100%; background:#fff;  display:table; margin-top:3px;}
.slider{height:300px; width:632px; float:right; padding:5px; }
.news{height:280px; width:320px; float:left; padding:5px; display:table; }
.notice_content_mrq{ height:250px; width:100%;}
.notice_content{height:270px; width:100%; display:table; }
.head_title{height:25px; width:100%; font-family:Arial, Helvetica, sans-serif; font-weight:bolder; color:#B00000; font-size:22px; border-bottom:solid 2px #666666;}
.left_container{height:auto; width:75%; float:left; display:table;}
.right-sidebar{height:auto; width:24%; float:left; border-left:4px solid #FFFFFF;}
.welcome{height: 300px; width:100%; color:#B30000;}
.welcome p{padding:10px; text-align:justify;}
.welcome p::first-letter {
    font-size: 200%;
    color: #B30000;
}
#viewmore{color:#002040; text-decoration:none; font-weight:bold; float:right; margin-right:10px; font-size:14px;}
.viewmore{color:#002040; text-decoration:none; font-weight:bold; float:right; margin:6px; font-size:14px;}
#viewmore:hover{color:#FF0000;  }
.viewmore:hover{color:#FF0000;  }
.principal{height:300px; width:100%;}
.sidebar_title{height:30px; width:100%; border-bottom:2px solid #000000; font-family:Arial, Helvetica, sans-serif; font-weight:bolder; font-size:22px; color:#B00000;}
.principal_pic{height:200px; width:250px; text-align:center;}
.principal_name{height:auto; text-align:center; width:100%;}
.photo_gallery{height:auto; width:100%; display:table;}
.photo_gallery_inner{height:300px; width:100%; display:table;}
.videos_container{height:210px; width:100%;}
.contact_us{height:200px; width:100%; display:table;}
.cnt_address{height:150px; width:50%; float:left; font-family:Geneva, Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; color:#820000;}
.cnt_location{height:140px; width:45%; float:right;}
.footer{height:65px; width:100%; background:#3C3C3C; margin-top:2px; }
.ftr_div{height:auto; width:950px; color:#FFFFFF }
.ftr_div strong{float:left; margin-left:2px; padding:8px;}
.example {
	display:table;
    width:100%;
    height:35px;
	background:#C60000;
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
}

/* main menu styles */

.nav,.nav ul {

    list-style:none;
    margin:0;
    padding:0;
}

.nav {
    position:relative;
}

.nav ul {
    height:0;
    left:0;
    overflow:hidden;
    position:absolute;
    top:46px;
}

.nav li {
    float:left;
    position:relative;
}

.nav li a {
    -moz-transition:0.5s;
    -o-transition:0.5s;
    -webkit-transition:0.5s;
    background-color:#C60000;
    border-right:1px solid #FFFFFF;
	border-bottom:none;
    color:#FFF;
    display:block;
    font-size:16px;
	font-weight:bold;
    line-height:28px;
    padding:9px 9px;
    text-decoration:none;
    transition:0.5s;
}

.nav li:hover > a {
    background:#FF3300;
    border-color:#6E67A6;
    color:#fff;
}

.nav li:hover ul.subs {
    height:auto;
    width:200px;
}

.nav ul li {
    -moz-transition:0.5s;
    -o-transition:0.5s;
    -webkit-transition:0.5s;
    opacity:0;
    transition:0.5s;
    width:100%;
	border-bottom:1px solid #FFFFFF;
}

.nav li ul li {
    -moz-transition-delay:0s;
    -o-transition-delay:0s;
    -webkit-transition-delay:0s;
    transition-delay:0s;
	z-index:9999;
}

.nav li:hover ul li {
    opacity:1;
    -moz-transition-delay:0.5s;
    -o-transition-delay:0.5s;
    -webkit-transition-delay:0.5s;
    transition-delay:0.5s;

}

.nav ul li a {
    background:#C60000;
    border-color:#FFFFFF;
    color:#fff;
    line-height:1px;
    -moz-transition:1.5s;
    -o-transition:1.5s;
    -webkit-transition:1.5s;
    transition:1.5s;
}

.nav li:hover ul li a {
    line-height:25px;
}

.nav ul li a:hover {
    background:#FF3300;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 95%, from(rgba(255, 255, 255, 0.5)), to(rgba(255, 255, 255, 0)));
    background-image: -moz-linear-gradient(-90deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
    background-image: -o-linear-gradient(-90deg,rgba(255,255,255,0.5),rgba(255,255,25,0));
}
<!-----------pop up css ------------>
#blanket {
   background-color:#111;
   opacity: 0.80;
   *background:none;
   position:absolute;
   z-index: 9001;
   top:0px;
   left:0px;
   }
#popUpDiv {
	margin-top:100px;
	position:absolute;
	width:300px;
	background:#ffffff;
	border:2px solid #000;
	border-radius:10px;
	z-index: 9002;top:30%; left:30%;
}
#popUpDiv a {position:absolute; top:-25px; right:-25px}
<!----------video container css ------------>

.video_container{
	width:156px;
	display:table;
	float:left;
	padding:3px;
}