body {
	margin: 0em;
	padding: 0em;
	background-color: #fff;
	font-size: small;
	font-family: Arial, Helvetica, sans-serif;
/*	line-height: 1.4em;*/
	color: #333;
}
body {
	font-size: x-small; /* ie5 Win */
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: small;
}
html>body { /* be nice to Opera */
	font-size: small;
}
a:link { color: #0000FF; }
a:visited { color: #0000FF; }
a:active { color: #0000FF; }
a.whiteLink:link { color: #FFF; }
a.whiteLink:visited { color: #FFF; }
a.whiteLink:active { color: #FFF; }
p {
	margin: 0em 0em 1em 0em;
	padding: 0em;
}
ul {
	margin: 0em;
	padding: 0em 0em 1em 2em;
}
li {
	margin: 0em; /* Opera fix */
	padding: 0em; /* Opera fix */
	list-style-type: square; /* this must be here rather than in the ul or ie will ignore it */
}
h3 {
	margin: 0em 0em .8em 0em;
	padding: 0em;
	font-size: medium; /* need this for IE */
}
h3 {
	font-size: small; /* ie5 Win */
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: medium;
}
html>h3 { /* be nice to Opera */
	font-size: medium;
}
table {
	margin: 0em 0em 1em 0em;
	padding: 0em;
}

#topLogo {
	margin: 0em;
	padding: 1em;
	float: left;
}
#topIcons {
	margin: 0em;
	padding: 1em 1em 1em 1em;
	float: right;
	text-align: right;
}
#topMiddle {
	margin: 0em;
	padding: 1em 0em 0em .6em;
}
#topSearch {
	margin: 0em;
	padding: .4em;
	display: inline;
/*	padding: .7em .4em .4em .4em;
	float: right;
	text-align: right;
	text-align: center;
	color: #FFF;*/
	font-weight: bold;
}
#topMenu {
	margin: 0em;
	padding: .4em 0em .5em 1em;
}

/*h3#breadcrumbs {
	margin: 0em;
	padding: .4em .4em .5em 1em;
}*/

#breadcrumbs {
	margin: 0em 0em 1em 0em;
	padding: .4em;
/*	border-bottom: 2px solid #3366CC;*/
}

p#navMenuTop {
	margin: 0em;
	padding: .4em .4em .5em 1em;
}





#topMy {
	margin: 0em;
	padding: 1.8em 1.2em 1em 0em;
}


#lederboard {
	margin: 0em;
	padding: 1.6em 0em;
	text-align: center;
	width: 100%;            /* this is here to fix ie5 because the topMenu lightBlue */
	background-color: #FFF; /* div drops to encompass the lederboard. this conceals it */
}

#sidebar {
	margin-left: 10px;
	width: 261px;
	float: left;
	display: inline; /* fixed IE double indent bug */
}
#sidebar h3 {
	margin-bottom: 0em;
	padding: 6px;
	color: #FFF;
}
.sidebarBox {
	margin: 0em 0em 1em 0em;
	padding: 6px;
}

#pageContent {
	margin-left: 291px;
	margin-right: 10px;
}
/* Following is the Holly Hack. Without this hack, tables in 
the content div will clear to the bottom of the sidebar */
/* Hides from IE-mac \*/
* html #content {height: 1%;}
/* End hide from IE-mac */
#pageContent h3.contentHeader {
/*	padding: .4em;
	background-color: #EEE;*/
	padding-bottom:.3em;
	border-bottom: 1px dotted #666;
}
.subHeaderRounded {
	margin: 0em 1.2em 1.2em 1.2em;
	padding: 0em;
	background: transparent url(/images/corner_br.gif) no-repeat bottom right;
}
.subHeaderRoundedInner {
	margin: 0em;
	padding: .4em 1.2em;
	background: transparent url(/images/corner_bl.gif) no-repeat bottom left;
}
.subHeaderRoundedInner p {
	margin: 0em;
	padding: 0em;
}
#pageBottom {
	margin: 0em;
	padding: 1.2em 0em 0em 0em;
	text-align: center;
}

