a:link {color: #ff5600}     /* unvisited link */
a:visited {color: #ff5600}  /* visited link */
a:hover {color: #ff5600}   /* mouse over link */
a:active {color: #ff5600}   /* selected link */

.date {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 11px;
	color: #990000;
	background-color: #ffffff;
	font-weight: bold;
	font-style: normal
}

.lieu {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 11px;
	color: #999999;
	font-weight: bold;
	font-style: normal
}

.footer {
	font-family: Geneva, verdana, arial, helvetica, sans-serif;
	font-size: 9px;
	color: #666666;
}

.mini {
	font-family: Geneva, verdana, arial, helvetica, sans-serif;
	font-size: 3px;
	color: #FFFFFF;
	background-color: #ffffff;
}

.author {
	font-family: 'Myriad Apple Semibold', Geneva, verdana, arial, helvetica, sans-serif;
	font-size: 18px;
	color: #FFFFFF;
	background-color: #ffffff;
	font-weight: normal;
	font-style: normal;
}

/* ---------------------------- */
/* Standard HTML Tag Definition */
/* ---------------------------- */

html{
cursor:default;
border:none;
}

body{
position: absolute; 
left: 0px;
height: 0px;
background-color: #ffffff;
border:none;
}

p{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
}

blockquote{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
}

blockquote p{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
}

h1, h2, h3{
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 10px;
background-color: #ffffff;
font-weight: bolder; 
margin:0;
padding:0;
border:none;
}

ul, ol{}

li{
font-family: Verdana,Arial,Helvetica,sans-serif;
margin-left: 0; 
padding-left: 0;
font-size: 13px;
}

img{
border: 0px;
}

/* ---------------------------- */
/*           Borders            */
/* ---------------------------- */

div.outerborder{
border: 1px solid rgb(184, 175, 165); 
position: absolute; 
}

ul.outerborder{
border: 1px solid rgb(184, 175, 165); 
position: absolute; 
list-style-type: none;
margin-left: 0;
padding-left: 0;
margin-top: 0; 
padding-top: 0;
}

div.innerborder{
border: 1px solid rgb(220, 215, 210); 
position: absolute;
}

ul.innerborder{
border: 1px solid rgb(220, 215, 210); 
position: absolute;
margin-left: 0; 
padding-left: 0;
margin-top: 0; 
padding-top: 0;
}

/* ---------------------------- */
/*           TAGB Logo          */
/* ---------------------------- */

div#TAGBLogo{ /* TAGB Logo div positioning*/
position: absolute; 
left: 33px; 
top: 90px; 
width: 185px; 
height: 105px;
}

img#TAGBLogoIMG{ /* TAGB Logo image*/
height: 104px; 
width: 176px;
}

/* ---------------------------- */
/*             Menu             */
/* ---------------------------- */

div.menu{
position: absolute; 
border: 1px none rgb(0, 0, 0);
background-color: rgb(86, 75, 66);
width: 573px; 
height: 29px;
}

ul.menu{
list-style-type: none;
position: absolute; 
border: 1px none rgb(0, 0, 0);
background-color: rgb(86, 75, 66);
width: 573px; 
height: 29px;
font-size: 11px;
font-weight: bold;
padding-left: 0;
padding-top: 0;
}

li.menubutton1{
position: absolute;
top: 5px;
z-index: 1;
color: #ffffff;
background: rgb(128, 129, 130);
text-align: center;
margin-left: auto;
margin-right: auto;
font-size: 11px;
width: 90px;
height: 20px;
}

li.menubutton1:hover{
color: #ffffff; 
background-color: rgb(255, 86, 0);
}

li.menubutton1:hover a{
background: rgb(255, 86, 0);
color: #ffffff;
}

li.menubutton2{
position: absolute;
top: 5px;
z-index: 1; 
color: rgb(86, 75, 66);
background: #ffffff;
text-align: center;
margin-left: auto;
margin-right: auto;
font-size: 11px;
width: 90px;
height: 20px;
}

li.menubutton2:hover{
background: rgb(255, 86, 0);
color: #ffffff;
}

li.menubutton2:hover a{
background: rgb(255, 86, 0);
color: #ffffff;
}

a.menubutton1{
color: #ffffff;
margin: 0;
padding: 0;
text-decoration:none;
background-color: rgb(128, 129, 130);
text-align: center;
margin-left:auto;
margin-right:auto;
width: 90px;
height: 20px;
display:block;
}

a.menubutton1:visited{
color: #ffffff;
}

a.menubutton1:hover{
background: rgb(255, 86, 0);
color: #ffffff;
}

a.menubutton2{
margin: 0;
padding: 0;
text-decoration:none;
color: rgb(86, 75, 66);
text-align: center;
margin-left: auto;
margin-right: auto;
width: 90px;
height: 20px;
display: block;
}

a.menubutton2:visited{
color: rgb(86, 75, 66);
}

a.menubutton2:hover{
background: rgb(255, 86, 0);
color: #ffffff;
}


      /* -------Home Page Button------*/
      
      div#HomeButtonBackground{  /* Home Page Button div positioning*/
      left: 30px; 
      top: 25px; 
      width: 190px; 
      height: 59px;
      }
      
      a#WappingTaekwondo{ /* Home Page Button link*/
      position: absolute; 
      left: 25px; 
      top: 9px; 
      width: 135px; 
      height: 40px;
      }
	  
	  img#WappingTaekwondo{ /* Home Page Button image*/
	  height: 41px;
	  width: 130px;
	  }

      
      /* ----- Menu 1 (Top Menu)-----*/
      
      ul#Menu1{top: 25px; left: 221px; margin-left: 0;  margin-top: 0;}
	  
	  li#AboutTaekwondo{left: 5px;}
	  li#History{left: 97px;}
	  li#TAGB{left: 194px;}
	  li#Theory{left: 286px;}
	  li#Events{left: 386px;}
	  li#Links{left: 478px;}
	  

      
      /* --- Menu 2 (Bottom Menu) ---*/
      
      ul#Menu2{top: 55px;left: 221px; margin-left: 0; margin-top: 0;}
	  
	  li#Home{left: 5px;}
	  li#Overview{left: 97px;}
	  li#Club{left: 194px;}
	  li#Location{left: 286px;}
	  li#Instructor{left: 386px;}
	  li#Contact{left: 478px;}
      

