body {
	padding: 0;
	margin: 0;
	background: black;
	font: normal 0.9em Arial, Helvetica, Geneva, sans-serif;
}
img {
	border: 0px none;
}
a {
	color: #0000ff;
	text-decoration: none;
}
a:hover {
	color: #0000ff;
	text-decoration: underline;
}



form {
	margin: 0;
	padding: 0;
}
fieldset {
	width: 600px;
	float: left;
	clear: both;
	margin-top: 0.6em;
	padding-bottom: 0.6em;
	border: 1px solid #e0e0ff;
	background-color: transparent;
}
legend {
	display: inline;
	margin-left: 1em;
	padding: 0;
	color: #000;
	font-weight: bold;
}
fieldset dl {
	margin: 0;
	padding: 0;
	list-style: none;
}
fieldset dt {
	float: left;
	clear: left;
	width: 100%;
	margin-top: 0.3em;
}
fieldset dd {
	display: block;
	padding-left: 12em;
	margin: 0;
	padding-top: 0.3em;
	padding-bottom: 0.3em;
	border: 0px none;
	color: #ff0000;
	font-size: 88%;
}
fieldset.submit {
	float: none;
	width: auto;
	border-style: none;
	padding-left: 11em;
	background-color: transparent;
}
label {
	float: left;
	width: 10em;
	margin-top: 0.3em;
	margin-right: 1em;
	text-align: right;
}

#popinfo {
	display: inline;
	margin: 3px;
	font-size: 0.8em;
}



#page0 {
	width: 983px;
	background: url('0bg.png');
}

#page1 {
	background: url('0top.png') repeat-x top;
}

#page2 {
	background: url('0bottom.png') repeat-x bottom;
}

#page3 {
	background: url('0left.png') repeat-y left;	
}

#page4 {
	background: url('0right.png') repeat-y right;
}

#page5 {
	background: url('0bottom_left.png') no-repeat left bottom;
}

#page6 {
	background: url('0bottom_right.png') no-repeat right bottom;
}

#page7 {
	background: url('0top_left.png') no-repeat left top;
}

#page8 {
	background: url('0top_right.png') no-repeat right top;
	padding:4px; 
}

#page8-alt {
	padding-left: 4px;
	padding-right: 4px;
	padding-bottom: 4px;
}

#mainspace {
	width: 643px;
	margin-left: 10px;
	margin-right: 2px;
	margin-top: 10px;
	margin-bottom: 0px;
}

#sidebar {
	width: 304px;
	margin-left: 6px;
	margin-right: 10px;
	margin-top: 10px;
	margin-bottom: 0px;
	text-align: center;
}

#logo {
	width: 182px;
	margin-left: 6px;
	margin-right: 6px;
	margin-top: 0px;
	margin-bottom: 6px;
	text-align: center;
}

#whitespace0 {
	background: #ffffff;
}

#whitespace0-header {
	background: url('1top-header.png') repeat-x top;
}

#whitespace1 {
	background: url('1top.png') repeat-x top;
}

#whitespace2 {
	background: url('1bottom.png') repeat-x bottom;
}

#whitespace3 {
	background: url('1left.png') repeat-y left;
}

#whitespace4 {
	background: url('1right.png') repeat-y right;
}

#whitespace5 {
	background: url('1top_left.png') no-repeat left top;
}

#whitespace6 {
	background: url('1top_right.png') no-repeat right top;
}

#whitespace7 {
	background: url('1bottom_left.png') no-repeat left bottom;
}

#whitespace8 {
	background: url('1bottom_right.png') no-repeat right bottom;
	padding: 2px; 
}

#whitespace9 {
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 6px;
	padding-bottom: 8px;
	text-align: left;
}

#whitespace9-details {
	font-size: 0.7em;
}

#whitespace10 {
	padding-left: 35px;
}

#whitespace10-header {
	font-size: 1.7em;
	padding-bottom: 8px;
	text-transform: uppercase;
}

#tiny {
	font-size: 0.7em;
}

#subheader {
	display: inline;
	font-weight: bold;
}









/* menu width is 125 for each tab plus 2 between tabs, height is 25 */

/* style the outer div to give it width */
.menu {font-size:0.85em; padding:0; width:381px;}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0; margin:0; list-style-type:none; height:24px; background:transparent;}

/* style the sub-level lists */
.menu ul ul {width:625px;}

