/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/drop_lists.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

#lists {padding:12px 0px 0px 0px; margin:0px 0px 0px 0px; list-style:none; position:relative; height:46px; float:center; background:url(cat1c.gif) no-repeat 100% 4px; width:1000px; z-index:500; border:0px solid #eaeaea } /* margins for this demonstration only */
#lists li {display:inline; float:left; height:25px; }
#lists li a.tl {display:block; width:142px; height:25px; text-decoration:none; line-height:24px; font-size:20px; font-weight:bold; text-indent:5px; color:#fff; letter-spacing:0px; valign:center; font-family: arial;cursor:default}



#lists div {display:none;}

#lists li a:hover {text-decoration:none; color:#F6FF00; white-space:normal; background-position:130px 15px;}
#lists li:hover > a {text-decoration:none; color:#F6FF00; white-space:normal; background-position:130px 15px;}

#lists :hover div {display:block; width:200px; background:#fff; position:absolute; left:0; top:25px; border:3px solid #0000ac; padding-bottom:10px; text-align:left}
#lists :hover div.pos1 {background:#fff; top:36px; width:400px;}
#lists :hover div.pos2 {background:#fff; top:36px; width:560px; }

#lists .two:hover {position:relative;}
#lists .single:hover {position:relative;}

#lists .two:hover div.pos3 {background:#fff; width:390px; }
#lists .single:hover div.pos4 {background:#fff; width:191px; }
#lists .single:hover div.pos5 {background:#fff; width:191px; left:-50px}

#lists :hover div dl {display:inline; padding:0; margin:0px 10px 0px 10px; float:left; width:175px;}
#lists :hover div dl dt {width:179px; background:#fff; text-indent:0px; margin:5px 0 0px 0; text-decoration:none; height:20px; line-height:20px; font-family: arial}

#lists .two:hover div {left:-100px;}
#lists .two:hover div dl {width:175px;}
#lists .two:hover div dl dt {width:175px;}

#lists .single:hover div dl {width:180px;}
#lists .single:hover div dl dt {width:180px;}

#lists .three:hover div dl {width:175px;}
#lists .three:hover div dl dt {width:175px;}

#lists :hover div dl dd {padding:0; margin:0;}

#lists :hover div dt a {text-decoration:none; cursor:default; font-weight:bold; color:#000; font-size:18px;  }
#lists :hover div dd a {text-decoration:none; display:block; font-weight:bold; font-size:16px; color:#0000ac; text-indent:10px; line-height:15px; text-align:left; }
#lists :hover div dd a:hover {color:#CBD201; text-decoration:underline;font-weight:bold; }

#lists .clear {clear:both;}


html, body{ 
 margin:0px; 
 padding:0px; 
 text-align:center; 
} 

#header{
 position:relative; 
 height:163px; 
 background-color:#ffffff; 
 width:100%;
 text-align: center;
} 
 
#triplecol{ 
 width:1010px; 
 text-align:left;  
 margin-left:auto; 
 margin-right:auto; 
 padding-top: 10px;
 background-color:#ffffff; 
} 

#leftcol{
 width:200px; 
 float:left; 
 position:relative;
 text-align:left; 
 background-color:#ffffff; 
 padding: 0px 0px 10px 0px;
 font-size:16px; 
 line-height: 1.0em
 }
  
#maincol{
 float: left; 
 display:inline; 
 width:600px; 
 padding: 10px 20px 10px 20px;
 border-left: 1px solid #E4E4FF;
 border-right: 1px solid #E4E4FF;
 line-height: 1.1em;
 font-size: 10pt;
 font-family: arial;
 }

#rightcol{
 width:160px; 
 float:left; 
 position:relative; 
 background-color:#ffffff;
 padding: 10px 0px 10px 5px;
 line-height: 1.0em
 }

#leftcolfront{
 width:355px; 
 float:left; 
 position:relative;
 text-align:left; 
 padding: 10px 5px 10px 0px;
 border-right: 1px solid #E4E4FF;
 font-size:10pt; 
 font-family: arial;
 line-height: 1.1em
 }
  