/* ---------------------------- */
/*       Grading Details        */
/* ---------------------------- */

div.gradingbutton{
position: absolute; 
left: 603px;
width: 180px; 
height: 50px; 
}

li.gradingbutton{
display: block; 
float: left;
width: 180px; 
height: 50px;
border: 1px solid rgb(220, 215, 210); 
font-size: 10px;
margin-top: 7px;
font-size: 11px;
}

li.GradingDetailsPage{
color: #ffffff;
background: rgb(255, 86, 0); 
}

a.gradingbutton{
display: block; 
width: 100%; 
height: 20px;
padding-top: 3px; 
padding-left: 2px; 
color: rgb(255, 86, 0); 
}

a.gradingbutton:hover{
background: rgb(255, 86, 0);
text-decoration: none;
color: #ffffff;
}

p.gradingbutton1{
display: inline; 
float: left;
margin-left: 2px;
margin-right: 0;
margin-top: 4px;
margin-bottom: 0;
padding-left: 0;
font-size: 10px; 
height: 20px; 
width: 123px; 
color: rgb(255, 86, 0);
z-index: 2;
}

p.gradingbutton1:hover{
background: rgb(255, 86, 0);
color: #ffffff;
}

p.gradingbutton2{
display: inline; 
float: left;
top: 10px;
margin-left: 4px;
margin-right: 0;
margin-top: 4px;
margin-bottom: 0;
padding-left: 0;
font-size: 10px;
height: 20px;  
width: 121px; 
color: rgb(128, 129, 130); 
z-index: 2;
}

div.belt{
display: inline;
float: right;
width: 50px; 
height: 50px;
border-left: 1px solid rgb(220, 215, 210); 
}

div.stripe{
display: block;
float: right;
width: 50px; 
height: 16px;
z-index: 4;
margin-top: 16px;
}
      ul#GradingDetails{
      left: 598px; 
      top: 91px; 
      width: 190px; 
      height: 695px;
	  padding-top: 5px;
	  padding-left: 5px;
      }
      
      li#GradingDetailsTitle{
      display: block;
	  float: left; 
      width: 172px; 
      height: 17px;
      border: 1px solid rgb(220, 215, 210);
      padding-top: 3px;
      padding-left: 6px;
	  font-size: 12px;
	  font-weight: bold; 
	  margin-top: 5px;
      }

	  div#WhiteBelt{background-color: rgb(255, 255, 255);}
	  div#YellowTag{background-color: rgb(255, 255, 255);}
	  div#YellowStripe{background-color: rgb(251, 216, 0);}
	  div#YellowBelt{background-color: rgb(251, 216, 0);}
	  div#GreenTag{background-color: rgb(251, 216, 0);}
	  div#GreenStripe{background-color: rgb(0, 138, 42);}
	  div#GreenBelt{background-color: rgb(0, 138, 42);}  
	  div#BlueTag{background-color: rgb(0, 138, 42);}
	  div#BlueStripe{background-color: rgb(3, 0, 107);}
	  div#BlueBelt{background-color: rgb(3, 0, 107);}
	  div#RedTag{background-color: rgb(3, 0, 107);}
	  div#RedStripe{background-color: rgb(254, 0, 0);}
	  div#RedBelt{background-color: rgb(254, 0, 0);}
	  div#BlackTag{background-color: rgb(254, 0, 0);}
	  div#BlackStripe{background-color: rgb(0, 0, 0);}
	  div#BlackBelt{background-color: rgb(0, 0, 0);}
	  
