@charset "UTF-8";
/* CSS Document */

body{}

img{border:none;}

p{color:#333333; font:normal 12px verdana, helvetica, geneva;}
.copyright{font:oblique 9px verdana, helvetica, geneva; color:#666666; text-align:center;}
/*
a{font:normal 12px verdana, helvetica, geneva;}
a:link{color:#003366;}
a:visited{color:#336699;}
a:hover{color:#6699CC;}
*/
#wrap{
border: solid 2px #CCCCCC;
margin-top:15px;
margin-right:auto;
margin-left:auto;
width: 965px;
height: 570px;
background-color:#FFFFFF;
		}
/*This is mostly for lists of generic links. Nothing else.*/
.listboy{list-style:none; display:block; line-height:95%;}
.listboy li{padding:2px;}
.listboy li a{font: normal 11px verdana, helvetica, geneva;}
.listboy li a:link{color:#003366;}
.listboy li a:visited{color:#336699;}
.listboy li a:hover{color:#6699CC;}

.sidelist{list-style:none; display:block; line-height:95%; margin-right:20px; font: normal 11px verdana, helvetica, geneva; color:#333333;}
.sidelist li{padding:2px;}
.sidelist li a{font: normal 11px verdana, helvetica, geneva;}
.sidelist li a:link{color:#003366;}
.sidelist li a:visited{color:#336699;}
.sidelist li a:hover{color:#6699CC;}

#logo{ border: none;
width: 165px;
height: 195px;
margin-left:auto;
}

.sidebar{border: none;
width:165px;
background-color:#FFFFFF;
margin-left:auto;
text-align:right;
}

#splash{border: none;
background-color:#FFFFFF;
width: 793px;
height: 568px;
text-align:left;
float:left;
}
/*MAIN NAV STUFF STARTS HERE*/
#navbox{
	border:none;
	width: 165px;
	margin:0px;
	padding:0px;
	margin-left:auto;
}

#topnav{
display:block;
background: url(img/jpdjnav2010.png);
background-repeat:no-repeat;
padding:0px;
margin:0px;
list-style:none;
width:75px;
height:125px;
overflow:hidden;
margin-left:auto;
margin-right:28px;}

#topnav a{display:block;
height:25px;
padding-left:75px;}

#about a{
background-position:0px 0px;}

#books a{
background-position:0px -25px;}

#cartoons a{
background-position:0px -50px;}

#design a{
background-position:0px -75px;}

#shop a{
background-position:0px -100px;}

#about a:hover{
background: url(img/jpdjnav2010.png) -75px 0px no-repeat;}

#books a:hover{
background: url(img/jpdjnav2010.png) -75px -25px no-repeat;}

#cartoons a:hover{
background: url(img/jpdjnav2010.png) -75px -50px no-repeat;}

#design a:hover{
background: url(img/jpdjnav2010.png) -75px -75px no-repeat;}

#shop a:hover{
background: url(img/jpdjnav2010.png) -75px -100px no-repeat;}

/*MAIN NAV STUFF ENDS HERE*/

.gallery{list-style-type:none; margin-right:20px;}

.gallery li{padding:0px; display:inline;}

.thmb{border:none;
width:30px;
height:30px;}

.bibanright{padding-left:5px; padding-top:7px; padding-right:0px; padding-bottom:0px;}

.bibanleft{padding-left:0px; padding-top:7px; padding-right:4px; padding-bottom:0px;}