/* JOHN TAE KWON DO WEB CSS ______________________________________________________________________________ */
/* V5 ____________________________________________________________________________________________________ */



		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; */
				}



/* LAYOUT BOXES -------------------------- */

		#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;
					}
					
		#stuffwrap { 
					position: relative;
					top: 0px;
					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;
					}
					
		#spacer { 
					position: relative;
					width: 595px;
					height: 94px;
					margin-left: 175px;
					border: 0px solid #0f0;
					background-color: transparent;
					padding: 0px;
					}


/* Layout Graphics ---------------------- */

		#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;
					}
		
		#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;
					
					}		
				
		
		#footline { position: absolute;
						left: 152px;
						right: 59px;
						height: 10px;
						bottom: 0px;
						border: 0px solid #f00;
						background-image: url('images/bott5M.jpg');
						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;
					}


/* Layout Text ----------------------------------- */

		#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;
					}
		
		#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;
					}
							
		#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;
					}



/* Layout Pics ----------------------------------- */

		#Ibamboo {
					position: absolute;
					top: 0px;
					left: 0px;
					width: 100%;
					min-width: 841px;
					height: 100%;
					border: 0px solid #f00;
						background-image: url('images/bamboo2.jpg');
						background-repeat: no-repeat;
						background-position: right bottom;
					}
		
		#Nbamboo {
					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: no-repeat;
						background-position: right 245px;
					}
		
		#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 BOXES ------------------------------------------- */


		#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 #eee;
					background-color: #fafafa;
					padding: 0px 47px 5px 10px;
					margin-top: 20px;
					}

		
		
		#Ibox1 {
					position: relative;
					top: 0px;
					left: 0px;
					width: 100%;
					min-height: 156px;
					border-bottom: 2px solid #ddd;
					background-color: #fff;
					padding: 0px 12px 5px 0px;
					margin: 0px 0px 0px 0px;
						/* background-image: url('images/flamestar.jpg');
						background-repeat: no-repeat;
						background-position: right 0px; */
					}
					
		#Ibox2 {
					position: relative;
					top: 0px;
					left: 0px;
					width: 100%;
					height: 261px;
					border-bottom: 2px solid #ddd;
					border-top: 0px solid #ddd;
					background-color: #fff;
					padding: 15px 12px 15px 0px;
					margin: 0px 0px 0px 0px;
						/* background-image: url('images/flamestar.jpg');
						background-repeat: no-repeat;
						background-position: right 0px; */
					}
					
					
		
		
/* Pic Wraps ------------------------ */
					
		
		#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;
					}


/* Table Class Times ------------------- */

					#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 FORMATS____________________________________________________________________________________________________*/


/* Tweaks --------------------------- */

				.img1 {
						margin: 10px 0px 21px 8px;
						}
						
				.img2 {
						float: right;
						margin: -24px 20px 0px 0px;
						}
						
				.img3 {
						float: right;
						margin: 12px 0px 0px 0px;
						}
				

				.l {
							text-align: left;
							}
							
				.r {
							text-align: right;
							}
									
				.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;
							}



/* Tag Specific --------------------------- */


	p {		
			font: normal normal 500 12px "verdana", sans-serif;
			line-height: 19px;
			margin: 10px 0px 8px 15px;
			text-align: justify;			
			color: #222;
			}
			
				.I2 {
						margin: 25px 260px 0px 25px;
						}
						
				.I3 {
						margin: 0px 260px 0px 25px;
						padding-top: 10px;
						}
						
				.I4 {
						margin: -10px 10px 20px 25px;
						}
				
				.I5 {
						margin: -10px 10px 20px 25px;
						}
				
				.price1 {
							margin: 10px 0px 5px 23px;
						}
						
				.price2 {
							margin: 0px 0px 30px 30px;
						}
				
				
				.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;
						}	
					
			
			.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: #999966;  /* 887777 */
				}
			
			.line{
					margin: 0px 0px 0px 5px;
					color: #333;
					}
		
	h2 {		
				font: normal normal 500 14px "verdana", sans-serif;
				line-height: 21px;
				margin: 30px 0px 0px 15px;
				text-align: justify;			
				color: #996;
				}
				
				.intro {
						margin: 12px 90px 20px 15px;
						}	
		
				
	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: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___________________________________________________________________________________________________ */