body, p, table, th, td, div {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}



body {
	margin: 0;
	padding: 0;
	line-height: 2em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
	background: #000000 url(images/jj_web_site-top_bg.jpg) repeat-x;
}




a:link, a:visited {
	color: #0033FF;
	text-decoration: none;
	font-weight: bold;
} 
a:active, a:hover {
	color: #7A8D9D;
	text-decoration: none;
}

p {
	margin: 0px;
	padding: 0px;
	text-align: left;
}

img {
	margin: 0px;
	padding: 0px;
	border: none;
}

.cleaner { clear: both; width: 100%; height: 0px; font-size: 0px;  }

.margin_bottom_10 { clear: both; width: 100%; height: 10px; font-size: 1px;	}
.margin_bottom_20 { clear: both; width: 100%; height: 20px; font-size: 1px;	}
.margin_bottom_30 { clear: both; width: 100%; height: 30px; font-size: 1px;	}
.margin_bottom_40 { clear: both; width: 100%; height: 40px; font-size: 1px;	}
.margin_bottom_50 { clear: both; width: 100%; height: 50px; font-size: 1px;	}
.margin_bottom_60 { clear: both; width: 100%; height: 60px; font-size: 1px;	}

.margin_right_10 {
	margin-right: 0px;
}
.margin_right_60 { margin-right: 60px; }

.horizontal_divider {
	background: url(images/jj_web_site_horizontal_divider.jpg) bottom repeat-y;
}

.border_bottom {
	border-bottom: 1px solid #000;
}

.fl {
	float: inherit;
}

.fr {
	float: right;
}

.rc_btn_01 a {
	clear: both;
	display: block;
	width: 160px;
	height: 30px;
	padding: 5px 0 0 0;
	font-size: 15px;
	text-align: center;
	color: #000000;
	text-decoration: none;
	border: none;
	background: url(images/glossy-pro-button.png) no-repeat;
}


#jj_web_site_wrapper_outer {
	width: 100%;
	margin: 0 auto;
}

#jj_web_site_wrapper_inner {
	width: 979px;
	margin: 0 auto;
	padding: 0 0px;
	background: url(images/jj_web_site_content_area.jpg) repeat-y;
}

#jj_web_site_banner {
	width: 979px;
	height: 173px;
	background: url(images/jj_web_site_banner.jpg) no-repeat;
}

/*------------------------------------- menu -------------------------------------- */
.menu{
	border:none;
	border:0px;
	margin:0px;
	padding:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bolder;
	color:8e8e8e;
	}
.menu ul{
	background: url(images/jj_web_site_menu_overlay.jpg) no-repeat;
	height:34px;
	list-style:none;
	margin:0;
	padding:0;
	}
	.menu li{
		float:left;
		padding:0px 8px 0px 8px;
		}
	.menu li a{
	color:#DADADA;
	display:block;
	font-weight:bolder;
	line-height:34px;
	padding:0px 25px;
	text-align:center;
	text-decoration:none;
		}
		.menu li a:hover{
			color:#000000;
			text-decoration:none;
			}
	.menu li ul{
		background:#a5a4a4;
		border-left:2px solid #9f9f9f;
		border-right:2px solid #9f9f9f;
		border-bottom:2px solid #9f9f9f;
		display:none;
		height:auto;
		filter:alpha(opacity=90);
		opacity:0.90;
		position:absolute;
		width:175px;
		z-index:1;
		/*top:1em;
		/*left:0;*/
		}
	.menu li:hover ul{
		display:block;
		}
	.menu li li {
		display:block;
		float:none;
		padding:0px;
		width:175px;
		}
	.menu li ul a{
		display:block;
		font-size:12px;
		font-style:normal;
		padding:0px 10px 0px 15px;
		text-align:left;
		}
		.menu li ul a:hover{
			background:#949494;
			color:#000000;
			opacity:1.0;
			filter:alpha(opacity=75);
			}
	.menu p{
		clear:left;
		}	
	
		
/*----------------------------------- end of menu ---------------------------------*/

		
/*----------------------------------- loer sb ---------------------------------*/

#jj_web_site_banner_filler {
    width: 979px;
	height: 6px;
	background: url(images/jj_web_site_filler.jpg) no-repeat;
}

/*------------------------------------- display area -------------------------------------- */


#mySlideshow {
	float: center;
	padding: 0 0px;
	height: 215px;
	width: 979 px;
	background: #000000	
}



