BODY{font-size: 10px;font-family: georgia, sans-serif;color: #000000;background-color:#DEE0DD;background-attachment: scroll; background-image: url(http://www.hothat.net/images/bg.jpg); background-repeat: repeat-x; background-position: top;scrollbar-face-color: #cc0000;scrollbar-shadow-color: #990000; scrollbar-highlight-color: #cc0000; scrollbar-3dlight-color: white; scrollbar-darkshadow-color: #ececec; scrollbar-track-color: #ededed; scrollbar-arrow-color: White;margin-top:15px; margin-bottom:0px; }
a {color: #cc0000; text-decoration: underline;font-size: 11px;}	
a:hover {color: black; text-decoration: underline}
a:visited {color: #cc0000;}
.img {border: 1px solid #e2e2e2;margin: 0px 2px 0px 2px;}
a:hover .img  {border: 1px solid black;}
.image {border: 1px solid #e2e2e2;	margin: 0px 2px 0px 2px;}
.nb {border: 0px;}
table {font-color: white;color: white;font-size: 11px;font-family: georgia, sans-serif;color: #000000;letter-spacing: 0px;text-decoration: none;}
.toplist, .toplist a {font-size: 20px;}		
.field {font-family: georgia, sans-serif;color: #202020;font-size: 11px;border-style: solid;border-width: 1px;border-color: #808080;color: #000000;	}
.button { background-color: #A50107; background-image: url("http://www.hothat.net/images/button_bg.jpg"); font-family: georgia, sans-serif; font-size: 11px; height:18px; font-weight:bold; color: white; border: 1px solid #990000; cursor : hand;}
h1{font-size: 18px; margin : 5px 0px 0px 0px;}
.catname, .catname a {font-weight: bold; font-size: 17px; text-decoration: none;}


.pn A, .pa {
   font-family: Verdana;
    border-style: solid;	
	border-width: 1px;
	margin: 0px;
	padding: 0px;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 1px;
	padding-bottom: 1px;
	width: 1em;
	text-decoration: none;
	font-weight: bold;
	font-size: 10px;
}

.pn A:link, .pn A:visited, .pn A:active {    
	color:  white;
	background-color:  #cc0000;
	border-color: white;	
}

.pn A:hover {    
	color: white;
	background-color: Silver;
	text-decoration: none;
	border-color: Gray;	
}

.pa {    
	color: #000000;
	background-color: #FFFFFF;
	border-color: white;	
}

.line_on {
	background: #fed3cf;
}

.line_off {	
	background: white;
}

a.tab {
	border-collapse: collapse;
	border-style: solid solid solid solid;
	border-color: white;
	border-width: 1px 1px 1px 1px;
	background-color: silver;
	padding: 1px 8px 2px 8px;
	margin-top: 4px;
	font-family: Verdana;
	text-decoration: none;
	font-weight: bold;
	font-size: 10px;
	width: 25px;
	text-align: center;
	margin-bottom: 0px;
}

a.tab:hover {
    border-color: #b7b7b7;
	background-color: white;
	color: black;
	text-decoration: none;		
}

  .hid {
  	visibility: hidden; display: none; position: absolute; background-color: white; z-index:3;
  }
  .vis {
  	visibility: visible; position: absolute; background-color: white; z-index:3; border-right: 1px solid silver; border-bottom: 1px solid silver;
  }
  
  ul {
	margin: 5px 5px 5px 5px;
	padding: 1px 0px;		
	list-style-position: inside;
	list-style-type: square;
 }
 li{
   white-space: nowrap;
 }