/* This is a mess... no, really. */

* {
    padding: 0;
    margin: 0;
} 

body {
background: #D7E2EF url(images/bg.gif) fixed repeat-x;
font-family: Verdana, Tahoma, Arial, sans-serif;
font-size: 12px;
padding: 0px;
margin: 0;
color: #222;
}

img { border: none; }
a { color: #7491D7;  font-size:9px; font-family:Verdana, Arial, Helvetica, sans-serif;	text-transform:uppercase;}
a:hover { text-decoration: underline; color : #444; font-size:9px; font-family:Verdana, Arial, Helvetica, sans-serif; text-transform:uppercase;}

#wrap {
background: #fff;
width: 970px;
margin: 5px auto 5px auto;
padding: 10px;
 border: 1px solid #000;
}

#header {
height: 100px;
background: #395B85 url(images/logo-bk2.png);
 border: 1px solid #222;
margin-top: 8px;
}
#header h1 {
font-size: 38px;
font-weight: 600;
letter-spacing: 0px;
}
#header h1 a {
color: #7491D7;
text-decoration: none;
}
#header h1 a:hover {
color: #000;
text-decoration: none;
}
.headerleft {
float: left;
}
.headerright {
float: right;
font-weight: 600;
color: #000;
}
.group1{
visibility: hidden;
}
#menu {
margin-top: 5px;
height: 30px;
line-height: 30px;
background: #FFCC33 url(images/menu.gif) no-repeat;
}
#menu li
{
float: left;
list-style-type: none;
padding-right: 10px;
}
#menu li a{ 
color: #222;
font-weight: 600;
display: block;
text-decoration: none;
padding: 0 10px;
}
#menu li a:hover {
background: #FA9C39 url(images/menuover.gif) repeat-x;
}
#menu ul { padding-left: 1px;}

#content {
font-size: 11px;
 border: 1px solid #BCBCBC;
  margin: 4px 0px 4px 0px;
  padding: 2px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
#content2 {
font-size: 11px;
 border: 1px solid #BCBCBC;
  margin: 4px 0px 4px 0px;
  padding: 10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
.right {
float: right;
width: 745px;
}
.right h2 {
color: #7491D7;
font-size: 18px;
letter-spacing: 0px;
font-weight: 100;
padding : 0px;
}
.right h2 a {
color: #7491D7;
}
.right h2 a:hover {
color: #333;
}
#noscript-bg {
    background-color:black;
    height:100%;
    left:0pt;
    opacity:0.7;
    position:fixed;
    top:0pt;
    width:100%;
    z-index:9999;
}
#noscript-text {
	font-size:18px;
	left:0pt;
	line-height:1.5em;
	padding-top:70px;
	position:absolute;
	text-align:center;
	top:30%;
	width:100%;
	z-index:10000;
	color: #ffffff;
}
.left {
float: left; 
width: 215px;
border: 1px solid #dfdfdf;
background: #FAF9F4;
}
.left h2 { color: #7491D7; padding: 15px 0 5px 10px; font-size: 20px; letter-spacing: -1px; font-weight: 100;}
.left ul { padding: 10px 0 10px 30px; list-style-type: square; }
.left ul li { padding-bottom: 5px; }
.left ul li a { color: #777; text-decoration: none;  }
.left ul li a:hover { color: #7491D7; text-decoration: underline; }

#footer { 
 width: 948px;
 clear: both;
 color: #000;
 border: 1px solid #BCBCBC;
 background: #FAF9F4;
 margin: 0px 0px 4px 0px;
 padding: 10px;
 	font-size:9px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
}
#footer2 { 
 width: 948px;
 clear: both;
 color: #000;
 border: 1px solid #BCBCBC;
 background: #FAF9F4;
 margin: 0px 0px 4px 0px;
 padding: 10px;
 	font-size:9px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
}
#textlinks { 
 width: 948px;
 clear: both;
 color: #000;
 border: 1px solid #BCBCBC;
 background: #FAF9F4;
 margin: 0px 0px 4px 0px;
 padding: 10px;
 	font-size:9px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
}
#toprefs { 
 width: 948px;
 clear: both;
 color: #000;
 border: 1px solid #BCBCBC;
 background: #FAF9F4;
 margin: 0px 0px 4px 0px;
 padding: 10px;
 	font-size:9px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
}
#topsites { 
 width: 948px;
 clear: both;
 color: #000;
 border: 1px solid #BCBCBC;
 background: #FAF9F4;
 margin: 0px 0px 4px 0px;
 padding: 10px;
 	font-size:9px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
}
#copyright { 
 width: 948px;
 clear: both;
 color: #000;
 border: 1px solid #BCBCBC;
 background: #FAF9F4;
 margin: 0px 0px 0px 0px;
 padding: 10px;
	font-size:9px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
}
#sponsors { 
 width: 978px;
 clear: both;
 color: #000;
 border: 1px solid #BCBCBC;
 background: #fff;
 margin: 0px 0px 4px 0px;
 padding-top: 4px;
