body { margin:0; padding:0; font-size:0.8em; line-height:20px; font-family: "Trebuchet MS", Arial; border:1px solid #666; background:#000; }
a { color:#222; text-decoration:none;}
a:hover { text-decoration:underline;}
h1 { margin:0; padding:10px 0 0 10px; text-transform:uppercase; font-size:1.5em; color:#6bc22a;}
img{ height:auto !important; width:auto !important; max-width:100%;}

#header { background:url(images/header_bckg.jpg) no-repeat top right #000;}
#logo a{ color:#fff; text-decoration:none; font-weight:bold; font-size:20px; text-transform:uppercase; letter-spacing:5px; }
#logo_text { float:left; width:240px; text-align:left; font-size:12px; color:#fffc00; }

#menu { background: url(images/menu_bckg.gif) repeat-x #000; height:64px; padding-top:23px;}
#menu_list {width:550px; margin:0 auto;}
#menu a { display:block; float:left; color:#f6ff00; font-size:13px; text-transform:uppercase; font-weight:bold; text-decoration:none; margin:0 20px; padding-top:10px;}
#menu a:hover{padding-top:12px;}
.splitter { display:block; float:left;}

#text { margin: 0 0px 0 20px; }
#text p {padding: 0 10px 5px 0px;color:#FF0;}
#text li {list-style:none; padding-left:20px; background:url(images/li.gif) no-repeat 0px 4px; color:#ccc;}
#sidebar { float:right; width:325px; padding: 0 20px 0 10px; color:#fffd48; font-size:12px;}
#sidebar a{border: solid 0px;}

#main { float:left; background:url(images/sidebar_bckg.gif) no-repeat top right #1e1e1e; padding:20px 0 0 0; border-top:1px solid white;}

#footer {background:url(images/footer_bckg.gif) repeat-x #000; height:57px; clear:both;  }
#left_footer { float:left; padding:20px 0 0 30px; background:url(images/c.gif) no-repeat 30px 35px;  color:#fff; font-size:12px;}
#left_footer a { color:#fff;}
#left_footer a:hover { text-decoration:none;}
#right_footer { float:right;  padding:20px 30px 0 0; color:#fff;  font-size:12px; text-align:right;}
#right_footer a { color:#fff;}
#pvText {color: #FF0; font-size: small; font-family: Arial, Helvetica, sans-serif; font-style: normal; font-variant: normal;}
#rep_headings {font-family: Arial, Helvetica, sans-serif; font-size: small; color: #FF0;}
a {font-family: "Arial Black", Gadget, sans-serif; font-size: 12px; color: #222; text-decoration: underline; height: auto;	width: auto;}
.pvlink {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #6CF;}


/**** Edit by Mahtab khan *****/
.header-area{ position:relative; min-height:126px; height:100%; background-color:#063B05;}
#logo{min-height:126px; background-position:left; background-repeat:no-repeat; text-align:right;}
.container{width:100%; max-width:1200px; margin: auto;}
.wrapper-area{  position:relative;}
.heading-area{ display:block; padding:30px 0 15px 0;}
.heading-area h1{ padding-left:0;}
.table-area{ position:relative; width:100%; max-width:1250px; border:#545454 solid 1px; padding:10px;}
.table-area tr td{ padding:10px; border:#303030 solid 1px;}
.table-area tr td img{ margin: 0 auto; display: block;}
.table-area.boderNone,
.table-area.boderNone tr td{ border:none;}
.table-area.paddNone,
.table-area.paddNone tr td{ padding:0;}
iframe{ width:100%; height:390px;}
@media(min-width:992px) and (max-width:1199px){
.table-area tr td{ width:33.333%;}
iframe{ height:300px;}
}
@media(max-width:991px){
	.wrapper-area{ padding:0 15px;}
	.table-area tr,
	.table-area tr td{ display:block; width:auto;}
	.table-area tr td{ margin-bottom:10px;}
	.table-area iframe{ height:350px; margin:0 auto;}
}
@media(max-width:576px){
.header-area, #logo{ background-size:cover;  min-height: 70px;}	
}