/* CSS Document */

DIV.line {
   
    border-right: 5px solid #ccc ; /* ????? ?????? ?? ?????? */
     }


html {
	height: 100%;
}



.clr {
	clear: both;
}

form {
  margin: 0;
  padding: 0;
}

body {
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, Sans Serif;
	line-height: 120%;
	font-size: 12px;
	color: #333333;

}
body#bg {text-align:center;

}

body.fs1 {
	font-size: 10px;
}

body.fs2 {
	font-size: 11px;text-align:center;
}

body.fs3 {
	font-size: 12px;
}

body.fs4 {
	font-size: 13px;
}

body.fs5 {
	font-size: 14px;
}

body.fs6 {
	font-size: 15px;
}


/* Joomla core stuff */
a:link, a:visited {
	 text-decoration: none;
	font-weight: bold;
	outline:none;
}

a:hover {
	color: red;	text-decoration: none;
	font-weight: bold; outline:none;
}
.img_caption {float:left;
margin: 5px;}

.button {
  color: #c64934;
  font-family: Arial, Hevlvetica, sans-serif;
  text-align: center;
  font-size: 11px;
  font-weight: bold;
  border: 3px double #cccccc;
  width: auto;
  background: url(../images/button_bg.png) repeat-x;
  padding: 0px 5px;
  line-height: 18px !important;
  line-height: 16px;
  height: 26px !important;
  height: 24px;
  margin: 1px;
}

img {
border:none;
}
.inputbox {
	padding: 0px 2px 0px 2px;
	border:solid 1px #cccccc;
	background-color: #ffffff;
	
}

input.inputbox_search {
border:none;
background:none;
width:170px;
height:25px;
padding:0px 0px 0px 6px;
}

#searchbox .inputbox{border:none; padding-top:3px; padding-left:5px;}

input.inputbox_searchnew {
border:none;
background:none;
width:470px;
height:28px;
line-height:28px;

padding:0px 0px 0px 6px;

}
input.button_search {
border:none;
background:none;
width:29px;
height:25px;
cursor:pointer;


}

input.button_searchnew {
border:none;
background:none;
width:45px;
height:28px;
cursor:pointer;


}

#bd {

Width:980px;
text-align:center;
}

#main-wrapper {
margin:0 auto;
padding:0px;
text-align:left;

}

#wrapper {
margin:0 auto;
padding:0px;
width:980px;
padding-top:0px;
}

#header {
margin:0 auto;
padding:0px;
height:40px;
background: url(../images/menu_bg.jpg) no-repeat top left;
position:relative;
z-index:99;
}

#logo {
margin:0px 0px 0px 4px;
padding:0px;
float:left;
width:105px;
height:40px;

}
.logo_img {
margin:0px;
padding:0px;
}

#logo h1 img {
float:right;
margin:0px;
padding:0px;

}





h1.logo, div.logo-text {
	
	
	margin: 0;
	padding: 0;
	height: 40px;
	width: 105px;
}

h1.logo a {
	background: url(../images/logo.jpg) no-repeat top left;
	display: block;
	height: 40px;
	width: 105px;
}

h1.logo a span {
	position: absolute;
	top: -1000px;
}

div.logo-text {
	width: 105px;
	margin: 4px 0 0;
	outline: none;
}

div.logo-text h1 {
	float: left;
	font-size: 16px;
	font-weight: normal;
	letter-spacing: 1px;
	color:#0033FF;
	margin: 0;
	padding: 0px;
	width: 105px;
}

div.logo-text h1 a {
	color: #0033FF;
	text-transform: uppercase;
	line-height:20px;
}

div.logo-text h1 a:hover,
div.logo-text h1 a:focus,
div.logo-text h1 a:active {
	text-decoration: none;
}

.site-slogan {
	color: #ffffff;
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	font-size:11px;
	text-transform:none;
}







#mainmenu {
margin:0px;
padding:0px;
width:700px;
float:left;
height:40px;

}
#mainmenu td a{
color:#000000;
font-size:14px;
font-weight:bold;
text-decoration:none;
text-transform:lowercase;
height:40px;
line-height:40px;
padding:0px 9px 0px 9px;
letter-spacing:1px;
}
#mainmenu td a:hover{
color:#000000;
font-size:14px;
font-weight:bold;
text-decoration:none;
text-transform:lowercase;
height:40px;
line-height:40px;
padding:0px 9px 0px 9px;
letter-spacing:1px;

}

#searchbox {
margin:8px 0px 0px 0px;
padding:0px;
width:207px;
float:left;
background: url(../images/search_bg.jpg) no-repeat top left;
height:25px;

}
#loginbox {
margin:8px 4px 0px 6px;
padding:0px;
width:155px;
float:right;
}
#slideshow {
margin:10px 0px 0px 0px;
padding:10px;
width:895px;
background:#ffffff;
}
#slideshow div.module{
margin:0px;
padding:0px;
}

