/* CSS Document */
body{
	background-color:#E17219;
	margin:0;
	padding:0;
	}
div#wrapper{
	background-color:#fff;
	padding: 250px 0px 15px 0px;
	
	margin: 5px 0 0 2%;
	border:solid 2px #000;
	width:760px;
	min-height: 635px;}

* html div#wrapper{
	\height: 880px; /*Value for IE 5.x */
	he\ight: 630px; /*Real Value for IE 6+*/
	}
a {
	font-weight:bold;
	color:#bf2a13;
	}
a:hover {
	color:#ffc11d;
	text-decoration:none;
	}
a img{
	border:solid 1px #000;
	}
a:hover img{
	border: solid 1px #ccc;
	}
div#content{
	padding: 0 0 0 25px;
	z-index:1;
	margin-right:145px;
	}
div#banner  { 
	background: url("JerryKidsBanner2.jpg") top center no-repeat; 
	position: absolute; 
	z-index: 1; 
	top: 0; left: 0;
	margin: 7px 0 0 2%; 
	width: 750px; height: 185px;
	
	}
div#banner h3.slogo {
	position:relative;
	margin:100px 0 0 170px;
	}
div#banner h3.slogo a{
	color:#000;
	font: bold .8em "MS Comic Sans", "comic sans", arial, helvetica, sans-serif;
	text-decoration:none;
	}
div#banner h3.slogo a:hover{
	text-decoration:underline;
	color:#765;
	}
.TextMessage {display:none;}
div#menu {
	position:absolute;
	z-index: 3;
	top: 150px;
	left:2%;
	/*border-left:solid 6px #fff;*/
	width:756px;
	padding: 0 5px 0 0;
	margin:0 0 0 2px;
	border-top:solid 3px #000;
	}
div#menu a{
	display:block;
	text-align:center;
	text-decoration:none;
	float:left;
	width:100px;
	height:20px;
	font: bold 1em arial, helvetica, sans-serif;
	background: url("DZ2-up.gif") top left no-repeat;
	padding: 50px 0 0 0;
	color:#000;
	margin:0;
	border:solid 1px #000;
	}
div#menu a.link2 {
	background: url("DZ5-up.gif") top left no-repeat;
	}
div#menu a.link3 {
	background: url("DZ3-up.gif") top left no-repeat;
	}
div#menu a.link4 {
	background: url("DZ4-up.gif") top left no-repeat;
	}
div#menu a.link5 {
	background: url("DZ6-up.gif") top left no-repeat;
	}
div#menu a.link6 {
	background: url("DZ1-up.gif") top left no-repeat;
	}
div#menu a:hover {
	background: url("DZ2-over.gif") top left no-repeat;
	text-decoration:none;
	color:#765;
	}
div#menu a.link2:hover {
	background: url("DZ5-over.gif") top left no-repeat;
	}
div#menu a.link3:hover {
	background: url("DZ3-over.gif") top left no-repeat;
	}
div#menu a.link4:hover {
	background: url("DZ4-over.gif") top left no-repeat;
	}
div#menu a.link5:hover {
	background: url("DZ6-over.gif") top left no-repeat;
	}
div#menu a.link6:hover {
	background: url("DZ1-over.gif") top left no-repeat;
	}
div#menu div#mode {
	margin:0;padding:0;
	}
	
div#menu div#mode a{
	font: .75em arial, helvetica, sans-serif;
	text-decoration:none;
	margin:0;
	margin-left:10px;
	border-width:0px;
	padding:0;
	padding-left:15px;
	padding-top:2px;
	padding-bottom:0;
	text-align:left;
	width: 100px;
	height:20px;
	background: url("CheckBoxKids.gif") center left no-repeat;
	}

* html div#menu div#mode a{
	\height: 22px; /*Value for IE 5.x */
	\width: 115px;
	he\ight: 20px; /*Real Value for IE 6+*/
	w\idth: 100px;
	}

div#menu div#mode a:hover{
	color:#666;
	background-color:#000;
	text-decoration:underline;
	background: url("CheckBoxOverKids.gif") center left no-repeat;
	}
div#menu div#mode a.KidsMode{
	background: url("CheckBoxCheckedKids.gif") center left no-repeat;
	}
div#menu div#mode a.KidsMode:hover{
	background: url("CheckBoxCheckedKids.gif") center left no-repeat;
	}
div#menu div#mode a.privacy, div#menu div#mode a.privacy:hover{
	background:none;
	}
div#sidebar {
	position:absolute;
	left: 2%;
	margin-left:635px;
	z-index:3;
	width:115px;
	border-left: dotted 1px #ccc;
	background-color:#fff;
	min-height:200px;
	top: 245px;
	text-align:center;
	padding:5px;
	}
div#sidebar p{
	margin:1px 0 15px;
	padding:0;
	}
/*books and blog*/
div.frontMSG{border-bottom-color:#bf2a13;}
div.book, div.blog {border-bottom-color:#bf2a13;}
h4.blog_dt{color:#bf2a13;}
h2.blogComments{border-bottom-color:#bf2a13;}
/*footer*/
hr.botline{clear:both;}
hr.botlineA{clear:both;}
div#footer{
	text-align: center;
	color:#E17219;
	font: .75em Times, "Times New Roman", serif;
	margin:7px 7px 5px 25px;
	clear:both;
	}
div#footer p{margin:0;padding:0;}