*{margin:0px;padding:0px;}
ul{list-style:none;}
li{list-style-type: none;}
body {margin:0; padding:0; color:#555; background:#e0e0e0; font:100% "Trebuchet MS",Verdana,Tahoma,sans-serif;}
p {margin: 0 0 16px 10px; line-height:1.4em;}
a {color:#d85d5d; font-weight:bold; text-decoration:none;}
#wrap {width: 830px; margin:0 auto; background:#e0e0e0 url(images/bodybg.gif) top center repeat-y;}
#header {width: 830px; height:87px; background: url(images/headbg.jpg) top center no-repeat;}
#inside {width: 730px; margin:0 auto;}
#logo img{height:270px}
#content {float:left; width:550px;text-align:justify;font-size:15px;}
#footer {clear:both; width: 830px; margin:5px auto 0; background: url(images/footbg.jpg) bottom center no-repeat; display:block; height: 69px;}
#footer p {margin:0; color:#555; padding:10px 0 0 0; text-align:center;}
#footer a {color:#555;}
.clear {clear:left;}
.about{text-align:justify;}
.logo img#livelogo{width:100%;height:35px;}
.bhaweshmenu{text-align:center;font-weight:bold;margin:5px auto;width:100%;}
.bhaweshmenu::after{content: "";clear: both; display: table;}
.bhaweshmenu a{color:red;float:left;width:15%;}
.bhaweshmenu a span{color:#000;font-size:125%;padding: 5px 10px;}
.bhaweshmenu a span:hover{color:#fff;background:#047;}
	.radio{text-align:center;color:red;font-weight:bold;}
	.radio audio{width:100%;background:#e4eaec;}
	
.bhaweshtitle{text-align:center;font-weight:bold;} 
.staffall{text-align:center;margin:0px;}
.staffall li{width:31%;float:left;background:#EEE;margin:7px;}
.staffall li p{margin:0px;}
.staffall li img{width:100%;height:170px;}
	
	
.radiodetails{text-align:justify;font-size:15px;}
.radiodetails img{width:35%;height:160px;display:block;margin:3px auto;background:#e0e0e0;} 
.radiodetails img:hover{background:#aba8a8;} 
.radiodetails table {
  border-collapse: collapse;
  width: 100%;}
.radiodetails table td{
  border: 1px solid #dddddd;
  text-align: left;
  padding:5px 8px;
  width:50%;}
.radiodetails table td:first-child{text-align:right;font-weight:bold;}
.advertisement{text-align:center;height:100px;width:100%;}

/* staffbhawesh */
.staffbhawesh{border:2px solid #000;position: relative;max-width:100%;height:120px;text-align:center;}
.staffbhawesh:hover{border:2px solid red;}
.staffbhawesh img{height:100%;width:100%;}
.staffbhawesh .text {
  position: absolute; /* Position the background text */
  bottom: 0; /* At the bottom. Use top:0 to append it to the top */
  background-color:rgba(10, 10, 10, 0.5);
  width: 100%; /* Full width */
  padding: 1px; /* Some padding */
  color:#fff;
  font-weight:bold;
  overflow:hidden;
  height:20px;
  line-height:20px;
  font-size:11px;
}
.staffbhawesh .text span{color:#EEE;}
/* Style inputs with type="text", select elements and textareas */
input[type=text], select, textarea {
  width: 100%; /* Full width */
  padding: 12px; /* Some padding */  
  border: 1px solid #ccc; /* Gray border */
  border-radius: 4px; /* Rounded borders */
  box-sizing: border-box; /* Make sure that padding and width stays in place */
  margin-top: 6px; /* Add a top margin */
  margin-bottom: 16px; /* Bottom margin */
  resize: vertical /* Allow the user to vertically resize the textarea (not horizontally) */
}

/* Style the submit button with a specific background color etc */
input[type=submit] {
  background-color: #4CAF50;
  color: white;
  padding: 12px 20px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

/* When moving the mouse over the submit button, add a darker green color */
input[type=submit]:hover {
  background-color: #45a049;
}

/* Add a background color and some padding around the form */
.container {
  border-radius: 5px;
  background-color: #f2f2f2;
  padding: 20px;
}