@charset "utf-8";

/* CSS Document */



body {

	background-color: #609ED5;

	color: #000;

	font-family: "Calibri", "Lucida Grande", "Trebuchet MS", serif;

}



/* Font */



p {
	font-size: 16px;
	color: #000;
	font-weight: bold;

	}

	

a {

	color: #B84545;

}



a:hover {

	color: #833131;

	text-decoration: none;

}



h1 {

	font-size: 24px;

	color: #000;

}



h2 {

	font-size: 20px;

	color: #000;

}



h3 {

	font-size: 18px;

	color: #000;



}



h4 {

	font-size: 16px;

	color: #000;

}



h5 {

	font-size: 14px;

	color: #000;

}



h6 {

	font-size: 12px;

	color: #000;

}



ul {

	list-style: none;

	padding: 0;

	margin: 0;

}



li {

	

	

}









h1.heading, h2.heading, h3.heading, h5.heading, h6.heading {

	color: #FFF;

	text-align: left;

	line-height: 2px;

	margin-left: 8px;

}



h4.heading {

	color: #C0D7FF;

	text-align: right;

	margin-right: 5px;

}



/*tables*/



table {

	font-size: 16px;

}



td {

	border: 1px solid #000;

	padding: 5px;

	text-align: center;

}



td.red {

	background-color: #F00;

	border: 1px solid #000;

}



td.yellow {

	background-color: #FF0;

	border: 1px solid #000;

}



td.orange {

	background-color: #F60;

	border: 1px solid #000;

}



td.green {

	background-color: #090;

	border: 1px solid #000;

}



td.blue {

	background-color: #00F;

	border: 1px solid #000;

}



td.purple {

	background-color: #60C;

	border: 1px solid #000;

}



td.purple-white {

	background: url(images/purple-white-tbl.png);

	border: 1px solid #000;

}



td.brown {

	background-color: #630;

	border: 1px solid #000;

}



td.brown-white {

	background: url(images/brown-white-tbl.png);

	border: 1px solid #000;

}



td.black {

	background-color: #000;

	border: 1px solid #000;

}





/*heading*/



#header-container {

	width: 100%;

	height: 170px;

	background: url(images/banner.png) no-repeat;

}



/*images*/



.thumbnail {

position: relative;

z-index: 0;

}



.thumbnail:hover {

background-color: transparent;

z-index: 50;

}



.thumbnail span { /*CSS for enlarged image*/

position: absolute;

background-color: lightyellow;

padding: 5px;

left: -1000px;

border: 1px dashed gray;

visibility: hidden;

color: black;

text-decoration: none;

}



.thumbnail span img { /*CSS for enlarged image*/

border-width: 0;

padding: 2px;

}



.thumbnail:hover span { /*CSS for enlarged image on hover*/

visibility: visible;

top: 0;

left: 60px; /*position where enlarged image should offset horizontally */

}



/*navigation*/





#nav-title {

	display: block;

	height: 30px;

	width: 100px;

	background-color: #005AAB;

	margin-left: -1px;

	margin-top: 30px;

	border-top: 1px solid #000;

	border-right: 1px solid #000;

	-moz-border-radius-topright: 20px;

	-webkit-border-top-right-radius: 20px;

}



#nav-title li {

	color: #FFF;

	font-size: 18px;

	text-align: center;

	line-height: 30px;

}



#navigation {

	display: block;

	width: 200px;

	height: 630px;

	background-color: #609ED5;

	margin-left: -1px;

	margin-top: 0px;

	float: left;

	text-align: right;

	padding: 0;

	-moz-border-radius-topright: 5px;

	-moz-border-radius-bottomright: 5px;

	-webkit-border-top-right-radius: 5px;

	-webkit-border-bottom-right-radius: 5px;	

	border-radius: 5px;

	border-right: 1px solid #000;

	border-bottom: 1px solid #000;

	border-top: 1px solid #000;

}



