body{
	background: #FFFCF0;
	padding: 0px;
	margin: 0px;
}

#container {
	position: relative;
	background: #fff;
	margin: 0px auto 0px auto;
	padding: 0px;
	width: 948px;
}

div.board-bottom
{
width: 942px;
margin:auto;
}

/* Navigation
----------------------------------------------------------------------------------------------------- */
	
img.homelink
{border:0px;
position:absolute;
top:-17px; 
left:-15px;
}
*html img.homelink
{top:-12px;}


#navbox 
{
	position: absolute;
	top: 40px;
	left: 40px;
	width: 162px;
	xborder: 1px solid #ccc;
	margin: 0px;
	padding: 0px;
}

ul#nav
{
xborder: 1px solid #fff;
list-style-type: none;	
width: 170px;
height: 293px;
	margin: 0px;
	padding: 20px 0px 0px 5px;
	background: url(img/nav-bg.jpg);
}

ul#nav li
{
	position: relative;
	xheight: 50px;
	xwidth:200px;
	xmargin: 0px;
	xpadding: 0px;
	xborder: 1px solid red;
}

ul#nav li a
{
	color: green;
	display: block;
	padding: 10px;
	text-decoration: none;	
	margin: 0px;	
	xborder: 1px solid #fff;
	text-indent: -999px;
}

ul#nav li.season0 a, ul#nav li.season0-active a,
ul#nav li.season1a a,ul#nav li.season1a-active a,
ul#nav li.season1b a,ul#nav li.season1b-active a,
ul#nav li.season2 a, ul#nav li.season2-active a,
ul#nav li.season3 a, ul#nav li.season3-active a,
ul#nav li.season4 a, ul#nav li.season4-active a,
ul#nav li.season5 a, ul#nav li.season5-active a,
ul#nav li.season6 a, ul#nav li.season6-active a,
ul#nav li.season6b a, ul#nav li.season6b-active a,
ul#nav li.season7 a, ul#nav li.season7-active a
{
	padding: 0px;
	height: 28px;
	margin: 0px;
}
ul#nav li.season0 a {background: url(img/nav.gif) no-repeat 0px 0px;}
ul#nav li.season1a a {background: url(img/nav.gif) no-repeat 0px -52px;}
ul#nav li.season1b a {background: url(img/nav.gif) no-repeat 0px -104px;}
ul#nav li.season2 a {background: url(img/nav.gif) no-repeat -169px 0px;}
ul#nav li.season3 a {background: url(img/nav.gif) no-repeat -169px -52px;}
ul#nav li.season4 a {background: url(img/nav.gif) no-repeat -169px -104px;}
ul#nav li.season5 a {background: url(img/nav.gif) no-repeat -338px 0px;}
ul#nav li.season6 a {background: url(img/nav.gif) no-repeat -338px -52px;}
ul#nav li.season6b a {background: url(img/nav.gif) no-repeat -509px 1px;}
ul#nav li.season7 a {background: url(img/nav.gif) no-repeat -338px -104px;}

ul#nav li.season0 a:hover {background: url(img/nav.gif) no-repeat 0px -26px;}
ul#nav li.season1a a:hover {background: url(img/nav.gif) no-repeat 0px -78px;}
ul#nav li.season1b a:hover {background: url(img/nav.gif) no-repeat 0px -130px;}
ul#nav li.season2 a:hover {background: url(img/nav.gif) no-repeat -169px -26px;}
ul#nav li.season3 a:hover {background: url(img/nav.gif) no-repeat -169px -78px;}
ul#nav li.season4 a:hover {background: url(img/nav.gif) no-repeat -169px -130px;}
ul#nav li.season5 a:hover {background: url(img/nav.gif) no-repeat -338px -26px;}
ul#nav li.season6 a:hover {background: url(img/nav.gif) no-repeat -338px -78px;}
ul#nav li.season6b a:hover {background: url(img/nav.gif) no-repeat -509px -25px;}
ul#nav li.season7 a:hover {background: url(img/nav.gif) no-repeat -338px -130px;}

