/* new css structure */

body{
	margin:0;
	padding:0;
	color: #333333;
	background-color: #E4E4E4;
	font: 11px/20px Verdana, Arial, Helvetica, sans-serif;
	background-image: url(../images/wbkk_karate_site_bg.jpg);
	background-repeat: repeat-x;
} 

 
#pagewidth{
	width:962px;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	background-image: url(../images/wbkk_karate_page_bg.jpg);
	background-repeat: repeat-y;
} 
 
#header{
	position:relative;
	height:220px;
	background-color:#FFFFFF;
	width:962px;
	background-image: url(../images/wbkk_karate_header.jpg);
	line-height: 18px;
	color: #62567A;
} 
 
#leftcol{
	width:165px;
	float:left;
	position:relative;
	padding-left: 54px;
}
 
#maincol{
	float: right;
	position: relative;
	width:693px;
	padding-right: 50px;
 }
 
 
#footer{
	background-color:#ffffff;
	background-image: url(../images/wbkk_karate_footer.jpg);
	height: 60px;
	background-repeat: no-repeat;
	clear: both;
	background-position: right;
 } 
 
#footermenu {
	font-size: 10px;
	position: relative;
	top: 30px;
	width: 800px;
	left: 55px;
	text-decoration: none;
	color: #666666;
}

#footermenu a {
	color: #666666;
	text-decoration: none;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
}

#footermenu a:hover {
	color: #B52323;
	text-decoration: none;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
}

/* left menu */

ul#leftmenu {
	margin-left: 0px;
	padding-left: 0px;
	color: #976D3C;
	list-style-type: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 18px;
}

li#leftmenu {
	width: 190px;
	height: 18px;

}

ul#leftmenu_sub {
	margin-left: 0px;
	padding-left: 0px;
	color: #976D3C;
	list-style-type: none;
	text-indent: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 18px;
}

li#leftmenu_sub {
	width: 190px;
	height: 18px;
	line-height: 18px;

}

.menu {
	list-style-type: none;
	color: #003366;
	text-decoration: none;
	font: 11px/18px Verdana, Arial, Helvetica, sans-serif;
	height: 18px;
	display: block;
}
.menu a {
	font: 11px/18px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #003366;
	list-style-type: none;
	height: 18px;
	width: 163px;
	display: block;
}

.menu a:hover {
	font: 11px/18px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #990000;
	list-style-type: none;
	height: 18px;
	width: 163px;
	display: block;
}

.menu_space {
	list-style-type: none;
	font: 11px/18px Verdana, Arial, Helvetica, sans-serif;
	height: 18px;
}

.menu_top {
	list-style-type: none;
	color: #003366;
	text-decoration: none;
	font: bold 12px/26px Verdana, Arial, Helvetica, sans-serif;
	height: 26px;
	width: 163px;
}
.menu_top a {
	color: #003366;
	text-decoration: none;
	font: bold 12px/26px Verdana, Arial, Helvetica, sans-serif;
}
.menu_top a:hover {
	color: #990000;
	text-decoration: none;
	font: bold 12px/26px Verdana, Arial, Helvetica, sans-serif;
}
.menu_bottom {
	list-style-type: none;
	height: 13px;
	background-position: bottom;
	line-height: 13px;
}

.headermenu {
	color: #333333;
	text-decoration: none;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	height: 22px;
	width: 400px;
	left: 55px;
	top: 150px;
	position: relative;
	float: left;
}
.headermenu a {
	color: #666666;
	text-decoration: none;
	font: 11px Verdana, Arial, Helvetica, sans-serif;

}
.headermenu a:hover {
	color: #003261;
	text-decoration: none;
	font: 11px Verdana, Arial, Helvetica, sans-serif;

}


/* text */

h1 {
	color: #003366;
	height: 22px;
	border-bottom: none;
	border-top: none;
	border-right: none;
	border-left: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 22px;
	font-weight: bold;
}

h2 {
	color: #963D41;
	height: 22px;
	border-bottom: none;
	border-top: none;
	border-right: none;
	border-left: none;
	margin-top: 0px;
	padding-top: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 22px;
	font-weight: bold;
}


p,td {
	font: 11px/20px Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
}

p a {
	text-decoration: none;
	color: #003366;
}

p a:hover {
	text-decoration: none;
	color: #990000;
}

ul {
	font: 11px/20px Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
}

ul a {
	text-decoration: none;
	color: #003366;
}

ul a:hover {
	text-decoration: none;
	color: #990000;
}


b, strong {
	font: bold 11px/20px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
}


.image_left {
	border: 1px solid #000000;
	margin-right: 10px;
}

.image_right {
	border: 1px solid #000000;
	margin-left: 10px;
	margin-bottom: 10px;
}
/* forms */

.textinput1 {
	width: 258px;
	color: #070743;
	border: 1px solid #CCC;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
}
.left_text {
	width: 40px;
	display: block;
	float: left;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.textinput2 {
	width: 560px;
	border: 1px solid #CCC;
	color: #070743;
	height: 125px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
}

.button {
	color: #347B59;
	background-color: #FFFFFF;
	border: 1px solid #2D7A58;
	cursor: hand;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: normal;
}
.button2 {
	font-family: Verdana, Geneva, sans-serif;
	color: #62567A;
	background-color: #F4F3F8;
	cursor: hand;
	border: 1px solid #FFFFFF;
}

/* clubs */

#club {
	margin-top: 10px;
	}
#club_left {
	float: left;
	}
#club_right {
	float: right;
	}	

/* images */

.galleryimages {
	border: 1px solid #000000;
}




@media print{ 
/*hide the header, footer and left column when printing*/ 
#header{display:none;} 
#footer{display:none;}
#leftcol{display:none;}

/*hide the right column when printing*/ 
#rightcol{display:none;
} 
#twocols, #maincol{width:100%; float:none;}

body{
	margin:0;
	padding:0;
	color: #333333;
	font: 11px/16px Verdana, Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
}

#maincol{
	background-image: none;
	background-color: #FFFFFF;
	width: 640px;
 }
 
p,ul,li,td,h1,h2,b,strong,a {
	text-decoration: none;
	color: #000000;
}
a.content_link {
	text-decoration: none;
	color: #000000;
}

p a {
	text-decoration: none;
	color: #000000;
}



.clubentry {
	margin: 5px 0px 10px;
	width: 590px;
	background-color: #FFFFFF;
	padding: 5px;
	border: 1px solid #FFFFFF;
}
.yudansha_table {
	margin-bottom: 5px;
	background-color: #FFFFFF;
	width: 480px;
	border-top: 1px #FFFFFF;
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px #FFFFFF;
	border-left: 1px #FFFFFF;
}

}