padding-bottom:6px;
 height: 60px;
}
#split { 
 width: 948px;
 clear: both;
 color: #000;
 border: 1px solid #BCBCBC;
 background: #fff;
 margin: 0px 0px 4px 0px;
 padding: 10px;
 	font-size:9px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
}
#split2 { 
 width: 948px;
 clear: both;
 color: #000;
 border: 1px solid #BCBCBC;
 background: #fff;
 margin: 0px 0px 4px 0px;
 padding: 10px;
 	font-size:9px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
}
#cat_tabs {
	margin:0px;
	padding:0px;
}
#cat_tabs li {
	list-style:none;
	display:inline;
	margin:0px;
	padding:0px;
}
#cat_tabs li a {
	padding-top:4px;
	padding-bottom:4px;
	padding-left:2px;
	padding-right:2px;
	border:1px solid #bcbcbc; 
	text-decoration:none;
	font-size:9px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color:#232323;
	position:relative;
	top:0px;
}
#cat_tabs li a:hover {		
	color:#fff;
	background: #5A6D6E;
		border:1px solid #222;
}
#navigation {
 float: left;
 width: 948px;
 color: #000;
 padding: 10px;
 border: 1px solid #BCBCBC;
 margin: 0px 4px 4px 0px;
 background: #fff;
 text-transform:uppercase;
 font-size:9px;
 font-family:Verdana,  Arial, Helvetica, sans-serif;
}
.shiftcontainer {
position: relative;
left: 6px; /*Number should match -left shadow depth below*/
top: 6px; /*Number should match -top shadow depth below*/
}

.shadowcontainer {
width: 970px; /* container width*/
background: transparent url(images/bigshadow.gif) no-repeat bottom right;
}

.shadowcontainer .innerdiv {
/* Add container height here if desired */
background-color: white;
border: 1px solid gray;
padding: 6px;
position: relative;
left: -6px; /*shadow depth*/
top: -6px; /*shadow depth*/
 	font-size:9px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
}
#menu2 {
	background: #efefef;
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 215px;
}
#menu2 li {
 	font-size:9px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	margin: 0;
	padding: 0;
}

#menu2 a {
	background: #eee;
	border-bottom: 1px solid #ffffff;
	color: #222;
	display: block;
	margin: 0;
	padding: 8px 12px;
	text-decoration: none;
	font-weight:normal;
}
#menu2 a:hover {
	background: #395B85 url("images/hover2.gif") left center no-repeat;
	color: #ffffff;
	padding-bottom: 8px;
}
.pagination{
padding: 4px;
}

.pagination ul{
margin: 0;
padding: 0;
text-align: right; /*Set to "right" to right align pagination interface*/
font-size: 16px;
}

.pagination li{
list-style-type: none;
display: inline;
padding-bottom: 1px;
}

.pagination a, .pagination a:visited{
padding: 0 5px;
border: 1px solid #9aafe5;
text-decoration: none; 
color: #2e6ab1;
}

.pagination a:hover, .pagination a:active{
border: 1px solid #2b66a5;
color: #ffffff;
background-color: #2e6ab1;
}

.pagination a.currentpage{
background-color: #2e6ab1;
color: #FFF !important;
border-color: #2b66a5;
font-weight: bold;
cursor: default;
}

.pagination a.disablelink, .pagination a.disablelink:hover{
background-color: white;
cursor: default;
color: #929292;
border-color: #929292;
font-weight: normal !important;
}

.pagination a.prevnext{
font-weight: bold;
}
a.info{
    position:relative; /*this is the key*/
    z-index:24; background-color:#ccc;
    color:#000;
    text-decoration:none}

a.info:hover{z-index:25; background-color:#ff0}

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:12em; width:15em;
    border:1px solid #000000;
    background-color:#ffffff; color:#000;
    text-align: center}


	.set_list{
		padding: 0;
		margin: 0;
		float: left;
		clear: both;
		padding-left: 0px;
		width: 755px;
	}
	
	.set_list li{
		margin:4px;
		padding: 4px;
		background: #eeeeee;
		float: left;
		list-style: none;
		text-align: center;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
		color: #606260;
	}
	
	.set_list li img{
		border: 1px solid black;
	}
		#li_pics{
		margin:2px;
		padding:7px;
	}
	description{
	margin: 4px;
	padding: 10px;
	}