/* float the top list items to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu ul li {float:left; height:25px; line-height:24px; display:block; margin-right:2px;}

/* style the sub-level "li"s */
.menu ul ul li {display:block; width:150px; height:auto; line-height:1em;}
.menu ul ul.wide li {display:block; width:300px; height:auto; line-height:1em;}
.menu ul ul li.last {padding-bottom:10px; background:url('http://www.sequart.org/comicbooks/9sub_bottom.png') no-repeat bottom left;}
.menu ul ul.wide li.last {padding-bottom:10px; background:url('http://www.sequart.org/comicbooks/9sub_bottom_wide.png') no-repeat bottom left;}
.menu ul ul ul li.last {padding-bottom:10px; background:url('http://www.sequart.org/comicbooks/9two_bottom.png') no-repeat bottom left;}
.menu ul ul ul ul li.last {padding-bottom:10px; background:url('http://www.sequart.org/comicbooks/9three_bottom.png') no-repeat bottom left;}

/* style the links for the tab */
.menu a, .menu a:visited {display:block; float:left; height:24px; color:#000000; width:115px; background:url('9top.png'); text-align:left; border:0px none;; padding-left:10px; padding-right:0; padding-top:0; padding-bottom:0}
/* hack IE5.x to get the correct the faulty box model and get the width right */
* html .menu a, * html .menu a:visited {width:125px; w\idth:115px;}

/* style the sub level links */
.menu ul ul a, .menu ul ul a:visited {display:block; background:#b6b6df; color:#000000; width:130px; height:100%; line-height:1em; border:0px none;; padding-left:10px; padding-right:10px; padding-top:5px; padding-bottom:5px}
* html .menu ul ul a, * html .menu ul ul a:visited  {width:150px; w\idth:128px;}
.menu ul ul.wide a, .menu ul ul.wide a:visited {display:block; background:#b6b6df; color:#000000; width:280px; height:100%; line-height:1em; border:0px none;; padding-left:10px; padding-right:10px; padding-top:5px; padding-bottom:5px}

/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {border-collapse:collapse; padding:0; margin:-1px; width:0; height:0; font-size:1em; z-index:1;}

/* style sub level 1's background for when another sub level is available */
.menu ul :hover a.sub1 {background:#a6a6cf;}
/* style sub level 2's background for when another sub level is available */
.menu ul ul :hover a.sub2 {background:#bf96bf;}
/* style sub level 2's usual background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#dfb6df;}
/* style sub level 3's usual background */
.menu ul ul ul ul a, .menu ul ul ul ul a:visited {background:#b6dfb6;}

/* style the level hovers */
/* tab */
* html .menu a:hover {border:0px none; height:25px; position:relative; z-index:100}
.menu li:hover {position:relative;}
.menu :hover > a {border:0px none; height:25px}
/* sub level 1 */
* html .menu ul ul a:hover{background:#a6a6cf; position:relative; z-index:110; height:100%; border:0px none;}
.menu ul ul li:hover {position:relative;}
.menu ul ul :hover > a {background:#a6a6cf; z-index:110; height:100%; border:0px none;}
/* sub level 2 */
* html .menu ul ul ul a:hover {background:#bf96bf; position:relative; z-index:120;}
.menu ul ul ul :hover > a {background:#bf96bf;}
/* sub level 3 */
.menu ul ul ul ul a:hover {background:#96cf96; position:relative; z-index:130;}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0; top:25px; left:0; width:300px;}

/* position the third level flyout menu */
.menu ul ul ul{top:-10px; width:150px;}

/* make the second level visible when hover on first level list OR link */
.menu ul :hover ul {visibility:visible; height:auto; background:url('http://www.sequart.org/comicbooks/9sub_top_right.png') no-repeat 30px 0; left:-30px; padding-left:30px; padding-right:30px; padding-top:15px; padding-bottom:30px}
.menu ul :hover ul.left {visibility:visible; height:auto; background:url('http://www.sequart.org/comicbooks/9sub_top_left.png') no-repeat 30px 0; left:-55px; padding-left:30px; padding-right:30px; padding-top:15px; padding-bottom:30px}
.menu ul :hover ul.wide {visibility:visible; height:auto; background:url('http://www.sequart.org/comicbooks/9sub_top_wide.png') no-repeat 30px 0; left:-30px; padding-left:30px; padding-right:30px; padding-top:15px; padding-bottom:30px}

/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* keep the fourth level hidden when you hover on second level list OR link */
.menu ul :hover ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{visibility:visible; left:90px; height:auto; background:url('http://www.sequart.org/comicbooks/9two_top.png') no-repeat 30px 0;; padding-left:30px; padding-right:30px; padding-top:10px; padding-bottom:30px}
.menu ul :hover ul.left :hover ul {left:-150px;}
/* make the fourth level visible when you hover over third level list OR link */
.menu ul :hover ul :hover ul :hover ul {visibility:visible; left:90px; height:auto; background:url('http://www.sequart.org/comicbooks/9three_top.png') no-repeat 30px 0;; padding-left:30px; padding-right:30px; padding-top:10px; padding-bottom:30px}