table.tblIndent td {
	padding-left: 1em;
}


ul.subCats {
	margin: 0em;
	padding: 0em 0em 1.2em 2em; /* ie5 only recognizes padding for lists */
}
ul.subCats li {
	list-style-type: none; /* this must be here rather than in the ul or ie will ignore it */
}



#intersectingCats {
/*	margin: 0em;
	padding: .4em;
	border: 1px dotted #CCC;*/
}
#intersectingCats td {
	font-size: x-small; /* need this for IE */
}
#intersectingCats td {
	font-size: xx-small; /* ie5 Win */
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: x-small;
}
html>#intersectingCats td { /* be nice to Opera */
	font-size: x-small;
}

#intersectingCats h3 {
/*	background: url(/images/gray_grad.gif) repeat left top;*/
	border-bottom: 1px solid #CCC;
}








#sponPopup {
	margin: 0em;
	padding: .3em;
}
#sponPopup p {
	margin: 0em 0em .8em 0em;
	padding: 0em;
}

/* Above is for sponsor comics pop up div */



h3.boxHeader {
	margin: 0em;
	padding: .4em;
	color: #fff;
}
h3.itemHeader {
	margin: 0em;
	padding: 0em 0em .3em 0em;
}
h3.subcatsHeader {
	margin: 0em 0em 1em 0em;
	padding: .4em;
}
p.dispTotals {
	margin: 0em 0em .8em .4em;
	padding: 0em;
}
.itemBox {
	margin: 0em 0em 1em 1.6em;
	padding: 0em;
}
.itemDescr {
	margin: 0em;
	padding: .3em 0em .6em 0em;
	border-bottom: 1px dotted #CCC;
}
.itemRow {
	margin: 0em;
	padding: .3em 0em .3em 0em;
	border-bottom: 1px dotted #CCC;
}
.menuBox {
	margin: 0em 0em 1.6em 0em;
	padding: .6em;
	width: 19.8em;
}
.menuBox {
	width: 21em; /* ie5 Win */
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 19.8em;
}
html>.menuBox { /* be nice to Opera */
	width: 21em;
}
.sidebarTable {
	margin: 0em 0em .6em 0em;
	padding: 0em;
}
.dataTable {
	margin: 0em 0em 1em 0em;
	padding: 0em;
}
.blueLight {
	background-color: #DEDEFF;
}
.blueDark {
	background-color: #3366CC;
}
.blueBorderBottom {
	margin: 0em 0em 1em 0em;
	padding: 0em;
	border-bottom: 2px solid #73A2EF;
}
.orangeLight {
	background-color: #FFEBBD;
}
.orangeDark {
	background-color: #EF9E29;
}

.greenLight {
	background-color: #DEFBCE;
}
.greenDark {
	background-color: #009900;
}

.yellowLight {
	background-color: #FFFFCC;
}
.yellowDark {
	background-color: #FFFF99;
}

.yellowLight {
	background-color: #FFFFCC;
}
.yellowCLDark {
	background-color: #FFFF66;
}

.redLight {
	background-color: #FFD3D6;
}
.redDark {
	background-color: #EF7573;
}
.redBorderBottom {
	margin: 0em 0em 1em 0em;
	padding: 0em;
	border-bottom: 2px solid #EF7573;
}
.grayLight {
	background-color: #DDD;
}
.grayDark {
	background-color: #666;
}
.grayCLLight {
	background-color: #EEE;
}
.grayCLDark {
	background-color: #DDD;
}
.grayBorderBottom {
	margin: 0em 0em 1em 0em;
	padding: 0em;
	border-bottom: 2px solid #CCC;
}