#navigation li a {

	display: block;

	height: 30px;

	width: 170px;

	text-align: right;

	float: right;

	line-height: 40px;

	margin-top: 12px;

	text-decoration: none;

	background-color: #CCC;

	border-bottom: 1px solid #000;

	border-top: 1px solid #000;

	border-left: 1px solid #000;

	color: #000;

	padding-right: 10px;

}



#navigation.home li.button1 a {

	display: block;

	height: 30px;

	width: 180px;

	text-align: right;

	float: right;

	line-height: 40px;

	margin-top: 12px;

	text-decoration: none;

	background: #FFF url(images/but-white.png);

	border-bottom: 1px solid #000;

	border-top: 1px solid #000;

	border-left: 1px solid #000;

	color: #000;

	padding-right: 10px;

}



#navigation.iskarateforme li.button2 a {

	display: block;

	height: 30px;

	width: 180px;

	text-align: right;

	float: right;

	line-height: 40px;

	margin-top: 12px;

	text-decoration: none;

	background: #FFF url(images/but-red.png);

	border-bottom: 1px solid #000;

	border-top: 1px solid #000;

	border-left: 1px solid #000;

	color: #000;

	padding-right: 10px;

}



#navigation.ourclubs li.button3 a {

	display: block;

	height: 30px;

	width: 180px;

	text-align: right;

	float: right;

	line-height: 40px;

	margin-top: 12px;

	text-decoration: none;

	background: #FFF url(images/but-yellow.png);

	border-bottom: 1px solid #000;

	border-top: 1px solid #000;

	border-left: 1px solid #000;

	color: #000;

	padding-right: 10px;

}



#navigation.datesevents li.button4 a {

	display: block;

	height: 30px;

	width: 180px;

	text-align: right;

	float: right;

	line-height: 40px;

	margin-top: 12px;

	text-decoration: none;

	background: #FFF url(images/but-orange.png);

	border-bottom: 1px solid #000;

	border-top: 1px solid #000;

	border-left: 1px solid #000;

	color: #000;

	padding-right: 10px;

}



#navigation.sparringforms li.button5 a {

	display: block;

	height: 30px;

	width: 180px;

	text-align: right;

	float: right;

	line-height: 40px;

	margin-top: 12px;

	text-decoration: none;

	background: #FFF url(images/but-green.png);

	border-bottom: 1px solid #000;

	border-top: 1px solid #000;

	border-left: 1px solid #000;

	color: #000;

	padding-right: 10px;

}



#navigation.anatomyprojects li.button6 a {

	display: block;

	height: 30px;

	width: 180px;

	text-align: right;

	float: right;

	line-height: 40px;

	margin-top: 12px;

	text-decoration: none;

	background: #FFF url(images/but-blue.png);

	border-bottom: 1px solid #000;

	border-top: 1px solid #000;

	border-left: 1px solid #000;

	color: #000;

	padding-right: 10px;

}



#navigation.faq li.button7 a {

	display: block;

	height: 30px;

	width: 180px;

	text-align: right;

	float: right;

	line-height: 40px;

	margin-top: 12px;

	text-decoration: none;

	background: #FFF url(images/but-purple.png);

	border-bottom: 1px solid #000;

	border-top: 1px solid #000;

	border-left: 1px solid #000;

	color: #000;

	padding-right: 10px;

}



#navigation.colourbeltgrading li.button8 a {

	display: block;

	height: 30px;

	width: 180px;

	text-align: right;

	float: right;

	line-height: 40px;

	margin-top: 12px;

	text-decoration: none;

	background: #FFF url(images/but-purple-white.png);

	border-bottom: 1px solid #000;

	border-top: 1px solid #000;

	border-left: 1px solid #000;

	color: #000;

	padding-right: 10px;

}



#navigation.colourbeltseminars li.button9 a {

	display: block;

	height: 30px;

	width: 180px;

	text-align: right;

	float: right;

	line-height: 40px;

	margin-top: 12px;

	text-decoration: none;

	background: #FFF url(images/but-brown.png);

	border-bottom: 1px solid #000;

	border-top: 1px solid #000;

	border-left: 1px solid #000;

	color: #000;

	padding-right: 10px;

}