ul#nav li.season0-active a {background: url(img/nav.gif) no-repeat 0px -26px;}
ul#nav li.season1a-active a {background: url(img/nav.gif) no-repeat 0px -78px;}
ul#nav li.season1b-active a {background: url(img/nav.gif) no-repeat 0px -130px;}
ul#nav li.season2-active a {background: url(img/nav.gif) no-repeat -169px -26px;}
ul#nav li.season3-active a {background: url(img/nav.gif) no-repeat -169px -78px;}
ul#nav li.season4-active a {background: url(img/nav.gif) no-repeat -169px -130px;}
ul#nav li.season5-active a {background: url(img/nav.gif) no-repeat -338px -26px;}
ul#nav li.season6-active a {background: url(img/nav.gif) no-repeat -338px -78px;}
ul#nav li.season6b-active a {background: url(img/nav.gif) no-repeat -509px -25px;}
ul#nav li.season7-active a {background: url(img/nav.gif) no-repeat -338px -130px;}


/* Type
----------------------------------------------------------------------------------------------------- */

strong{
font: bold small-caps 10px Arial, Courier New, Tahoma, Verdana, sans-serif;
text-align: center;
color: #CA0405;
line-height: 17px;
letter-spacing: 1px;
xbackground: #333;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
border-bottom:1px solid #CA0405;
}

h3{
padding: 4px;
margin: 0px 0px 0px 0px;
font: bold small-caps 14px Courier New, Tahoma, Verdana, sans-serif;
text-align: center;
color: #CA0405;
line-height: 15px;
letter-spacing: 1px;
background: #FEFABD;
border: 1px solid #333;
}


/* Capo Boxs
----------------------------------------------------------------------------------------------------- */

#capo{	
position: absolute;
left:62px;
top:0px;
padding: 0px;
margin: 560px 0px 0px 0px;
width: 850px;
border:0px solid red;
}
#capo a span {display:none}

#capo a:hover {
	color: #000;
	border:0px solid #fff;
	text-decoration:none;
	background: transparent;
	}
	
#capo a:hover span		  
{ 
	bottom: 39px; 
	left: 0px;
	width: 215px; 
	xheight:100px;
	display:block;
	position:absolute;
	font: 11px Arial, Tahoma, Verdana, sans-serif;
	font-weight: normal; 
	text-align: center;
	padding: 0px;
	border:1px solid #111;
	xxxbackground: #eee url(img/paper-big.jpg) repeat-x -5px -22px;
	background: #eee url(img/crew-paper.gif) repeat-x 0px 8px;
	color:#000;
	text-decoration:none;
	letter-spacing: 0px;
}	
#capo a span p 
{
text-align: left;
color: #333;
line-height: 13px;
padding: 5px 10px 5px 10px;
margin: 0px;
border:0px solid #A5B584;
}

#capo strong{
font: bold small-caps 11px Arial, Tahoma, Verdana, sans-serif;
color: #CA0405;
line-height: 17px;
letter-spacing: 1px;
padding: 0px;
margin: 0px;
border:0px solid #CA0405;
}

