/* JOHN TAE KWON DO WEB CSS */

html {
		height: 100%;
		}


body {		
		background-color: #fff;
		font: normal normal 500 11pt "verdana", san-serif;
		color: #222;
		padding: 0px;
		margin: 0px;
		height: 100%;	
			background-image: url('images/headright3M.jpg');
			background-repeat: repeat-x;
			background-position: top left;
		}


#tainer {
			position: relative;
			top: 0px;
			left: 0px;
			width: 100%;
			min-height: 100%;
			border: 0px solid #f00;
			background-color: transparent;
			padding: 0px;
			cursor: default;
				background-image: url('images/left5M.jpg'); 
				background-repeat: repeat-y;
				background-position: 0px 0px;
			}


/* PAGE LAYOUT ___________________________________________________________________ */


#topborder {
					position: absolute;
					top: 0px;
					left: 0px;
					width: 100%;
					min-width: 840px;
					height: 270px;
					border: 0px solid #0f0;
					background-image: url('images/headright3MT.gif');
					background-repeat: repeat-x;
					background-position: left top;
					}



#header { 
			position: relative;
			top: 0px;
			left: 0px;
			width: 700px;
			height: 268px;
			border: 0px solid #00f;
			background-color: transparent;
				background-image: url('images/head6cM.jpg');
				background-repeat: no-repeat;
				background-position: 0px 0px;
	
			}


#Rhead { 
			position: absolute;
			top: 0px;
			left: 0px;
			width: 99.2%;
			min-width: 840px;
			height: 120px;
			border: 0px solid #0f0;
			background-image: url('images/script2M.jpg');
			background-repeat: no-repeat;
			background-position: top right;
			}


#toplinksbox { 
					position: absolute;
					top: 41px;
					left: 0px;
					width: 93.5%;
					background-color: transparent;
					min-width: 780px;
					padding: 0px 0px 0px 0px;
					border: 0px solid #f00;
					cursor: default;
					}
		
#botlinksbox { 
					position: absolute;
					bottom: 0px;
					left: 0px;
					width: 92.5%;
					background-color: transparent;
					min-width: 780px;
					height: 44px;
					border: 0px solid #f0f;
					cursor: default;
					}
	
#lnav { 
			position: absolute;
			top: 268px;
			left: 0px;
			width: 164px;
			height: 212px;
			border: 0px solid #ff0;
			background-image: url('images/nav6M.jpg');
			background-repeat: no-repeat;
			background-position: 0px 0px;
			padding-top: 66px;
			cursor: default;
			}



			
			
/* #footer { 
			position: absolute;
			bottom: 0px;
			left: 0px;
			min-width: 840px;
			width: 100%;
			height: 74px;
			border: 0px solid #999;
			background-color: transparent;
			background-image: url('images/bottom4cMT.png');
			background-repeat: repeat-x;
			background-position: top left;
			
			}		*/

	
	
#footer { 
					/* position: absolute;
					bottom: 0px;
					left: 0px; */
					position: relative;
					margin-top: -74px;
					width: 100%;
					min-width: 840px;
					height: 74px;
					border: 0px solid #999;
					background-color: transparent;
					background-image: url('images/bottom4cMT.png');
					background-repeat: repeat-x;
					background-position: top left;
					
					}		
	
			
#Lfoot { 
			position: absolute;
			bottom: 0px;
			left: 0px;
			width: 160px;
			height: 74px;
			border: 0px solid #0ff;
			background-color: transparent;
			background-image: url('images/bottomleft5cM.jpg');
			background-repeat: no-repeat;
			background-position: 0px 0px;
			}


			
#Rfoot { 
			position: absolute;
			bottom: 0px;
			left: 0px;
			width: 100%;
			min-width: 841px;
			background-color: transparent;
			height: 74px;
			border: 0px solid #f00;
				background-image: url('images/bottomright2cMT.png');
				background-repeat: no-repeat;
				background-position: top right;
			}
			
#footinfo { 
					position: absolute;
					bottom: 13px;
					left: 10px;
					width: 136px;
					height: 25px;
					border: 0px solid #a9a28d;
					background-color: transparent;  /* #c4bca6 */
					padding: 0px 0px 0px 0px;
					cursor: default;
					}