#navigation.gallery li.button10 a {

	display: block;

	height: 30px;

	width: 180px;

	text-align: right;

	float: right;

	line-height: 40px;

	margin-top: 12px;

	text-decoration: none;

	background: #FFF url(images/but-brown-white.png);

	border-bottom: 1px solid #000;

	border-top: 1px solid #000;

	border-left: 1px solid #000;

	color: #000;

	padding-right: 10px;

}



#navigation.danpage li.button11 a {

	display: block;

	height: 30px;

	width: 180px;

	text-align: right;

	float: right;

	line-height: 40px;

	margin-top: 12px;

	text-decoration: none;

	background: #FFF url(images/but-black.png);

	border-bottom: 1px solid #000;

	border-top: 1px solid #000;

	border-left: 1px solid #000;

	color: #000;

	padding-right: 10px;

}



#navigation.etiquette li.button12 a {

	display: block;

	height: 30px;

	width: 180px;

	text-align: right;

	float: right;

	line-height: 40px;

	margin-top: 12px;

	text-decoration: none;

	background: #FFF url(images/but-black2.png);

	border-bottom: 1px solid #000;

	border-top: 1px solid #000;

	border-left: 1px solid #000;

	color: #000;

	padding-right: 10px;

}



#navigation.howto li.button13 a {

	display: block;

	height: 30px;

	width: 180px;

	text-align: right;

	float: right;

	line-height: 40px;

	margin-top: 12px;

	text-decoration: none;

	background: #FFF url(images/but-black3.png);

	border-bottom: 1px solid #000;

	border-top: 1px solid #000;

	border-left: 1px solid #000;

	color: #000;

	padding-right: 10px;

}



#navigation.contactus li.button14 a {

	display: block;

	height: 30px;

	width: 180px;

	text-align: right;

	float: right;

	line-height: 40px;

	margin-top: 12px;

	text-decoration: none;

	background: #FFF url(images/but-black4.png);

	border-bottom: 1px solid #000;

	border-top: 1px solid #000;

	border-left: 1px solid #000;

	color: #000;

	padding-right: 10px;

}





#navigation li.button1 a:hover {

	background: #FFF url(images/but-white.png);

	color: #000;

}



#navigation li.button2 a:hover {

	background: #FFF url(images/but-red.png);

	color: #000;

}



#navigation li.button3 a:hover {

	background: #FFF url(images/but-yellow.png);

	color: #000;

}



#navigation li.button4 a:hover {

	background: #FFF url(images/but-orange.png);

	color: #000;

}



#navigation li.button5 a:hover {

	background: #FFF url(images/but-green.png);

	color: #000;

}



#navigation li.button6 a:hover {

	background: #FFF url(images/but-blue.png);

	color: #000;

}



#navigation li.button7 a:hover {

	background: #FFF url(images/but-purple.png);

	color: #000;

}



#navigation li.button8 a:hover {

	background: #FFF url(images/but-purple-white.png);

	color: #000;

}



#navigation li.button9 a:hover {

	background: #FFF url(images/but-brown.png);

	color: #000;

}



#navigation li.button10 a:hover {

	background: #FFF url(images/but-brown-white.png);

	color: #000;

}



#navigation li.button11 a:hover {

	background: #FFF url(images/but-black.png);

	color: #000;

}



#navigation li.button12 a:hover {

	background: #FFF url(images/but-black2.png);

	color: #000;

}



#navigation li.button13 a:hover {

	background: #FFF url(images/but-black3.png);

	color: #000;

}



#navigation li.button14 a:hover {

	background: #FFF url(images/but-black4.png);

	color: #000;

}



/*content*/



/* page container */

#container {

	width: 1120px;

	margin: 0 auto;

	height:100%;

	min-height:100%;

}



