/* CSS Document */
body{
	background-color:#000;
	background: #000 url("JerryFace3.jpg") top left no-repeat;
	color:#fff;
	margin: 155px 12% 15px 150px;
	}
a {
	color:#fff;
	font-weight:bold;
	}
a:hover {
	color:#999;
	text-decoration:none;
	}
a img{
	border:solid 1px #fff;
	}
a:hover img{
	border: solid 1px #999;
	}
div#content{
	padding:0 0 0 25px;
	margin-right:22%;
	}
div#banner  { 
	background: url("JDT-banner1.gif") top left no-repeat; 
	position: absolute; 
	z-index: 2; 
	top: 10px; left: 125px; 
	width: 750px; height: 135px;
	
	}
div#banner h3.slogo {
	position:relative;
	margin:60px 60px 0;
	}
div#banner h3.slogo a{
	color:#fff;
	font: bold .6em Arial, helvetica, sans-serif;
	text-decoration:none;
	}
div#banner h3.slogo a:hover{
	text-decoration:underline;
	color:#999;
	}
.TextMessage {display:none;}
div#menu {
	position:absolute;
	z-index: 3;
	top: 300px;
	left:0;
	height:100%;
	border-left:solid 6px #fff;
	width:125px;
	padding: 0 5px 0 10px;
	}
* html div#menu {
	height:550px;/*real value for IE 6*/
	}
div#menu a, div#menu a:active, div#menu a:visited{
	width:100px;
	display:block;
	font: bold 1em Arial, helvetica, sans-serif;
	color:#000;
	padding:2px;
	background-color:#fff;
	border:solid 2px #999;
	text-decoration:none;
	margin:5px;
	}
* html div#menu a, * html div#menu a:active, * html div#menu a:visited{
	\width: 108px; /*Value for IE 5.x */
	w\idth: 100px; /*Real Value*/
	}
	
div#menu a:hover{
	color:#fff;
	background-color:#333;
	border:solid 2px #fff;
	text-decoration:none;
	}
div#menu div#mode {
	margin-top:25px;
	}
	
div#menu div#mode a{
	color:#fff;
	background-color:#000;
	font: .75em arial, helvetica, sans-serif;
	text-decoration:none;
	border-width:0px;
	padding-left:17px;
	width: 90px;
	background: url("CheckBox.gif") center left no-repeat;
	}
div#menu div#mode a:hover{
	color:#999;
	background-color:#000;
	text-decoration:underline;
	background: url("CheckBoxOver.gif") center left no-repeat;
	}
div#menu div#mode a.GrownUpMode{
	background: url("CheckBoxChecked.gif") center left no-repeat;
	}
div#menu div#mode a.GrownUpMode:hover{
	background: url("CheckBoxChecked.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:79%;
	z-index:3;
	width:115px;
	border-left: dotted 1px #ccc;
	height:100%;
	top: 95px;
	text-align:center;
	padding:5px;
	
	}
div#sidebar p{
	margin:1px 0 15px;
	padding:0;
	}

/*footer*/
hr.botline{clear:both;}
hr.botlineA{clear:both;}
div#footer{
	text-align: left;
	color:#ccc;
	font: .75em Times, "Times New Roman", serif;
	margin:7px 7px 5px 25px;
	clear:both;
	}
div#footer p{margin:0;padding:0;}