#mes {
	margin: 0em 0em 1.2em 0em;
	padding: .4em;
	color: #cc0000;
	border: 2px dotted #cc0000;
}
.pagesMenu {
	margin: 0em 0em 1em 0em;
	padding: 0em;
}
.textRed {
	color: #CC0000;
}
.textBold {
	font-weight: bold;
}
.textSmall {
	font-size: x-small;
}
.textSmall {
	font-size: xx-small; /* ie5 Win */
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: x-small;
}
html>.textSmall { /* be nice to Opera */
	font-size: x-small;
}
.textMedium {
	font-size: small;
}
.textMedium {
	font-size: x-small; /* ie5 Win */
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: small;
}
html>.textMedium { /* be nice to Opera */
	font-size: small;
}
.textLarge {
	font-size: medium;
}
.textLarge {
	font-size: small; /* ie5 Win */
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: medium;
}
html>.Large { /* be nice to Opera */
	font-size: medium;
}

/* Leave this ABOVE .comment stuff or comments within comic listings will get screwed up */

.CL {
	padding-left: 1em;
}
.CL h3 { /* comic listing header on comics.php */
	margin-bottom: .4em;
	padding-bottom: .4em;
	border-bottom: 2px dotted #999;
}
.CL p {
	padding-left: 16px;
}
.CL table {
	padding-left: 16px;
}
.CL table td {
	padding: .1em .4em;
}
.CL div {
	padding-left: 16px;
}

/* Following is the Holly Hack. Without this hack, tables in 
the comments tables will clear to the bottom of the sidebar */
/* Hides from IE-mac \*/
* html .comments {height: 1%;}
/* End hide from IE-mac */
.comments p {
	margin-left: .8em;
	padding: 0em; /* needed on comics.php for when comments are within comic listings */
}
.comments table {
	padding: .4em;
	background-color: #DDD;
/*	border-bottom: 1px solid #999; */
}
.comments table td {
	/* this overwrites the td style from CL above */
	padding: 0em;
}
.comments blockquote {
	margin: 0em 0em 1em 1.6em;
	padding-left: 0em;
	color: #666;
	border-left: 2px solid #999;
	font-style: italic;
}
.comments ul {
	margin: 0em;
	padding: 0em 0em 1em 2.6em; /* ie5 only recognizes padding for lists */
}
.comments li {
	list-style-type: square; /* this must be here rather than in the ul or ie will ignore it */
}

#myFavsDiv {
	position: absolute;
	background-color: #FFF;
	border: 1px solid #000;
	width: 20em;
	visibility: hidden;
}
#myFavsDiv p {
	margin: 0em;
	padding: 0em .4em .4em .4em;
}


#sbDiv {
	position: absolute;
	width: 480px; /* if this value changes, it must also be changed in lib.js */
	border: 2px solid #FFF;
/*	border-right: 8px solid #999; 
	border-bottom: 8px solid #999;*/
	background-color: #FFF;
/*	background: transparent url(/images/bigshadow.gif) bottom right no-repeat;*/
	visibility: hidden;

/*	display: none; ????????????????? */

}

.topPara {
	margin: 0em;
	padding: .2em .4em .2em .2em;
/*	border-bottom: 1px solid #999;*/
	text-align: right;
	background-color: #FFFF99;
}


/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.basictab{
padding: 3px 0px;
margin-left: 0px;
font: bold 12px Verdana;
border-bottom: 1px solid gray;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.basictab li{
display: inline;
margin: 0em;
}

.basictab li a{
text-decoration: none;
padding: 3px 7px;
margin-right: 8px;
border: 1px solid #999;
border-bottom: none;
background-color: #DDD;
color: #333;
}

.basictab li a:visited{
color: #333;
}

.basictab li a:hover{
/*background-color: #EEE;*/
color: #333;
}

.basictab li a:active{
color: #333;
}

.basictab li.selected a{ /*selected tab effect*/
position: relative;
top: 1px;
padding-top: 4px;
background-color: #FFF;
color: #333;
}


.textGray {
	color: #999;
}