/* css structure */

body{
	margin:0;
	padding:0;
	color: #333333;
	background-color: #000000;
	background-image: url(../images/karate_site_bg.jpg);
	background-repeat: repeat-x;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
} 
.basics_table {
	background-image: url(../images/basics_bg.jpg);
	background-repeat: no-repeat;
	height: 206px;
	width: 581px;
}
 
#pagewidth {
	width:990px;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	background-image: url(../images/karate_site_page_bg.jpg);
	background-repeat: repeat-y;
	background-color: #ffffff;
} 
 
#header {
	position:relative;
	height:175px;
	background-color:#FFFFFF;
	width:990px;
	background-image: url(../images/karate_site_header.jpg);
	line-height: 18px;
	color: #62567A;
	background-repeat: no-repeat;
} 

 
#leftcol {
	width:170px;
	float:left;
	position:relative;
	padding-top: 0px;
	margin-top: 0px;
}
 
#twocols {
	width:820px;
	float:right;
	position:relative;
  }
 
#rightcol {
	width:198px;
	float:right;
	position:relative;
	padding-left: 10px;
	padding-right: 10px;

}
 
#maincol {
	float: left;
	position: relative;
	width:582px;
	overflow: visible;
	padding-left: 10px;
	padding-right: 10px;
 }
 
 
#footer {
	background-color:#FFFFFF;
	background-image: url(../images/karate_site_footer.jpg);
	height: 44px;
	background-repeat: no-repeat;
	clear: both;
	width: 100%;
 } 
 
#footermenu {
	font-size: 10px;
	position: relative;
	top: 15px;
	left: 30px;
	width: 800px;
	color: #FFFFFF;
}
#footermenu a {
	color: #FFFFFF;
	text-decoration: none;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
}

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

/* left menu */

ul#leftmenu {
	margin-left: 0px;
	padding-left: 0px;
	margin-top: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-bottom: 0px;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	list-style-type: none;
}

li#leftmenu {
	width: 170px;
	height: 22px;

}

.menu_blank {
	list-style-type: none;
	color: #617DA5;
	text-decoration: none;
	font: 11px/20px Verdana, Arial, Helvetica, sans-serif;
	height: 22px;
	text-indent: 15px;
	display: block;
}

.menu_blank a {
	list-style-type: none;
	color: #E1532F;
	text-decoration: none;
	font: 11px/20px Verdana, Arial, Helvetica, sans-serif;
	height: 22px;
	display: block;
}

.menu_blank a:hover {
	list-style-type: none;
	color: #607DA7;
	text-decoration: none;
	font: 11px/20px Verdana, Arial, Helvetica, sans-serif;
	height: 22px;
	display: block;
}

.menu {
	list-style-type: none;
	color: #333333;
	text-decoration: none;
	background-image: url(../images/karate_site_menu_up.jpg);
	background-repeat: no-repeat;
	height: 22px;
	text-indent: 15px;
	display: block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 20px;
	font-weight: bold;
}
.menu a {
	font: normal 11px/20px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #E1532F;
	list-style-type: none;
	height: 22px;
	width: 170px;
	display: block;
}

.menu a:hover {
	font: normal 11px/20px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #5F7CA4;
	list-style-type: none;
	height: 22px;
	width: 170px;
	display: block;
	background-image: url(../images/karate_site_menu_over.jpg);
	background-repeat: no-repeat;
}


.menu_title {
	list-style-type: none;
	color: #333333;
	text-decoration: none;
	font: bold 11px/20px Verdana, Arial, Helvetica, sans-serif;
	background-image: url(../images/karate_site_menu_up.jpg);
	background-repeat: no-repeat;
	height: 22px;
	text-indent: 15px;
	display: block;
	width: 170px;
}

.menu2 {
	list-style-type: none;
	color: #333333;
	text-decoration: none;
	background-image: url(../images/karate_site_menu_up.jpg);
	background-repeat: no-repeat;
	height: 22px;
	text-indent: 15px;
	display: block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 20px;
	font-weight: normal;
}

ul#rightmenu {
	margin-left: 0px;
	margin-top: 0px;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #62567A;
	list-style-type: none;
	border-top: none;
	border-right: none;
	border-bottom: none;
	border-left: none;
	padding-top: 0px;
	padding-left: 0px;
}

#rightcol td a {
	font: normal 11px/22px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #E1532F;
	text-align: center;
}

#rightcol td a:hover {
	text-decoration: none;
	color: #617DA5;
	text-align: center;
}

.menu_right_top {
	list-style-type: none;
	color: #617DA5;
	text-decoration: none;
	text-indent: 0px;
	padding-bottom: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-style: normal;
	line-height: 22px;
	font-weight: normal;
	font-variant: normal;
}

.menu_right {
	font: normal 11px/22px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #475E7E;
	list-style-type: none;
}
.menu_right a {
	font: normal 11px/22px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #E1532F;
	list-style-type: none;
}

.menu_right a:hover {
	font: normal 11px/22px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #637AA4;
	list-style-type: none;
}