#spacer { 
			position: relative;
			width: 595px;
			height: 94px;
			margin-left: 175px;
			border: 0px solid #0f0;
			background-color: transparent;
			padding: 0px;
			}


#stuffwrap { 
			position: relative;
			min-width: 595px;
			max-width: 774px;
			margin-left: 175px;
			border: 0px solid #333;
			background-color: transparent;
			padding: 30px 50px 30px 0px;
			}

#slider { 
			position: relative;
			max-width: 717px;
			margin-left: auto;
			margin-right: 0px;
			border: 0px solid #555;
			background-color: transparent;
			padding: 0px 0px 0px 0px;
			}


#Ibamboo {
			position: absolute;
			top: 0px;
			left: 0px;
			width: 100%;
			min-width: 1015px;
			height: 100%;
			border: 0px solid #f00;
				background-image: url('images/bamboo1Gc.jpg');
				background-repeat: no-repeat;
				background-position: right bottom;
			}

#Nbamboo {
			position: absolute;
			top: 0px;
			left: 0px;
			width: 100%;
			min-width: 1015px;
			height: 100%;
			border: 0px solid #f00;
				background-image: url('images/bamboo1Gc.jpg');
				background-repeat: no-repeat;
				background-position: right 245px;
			}


#Sbamboo {
			position: absolute;
			top: 0px;
			left: 0px;
			width: 100%;
			min-width: 841px;
			height: 100%;
			border: 0px solid #f00;
				background-image: url('images/bamboo1GcL.jpg');
				background-repeat: repeat-y;
				background-position: right 230px;
			}


#Sbamboo2 {
			position: absolute;
			top: 0px;
			left: 0px;
			width: 100%;
			min-width: 841px;
			height: 100%;
			border: 0px solid #f00;
				background-image: url('images/bamboo1Gc.jpg');
				background-repeat: repeat-y;
				background-position: right 230px;
			}

/* #squirl {
			position: absolute;
			bottom: 0px;
			left: 0px;
			width: 96%;
			min-width: 1015px;
			height: 100%;
			border: 0px solid #f00;
				background-image: url('images/squirllong.jpg');
				background-repeat: repeat-y;
				background-position: right bottom;
			} */

#squirl {
					position: absolute;
					top: 0px;
					left: 0px;
					width: 100%;
					min-width: 841px;
					height: 100%;
					border: 0px solid #f00;
						background-image: url('images/squirllong.jpg');
						background-repeat: repeat-y;
						background-position: right top;
					}

			
/* CONTENT HOLDERS (divs to go inside #stuffwrap) _______________________________________________________ */

#guidebox {
			position: relative;
			top: 0px;
			left: 0px;
			width: 450px;
			border: 1px solid #d7d7d7;
			background-color: #f6f6f6;
			padding: 0px 0px 15px 0px;
			margin-top: 10px;
			margin-bottom: 40px;
			}

#greybox {
			position: relative;
			top: 0px;
			left: 0px;
			width: 100%;
			border: 1px solid #e0e0e0;
			background-color: #fafafa;
			padding: 0px 15px 0px 0px;
			margin-top: 20px;
			}

#Igreybox {
			position: relative;
			top: 0px;
			left: 0px;
			width: 100%;
			min-height: 156px;
			border: 1px solid #eee;
			background-color: #fafafa;
			padding: 0px 12px 5px 0px;
			margin-top: 20px;
				background-image: url('images/flamestar.jpg');
				background-repeat: no-repeat;
				background-position: right 0px;
			}
			
#Ngreybox {
			position: relative;
			top: 0px;
			left: 0px;
			width: 100%;
			min-height: 60px;
			border: 1px solid #d8d8d8;
			background-color: #fafafa;
			padding: 0px 47px 5px 10px;
			margin-top: 20px;
			}
			

#indexpic {
			position: relative;
			float:right;
			top: 12px;
			
			border: 1px solid #e2e2e2;
			background-color: #fff;
			padding: 5px;
			margin-left: 30px;
			margin-right: 0px;
			margin-bottom: 11px;
			}

