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

/*--------------------
ddmodelmanagement 
All Rights Reserved
---------------------*/

body { 
font-size:12px;
color: #929d9e;
font-family: Arial, sans-serif;
text-align:center;
background: #000000 url(../images/background.jpg) repeat scroll center bottom;
margin:0px;
}

p {
  text-align: justify;
}

a {
color: #ff0000;
text-decoration: none;
}

#page{
text-align: left;
width:970px;
margin: 0px auto 20px auto;
background-color: #000;
border:0px solid #E6E6E6;
}

h1 {
  font-family: 'Times New Roman', Arial, serif;
  font-size: 23px;
}

img {
  border: 0;
}

#header {
background: transparent url(../images/header_back.jpg) no-repeat right 0;
height: 110px;
border-bottom: 2px solid #ff0000;
width: 100%;
}

#footer{
height: 65px;
border-top: 2px solid #ff0000;
/*text-align: right;*/
width: 100%;
}

#gymAddr {
  float: left;
  margin: 5px 0 0 10px;
  text-align: left;
}

#copyRight {
  float: right;
  margin: 5px 10px 0 0;
  text-align: right;
}

#siteMap {
  float: left;
  margin: 0 0 0 50px;
}

#siteMap ul {
padding: 0px;
margin: 0;
}

#siteMap li {
/*list-style: none;*/
/*float:left;*/
margin : 15px 0;
padding: 0;
/*text-align: center;*/
/*text-decoration: none;*/
/*width: 80px;*/
}

#siteMap li span {
color: #FFF;
/*font-size: 10px;*/
}

#siteMap li span:hover {
color: #F00;
}

a #fblink {
  font-weight: bold;
  font-family: arial;
  font-size: 10;
  color: #4169E1;
}

#headerLogo {
font-family:"Times New Roman", Arial, serif;
font-size: 50px;
color: #ff9933;
height: 80px;
margin-top: 15px;
position: absolute;
width: 231px;
}

#headerLogo a img {
 border: 0;
}
/*
#headerSlo {
color: #ff9933;
font-size: 18px;
height:40px;
margin: 20px 0 0 145px;
position: absolute;
width: 175px;
}
*/
#mainMenu {
height: 85px;
margin-top: 0px;
margin: 0 0 0 250px;
position: absolute;
font-family: 'Times New Roman', Arial, sans-serif;
}

#mainMenu ul {
padding: 0px;
margin: 85px 0 0;
}

#mainMenu li {
background-image: url(../images/menu_back.png);
list-style: none;
float:left;
height:22px;
margin : 0px 2px;
padding: 3px 0 0;
text-align: center;
text-decoration: none;
width: 115px;
}

#mainMenu li.urhere {
background-image: url(../images/menu_back_select.png);
}

#pageContent {
/*height: 500px;*/
min-height: 400px;
padding: 10px 20px;
}

#mainMenu .urhere span {
color: #ff0000;
font-size: 18px;
}

#mainMenu li span {
color: #FFF;
font-size: 14px;
}

#mainMenu li:hover {
background-image: url(../images/menu_back_select.png);
/*font-size: 21px;*/
}

#backLink {
  margin: 10px 0;
}

#sideMenu {
  float: left;
  width: 130px;
}

#sideAdd {
  float: left;
  width: 130px;
}

#sideAdd img {
  border: 0;
  height: 114px;
  width: 135px;
}

/*--- welcome ---*/
#mbjjwelcome {
  float: left;
  margin: 0 0 0 50px;
  width: 450px
}

#slideshow {
  margin: 0 0 0 530px;
}
/*-- end of welcome --*/
  
/*--- contact -------*/
#mbjjinfo {
float: left;
margin-left: 40px;
width: 350px;
}

#mbjjcontactform {
float: right;
margin: 0px 15px 15px 0px;
width: 430px;
}

.message {
color: #ff9933;
margin: 0 0 10px;
}

#map {
  float: left;
  border:1px solid #DAD9C7;
/*  margin: 20px 0px 10px 45px;*/
  margin: 0 0 30px 0;
}

#mbjjinfo2 {
float: right;
margin: 80px 15px 0 0;
width: 430px;
}
/*--- end contact ---*/

/*---- about --------*/
#mbjjAbout,
#mbjjGallery {
border-left: 2px solid #F00;
float: right;
min-height: 400px;
padding-left: 20px;
width: 770px;
}

#maeda_pic {
float: right;
margin: 0 0 20px 20px;
}

#maeda_pic p {
text-align: center;
}

#carlos_pic{
float: left;
margin: 20px 50px 20px 0;
}

#carlos_pic p{
text-align: center;
}

#helio_pic {
float: right;
margin: 20px 0 20px 50px;
}

#helio_pic p {
text-align: center;
}

#aboutHistLink, 
#aboutGymLink,
#aboutInstLink,
#aboutPriceLink,
#aboutTournLink,
#aboutRulesLink,
#aboutCampLink,
#aboutMemberLink,
#aboutSponsLink,
#mediaPhotoLink,
#mediaVideoLink {
  background-color: #FFF;
  color: #000;
  font-family: 'Times New Roman', Arial, sans-serif;
  font-weight: bold;
  font-size: 17px;
  height: 22px;
  margin: 5px 0;
  padding: 0 0 0 5px;
  width: 130px;
}

#aboutHistLink a, 
#aboutGymLink a,
#aboutInstLink a,
#aboutPriceLink a,
#aboutTournLink a,
#aboutRulesLink a,
#aboutCampLink a,
#aboutMemberLink a,
#aboutSponsLink a,
#mediaPhotoLink a,
#mediaVideoLink a {
  color: #000;
}