/* header menu*/

.headermenu {
	color: #E36847;
	text-decoration: none;
	font: normal 11px/20px Verdana, Arial, Helvetica, sans-serif;
	height: 18px;
	width: 700px;
	top: 113px;
	position: relative;
	float: left;
	left: 12px;
}
.headermenu a {
	color: #333333;
	text-decoration: none;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;

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

}



/* text */



h1 {
	color: #617DA5;
	padding-bottom: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-style: normal;
	line-height: 22px;
	font-weight: normal;
	font-variant: normal;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

h2 {
	font: bold 11px/18px Verdana, Arial, Helvetica, sans-serif;
	color: #617DA5;
	border-bottom: none;
	border-top: none;
	border-right: none;
	border-left: none;
}

h3 {
	font: bold 11px/18px Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	border-top: none;
	border-right: none;
	border-left: none;
	border-bottom-style: none;
}

.title_orange {
	font: normal 24px Verdana, Arial, Helvetica, sans-serif;
	color: #DB6D54;
}

.title_black {
	font: normal 24px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
}

.red_11_bold {
	font: bold 11px/18px Verdana, Arial, Helvetica, sans-serif;
	color: #FF0000;
}


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


ul {
	font: 11px/18px Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	text-decoration: none;
	list-style-type: disc;
}

ul a {
	font: 11px/18px Verdana, Arial, Helvetica, sans-serif;
	color: #E0623C;
	text-decoration: none;
}
ul a:hover{
	font: 11px/18px Verdana, Arial, Helvetica, sans-serif;
	color: #617DA5;
	text-decoration: none;
}

p a {
	color: #DC6142;
	font: normal 11px/18px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}
p a:hover {
	color: #617DA5;
	font: normal 11px/18px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}


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



.disclaimer {
	font: 10px/18px Verdana, Arial, Helvetica, sans-serif;
	color: #617DA5;
}

.table_repecharge {
	border: 1px solid #E9E9E9;
}

hr {
	border: 0;
	color: #E2E2E2;
	background-color: #E2E2E2;
	height: 1px;
	width: 100%;
	text-align: left;
}


/* forms */

.textinput1 {
	width: 220px;
	border: 1px solid #DAD6CA;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	background-color: #FDFDFF;
	margin-bottom: 7px;
	background-image: url(../images/input_bg.jpg);
	background-repeat: no-repeat;
	text-indent: 5px;
}
.textinput2 {
	width: 520px;
	border: 1px solid #DAD6CA;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	height: 150px;
	background-color: #FDFDFF;
	background-image: url(../images/input_bg.jpg);
	background-repeat: no-repeat;
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
}
.textinput3 {
	width: 523px;
	border: 1px solid #C9C4B1;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	margin-right: 0px;
	padding-right: 0px;
	margin-top: 0px;
	margin-bottom: 4px;
	padding-top: 0px;
	padding-bottom: 0px;
	height: 16px;
	background-image: url(../images/input_bg.jpg);
	background-repeat: no-repeat;
	text-indent: 5px;
}
.textinput4 {
	width: 200px;
	border: 1px solid #D6D2C6;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	margin-right: 0px;
	padding-right: 0px;
	margin-top: 0px;
	margin-bottom: 4px;
	padding-top: 0px;
	padding-bottom: 0px;
	height: 16px;
	background-image: url(../images/input_bg.jpg);
	background-repeat: no-repeat;
}


.button {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #E0623C;
	background-color: #F9F9F7;
	border: 1px solid #DAD6CA;
	cursor: hand;
	height: 20px;
}
.button2 {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #952936;
	background-color: #F4F3F8;
	cursor: hand;
	border: 1px solid #FFFFFF;
}
.search_top {
	padding: 0px 1px 1px 3px;
	border: 1px solid #617DA5;
}

/* images */

.galleryimages {
	border: 1px solid #6A6C57;
	margin-right: 10px;
	padding: 4px;
	margin-left: 10px;
}

.mainimage {
	padding: 5px;
	border: 1px solid #D5D5D5;
	margin-left: 5px;
}


@media print{ 
/*hide the header, footer and left column when printing*/ 
#header{display:none;} 
#footer{display:none;}
#leftcol{display:none;}
#rightcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
form{display:none;} 

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

#maincol{
	background-image: none;
	background-color: #FFFFFF;
	width: 600px;
 }

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

h1 {
	font: normal 22px/22px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	margin: 0px;
	padding-bottom: 0px;
}

h2 {
	font: bold 11px/18px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	border-bottom: none;
	border-top: none;
	border-right: none;
	border-left: none;
}

p,td {
	font: 11px/18px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: none;
}

ul {
	font: 11px/18px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: none;
	list-style-type: disc;
}

ul a {
	font: 11px/18px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: none;
}
ul a:hover{
	font: 11px/18px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: none;
}

p a {
	color: #000000;
	font: normal 11px/18px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}
p a:hover {
	color: #000000;
	font: normal 11px/18px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: underline;
}


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


}