#slideshow_left {
margin:0px ;
padding:0px;
width:295px;
float:left;
}

#slideshow_right {
margin:0px;
padding:0px;
width:150px;
float:right;
}

#topl_mod {

width:980px;
background:#ffffff;
}

#topl_left {

margin:0px;
padding:0px;
float:left;
width:254px;
}

#topl_right {
margin:0px;
padding:0px;
float:right;
width:715px;
}

#slidertext {
margin:0px;
padding:0px;
width:561px;
}

#slider_left {
margin:0px;
padding:0px;
width:275px;
float:left;
}

#slider_right {
margin:0px;
padding:0px;
width:275px;
float:right;
}

#adv_search {
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
width:561px;
clear:both;
background:#E4E4E4;
height:65px;
border-top:10px solid #ffffff;
}
#search_new{
margin:14px 0px 0px 19px;
padding:0px;
background:url(../images/search_new.jpg) no-repeat;
width:520px;
height:38px;

}

table.search_top {
margin:10px 0px 0px 0px;
}
#topsec_mod {
margin:0px;
padding:0px 0px 0px 0px;
width:100%;

}
#topsec_mod h3 {
margin:0px 0px 15px 0px;
padding:0px;
height:30px;
line-height:30px;
background:#f0f0f0;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
text-transform:uppercase;
color:#363636;
text-indent:15px;
letter-spacing:1px;
}

#recent_video {
margin:0px 14px 0px 0px;
padding:0px;
width:319px;
float:left;

}

td.greybg {
background:#F0F0F0;
height:99px;
}

table.greybg {
background:#F0F0F0;

}

table.greybgnew {
background:#F0F0F0;
height:295px;
}
table.img_spa td img{
border:1px solid #ffffff;
padding:4px;
margin:2px;
}

td.textblue {
color:#082FEC;
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;

}
table.spacing_area {
height:25px;
line-height:25px;
}

#music_fea {
margin:0px;
padding:0px;
width:275px;
float:left;
}

#music_fea h3 {
margin:0px 0px 15px 0px;
padding:0px;
height:30px;
line-height:30px;
background:#f0f0f0;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
text-transform:uppercase;
color:#363636;
text-indent:15px;
letter-spacing:1px;
}

#blog_mod {
margin:0px;
padding:0px;
width:275px;
float:right;
}

#blog_mod h3 {
margin:0px 0px 15px 0px;
padding:0px;
height:30px;
line-height:30px;
background:#f0f0f0;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
text-transform:uppercase;
color:#363636;
text-indent:15px;
letter-spacing:1px;
}

#right_blog {
margin:0px 0px 0px 10px;
padding:0px;
float:right;
}

#right_blog h3 {
margin:0px 0px 15px 0px;
padding:0px;
height:30px;
line-height:30px;
background:#f0f0f0;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
text-transform:uppercase;
color:#363636;
text-indent:15px;
letter-spacing:1px;
}

#topthir_mod {
margin:10px 0px 0px 0px;
padding:10px;
width:895px;
clear:both;
background:#ffffff;
}

#topthir_mod h3 {
margin:0px 0px 15px 0px;
padding:0px;
height:30px;
line-height:30px;
background:#f0f0f0;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
text-transform:uppercase;
color:#363636;
text-indent:15px;
letter-spacing:1px;
}

#adv_img {
margin:0px 14px 0px 0px;
padding:0px;
float:left;
width:319px;
}

div.center_img {
text-align:center;
margin:20px 0px 20px 0px;
}

#news_mod {
margin:0px 0px 0px 0px;
padding:0px;
float:left;
width:275px;
}
#news_mod ul {
margin:0px;
padding:0px;
background:#F0F0F0 url(../images/news_bg.jpg) repeat-y top left;
height:295px;
width:275px;
}

#news_mod ul li {
margin:0px 0px 0px 33px;
padding:0px;

list-style:decimal;
color:#ffffff;
font-size:14px;
font-weight:bold;

width:245px;
height:36px;
line-height:36px;
}

#news_mod li a{
margin:0px;
color:#333333;
font-size:11px;
font-weight:normal;
}

#member_mod {
margin:0px;
padding:0px;
float:right;
width:275px;
}

#black_area {
margin:10px 0px 0px 0px;
padding:1px;
width:895px;
background:#cccccc;
}

#adv_banner {
margin:0px;
padding:0px;
float:left;
width:626px;
}
#banner_top {
margin:0px;
padding:0px;

}

#banner_bottom {
margin:0px;
padding:0px;

}

#social_mod {
margin:0px;
padding:0px;
float:right;
width:250px;
}

#social_mod h3{
margin:0px 0px 12px 0px;
padding:0px;
text-indent:-2500px;
height:28px;
background: url(../images/socialize_it.jpg) no-repeat top left;
}

#mainbody {
margin:0px 0px 0px 0px;
padding:3px;

float:left;

}