#maincolfront{
 float: left; 
 display:inline; 
 width:355px; 
 padding: 10px 10px 10px 15px;
 line-height: 1.1em;
 font-size: 10pt;
 font-family: arial;
 }

#rightcolfront{
 width:250px; 
 float:left; 
 position:relative; 
 background-color:#ffffff;
 padding: 10px 0px 10px 10px;
 border-left: 1px solid #E0E0FF;
 line-height: 0.6em
 }


#footer{
 height:40px; 
 background-color:#ffffff; 
 text-align: center;
 clear: both;
 } 

 

 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  
 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 

/*hide the right column when printing*/ 
#rightcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}

A:link {  color: #0000ac; font-family: arial; text-decoration: underline;}
A:visited {  color: #0000ac; font-family: arial; text-decoration: underline;}
A:hover { color: #CBD201; text-decoration: underline;}

.link1 {  color: #0000ac; font-size: 10pt; font-family: arial; text-decoration: underline;}
A.link1:link {  color: #0000ac; font-size: 10pt; font-family: arial; text-decoration: underline;}
A.link1:visited {  color: #0000ac; font-size: 10pt; font-family: arial; text-decoration: underline;}
A.link1:hover { color: #CBD201; font-size: 10pt; text-decoration: underline;}

.link2 {  color: #0000ac; font-family: arial; font-size: 8pt; text-decoration: none;}
A.link2:link {  color: #0000ac; font-family: arial; font-size: 8pt; text-decoration: none;}
A.link2:visited {  color: #0000ac; font-family: arial; font-size: 8pt; text-decoration: none;}
A.link2:hover { color: #CBD201; font-size: 8pt; text-decoration: none;}

.link3 {  color: #0000ac; font-size: 9pt; font-family: arial; text-decoration: none;}
A.link3:link {  color: #0000ac; font-size: 9pt; font-family: arial; text-decoration: none;}
A.link3:visited {  color: #0000ac; font-size: 9pt; font-family: arial; text-decoration: none;}
A.link3:hover { color: #CBD201; font-size: 9pt; text-decoration: none;}

.linkblue1 {  color: #0000ac; font-family: optima, arial; font-weight: bold; text-decoration: none; line-height: 1.0em}
A.linkblue1:link {  color: #0000ac; font-family: optima, arial; font-weight: bold; text-decoration: none; line-height: 1.0em}
A.linkblue1:visited {  color: #0000ac; font-family: optima, arial; font-weight: bold; text-decoration: none; line-height: 1.0em}
A.linkblue1:hover { color: #CBD201; text-decoration: underline}

.dic {  color: #0000ac; font-family: arial; text-decoration: underline; font-weight: bold;}
A.dic:link {  color: #0000ac; font-family: arial; text-decoration: underline; font-weight: bold;}
A.dic:visited {  color: #0000ac; font-family: arial; text-decoration: underline; font-weight: bold;}
A.dic:hover { color: #CBD201; text-decoration: underline; font-weight: bold;}

.linkbig {  color: #0000ac; font-family: arial; font-weight: bold; font-size: 13pt; text-decoration: underline;}
A.linkbig:link {  color: #0000ac; font-family: arial; font-weight: bold; font-size: 13pt; text-decoration: underline;}
A.linkbig:visited {  color: #0000ac; font-family: arial; font-weight: bold; font-size: 13pt; text-decoration: underline;}
A.linkbig:hover { color: #CBD201; font-weight: bold; font-size: 13pt; text-decoration: underline}

.headerblack {
font-size: 16px; COLOR: #000000; font-family: optima, arial; font-weight: bold;
}

h1 {
font-size: 24pt; COLOR: #0000ac; font-family: "Trebuchet MS", optima, arial; font-weight: bold; margin-bottom: 10px; margin-top: 0px; letter-spacing:-1.7px; 
}

h2 {
font-size: 12pt; COLOR: #B2B2B2; font-family: optima, arial; font-weight: normal; margin-top: 10px; margin-bottom: 40px;
}

h3{
font-size: 18px; margin-top: 10px;  font-family: arial;
}

h4{
font-size: 18px; margin-top: 10px; COLOR: #ffffff;
}

h5 {
font-size: 16pt; COLOR: #0000ac; font-family: "Trebuchet MS", optima, arial; font-weight: bold; margin-bottom: 5px; margin-top: 0px;
}
h6 {
font-size: 36pt; COLOR: #0000ac; font-family: "Trebuchet MS", optima, arial; font-weight: bold; margin: 0px; padding: 0px;
}
.indent1 {
PADDING-LEFT: 25px; line-height: 1.0em;
}

.indent2 {
PADDING-LEFT: 10px; line-height: 1.4em; font-size: 16px; COLOR: #000000; font-family: optima, arial; font-weight: bold;
}

.highlite {
background-color: #FFFF91;
}

TABLE.sortable A.sortheader {
DISPLAY: block; font-weight: bold; COLOR: #0000ac; BACKGROUND-COLOR: #eee; TEXT-DECORATION: none
}

TABLE.sortable SPAN.sortarrow {
COLOR: #0000ac; TEXT-DECORATION: none
}

.smallunrated {
font-size: 7pt;  COLOR: #999999; font-family: Optima; font-weight: bold;
}

.redfont {
	FONT-SIZE: 10pt; COLOR: #ff0000; FONT-FAMILY: Optima; FONT-WEIGHT: bold;
}

.stars {
	width: 90px; text-align: center;
}


.linkred1 {  color: #0000ac; font-family: optima, arial; FONT-WEIGHT: bold; text-decoration: none; line-height: 1.0em}
A.linkred1:link {  color: #0000ac; font-family: optima, arial; FONT-WEIGHT: bold; text-decoration: none; line-height: 1.0em}
A.linkred1:visited {  color: #0000ac; font-family: optima, arial; FONT-WEIGHT: bold; text-decoration: none; line-height: 1.0em}
A.linkred1:hover { color: #CBD201; text-decoration: underline}

.table1 { 
	FONT-FAMILY: Arial; Font-Size: 13px; COLOR: #000000; width=80%; 
}
.table1b { 
	FONT-FAMILY: Arial; Font-Size: 13px; COLOR: #000000;
}
.table2 {
	font-family: Arial; Font-Size: 13px; background-color: #FFF8ED; border: 1px solid #EAEAEA; padding: 5px; margin-top: 10px; margin-bottom: 10px;
}
.cell1 {
	background=#eeeedd;
}
.cell2 {
	background=#f8f8f1;
}
.lightgrey {
	FONT-SIZE: 12px; BACKGROUND: #f0f0f0; VERTICAL-ALIGN: middle 
}
.lightgreybold1 {
	FONT-SIZE: 14px; BACKGROUND: #f7f7f7; FONT-WEIGHT: bold; VERTICAL-ALIGN: middle; COLOR: BLACK
}
.lightgreybold2 {
	FONT-SIZE: 14px; BACKGROUND: #f7f7f7; FONT-WEIGHT: bold; VERTICAL-ALIGN: middle; COLOR: RED
}
.lightblue {
	FONT-SIZE: 12px; BACKGROUND: #e1eff7; VERTICAL-ALIGN: middle
}
.darkblue {
	FONT-SIZE: 12px; BACKGROUND: #e6e9f9; VERTICAL-ALIGN: middle
}
.orange {
	FONT-SIZE: 12px; BACKGROUND: #faebde; VERTICAL-ALIGN: middle
}
.pink {
	FONT-SIZE: 12px; BACKGROUND: #fae4de; VERTICAL-ALIGN: middle
}
.green {
	FONT-SIZE: 12px; BACKGROUND: #e0f0e0; VERTICAL-ALIGN: middle 
}
.mediumgrey {
	FONT-SIZE: 12px; BACKGROUND: #f7f7f7; VERTICAL-ALIGN: middle 
}
.box {
  background: #6563FF;
  border-style: solid;
  border-color: #0000ac;
  border-width: 3px;
  padding: 5px;
  text-align: left;
  width: 580px;
  font-weight: bold;
  padding: 5px;
  margin-top: 40px;

}
.boxfront {
  background: #6563FF;
  border-style: solid;
  border-color: #0000ac;
  border-width: 3px;
  padding: 5px;
  text-align: left;
  font-weight: bold;
  padding: 5px;
  margin-top: 40px;

}

.headerbluesmall {
	FONT-SIZE: 10pt; COLOR: #0000ac; FONT-FAMILY: Optima;
}
.headerlogo {
	FONT-SIZE: 20pt; COLOR: #0000ac; FONT-FAMILY: Optima, verdana; FONT-WEIGHT: bold;
}

.hackbox {
	BORDER-RIGHT: #d7d7cd 1px solid; 
	BORDER-TOP: #d7d7cd 1px solid; 
	BORDER-LEFT: #d7d7cd 1px solid; 
	BORDER-BOTTOM: #d7d7cd 1px solid; 
	BACKGROUND-COLOR: #f7f7ef;
	font: 12pt arial #d7d7cd;
	font-weight: bold;
	color: #888888;
}

.threadhackname {
	FONT-WEIGHT: bold; COLOR: #000000; FONT-SIZE: 16px; FONT-FAMILY: Trebuchet MS
}
.threadhackdate {
	COLOR: #888888; FONT-SIZE: 10px; FONT-FAMILY: Verdana; FONT-WEIGHT: normal; 
}
.threadhackbody {
	FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #484848; FONT-FAMILY: Verdana
}

.formscroll1 {	
	SCROLLBAR-FACE-COLOR: #d7d7cd; 
	SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; 
	SCROLLBAR-SHADOW-COLOR: #f7f7ef; 
	SCROLLBAR-3DLIGHT-COLOR: #f7f7ef; 
	SCROLLBAR-ARROW-COLOR: #888888; 
	SCROLLBAR-TRACK-COLOR: #f7f7ef; 
	SCROLLBAR-DARKSHADOW-COLOR: #666666;
}

.leftmenu {
	BORDER-RIGHT: #d7d7cd 1px solid; BORDER-TOP: #d7d7cd 1px solid; BORDER-LEFT: #d7d7cd 1px solid; BORDER-BOTTOM: #d7d7cd 1px solid; BACKGROUND-COLOR: #f7f7ef
}
.leftmenu-head {PADDING-RIGHT: 6px; PADDING-LEFT: 6px; PADDING-TOP: 6px; PADDING-BOTTOM: 6px; 
	BACKGROUND: #d7d7cd; FONT: bold 11px Verdana, Arial, Helvetica, sans-serif; COLOR: #ffffff
}
.leftmenu-body {PADDING-RIGHT: 6px; PADDING-LEFT: 6px; PADDING-TOP: 6px; PADDING-BOTTOM: 6px; 
	PADDING-BOTTOM: 15px; FONT: 11px Verdana, Arial, Helvetica, sans-serif; COLOR: #000000
}
.leftmenu-body TD {
	FONT-WEIGHT: normal; FONT-SIZE: 11px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.leftmenu-body DIV {
	FONT-WEIGHT: normal; FONT-SIZE: 11px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.leftmenu-body P {
	FONT-WEIGHT: normal; FONT-SIZE: 11px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.leftmenu-body A:link {
	COLOR: #000000; TEXT-DECORATION: none
}
.leftmenu-body A:visited {
	COLOR: #000000; TEXT-DECORATION: none
}
.leftmenu-body A:hover {
	COLOR: #000000; TEXT-DECORATION: underline
}
.leftmenu-body A:active {
	COLOR: #000000; TEXT-DECORATION: underline
}

.menuTable .menuContentTd {
	BORDER-RIGHT: #dedede 1px solid; PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 0px; BORDER-LEFT: #dedede 1px solid; PADDING-TOP: 0px
}

.front {
	text-align:left; padding: 0px 0px 10px 10px; line-height: 0.9em
}

// .random { Optima, "Trebuchet MS",  Verdana  /// background="headerbg.gif" align=center width=100% border=0 cellspacing=0 }

//  line-height: 1.0em;