/* ---------------------------- */
/*       Pattern Diagram        */
/* ---------------------------- */	
div.diagram{
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 10px; 
color: rgb(128, 129, 130);
background-color: #ffffff;
position: absolute; 
left: 43px; 
top: 406px; 
width: 165px; 
height: 231px; 
z-index: 26;
}

h1.PatternDiagramTitle{
background-color: rgb(86, 75, 66);
color: rgb(255, 255, 255);
font-weight: normal; 
margin: 0;
padding-top: 3px;
padding-left: 9px;
}

      div#PatternDiagramBorder{
      left: 28px; 
      top: 201px; 
      width: 190px; 
      height: 450px;
      }  
      
      div#PatternDiagramBorder2Diagrams{
      left: 28px; 
      top: 201px; 
      width: 190px; 
      height: 681px;
      }  
      
      div#PatternDiagramBorder3Diagrams{
      left: 28px; 
      top: 201px; 
      width: 190px; 
      height: 912px;
      }    
      
      div#PatternDiagramTitle{
      position: absolute; 
      left: 33px; 
      top: 206px; 
      width: 180px; 
      height: 20px; 
      z-index: 1;
      background-color: rgb(86, 75, 66);
      }
      
      div#flag{
      position: absolute; 
      left: 32px; 
      top: 236px; 
      width: 180px; 
      height: 155px; 
      z-index: 1;
      }
      
      img#koreanflag{
      height: 156px; 
      width: 182px;
      }
      
      div#DiagramBorder{
      left: 33px; 
      top: 401px; 
      width: 180px; 
      height: 245px; 
      z-index: 1;
      }
      
      div#DiagramBorder2Diagrams{
      left: 33px; 
      top: 401px; 
      width: 180px; 
      height: 476px; 
      z-index: 1;
      }
      
      div#DiagramBorder3Diagrams{
      left: 33px; 
      top: 401px; 
      width: 180px; 
      height: 707px; 
      z-index: 1;
      }
      
      div#2diagrams{
      height: 462px; 
      }
      
      div#3diagrams{
      height: 693px; 
      }
      
      
      
/* ---------------------------- */
/*   Club Profile & Location    */
/* ---------------------------- */

div.profile{
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 10px; 
color: rgb(128, 129, 130);
background-color: #ffffff;
position: absolute; 
left: 43px; 
top: 406px; 
width: 165px; 
height: 240px; 
z-index: 26;
}

h1.profile{
color: rgb(128, 129, 130);
margin-bottom: 0;
}

p.profile{
margin-top: 0;
font-size: 10px; 
color: rgb(128, 129, 130);
}

h1.location{
color: rgb(255, 86, 0);
margin-bottom: 0;
}

p.location{
margin-top: 0;
font-size: 10px;
color: rgb(255, 86, 0);
}

h1.ClubProfileTitle{
background-color: rgb(86, 75, 66);
color: rgb(255, 255, 255);
font-weight: normal; 
margin: 0;
padding-top: 3px;
padding-left: 9px;
}

      div#ClubProfileBorder{
      left: 28px; 
      top: 201px; 
      width: 190px; 
      height: 580px;
      }
      
      div#ClubProfileTitle{
      position: absolute; 
      left: 33px; 
      top: 206px; 
      width: 180px; 
      height: 20px; 
      z-index: 1;
      background-color: rgb(86, 75, 66);
      }
      
      div#ClubPhoto{
      position: absolute; 
      left: 32px; 
      top: 236px; 
      width: 180px; 
      height: 155px; 
      z-index: 1;
      }
      
      img#WappingClubIcon{
      height: 156px; 
      width: 182px;
      }
      
      div#ProfileBorder{
      left: 33px; 
      top: 401px; 
      width: 180px; 
      height: 375px; 
      z-index: 1;
      }

/* ---------------------------- */
/*       Main Body Text         */
/* ---------------------------- */

h1.Main{
font-size: 13px;
}

h2.Main{
font-size: 12px;
}

h3.Main{
font-size: 11px;
}

li.Main{
font-size: 13px;
}

      div#MainBody{
      position: absolute; 
      left: 232px; 
      top: 201px; 
      width: 350px; 
      height: 615px; 
      z-index: 2;
      }
      
      div#MainBody blockquote p{
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 11px;
      }
      
      div#MainBody p{font-size: 13px;}
      
      div#clubphoto1{
      position:absolute; 
      width:357px;
      height:232px;
      }
       
      div#clubphoto2{
      position:absolute; 
      width:357px;
      top:400px;  
      height:170px;
      }
      
      img#photo1{width:360px; height:270px;}
      
      img#photo2{width:360px; height:278px;}

      div#generalchoiphoto{
      position:absolute; 
      left:229px; 
      top:95px; 
      width:356px; 
      height:99px;
      }
      
      img#generalchoi{width:360px; height:100px;}