/*------------------------------------- display area end -------------------------------------- */
#jj_web_site_content_wrapper {
	clear: both;
	width: 979px;
	padding: 0px;
}

.jj_web_site_content {
	float: left;
	width: 469px;
	padding: 15px 14px 0 18px;
	background: #e9e9e9;
}

.header_01 {
	padding: 0 0 5px 20;
	margin: 0 0 10px 0;
	font-size: 20px;
	font-weight: bolder;
	color: #990000;
	text-align: center;
}


.header_02 {
	padding: 0 0 5px 0;
	margin: 0 0 5px 0;
	font-size: 25px;
	font-weight: bold;
	color: #000000;	/*color: #e40b0b;*/
}

.header_03 {
	padding: 0 0 5px 0;
	font-size: 16px;
	font-weight: bolder;
	color: #000000;	/*color: #99be29;*/
}

.header_03 a {
	color: #000000;
	text-decoration: none;
}
.header_03 a:hover {
	color: #33FF00;
}

.jj_web_site_side_bar_wrapper {
	float: left;
	width: 222px;
	background: #ffffff;
	border: 1px solid #ffffff;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 13px;
}



.jj_web_site_side_bar_right {
	float: left;
	width: 229px;
	background: #ffffff;
	border: 1px solid #ffffff;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 5px;
}

.jj_web_site_side_bar_right ul {
	margin: 0px;
	padding: 0px;
}

.jj_web_site_side_bar_right ul li {
	margin: 0px;
	padding: 0 0 0 0;
	margin-bottom: 5px;
	border-left: 5px solid #000;
	list-style: none;
}

.jj_web_site_side_bar_right ul li a {
	display: block;
	background: #ffffff;
	padding: 5px 0 5px 0px;
	color: #b5b1b1;
	text-decoration: none;
}

.jj_web_site_side_bar_right ul li a:hover {
	color: #FF0000;
	background: #000;
}

.jj_web_site_side_bar_right form {
	margin: 0px;
	padding: 0px;
}



/*------------------------------------- lower SB -------------------------------------- */



.jj_web_site_side_bar-Top {
	float: left;
	width: 210px;
	border: 1px none #000000;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 0;
	padding-left: 10px;
}

.jj_web_site_side_bar-Top ul {
	margin: 0px;
	padding: 0px;
}

.jj_web_site_side_bar-Top ul li {
	margin: 0px;
	padding: 0 0 0 0;
	margin-bottom: 5px;
	border-left: 5px solid #000;
	list-style: none;
}

.jj_web_site_side_bar-Top ul li a {
	display: block;
	background: #e9e9e9;
	color: #ffffff;
	text-decoration: none;
	padding-top: 5px;
	padding-right: 20;
	padding-bottom: 10px;
	padding-left: 30px;
}

.jj_web_site_side_ba-Top ul li a:hover {
	color: #FF0000;
	background: #000;
}

.jj_web_site_side_bar-Top form {
	margin: 0px;
	padding: 0px;
}



.jj_web_site_side_bar {
	float: left;
	width: 223px;
	border: 1px none #000000;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0px;
}

.jj_web_site_side_bar ul {
	margin: 0px;
	padding: 0px;
}

.jj_web_site_side_bar ul li {
	margin: 0px;
	padding: 0 0 0 0;
	margin-bottom: 5px;
	border-left: 10px solid #666666;
	list-style: none;
}

.jj_web_site_side_bar ul li a {
	display: block;
	color: #000000;
	text-decoration: none;
	background-color: #E9E9E9;
	padding-top: 2px;
	padding-right: 0;
	padding-bottom: 2px;
	padding-left: 15px;
}

.jj_web_site_side_bar ul li a:hover {
	color: #FF0000;
	background: #000;
}

.jj_web_site_side_bar form {
	margin: 0px;
	padding: 0px;
}


.jj_web_site_side_bar_video {
	float: left;
	width: 223px;
	border: 1px none #000000;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0;
	padding-left: 0px;
}

.jj_web_site_side_bar_video ul {
	margin: 0px;
	padding: 0px;
}

.jj_web_site_side_bar_video ul li {
	margin: 0px;
	padding: 0 0 0 0;
	margin-bottom: 5px;
	border-left: 10px solid #666666;
	list-style: none;
}