#mappic {
			position: relative;
			float:right;
			top: 12px;
			
			border: 1px solid #e2e2e2;
			background-color: #fff;
			padding: 5px;
			margin-left: 30px;
			margin-right: 22px;
			margin-bottom: 21px;
			}



	#hold {		
			position: relative;
			max-width: 654px;
			border-left: 1px solid #ccc;
			border-right: 1px solid #ccc;
			border-top: 1px solid #ccc;
			border-bottom: 1px solid #ccc;
			margin: 20px 0px 0px 34px;
			padding: 1px;
			}
		

	#wrap {
			position: relative;
			display: block;
			height: 42px;
			border: 0px solid #f0f0f0;
			background-color: #fff;
			padding: 0px;
			margin: 0px;
			}

	#wrapH {
			position: relative;
			display: block;
			height: 42px;
			border-bottom: 1px solid #fff;
			background-color: #fff;
			padding: 0px;
			margin: 0px;
			}

	
	#rowunitA {
			position: relative;
			float: left;
			display: inline;
			top: 0px;
			width: 29%;
			height: 40px;
			border: 0px solid #fff;
			background-color: #e6e2d2;  /* #ded7bf */
			padding: 0px;
			margin: 1px;
			}
		
			
	#rowunitB {
			position: relative;
			float: right;
			display: inline;
			top: 0px;
			width: 13.7%;
			height: 40px;
			border: 0px solid #fff;
			background-color: #f3f0e5;
			padding: 0px;
			margin: 1px;
			}
	

			
/* TEXT ____________________________________________________________________________________________________*/


.l {
			text-align: left;
			}
			
.r {
			text-align: right;
			}
			
.rimg1 {
			text-align: right;
			margin: -20px -20px 20px 0px;
			}
					
.j {
			text-align: justify;
			}
			
.c {
			text-align: center;
			}
	
.lar {
			font-size: 16px;
			}
			
.sma {
			font-size: 10px;
			}

.bol {
			font: normal normal 500 12px "verdana", sans-serif;
			line-height: 16px;
			}

.ital {	
		font-style: italic;
		font-weight: 700;
		font-size: 11px;
		line-height: 16px;
		margin: 4px 0px 0px 48px;
		color: #797254; /* 598d36 c8a539 */
		}

.ref {	
		font: normal normal 500 10px "verdana", sans-serif;
		text-align: left;
		line-height: 11px;
		margin: 3px 0px 20px 345px;
		color: #444;
		}
		
.ref2 {	
		font: normal normal 500 10px "verdana", sans-serif;
		text-align: left;
		line-height: 11px;
		margin: 3px 0px 0px 48px;
		color: #444;
		}
		