#aboutHistLink a:hover, 
#aboutGymLink a:hover,
#aboutInstLink a:hover,
#aboutPriceLink a:hover,
#aboutTournLink a:hover,
#aboutRulesLink a:hover,
#aboutCampLink a:hover,
#aboutMemberLink a:hover,
#aboutSponsLink a:hover,
#mediaPhotoLink a:hover,
#mediaVideoLink a:hover {
  color: #F00;
}

#aboutHistLink.aboutLinkHere, 
#aboutGymLink.aboutLinkHere,
#aboutInstLink.aboutLinkHere,
#aboutPriceLink.aboutLinkHere,
#aboutTournLink.aboutLinkHere,
#aboutRulesLink.aboutLinkHere,
#aboutCampLink.aboutLinkHere,
#aboutMemberLink.aboutLinkHere,
#aboutSponsLink.aboutLinkHere,
#mediaPhotoLink.mediaLinkHere,
#mediaVideoLink.mediaLinkHere {
  background-color: #F00;
  color: #FFF;
}

.instruct {
}

.instruct_photo {
  float: left;
  margin: 0 15px 10px 0;
}

.instruct p {
  float: right;
  width: 600px;
  margin: 5px 0 0;
  text-align: justify;  
}

.sponsor_photo {
  float: left;
  margin: 0 15px 10px 0;
}

.sponsor p {
  float: right;
  width: 535px;
  margin: 5px 0 0;
  text-align: justify;  
}

#mbjjFees,
#mbjjGym {
  height: 400px;
}

#mbjjRules table td{
  border: 2px solid #BDBDBD;
  padding: 5px;
}

/*---- end about -----*/

/*---- gallery ----*/
.albumDiv {
  height: 100px;
  margin: 0 0 10px;  
}

.albumCover {
  float: left;
  margin: 0 10px 0 0;
}

.albumTitle {
  margin: 10px 0;
}

#albumList .videoDiv .albumTitle {
  margin: 10px 0 0px;
}

#albumList .albumTitle span{
  font-weight: bold;
  color: #929D9E;
  text-decoration: underline;
}

#albumList .albumDesc span{
  color: #929D9E;
}

#albumList .videoDiv .albumDesc {
  margin: 0 0 0 70px;
}

#albumInfo {
  clear: both;
}

#videoDiv {
  text-align: center;
}
/*---- end gallery ----*/

/*---- schedule ----*/
#schedulle {
  border: 2px double #C0C0C0;
  margin: 10px 0 10px 0;
  width: 930px;
}

#schedulle tr {
  height: 20px;
}

#schedulle th {
  border: 1px solid #C0C0C0;
  background-color: #DCDCDC;
  color: #000;
  text-align: center;
}

#schedulle td {
  border: 1px solid #C0C0C0;
  color: #000;
  text-align: center;
  width: 115px;
}

#schedulle td.closedgym{
color: #FFF;
}

#schedulle td.jiuba{
  background-color: #6495ED;
}

#schedulle td.jiuk{
  background-color: #90EE90;
}

#schedulle td.wres{
  background-color: #FFD700;
}

#schedulle td.jiub{
  background-color: #FFF;
}

#schedulle td.jiua{
  background-color: #C0C0C0;
}

#schedulle td.jiubang{
  background-color: #AFEEEE;
}

#schedulle td.judo{
  background-color: #F4A460;
}

#schedulle td.mma{
  background-color: #FF0000;
}

/*---- end schedule ----*/

/*------- news --------*/
.newsDate {
  float: left;
  width: 80px;
}

a.newsitem{
  color: #929D9E;
}

#newsList .newsTitle {
  text-decoration: underline;
}

#newsPic {
  float: left;
  margin: 0 15px 15px 0;
}
/*------- end news --------*/

/*----- members --------*/
#membersGalleryLink,
#membersWallLink {
  background-color: #FFF;
  color: #000;
  font-family: 'Times New Roman', Arial, sans-serif;
  font-weight: bold;
  font-size: 17px;
  height: 22px;
  margin: 5px 0;
  padding: 0 0 0 5px;
  width: 130px;
}

#membersGalleryLink a,
#membersWallLink a {
  color: #000;
}

#membersGalleryLink.membLinkHere,
#membersWallLink.membLinkHere {
  background-color: #F00;
  color: #FFF;
}

#mbjjWall #newsList .newsTitle,
#mbjjWall #newsList .newsTitle span {
  text-decoration:none;
}

#mbjjWall #newsList .newsTitle a {
  text-decoration: underline;
}

#replyForm {
  margin: 10px 0;
}

.replyContent p{
  margin: 0;
}

.postReply {
  margin: 10px 0;
}
/*----- end members -----*/

/**** login *****/
#loginForm {
  border: 1px solid #F00;
  -moz-border-radius: 5px; 
  -webkit-border-radius: 5px;
  float: right;
  margin: -5px 0 0;
  padding: 3px 0;
  width: 250px;
}

#loginForm input.field {
  margin: 0;
  width: 70px; 
}

#loginForm input#submit {
  float: left;
  width: 70px; 
}

#logmsg {
  color: #F00;
  font-size: 10px;
  margin: 0 0 0 40px;
}

.formField {
  float: left;
  margin: 0 0 0 5px;
  width: 80px;
}

.formBtn {
  float: left;
  width: 70px;
}

#loginForm label {
  font-size: 10px;
}

#loginForm .formBtn a{
  font-size: 10px;
}
/*** end login **/

/*---- member menu -----*/
#loginMenu {
  border: 1px solid #F00;
  -moz-border-radius: 5px; 
  -webkit-border-radius: 5px;
  float: right;
  margin: -5px 0 0;
  padding: 3px 0;
  width: 200px;
  text-align: center;  
}

#loginMenu a {
  margin: 5px 10px; 
}
/*--- end member menu ---*/