/* demo page styles */
*{
margin:0px auto;
padding:0px;
}
body	{
		background:url(../images/background_img.jpg); background-size:100%;
		width:99%;
		border-left:2px #FFFFFF solid;border-right:2px #FFFFFF solid;
		background-attachment:fixed;
		}
	.dashboard{height:auto; display:table; width:100%; background:#E6E6E6; }
	.header{height:auto; width:100%; display:table; background:#CC0033; color:#FFFFFF; }
	.logo_left{height:120px; width:100px; float:left;}.logo_right{height:120px; width:100px; float:left;}
	.header_content{height:120px; float:left; width:83%; font-size:24px; text-align:center;	}
	.header_top{height:20px; width:100%; border-top:2px solid #000000;border-bottom:2px solid #000000;}
	#str{ margin-left:25%; font-size:14px; font-style:italic;   color:#ffd806;}
	#strf{ margin-left:10px; font-size:14px; font-style:italic;   color:#ffd806;}
	.social-icon{height:20px; width:100%; display:table; background:#CC0033; }
	.social-icon strong{float:right; font-size:16px; color:#FFFFFF; margin-right:100px;}
	.slider-container{height:340px; background:#FFFFFF; width:100%; border-bottom:4px solid #666666;}.slider-left-container{height:335px; border:5px solid #999999; border-bottom:none; display:table; width:61%; float:left;}.slider-right-container{height:337px; width:37.5%; float:right; background:url(../images/notic-x.png) repeat-x;}
	.content_header_title{height:35px; width:100%; background:url(notice.png); background-size:100% 100%;}
	.middle-container{height:250px; width:100%; background:#CCCCCC; border-bottom:2px solid #FFFFFF;	}
	.principal_container{ background:#FFFFFF; height:210px; width:30%; float:left; text-align:center;}
	.principal_pic{height:150px; margin-top:10px; width:130px;  border:3px solid #666666; border-radius:3px;}.principal-msg{height:210px; width:70%;  background:#FFFFFF; float:right; }
	.pmsg{text-align:justify; font-family:Verdana, Arial, Helvetica, sans-serif; padding:2px;}
	#readmore{text-decoration:none; float:right; font-weight:600; color:#0099FF; margin:4px; font-size:16px;}
	.middle_container{min-height:440px; width:100%; background:#FFF2FF;  background:url(../images/bbg1.png) no-repeat; background-position:center; background-size:250px; }
	.content_header_title1{height:35px; width:100%; background:#FFFFFF; color:#FF0000; background-size:100% 100%;}
	#txt{padding:2px; margin:2px; font-size:24px; color:#990000; font-weight:600;}
	.content_header_title2{height:35px; width:100%; background:#FFFFFF; color:#FF0000; background-size:100% 100%;}
	.content_header_title3{height:35px; width:100%; background:#FFFFFF; color:#FF0000; background-size:100% 100%;}
	.middle-container-second{height:240px; width:100%; display:table;}
	.middle_container_left_first{width:62%; float:left;}
	.middle_container_left_second{width:37.5%; float:right; }
	.middle_container_left_third{width:25%; float:right;}
	.content_header_title_bgf{height:35px; width:100%; background:url(../images/vid.png) no-repeat;background-size:100% 100%;}
	.content_header_title_bgs{height:35px; width:100%; background:url(../images/calendar.png) no-repeat;background-size:100% 100%;}
	.content_header_title_bgt{height:35px; width:100%; background:url(../images/link.png) no-repeat;background-size:100% 100%;}
	.bottom_div_first{height:240px; width:33%; float:left; background:#FFFFFF;}
	.bottom_div_second{height:auto; width:34%; float:left;  display:table;}
	.bottom_div_third{height:240px; width:33%; float:left; background:#FFFFFF; text-align:center;}
	.bottom_border_multi_color{height:4px; width:100%; background:url(../images/brdr-bg.png) no-repeat; background-size:100% 100%;}
	.href{background:#330033; color:#FFFFFF;}
	.hrf{text-decoration:none; }
	.gallery-container{height:auto; width:100%; background:#ffffff; display:table; border-top:3px solid #990000; }
	.gallery-left{height:250px; width:60%; float:left;}
	.gallery-right{height:250px; width:40%; float:left;}
	.footer{height:45px; width:100%; background:#990000; color:#FFFFFF; border-bottom:3px solid #999999;}
	
	#f{width:35%; float:left; padding:8px;} #f a:hover{color:#FFCC00;}
	#ff{width:35%; float:left; padding:8px; text-align:right;}#f1{width:26%; float:left; text-align:center;}
/************************css for menu******************************************/
#cssmenu ul,
#cssmenu li,
#cssmenu span,
#cssmenu a {
  margin: 0;
  padding: 0;
  position: relative;
}
#cssmenu {
  line-height: 1;
  border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px 5px 0 0;
  background: #ffffff;
  background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #ffffff));
  background: -webkit-linear-gradient(top, #ffffff 0%, #ffffff 100%);
  background: -o-linear-gradient(top, #ffffff 0%, #ffffff 100%);
  background: -ms-linear-gradient(top, #ffffff 0%, #ffffff 100%);
  background: linear-gradient(to bottom, #ffffff 0%, #ffffff 100%);
  border-bottom: 2px solid #db000b;
  width: auto;
}
#cssmenu:after,
#cssmenu ul:after {
  content: '';
  display: block;
  clear: both;
}
#cssmenu a {
  background: #ffffff;
  background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #ffffff));
  background: -webkit-linear-gradient(top, #ffffff 0%, #ffffff 100%);
  background: -o-linear-gradient(top, #ffffff 0%, #ffffff 100%);
  background: -ms-linear-gradient(top, #ffffff 0%, #ffffff 100%);
  background: linear-gradient(to bottom, #ffffff 0%, #ffffff 100%);
  color: #ffffff;
  display: block;
  font-family: Helvetica, Arial, Verdana, sans-serif;
  padding: 14px 10px;
  text-decoration: none;
}
#cssmenu ul {
  list-style: none;
}
#cssmenu > ul > li {
  display: inline-block;
  float: left;
  margin: 0;
}
#cssmenu.align-center {
  text-align: center;
}
#cssmenu.align-center > ul > li {
  float: none;
  z-index:9999;
}
#cssmenu.align-center ul ul {
  text-align: left;
}
#cssmenu.align-right > ul {
  float: right;
}
#cssmenu.align-right ul ul {
  text-align: right;
}
#cssmenu > ul > li > a {
  color: #000000;
  font-size: 16px;
  font-weight:bold;
}
#cssmenu > ul > li:hover:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 50%;
  bottom: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #db000b;
  margin-left: -10px;
}
#cssmenu > ul > li:first-child > a {
  border-radius: 5px 0 0 0;
  -moz-border-radius: 5px 0 0 0;
  -webkit-border-radius: 5px 0 0 0;
}
#cssmenu.align-right > ul > li:first-child > a,
#cssmenu.align-center > ul > li:first-child > a {
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
}
#cssmenu.align-right > ul > li:last-child > a {
  border-radius: 0 5px 0 0;
  -moz-border-radius: 0 5px 0 0;
  -webkit-border-radius: 0 5px 0 0;
}
#cssmenu > ul > li.active > a,
#cssmenu > ul > li:hover > a {
  color: #000000;
  box-shadow: inset 0 0 3px #d9d9d9;
  -moz-box-shadow: inset 0 0 3px #d9d9d9;
  -webkit-box-shadow: inset 0 0 3px #d9d9d9;
  background: #f2f2f2;
  background: -moz-linear-gradient(top, #ffffff 0%, #f2f2f2 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f2f2f2));
  background: -webkit-linear-gradient(top, #ffffff 0%, #f2f2f2 100%);
  background: -o-linear-gradient(top, #ffffff 0%, #f2f2f2 100%);
  background: -ms-linear-gradient(top, #ffffff 0%, #f2f2f2 100%);
  background: linear-gradient(to bottom, #ffffff 0%, #f2f2f2 100%);
  z-index:1000;
}
#cssmenu .has-sub {
  z-index: 9999;
}
#cssmenu .has-sub:hover > ul {
  display: block;
}
#cssmenu .has-sub ul {
  display: none;
  position: absolute;
  width: 280px;
  top: 100%;
  left: 0;
}
#cssmenu.align-right .has-sub ul {
  left: auto;
  right: 0;
}
#cssmenu .has-sub ul li {
  *margin-bottom: -1px;
}
#cssmenu .has-sub ul li a {
  background: #db000b;
  border-bottom: 1px dotted #ff0f1b;
  font-size: 15px;
  filter: none;
  display: block;
  line-height: 90%;
  padding: 15px;
  color: #ffffff;
  font-weight:bold;
 
}
#cssmenu .has-sub ul li:hover a {
  background: #a80008;
}
#cssmenu ul ul li:hover > a {
  color: #ffffff;
}
#cssmenu .has-sub .has-sub:hover > ul {
  display: block;
}
#cssmenu .has-sub .has-sub ul {
  display: none;
  position: absolute;
  left: 100%;
  top: 0;
}
#cssmenu.align-right .has-sub .has-sub ul,
#cssmenu.align-right ul ul ul {
  left: auto;
  right: 100%;
}
#cssmenu .has-sub .has-sub ul li a {
  background: #a80008;
  border-bottom: 1px dotted #ff0f1b;
}
#cssmenu .has-sub .has-sub ul li a:hover {
  background: #8f0007;
}
#cssmenu ul ul li.last > a,
#cssmenu ul ul li:last-child > a,
#cssmenu ul ul ul li.last > a,
#cssmenu ul ul ul li:last-child > a,
#cssmenu .has-sub ul li:last-child > a,
#cssmenu .has-sub ul li.last > a {
  border-bottom: 0;
}
<!-----------------Popup Mask------------>
/**********************Pop Up*******************/
#mask {
  position:absolute;
  left:0;
  top:0;
  z-index:9000;
  background-color:#000;
  display:none;
}  
#boxes .window {
  position:absolute;
  left:0;
  top:0;
  width:440px;
  height:200px;
  display:none;
  z-index:9999;
  padding:20px;
  border-radius: 15px;
  text-align: center;
}
#boxes #dialog {
  width:450px; 
  height:auto;
  padding:10px;
  background-color:#ffffff;
  font-family: 'Segoe UI Light', sans-serif;
  font-size: 15pt;
}
.maintext{
	text-align: center;
  font-family: "Segoe UI", sans-serif;
  text-decoration: none;
}

#lorem{
	font-family: "Segoe UI", sans-serif;
	font-size: 12pt;
  text-align: left;
}
#popupfoot{
	font-family: "Segoe UI", sans-serif;
	font-size: 16pt;
  padding: 10px 20px;
}
#popupfoot a{
	text-decoration: none;
}
.agree:hover{
  background-color: #D1D1D1;
}
.popupoption:hover{
	background-color:#D1D1D1;
	color: green;
}
.popupoption2:hover{
	
	color: red;
}

.video_container{
	width:234px;
	display:table;
	float:left;
	padding:5px;
}