.jj_web_site_side_bar_video ul li a {
	display: block;
	color: #000000;
	text-decoration: none;
	background-color: #0099FF;
	padding-top: 2px;
	padding-right: 0;
	padding-bottom: 2px;
	padding-left: 15px;
}

.jj_web_site_side_bar_video ul li a:hover {
	color: #000000;
	background-color: #0066FF;
}

.jj_web_site_side_bar_video form {
	margin: 0px;
	padding: 0px;
}





.jj_web_site_side_bar_lower_wrapper {
	float: left;
	width: 200px;
	border: 1px none #000000;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0px;
}

.jj_web_site_side_bar_lower_wrapper ul {
	margin: 0px;
	padding: 0px;
}


.jj_web_site_side_bar_lower {
	float: left;
	width: 200px;
	border: 1px none #000000;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0px;
}

.jj_web_site_side_bar_lower ul {
	margin: 0px;
	padding: 0px;
}

.jj_web_site_side_bar_lower ul li {
	margin: 0px;
	padding: 0 0 0 0;
	margin-bottom: 5px;
	border-left:10px solid #666666;
	list-style: none;
}

.jj_web_site_side_bar_lower ul li a {
	display: block;
	background: #000000;
	color: #ffffff;
	text-decoration: none;
	padding-top: 2px;
	padding-right: 0;
	padding-bottom: 2px;
	padding-left: 15px;
}

.jj_web_site_side_bar_lower ul li a:hover {
	color: #FF0000;
	background: #000;
}

.jj_web_site_side_bar_lower form {
	margin: 0px;
	padding: 0px;
}



.jj_web_site_side_bar_lower-red {
	float: left;
	width: 200px;
	border: 1px none #000000;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0px;
}

.jj_web_site_side_bar_lower-red ul {
	margin: 0px;
	padding: 0px;
}

.jj_web_site_side_bar_lower-red ul li {
	margin: 0px;
	padding: 0 0 0 0;
	margin-bottom: 5px;
	border-left:10px solid #666666;
	list-style: none;
}

.jj_web_site_side_bar_lower-red ul li a {
	display: block;
	background: #FF0000;
	color: #ffffff;
	text-decoration: none;
	padding-top: 2px;
	padding-right: 0;
	padding-bottom: 2px;
	padding-left: 15px;
}

.jj_web_site_side_bar_lower-red ul li a:hover {
	color: #FF0000;
	background: #000;
}

.jj_web_site_side_bar_lower-red form {
	margin: 0px;
	padding: 0px;
}






#search_field {
	padding: 5px 0 0 0;
	height: 20px;
	width: 175px;
	margin-bottom: 10px;
}

#search_button {
	float: center;
	width: 32px;
	height: 33px;
	padding: 0;
	margin: 0;
	cursor: pointer;
	font-size: 12px;
	text-align: center;
	white-space: pre;
		color: #006666;
	border: none;
}


.content_section {
	clear: both;
	padding: 0 0 0 0;
}

.content_section p span {
	color: #000000;
}

.image_wrapper_01 {
	float: left;
	position: relative;
	margin: 3px 15px 0 0;
	padding: 4px;
	background-color: #999999;
}

.image_wrapper_01 img {
	border: 1px solid #363434;
}

.image_wrapper_02 {
	position: relative;
	margin: 0 0 10px 0;
	background: #131212;
	padding: 4px;
}

.image_wrapper_02 span {
	position: absolute;
	width: 20px;
	height: 20px;
	bottom: 10px;
	right: 10px;
	background: url(images/jj_web_site_play_icon.jpg) no-repeat;
}

.image_wrapper_02:hover span {
	background: url(images/jj_web_site_play_icon_hover.jpg) no-repeat;
}

.image_wrapper_02 img {
	border: 1px solid #363434;
}

.image_wrapper img {
	border: 1px solid #363434;
}

.latest_news {
	clear: both;
	padding-bottom: 10px;
}

#   jj_web_site_footer {
	clear: both;
	width: 979px;
	height: 27px;
	margin: 30 auto;
	padding: 10px 0 0 0;
	text-align: center;
	background: url(images/jj_web_site_footer.jpg) no-repeat;
}

#jj_web_site_footer {
	clear: both;
	width: 979px;
	height: 30px;
	margin: 0 auto;
	padding: 14px 0 0 0;
	text-align: center;
	background: url(images/jj_web_site_footer.jpg) no-repeat;
}