@charset "utf-8";
/* Tai Chi css file */

.redtext {
	color: #F00;
}

.gridContainer {
	background-color: #EEFFCC;
	border: thick solid #99cc33;
	border-radius: 25px;
}

#web-button a{
    display:block;
    color:transparent;} 

#web-button a:hover{
    background-position:left bottom;}

/* Navavigation Bar */
/* Mobile Layout: 480px and below. */
	
#navigation { display: none }

@media only screen and (min-width: 481px) {

#navigation { display: block }
#nav_mobile { display: none }

}

/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 769px) {

}

#nav-bar a{
    display:block;
    color:transparent;} 
	
#nav-bar a:hover{
    background-position:left bottom;}
	
#nav-bar td {
    padding: 0;
}

/* Contact Form */	
#contact-form input, 
#contact-form select, 
#contact-form textarea, 
#contact-form label {
    font-size:15px;
    margin-bottom:2px;
}
 
#contact-form input, 
#contact-form select, 
#contact-form textarea {
    width:250px;
    border: 1px solid #CEE1E8;
    margin-bottom:20px;
    padding:4px;
}
 
#contact-form input:focus, 
#contact-form select:focus, 
#contact-form textarea:focus {
    border: 1px solid #AFCDD8;
    background-color: #EBF2F4;
}
 
#contact-form textarea {
    height:150px;
    resize: none;
}
 
#contact-form label {
    display:block;
}
 
#contact-form .required {
    font-weight:bold;
    color:#F00;    
} 

table {
	margin: auto;
	font-family: "Times New Roman", Times, serif;
	font-size: 16px;
	font-weight: bold;
}/* align tables in centre of divs */

/* table 1 */

#table1 {
	border-collapse: collapse;
	text-align: center;
	color: #000000;
}

#table1 td, #table1 th {
    font-size: 16px;
    border: 1px solid #98bf21;
    padding: 3px 7px 2px 7px;
}

#table1 th {
    font-size: 16px;
    text-align: centre;
    padding-top: 5px;
    padding-bottom: 4px;
    background-color: #A7C942;
    color: #ffffff;
}

#table1 tr.alt td {
	color:#FF0000;
    background-color: #EAF2D3;
}

/* table 2 */

#table2 {
	border-collapse: collapse;
	text-align: center;
	color: #000000;
}

#table2 td {
	font-size: 1.17em;
    padding: 3px 7px 2px 7px;
}

#table2 th {
	font-size: 1.5em;
    text-align: centre;
    padding-top: 5px;
    padding-bottom: 4px;
}

#table2 tr.alt td {
	color:#FF0000;
}
/* table 3 */

#table3 {
	border-collapse: collapse;
	text-align: center;
	color: #000000;
	width: 100%;
}
#table3 td, #table3 th {
    font-size: 16px;
    text-align: left;
	vertical-align:middle;
    border: 1px solid #98bf21;
    padding: 3px 7px 2px 7px;
}
#table3 th {
    font-size: 18px;
    text-align: centre;
    border: 1px solid #98bf21;
    padding: 3px 7px 2px 7px;
    background-color: #FF6;
    color: #000000;
}
/* table 4 */

#table4 {
	border-collapse: collapse;
	text-align: center;
	color: #000000;
	width: 100%;
}
#table4 td {
    font-size: 16px;
    text-align: left;
	vertical-align:centre;
    border: 1px solid #98bf21;
    padding: 3px 7px 2px 7px;
	width: 365px;
}
#table4 th {
    font-size: 18px;
    text-align: centre;
    border: 1px solid #98bf21;
    padding: 3px 7px 2px 7px;
    background-color: #FF6;
	width: 365px;
}

/* table 5 */

#table5 {
	border-collapse: collapse;
	text-align: center;
	color: #000000;
	width: 100%;
}

#table5 td {
    font-size: 16px;
    text-align: centre;
	vertical-align:centre;
    padding: 3px 7px 2px 7px;
	width: 365px;
}
#table5 th {
    font-size: 18px;
    text-align: centre;
	vertical-align:centre;
    padding: 3px 7px 2px 7px;
    background-color: #FF6;
	width: 365px;
}

/* Column widths are based on these cells */
.row-10 {
  width: 10%;
}
.row-20 {
  width: 20%;
}
.row-30 {
  width: 30%;
}
.row-40 {
  width: 40%;
}
.row-50 {
  width: 50%;
}
.row-60 {
  width: 60%;
}

/* footer list */
.footer ul {
list-style-type:none;
/*    color: white;
	background-color:#0000FF;
	text-decoration: none;
	width: 100%;
    display: table;
    table-layout: fixed; /* optional, for equal spacing */
/*    border-collapse: collapse;*/
}

.footer ul li {
	text-decoration: none;
/*	padding: 10px;
	display: table-cell; */
    text-align: left;
    vertical-align: middle;
}

.footer ul li a {
	text-height: 13px;
	color:#000000;
	text-decoration:none;
}

.footer a:hover {
	background-color:transparent
}