/*content-container*/

#content-container {

	border: 1px solid #FFF;

	width: 1065px;

	background-color: #FFF;

	height:100%;

	min-height:100%;

	float: right;

}





#main-content-container {

	width: 850px;

	float: right;

	margin-right: 0px;

	height:100%;

	min-height:100%;

}



#main-content {

	width: 100%;

	background-color: #E7E7E7;

	color: #000;

	border-left: 1px solid #000;

	border-bottom: 1px solid #000;

	-moz-border-radius-bottomleft: 10px;

	-webkit-boredr-bottom-left-radius: 20px;

	margin-right: -1px;

	float: right;

	height:100%;

	min-height:100%;

	padding: 1px;

}



#page-title {

	height: 30px;

	width: 100%;

	background-color: #005AAB;

	border-top: 1px solid #000;

	border-left: 1px solid #000;

	-moz-border-radius-topleft: 10px;

	-webkit-border-top-left-radius: 10px;

	float: right;

	margin-right: -1px;

	padding: 1px;

	

	

}



#page-title li {

	color: #FFF;

	font-size: 16px;

	text-align: center;

	line-height: 30px;

	margin-left: 10px;

}







.button{

	height: 30px;

	width: 80%;

	background-color: #005AAB;

	border-top: 1px solid #000;

	border-left: 1px solid #000;

	border-right: 1px solid #000;

	-moz-border-radius-topleft: 10px;

	-webkit-border-top-left-radius: 10px;

	-moz-border-radius-topright: 10px;

	-webkit-border-top-right-radius: 10px;

	float: left;

	margin-left: 30px;

	margin-top: 5px;

	padding: 1px;

	color: #FFF;

	font-size: 16px;

}

	a.button {

		text-decoration:none;

		

	}

	

	.button a:hover {

		color: #FFF;

	}

	

	.button span {

		

		display:block;

		height:31px;

		line-height:31px;

		padding-left:10px;

		padding-right:8px;

		margin-right:20px;

		margin-bottom: 5px;

		color: #FFF;

	}

													*/



	ul.v-menu1, .v-menu1 li{

		 

		margin-bottom: 5px;

		list-style:none;

		

	}



		.v-menu1 li {

		width: 79%;

		background-color: #CCCCCC;

		color: #000;

		border: 1px solid #000;

		-moz-border-radius-bottomleft: 10px;

		-webkit-boredr-bottom-left-radius: 20px;

		-moz-border-radius-bottomright: 10px;

		-webkit-boredr-bottom-right-radius: 20px;

		margin-left: 30px;

		margin-bottom: 5px;

		float: left;

		height:100%;

		min-height:100%;

		padding: 1px;

		padding-top: 10px;

		padding-bottom: 10px;

		padding-left: 10px;

		line-height: 1px;

		}









	ul.v-menu2, .v-menu2 li{

		 

		margin-top: 0px;

		list-style:none;

	}



		.v-menu2 li {

		width: 79%;

		background-color: #CCCCCC;

		color: #000;

		border: 1px solid #000;

		-moz-border-radius-bottomleft: 10px;

		-webkit-boredr-bottom-left-radius: 20px;

		-moz-border-radius-bottomright: 10px;

		-webkit-boredr-bottom-right-radius: 20px;

		margin-left: 30px;

		margin-bottom: 5px;

		float: left;

		height:100%;

		min-height:100%;

		padding: 1px;

		padding-top: 10px;

		padding-bottom: 10px;

		padding-left: 10px;

		line-height: 1px;

		}

	

	ul.v-menu3, .v-menu3 li{

		 

		margin-top: 0px;

		list-style:none;

	}



		.v-menu3 li {

		width: 79%;

		background-color: #CCCCCC;

		color: #000;

		border: 1px solid #000;

		-moz-border-radius-bottomleft: 10px;

		-webkit-boredr-bottom-left-radius: 20px;

		-moz-border-radius-bottomright: 10px;

		-webkit-boredr-bottom-right-radius: 20px;

		margin-left: 30px;

		margin-bottom: 5px;

		float: left;

		height:100%;

		min-height:100%;

		padding: 1px;

		padding-top: 10px;

		padding-bottom: 10px;

		padding-left: 10px;

		line-height: 1px;

		}

		

		ul.v-menu4, .v-menu4 li{

		 

		margin-top: 0px;

		list-style:none;

	}



		.v-menu4 li {

		width: 79%;

		background-color: #CCCCCC;

		color: #000;

		border: 1px solid #000;

		-moz-border-radius-bottomleft: 10px;

		-webkit-boredr-bottom-left-radius: 20px;

		-moz-border-radius-bottomright: 10px;

		-webkit-boredr-bottom-right-radius: 20px;

		margin-left: 30px;

		margin-bottom: 5px;

		float: left;

		height:100%;

		min-height:100%;

		padding: 1px;

		padding-top: 10px;

		padding-bottom: 10px;

		padding-left: 10px;

		line-height: 1px;

		}

		

		ul.v-menu5, .v-menu5 li{

		 

		margin-top: 0px;

		list-style:none;

	}



		.v-menu5 li {

		width: 79%;

		background-color: #CCCCCC;

		color: #000;

		border: 1px solid #000;

		-moz-border-radius-bottomleft: 10px;

		-webkit-boredr-bottom-left-radius: 20px;

		-moz-border-radius-bottomright: 10px;

		-webkit-boredr-bottom-right-radius: 20px;

		margin-left: 30px;

		margin-bottom: 5px;

		float: left;

		height:100%;

		min-height:100%;

		padding: 1px;

		padding-top: 10px;

		padding-bottom: 10px;

		padding-left: 10px;

		line-height: 1px;

		}

		

		ul.v-menu6, .v-menu6 li{

		 

		margin-top: 0px;

		list-style:none;

	}



		.v-menu6 li {

		width: 79%;

		background-color: #CCCCCC;

		color: #000;

		border: 1px solid #000;

		-moz-border-radius-bottomleft: 10px;

		-webkit-boredr-bottom-left-radius: 20px;

		-moz-border-radius-bottomright: 10px;

		-webkit-boredr-bottom-right-radius: 20px;

		margin-left: 30px;

		margin-bottom: 5px;

		float: left;

		height:100%;

		min-height:100%;

		padding: 1px;

		padding-top: 10px;

		padding-bottom: 10px;

		padding-left: 10px;

		line-height: 1px;

		}

		

		ul.v-menu7, .v-menu7 li{

		 

		margin-top: 0px;

		list-style:none;

	}



		.v-menu7 li {

		width: 79%;

		background-color: #CCCCCC;

		color: #000;

		border: 1px solid #000;

		-moz-border-radius-bottomleft: 10px;

		-webkit-boredr-bottom-left-radius: 20px;

		-moz-border-radius-bottomright: 10px;

		-webkit-boredr-bottom-right-radius: 20px;

		margin-left: 30px;

		margin-bottom: 5px;

		float: left;

		height:100%;

		min-height:100%;

		padding: 1px;

		padding-top: 10px;

		padding-bottom: 10px;

		padding-left: 10px;

		line-height: 1px;

		}

		

		ul.v-menu8, .v-menu8 li{

		 

		margin-top: 0px;

		list-style:none;

	}



		.v-menu8 li {

		width: 79%;

		background-color: #CCCCCC;

		color: #000;

		border: 1px solid #000;

		-moz-border-radius-bottomleft: 10px;

		-webkit-boredr-bottom-left-radius: 20px;

		-moz-border-radius-bottomright: 10px;

		-webkit-boredr-bottom-right-radius: 20px;

		margin-left: 30px;

		margin-bottom: 5px;

		float: left;

		height:100%;

		min-height:100%;

		padding: 1px;

		padding-top: 10px;

		padding-bottom: 10px;

		padding-left: 10px;

		line-height: 1px;

		}

		

		ul.v-menu9, .v-menu9 li{

		 

		margin-top: 0px;

		list-style:none;

	}



		.v-menu9 li {

		width: 79%;

		background-color: #CCCCCC;

		color: #000;

		border: 1px solid #000;

		-moz-border-radius-bottomleft: 10px;

		-webkit-boredr-bottom-left-radius: 20px;

		-moz-border-radius-bottomright: 10px;

		-webkit-boredr-bottom-right-radius: 20px;

		margin-left: 30px;

		margin-bottom: 5px;

		float: left;

		height:100%;

		min-height:100%;

		padding: 1px;

		padding-top: 10px;

		padding-bottom: 10px;

		padding-left: 10px;

		line-height: 1px;

		}

		

		ul.v-menu10, .v-menu10 li{

		 

		margin-top: 0px;

		list-style:none;

	}



		.v-menu10 li {

		width: 79%;

		background-color: #CCCCCC;

		color: #000;

		border: 1px solid #000;

		-moz-border-radius-bottomleft: 10px;

		-webkit-boredr-bottom-left-radius: 20px;

		-moz-border-radius-bottomright: 10px;

		-webkit-boredr-bottom-right-radius: 20px;

		margin-left: 30px;

		margin-bottom: 5px;

		float: left;

		height:100%;

		min-height:100%;

		padding: 1px;

		padding-top: 10px;

		padding-bottom: 10px;

		padding-left: 10px;

		line-height: 1px;

		}

		

		ul.v-menu11, .v-menu11 li{

		 

		margin-top: 0px;

		list-style:none;

	}



		.v-menu11 li {

		width: 79%;

		background-color: #CCCCCC;

		color: #000;

		border: 1px solid #000;

		-moz-border-radius-bottomleft: 10px;

		-webkit-boredr-bottom-left-radius: 20px;

		-moz-border-radius-bottomright: 10px;

		-webkit-boredr-bottom-right-radius: 20px;

		margin-left: 30px;

		margin-bottom: 5px;

		float: left;

		height:100%;

		min-height:100%;

		padding: 1px;

		padding-top: 10px;

		padding-bottom: 10px;

		padding-left: 10px;

		line-height: 1px;

		}

		

		ul.v-menu12, .v-menu12 li{

		 

		margin-top: 0px;

		list-style:none;

	}



		.v-menu12 li {

		width: 79%;

		background-color: #CCCCCC;

		color: #000;

		border: 1px solid #000;

		-moz-border-radius-bottomleft: 10px;

		-webkit-boredr-bottom-left-radius: 20px;

		-moz-border-radius-bottomright: 10px;

		-webkit-boredr-bottom-right-radius: 20px;

		margin-left: 30px;

		margin-bottom: 5px;

		float: left;

		height:100%;

		min-height:100%;

		padding: 1px;

		padding-top: 10px;

		padding-bottom: 10px;

		padding-left: 10px;

		line-height: 1px;

		}

		

		ul.v-menu13, .v-menu13 li{

		 

		margin-top: 0px;

		list-style:none;

	}



		.v-menu13 li {

		width: 79%;

		background-color: #CCCCCC;

		color: #000;

		border: 1px solid #000;

		-moz-border-radius-bottomleft: 10px;

		-webkit-boredr-bottom-left-radius: 20px;

		-moz-border-radius-bottomright: 10px;

		-webkit-boredr-bottom-right-radius: 20px;

		margin-left: 30px;

		margin-bottom: 5px;

		float: left;

		height:100%;

		min-height:100%;

		padding: 1px;

		padding-top: 10px;

		padding-bottom: 10px;

		padding-left: 10px;

		line-height: 1px;

		}

		



		

		#header-news {

			background-color: #E7E7E7;

			width: 40%;

			height: 20px;

			color: #FFF;

			float: right;

			margin-right: 40px;

			border: 1px solid #000;

		}