#leftcol {
margin-top:22px;
margin-bottom:10px;
padding:0px;
float:left; 
width:23%;

}

#body_content{
float:left;
width:50%;
margin:0px 0px 10px 0px;
padding:0px;
}
#rightcol {
margin-bottom:10px;
padding:0px;
width:22%;
float:right;

}

#footer {
margin:0px auto;
padding:10px;
width:895px;
background:#000000;
height:30px;
border-top:1px solid #ffffff;
color:#0033FF;
}

#footer_left {
margin:0px;
padding:0px;
width:650px;
float:left;
height:30px;
line-height:30px;
}

#footer_left a{

color:#ffffff;
font-size:12px;
font-weight:bold;
text-decoration:none;
}

#footer_right {
margin-top:1px;
padding:0px;
width:200px;
float:right;
height:30px;
line-height:30px;
}




div.module-grey h3,
div.module-dark h3, 
div.module-blue h3 {
	margin: 0px 0px 5px 0px;
	padding: 0px;
	font-size: 13px;
	line-height: normal;
	color:#000000;
	
}


div.module-grey,
div.module-dark,
div.module-blank,
div.module-blue {
	margin: 0px 0 10px;
	padding: 0;
	float: left;
	clear: both;
	width: 100%;
}


div.module-grey div, div.module div div,
div.module-dark div, div.module div div,
div.module-blue div, div.module div div  {
	padding: 0;
}


div.module-grey div div div,
div.module-dark div div div,
div.module-blue div div div {
	padding: 4px 10px 15px 8px;
}

div.module-blank div div div,
div.module-blue div div div {
	padding: 5px;
}


div.module-grey div div div div,
div.module-dark div div div div,
div.module-blank div div div div,
div.module-blue div div div div {
	margin: 0;
	padding: 0;
	float: none;
	background: none;
}




div.module-grey {
	background: url(../images/box-br-grey.gif) no-repeat bottom right #E6E6E6;
}

div.module-grey div {
	background: url(../images/box-bl-grey.gif) no-repeat bottom left;
}

div.module-grey div div {
	background: url(../images/box-tr-grey.gif) no-repeat top right;
}

div.module-grey div div div {
	background: url(../images/box-tl-grey.gif) no-repeat top left;
}




.componentheading {

font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
text-transform:uppercase;
color:#363636;


}

.contentcolumn {
	padding-right: 5px;
}

.contentheading {
margin:0px 0px 0px 0px;
padding:0px;


font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
text-transform:uppercase;
color:#363636;
text-indent:5px;
letter-spacing:1px;
}

.contentpaneopen {


margin:0px 0px 15px 10px;
padding:10px;
}



.contentpagetitle {

	font-size: 15px;
	font-weight: bold;
	color: #cccccc;
	text-align:left;
}





#mainbox {
width:100%; 
margin:0px; 
padding:0px;
}

#mainleft {
float:left; 
width:28%; 
margin-top:4px;
}

#mainright {
float:right; 
width:70%; 
margin-top:4px;
}


.button {
	background: #FFFFFF !important;
	border: 1px solid #DDDDDD;
	color: #666666;
	font-weight: bold;
	padding: 1px 4px !important;
	cursor:pointer;
}

.button:hover,
.button:active,
.button:focus {
	background: #FFFFFF !important;
	color: #111111;
	font-weight: bold;
	padding: 1px 4px;
	text-decoration: none;
	cursor:pointer;
}

* html .button {
	padding: 0 5px !important; /*IE 6*/
}

*+html .button {
	padding: 0 0px !important; /*IE 7*/
}


 #ja-headtools{
	font-size: 92%;
}

#ja-headtools {
	position: absolute;
	float:right;
	margin:0px 0px 0px 757px;
	top: 9px;
	padding:0px;
	width:155px;

}

#ja-headtools ul {
	float: left;
	margin: 0;
	padding: 0;
	white-space: nowrap;
}

#ja-headtools li {
	background: none;
	display: inline;
	line-height: normal;
	margin: 0;
	padding: 0;
}

#ja-headtools li a {
	
	padding: 0 5px 0 0px;
	line-height: 25px;
	display: block;
	float: left;
}

#ja-headtools li a:hover {
	
	text-decoration: none;
}

#ja-headtools li a.show {
	color: #FFFFFF;
	
}

#ja-register, #ja-login {
	background: #FFFFFF;
	border: 1px solid #DDDDDD;
	display: none;
	height: auto;
	overflow: hidden;
	padding: 5px 15px;
	position: absolute;
	right: 0px;
	text-align: left;
	top: 25px;
	z-index: 999;
}

.ja-login-links {
	margin-top: 10px;
}








.clearfix:after {
	clear: both;
	display: block;
	content: ".";
	height: 0;
	visibility: hidden;
}

* html > body .clearfix {
	width: 100%;
	display: block;
}

* html .clearfix {
	height: 1%;
}