/*************************************************

	site.css
	this css file only includes the collection
	of css file breakdown for above site

**************************************************/
/* Simple CSS to start with */
body {
      background:#fff;
      margin:0;
      padding:0;
      color:#000;
      font:x-small/1.5em tahoma,verdana;
      voice-family: "\"}\""; voice-family:inherit;
      font-size:small;
} html>body {font-size:small;}
    
a:link, a:visited		{  color: #000; text-decoration: underline; }
a:hover					{  color: #047; text-decoration: underline; }
a.link1 {  color: #047; text-decoration: underline; }
#header {
  float:left;
  width:100%;
  background:#ffffff url("http://derana.net/images/bg.gif") repeat-x bottom;
  font-size:1em;
  line-height:normal;
  }
#header ul {
  margin:0;
  padding:10px 10px 0;
  list-style:none;
  }
#header li {
  float:left;
  background:url("http://derana.net/images/left_both.gif") no-repeat left top;
  margin:0;
  padding:0 0 0 9px;
  border-bottom:1px solid #765;
  }
#header a {
  float:left;
  display:block;
  width:.1em;
  background:url("http://derana.net/images/right_both.gif") no-repeat right top;
  padding:5px 15px 4px 6px;
  text-decoration:none;
  font-weight:bold;
  color:#765;
  white-space:nowrap; 
  }
#header > ul a {width:auto;}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#header a {float:none;}
/* End IE5-Mac hack */
#header a:hover {
  color:#333;
  }
#index #nav-index, #cricket #nav-cricket,
#teledramas #nav-teledramas, #about #nav-about,
#contactus #nav-contactus, #comedy #nav-comedy, #music #nav-music,#disclaimer #nav-disclaimer, #classifieds #nav-classifieds{
  background-position:0 -150px;
  border-width:0;
  }
#index #nav-index a, #cricket #nav-cricket a,
#teledramas #nav-teledramas a, #about #nav-about a,
#contactus #nav-contactus a, #comedy #nav-comedy a, #music #nav-music a,#disclaimer #nav-disclaimer a, #classifieds #nav-classifieds a {
  background-position:100% -150px;
  padding-bottom:5px;
  color:#333;
  }
#header li:hover, #header li:hover a {
  background-position:0% -150px;
  color:#333;
  }
#header li:hover a {
  background-position:100% -150px;
  }
div#links	{ 
	/*width: 140px; */
	margin: 2px auto; 
}
div#mainContent		{ 
	margin: 2px auto; 
}
h1 {font-size:2em}  /* displayed at 24px */
h2 {font-size:1.5em}  /* displayed at 18px */
h3 {font-size:1.25em}  /* displayed at 15px */
h4 {font-size:1em}  /* displayed at 12px */

font.h4_blue {
	font-size:1em;
	color:#0033cc;
	font-weight:bold;
	text-decoration: underline; 
}
font.h4_black {
	font-size:1em;
	color:#000000;
	font-weight:bold;
	text-decoration: none; 
}
a.side_links, a.side_links:link, a.side_links:visited {  
	color: #6633cc; 
	font-weight:bold;
	text-decoration: underline; 
}
a.top_links, a.top_links:link, a.top_links:visited {  
	color: #ff9900; 
	font-weight:bold;
	text-decoration: underline; 
}
.page_title {
	font-size:110% em;
	color:#46494c;
	font-weight:bold;
	text-decoration: none; 
}
.page_sub_title {
	font-size: 90%;
	color:#46494c;
	font-weight:bold;
	text-decoration: none; 
}
.largerblack {font-size:1.1em; font-weight:normal;}
.smallred {font-size:0.8em; font-weight:normal; color:red}
.smallblack {font-size:0.8em; font-weight:normal; color:black}
TD {font-size:0.8em}
input.btn{
   color:#050;
   font-family:'trebuchet ms',helvetica,sans-serif;
   font-size:84%;
   font-weight:bold;
   width:30px}
input.btn_search{
   color:#050;
   font-family:'trebuchet ms',helvetica,sans-serif;
   font-size:84%;
   font-weight:bold;
   width:60px}
input.btn_search_selected{
   color:#ff6600;
   font-family:'trebuchet ms',helvetica,sans-serif;
   font-size:84%;
   font-weight:bold;
   width:60px}
input.btn_search2{
   color:#050;
   font-family:'trebuchet ms',helvetica,sans-serif;
   font-size:84%;
   font-weight:bold;
   width:90px}
input.btn4{
   color:#050;
   font-family:'trebuchet ms',helvetica,sans-serif;
   font-size:84%;
   font-weight:bold;
  width:140px}
input.btn5{
   color:#f00;
   font-family:'trebuchet ms',helvetica,sans-serif;
   font-size:84%;
   font-weight:bold;
   width:140px}
input.btn2{
   color:#f00;
   font-family:'trebuchet ms',helvetica,sans-serif;
   font-size:84%;
   font-weight:bold;
   width:30px}

input.btn3{
   color:#050;
   font-family:'trebuchet ms',helvetica,sans-serif;
   font-size:84%;
   font-weight:bold;
   background-color:#fed;
   border:1px solid;
   border-top-color:#696;
   border-left-color:#696;
   border-right-color:#363;
   border-bottom-color:#363;}

input.btnhov{
   border-top-color:#c63;
   border-left-color:#c63;
   border-right-color:#930;
   border-bottom-color:#930;}
 input.btn6{
   color:#050;
   font-family:'trebuchet ms',helvetica,sans-serif;
   font-size:90%;
   font-weight:bold;
  width:300px}
input.btn7{
   color:#f00;
   font-family:'trebuchet ms',helvetica,sans-serif;
   font-size:90%;
   font-weight:bold;
   width:300px}
input.btn8{
   color:#000;
   font-family:'trebuchet ms',helvetica,sans-serif;
   font-size:80%;
   font-weight:normal;
   width:180px}

select#styled {
	font-size:11px;
	font-family: Tahoma, sans-serif;
	font-weight: bold;
}
input#styled {
	font-size:11px;
	font-family: Tahoma, sans-serif;
	font-weight: bold;
}
textarea#styled {
	
	height: 150px;
	border: 2px solid #cccccc;
	padding: 5px;
	font-family: Tahoma, sans-serif;
	background-image: url(bg.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
}