.highlight1 { color: #222; }
.highlight2 { color: #999; }


ul {		
		font: normal normal 500 12px "verdana", sans-serif;
		line-height: 19px;
		margin: 10px 0px 8px 15px;
		text-align: justify;			
		color: #a9914a;
		list-style-position: inside;
		}



p {		
		font: normal normal 500 12px "verdana", sans-serif;
		line-height: 19px;
		margin: 10px 0px 8px 15px;
		text-align: justify;			
		color: #222;
		list-style-position: inside;
		}
	
	
		.timesH {
				line-height: 14px;
				font-size: 14px;
				margin: 12px 0px 0px 10px;
				text-align: left;			
				color: #fff;  /* 999966 */
				}
	
		.timesC {
				line-height: 14px;
				margin: 6px 0px 0px 10px;
				text-align: left;			
				color: #222;
				}
				
		.timesC2 {
				line-height: 14px;
				margin: 12px 0px 0px 10px;
				text-align: left;			
				color: #222;
				}
		
		.info {
				margin: 10px 25px 15px 35px;
				}
	
	.guide {
				margin: 10px 15px 0px 15px;
				color: #222;
				}
	
	.Cguide {
				margin: 10px 15px 0px 15px;
				color: #222;
				font-size: 13px;
				line-height: 16px;
				}
	
	
		.newsheadline {
				color: #999966;
				}
	
		.newsitem {
				margin: 10px 0px 8px 35px;
				}
		
		.newssign {
				margin: 10px 0px 8px 35px;
				color: #996;
				}
				
		.newssign2 {
				margin: 5px 0px 0px 15px;
				color: #a9914a;
				}	
			
	
	.faqq {
				font-weight: 700;
				margin: 15px 0px 0px 15px;
				color: #999966;
				}
	
	.faqa {
				margin: 10px 0px 8px 15px;
				}		
	
	
		.totop {
				font-size: 10px;
				text-align: right;
				margin: 0px 0px 3px 0px;
				}
	
	.toplink {
				color: #ccc;
				font-size: 12px;
				text-align: right;
				margin: 0px 0px 0px 0px;
				}
			
	.botlink {
				color: #222;
				font-size: 12px;
				text-align: right;
				margin: 0px 0px 0px 0px;
				}
			
		.finfo {
						color: #817b6c;
						font-size: 10px;
						line-height: 14px;
						text-align: left;
						margin: 0px 0px 0px 0px;
						padding: 0px;
						}
	
		
h1 {		
		font: normal normal 500 17px "verdana", sans-serif;
		
		margin: 3px 0px 0px 5px;
		text-align: left;			
		color: #a9914a;  /* 996 887777 */
		}
	
	.line{
			margin: 0px 0px 0px 5px;
			color: #333;
			}
			
	.subhead { margin: 0px 0px 0px 7px; }

h2 {		
		font: normal normal 500 14px "verdana", sans-serif;
		line-height: 21px;
		margin: 30px 0px 0px 15px;
		text-align: justify;			
		color: #996;
		}	

		
h3 {		
		font: normal normal 500 14px "verdana", sans-serif;
		line-height: 21px;
		margin: 0px 0px 0px 0px;
		text-align: center;			
		color: #996;
		}


/* LINKS */

a:link, a:visited, a:active {

						text-decoration: none;
						color: #FF4429;  /* FF5533 #ad7d3f cf7306 e78410 #d79e5e;  d7aa77 */				
								}
				
			a:hover	{			
						color: #ff8067;  /*  9999ee */
						}	

a.colour2:link, a.colour2:visited, a.colour2:active { color: #499d32; }
				
			a.colour2:hover	{ color: #9cbe85; }	



a:link img, a:visited img, a:active img {
			border-color: #997;	
			}

		a:hover img {
							border-color: #bb9;
							}






a.toppage:link, a.toppage:visited, a.toppage:active {

						text-decoration: none;
						color: #333;				
								}
				
			a.toppage:hover	{			
						color: #666;
						}

						
a.topn:link, a.topn:visited, a.topn:active {
								font: normal normal 700 12px "trebuchet MS", sans-serif;
								text-decoration: none;
								color: #b7ae99;				
										}
						
					a.topn:hover	{			
								color: #fff;
								}
								
a.botn:link, a.botn:visited, a.botn:active {
								font: normal normal 700 12px "trebuchet MS", sans-serif;
								text-decoration: none;
								color: #000;				
										}
						
					a.botn:hover	{			
								color: #8f1a06;
								}


						
a.nav2:link, a.nav2:visited, a.nav2:active {
						display: block;
						height: 32px;
						width: 135px;
						text-decoration: none;
						color: #d7aa77;
						background-image: url('images/NclassesM.jpg');
						background-repeat: no-repeat;
						background-position: 12px 0px;
						margin-bottom: 4px;					
								}
				
			a.nav2:hover	{			
						background-image: url('images/NHclassesM.jpg');
						}	
						
a.nav3:link, a.nav3:visited, a.nav3:active {
						display: block;
						height: 32px;
						width: 145px;
						text-decoration: none;
						color: #d7aa77;
						background-image: url('images/NcontactM.jpg');
						background-repeat: no-repeat;
						background-position: 12px 0px;
						margin-bottom: 4px;					
								}
				
			a.nav3:hover	{			
						background-image: url('images/NHcontactM.jpg');
						}											

a.nav4:link, a.nav4:visited, a.nav4:active {
						display: block;
						height: 32px;
						width: 110px;
						text-decoration: none;
						color: #d7aa77;
						background-image: url('images/NpricesM.jpg');
						background-repeat: no-repeat;
						background-position: 12px 0px;
						margin-bottom: 4px;					
								}
				
			a.nav4:hover	{			
						background-image: url('images/NHpricesM.jpg');
						}



				
/* _ */
a.rain:link, a.rain:visited, a.rain:active {
						color: #9d9683; /* 817b6c  9e9681 */
						text-decoration: none;
											
								}
				
			a.rain:hover	{			
						color: #c5bca5;
						}


/* END___________________________________________________________________________________________________ */