@charset "utf-8";
/* CSS Document */
html
 {background: url(../images/background_img_green.png) repeat ;}

body {
	font-family:"Nueva Std ", "Tw Cen MT" ;
	margin:  0;
	padding: 0;
}

/* Text format */
h3 { 
	font-size : 100%;
	text-align:	left;
	margin: 	2em 0 0 0 ;
}

h4 { font-size : 90%; }

p {	
	font-size:	12px; 
   	text-align:	left; 
	margin: 	0;
   	font-family:"Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;} 

/* ID format */

div#contentDiv {
	position: relative;
	width: 	  1023px;
	height:   768px;
	margin:   0 auto;
/*	border: solid 3px black; */
} 

div#topTemple {
	position: absolute;
	top:	0px;
	left: 	0px;
	float:	left;
	width: 	181px;
	padding:0;
	z-index:3;
}

div#leftPole {
	position: absolute;
	/*	top: 120; */
	bottom:1px;
	left:-20px;
	float: left;
	width: 135px;
	margin: 0 0 0 20px;
	padding: 0;
	z-index:2;
}

div#rightPole {
	position: absolute;
	bottom:	1px;
	left:  	890px;
	float: 	left;
	width: 	135px;
	padding:0;
	z-index:2;
}

/*   Navigation */
#mainNav  {
	position: absolute;
	top: 180px;
	left: 104px;
	float: left;
	width: 840px;
	height: 48px;
	z-index: 1;
	margin: 0;
	padding: 0;
}

div#footer {
	position: 	absolute;
	width: 		1023px;
	font-size:	9px;
   	font-family:"Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;
    color:		blue;
	text-align:	center;
	margin: 	0 auto;
	bottom:		0px;
}
/*******************************/
/* Change backgound and length */
/*    1080px  & 1110           */
/*******************************/


div#contentDivInner {
	position: absolute;
	top:	  15px;
	left:	  15px;
	width: 	  987px;
	height:   1080px;
	margin:   0 auto;
	background: url(../images/center.png) repeat; 
}

div#top {
	position: absolute;
	top:	  0px;
	left:	  18px;
	width: 	  987px;
	height:   18px;
	margin:   0 auto;
	background: url(../images/top.png) repeat; 
}

div#topLeftCorner {
	position: absolute;
	top:	  0px;
	left:	  0px;
	width: 	  18px;
	height:   18px;
	margin:   0 auto;
	background: url(../images/topLeftCorner.png) repeat; 
}
div#topRightCorner {
	position: absolute;
	top:	  0px;
	right:	  0px;
	width: 	  18px;
	height:   18px;
	margin:   0 auto;
	background: url(../images/topRightCorner.png) repeat; 
}
div#center {
	position: absolute;
	top:	  18px;
	left:	  18px;
	width: 	  993px;
	height:   1080px;
	margin:   0 auto;
	background: url(../images/center.png) repeat; 
}

div#right {
	position: absolute;
	top:	  18px;
	right:	  0px;
	width: 	  18px;
	height:   1080px;
	margin:   0 auto;
	background: url(../images/right.png) repeat; 
}

div#left {
	position: absolute;
	top:	  18px;
	left:	  0px;
	width: 	  18px;
	height:   1080px;
	margin:   0 auto;
	background: url(../images/left.png) repeat; 
}

div#bottom {
	position: absolute;
	bottom:	  0px;
	left:	  18px;
	width: 	  987px;
	height:   18px;
	margin:   0 auto;
	background: url(../images/bottom.png) repeat; 

}
div#bottomLeftCorner{
	position: absolute;
	bottom:	  0px;
	left:	  0px;
	width: 	  18px;
	height:   18px;
	margin:   0 auto;
	background: url(../images/bottomLeftCorner.png) repeat; 
}
div#bottomRightCorner {
	position: absolute;
	bottom:	  0px;
	right:	  0px;
	width: 	  18px;
	height:   18px;
	margin:   0 auto;
	background: url(../images/bottomRightCorner.png) repeat; 
	z-index:5;
}

div#footer {
	position: 	absolute;
	width: 		1023px;
	font-size:	9px;
   	font-family:"Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;
    color:		blue;
	text-align:	center;
	margin: 	0 auto;
	bottom:		0px;
}