h6{
bposition: absolute;
float:left;
text-align: center;
width: 110px;
padding: 1px;
margin: 0px 26px 0px 0px;
font: bold small-caps 13px Tahoma, Verdana, sans-serif;
letter-spacing: 0px;
border:1px solid #333;
background: #fff;
}
h6.crew1,h6.crew1 a{color: #4E789E;}
h6.crew2,h6.crew2 a{color: #333333;}
h6.crew3,h6.crew3 a{color: #CA0405;}
h6.crew4,h6.crew4 a{color: #39B102;}
h6.crew5,h6.crew5 a{color: #FE6601;}
h6.crew6,h6.crew6 a{color: #CC00FF;}





#pic{	
position: relative;
padding: 0px;
margin: 5px auto 0px auto;
width: 942px;
height: 1800px;
border:0px solid #fff;
background: #FFFCF0 url(img/middle-board.jpg) repeat-y 0px 145px ;
}

#pic li a img.thumb{	
padding: 0px;
margin: 5px 0px 6px 8px;
width: 83px;
height: 105px;
border:0px solid #999;
background: transparent;
}

#pic li a img.crew{
border:0px;
position:absolute;
bottom:8px; 
right:11px;
}

*html #pic li a img.newinfo{
border:0px;
position:absolute;
top:0px; 
right:4px;
}
#pic li a img.newinfo{
border:0px;
position:absolute;
top:0px; 
right:5px;
}

#pic ul{
padding: 0px;
margin: 0px;
}

#pic ul li{
list-style-type:none;
text-align:center;
padding: 0px;
margin: 0px;
}

#pic ul li a {
position:absolute;
display:block;
font: small-caps 10px Arial, Courier New, Tahoma, Verdana, sans-serif;
color: #666;
font-weight: normal; 
text-decoration:none;
letter-spacing: 1px;
padding: 0px 0px 0px 0px;
background: transparent url(img/note3.png) no-repeat 9px 100%;
width: 93px;
height: 188px;
}




#pic li a span {display:none}

#pic li a span p {
background: transparent url(img/paper-bg.gif) repeat-x 2px 0px;
text-align: left;
color: #333;
padding: 22px 15px 5px 15px;
margin: 0px;
border:0px solid #A5B584;
}

#pic li a span p.bigpaper{
background: transparent url(img/paper-big.jpg) no-repeat 4px 0px;
text-align: left;
color: #333;
padding: 17px 15px 5px 15px;
margin: 0px;
border:0px solid #A5B584;
}

#pic li a span img{	
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 11px;
border:0px solid #333;
background: #000;
}

#pic li a span img.pagebottom{	
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 4px;
border:0px solid #333;
background: #000;
}


#pic li a:hover{
color: #666;
border:0px solid #fff;
text-decoration:none;
background: transparent url(img/note3.png) no-repeat 9px 100%;
}
	
#pic li a:hover span{ 
bottom: 0px; 
right: 1px;
display:block;
position:absolute;
font: 11px Courier New, Tahoma, Verdana, sans-serif;
font-weight: normal; 
text-align: center;
padding: 0px;
background: transparent;
color:#f00;
text-decoration:none;
letter-spacing: 0px;
}


#intro{	
position: relative;
padding: 0px;
margin: 5px auto 0px auto;
width: 277px;
height: 466px;
border:0px solid #fff;
background: transparent url(img/intro-page.jpg) repeat 0px 0px;
}

#intro p{
text-align: left;
font: 11px Courier New, Tahoma, Verdana, sans-serif;
color: #333;
padding: 17px 25px 0px 22px;
margin: 0px;
vborder:1px solid #A5B584;
}
#intro a{color: #CA0405; text-decoration: none;}
#intro a:hover{color: #000; text-decoration: underline;}
#intro a:visited{color: #CA0405; text-decoration: none;}

#intro p.para2{
padding: 14px 25px 0px 22px;
margin: 0px;
vborder:1px solid #000;
}
#intro p img{
float: left;
padding: 3px 5px 0px 0px;
margin: 0px;
xborder:1px solid #A5B584;
}

#footer{
position: absolute;
bottom: -110px;
right: 30px;
padding: 0px 0px 0px 0px;
margin: 5px auto 0px auto;
width: 265px;
height: 99px;
background: transparent url(img/footer.jpg) no-repeat 0px 0px;
}
#footer p{
text-align: left;
font: bold 12px Arial, Tahoma, Verdana, sans-serif;
color: #2A3E66;
padding: 33px 0px 0px 10px;
margin: 0px;
}
#footer a{color: #CA0405; text-decoration: none;}
#footer a:hover{color: #000; text-decoration: underline;}