/*******************************************************/
/****   from 1268 to 1110                           ****/
/****                                               ****/
/*******************************************************/
div#contentDiv {
	position: relative;
	width: 	  1023px;
	height:   1110px;
	margin:   0 auto;
 /*	border: solid 10px red;  */
} 


div#contentSideKick{
	position: absolute;
	top: 200px;
	left: 205px;
	float: left;
	width: 270px;
	height: 276px;
	z-index: 0;
	height: 777px;
}


div#contentVideo{
	position: absolute;
	top:  244px;
	left: 384px;
	float: left;
	width: 480px;
	height: 360px;
	z-index: 0;
}

div#contentVideo1{
	position: absolute;
	top:  260px;
	left: 384px;
	float: left;
	width: 502x;
	height: 371px;
	z-index: 0;
}

div#contentVideo2{
	position: absolute;
	top:  684px;
	left: 394px;
	float: left;
	width: 480px;
	height: 360px;
	z-index: 0;
}


div#contentPoomsae2{
	position: absolute;
	top: 666px;
	left: 109px;
	float: left;
	width: 320px;
	height: 398px;
	z-index: 0;
	height: 409px;
}

div#poomsae2{
	position: absolute;
	top: 266px;
	left: 239px;
	float: left;
	width: 127px;
	height: 276px;
	z-index: 0;
}


div#contentPoomsae{
	position: absolute;
	top: 670px;
	left: 553px;
	float: left;
	width: 320px;
	height: 398px;
	z-index: 0;
}

div#contentStudyGuide{
	position: absolute;
	top: 670px;
	left: 157px;
	float: left;
	width: 320px;
	height: 398px;
	z-index: 0;
}



div#poomsae{
	position: absolute;
	top: 266px;
	left: 104px;
	float: left;
	width: 127px;
	height: 276px;
	z-index: 0;
}
div#techniques{
	position: absolute;
	top:	600px; 
	left: 	140px;
	float: 	left;
	width:	670px;
	height:	140px;
	z-index:5;
/*	border: white 1px solid; */
}

div#philosophy{
	position: fixed;
	top: 237px;
	left: 185px;
	float: left;
	width: 683px;
	height: 596px;
	z-index: 5;
	padding: 0.5em;
	/*	border: white 1px solid; */
	z-index: 0;
}

li { list-style-type : none; /* disc, circle, square, decimal, none  */
	margin : 0 0 0 .5em;
	padding : 0; 
}

div#requirements{
	position : absolute;
	left:  0px;
	top:   0px;
	width: 300px;
}
	

div#reqDetail{
	position : relative;
	left:  100px;
	top:   220px;

}

div#image {
	position: absolute;
	bottom:1px;
	left:300px;
	float: left;
	width: 135px;
	margin: 0 0 0 20px;
	padding: 0;
	z-index:2;
}

h3 { 
	font-family: Tahoma, Verdana, Arial, sans-serif;
	color:		#d2691e;
	font-size : 11px;
	text-align:	left;
	margin: 	.5em 0 0 0 ;
}

p {
	font-size: 12px;
	text-align: left;
	margin: 120;
	font-family: "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;
} 
pWhite {	
    background-color: #FFFFFF;
	color : #000 ; 
	font-size : 14px, bold;
	text-align:	left;
	margin: 	0;
   	font-family:"Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;
} 


pYellow {	
    background-color: #CC9900;
	color : #FFFFFF ; 
	font-size : 14px, bold;
	text-align:	left;
	margin: 	0;
   	font-family:"Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;
} 
pOrange {	
	background-color: #D2691E;
	color : #FFFFFF ; 
	font-size : 14px, bold;
	text-align:	left;
	margin: 	0;
   	font-family:"Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;
} 

pGreen {	
    background-color: #006600;
	color : #FFFFFF ; 
	font-size : 14px, bold;
	text-align:	left;
	margin: 	0;
   	font-family:"Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;
} 
pBlue {	
	background-color: #003399;
	color : #FFFFFF ; 
	font-size : 14px, bold;
	text-align:	left;
	margin: 	0;
   	font-family:"Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;
} 
pBrown {	
	background-color: #663300;
	color : #FFFFFF ; 
	font-size : 14px, bold;
	text-align:	left;
	margin: 	0;
   	font-family:"Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;
} 
pRed {	
	background-color: #990000;
	color : #FFFFFF ; 
	font-size : 14px, bold;
	text-align:	left;
	margin: 	0;
   	font-family:"Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;
}