/* Start of CMSMS style sheet 'tca_default' */
body {font: 62.5%/1.4em Verdana, Helvetica, Arial, sans-serif;
background: rgb(66,84,30) url(images/cms/body_shadbkgnd.gif) repeat-y center;
margin: 0;
/* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
text-align: center;
/* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
color: #000000; }

/* links */

a {color: rgb(235,50,30);
text-decoration: none; }
a:hover {color: rgb(235,50,30);
text-decoration: underline; }
h1, h2, h3, h4 {font-family:Verdana,Arial,Helvetica,sans-serif; }

/* head layout items*/

#container {width: 900px;
background: #FFFFFF;
margin: 0 auto;
/* the auto margins (in conjunction with a width) center the page */
text-align: left;
/* this overrides the text-align: center on the body element. */ }
#header {width:900px;
margin: 0em;
padding: 0em; }
#headertop {clear:both;
background: url(images/cms/head_bkgnd.gif) no-repeat;
width: 900px;
height: 80px;
padding: 0 0 0 0; }
#nav {background: rgb(123,167,74);
height: 3em;
padding: 0 10px 0 15px;
/* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
margin: 0em;
border-top: 1px #ffffff solid;
border-bottom: 1px #ffffff solid; }
#banner {padding: 0 0 0 0;
width: 900px;
height: 115px;
background-repeat: no-repeat; }

/*Navigation*/

#nav ul {float:left;
width:850px;
list-style:none;
padding:7px 0 0 0;
font-family:Verdana,Arial,Helvetica,sans-serif;
margin: 0 0 0 0;
height: 2.3em; }
#nav ul li {display:inline;
padding:10px 10px 0 8px;
color:rgb(255,255,255);
font-size:140%;
background-image: url(images/cms/navborder.gif);
background-repeat: no-repeat;
background-position: right 5px;
text-align: center;
letter-spacing: 0px; }
#nav ul a {color:rgb(255,255,255);
text-align: center;
text-decoration:none;
padding-top: 5px;
padding-bottom: 5px; }
#nav ul a:hover {color:rgb(255,255,255);
text-decoration:underline; }

#headertop h1.span {position: absolute;
left:-2000px;
padding:0;
margin:0; }
#headertop ul {float:left;
list-style:none;
padding:7px 0 0 15px;
font-family:arial,sans-serif;
position: relative;
top: 4em;
left: 42em; }
#headertop ul li {display:inline;
padding:0 10px 0 0;
color:rgb(255,255,255);
font-size:120%; }
#headertop ul a {color:rgb(102,139,62);
text-decoration:none; }
#headertop ul a:hover {color:rgb(102,139,62);
text-decoration:underline; }

/*Breadcrumb and Lesson*/

.breadcrumbs {clear:both;
width:900px;
padding:5px 0 20px 0;
background:rgb(255,255,255) }
.breadcrumbs ul {float:left;
list-style:none;
margin: 0;
padding:0 0 0 15px;
font-family:verdana,arial,sans-serif; }
.breadcrumbs ul li {display:inline;
padding:0 0 0 0;
color:rgb(125,125,125);
font-size:100%; }
.breadcrumbs ul a {color:rgb(123,176,74);
text-decoration:none; }
.breadcrumbs ul a:hover {color:rgb(123,176,74);
text-decoration:underline; }
.breadcrumbs  .lesson {float: right;
padding:0 15px 0px 0px !important /*Non-IE6*/;
padding:0 10px 0px 0px /*IE6*/; }

/*Search Form*/

#headertop .searchform {padding:0px 5px 0px 0px !important /*Non-IE6*/;
height: 30px;
position: relative;
float: right;
top: 3em; }
#headertop .input {
margin: 0;
padding: 0;
width: auto;
overflow: visible;}
#headertop .searchform form fieldset {border:none; }
#headertop .searchform input.field {width:14em;
padding:5px 0 0 5px;
margin-right: 5px;
border:1px solid rgb(200,200,200);
font-family:verdana,arial,sans-serif;
font-size:110%;
color: #999999;
height: 19px; }
#headertop .searchform input.button {width:72px;
padding:5px 0 !important /*Non-IE6*/;
padding:5px 0 /*IE6*/;
background: url(images/cms/search_button.jpg) no-repeat center center;
border:solid 1px rgb(150,150,150);
text-align:center;
font-family:verdana,arial,sans-serif;
color:rgb(255,255,255);
font-size:100%;
text-decoration: none;
height: 26px;}
#headertop .searchform input.button:hover {cursor:pointer;
padding:5px 0 !important;
color: rgb(255,255,255);
text-align:center;
text-decoration: underline; }

/* content layout items*/

#contentwrap {clear:both;
width:900px;
text-align: left;
background-image: url(images/cms/content_bkgnd.gif);
background-repeat: repeat-x;
background-color: rgb(220,220,220); }
.mainContent {display:inline;
/*Fix IE floating margin bug*/;
float:left;
width:490px;
margin:0 0 0 15px;
overflow:visible !important /*Firefox*/;
overflow:hidden /*IE6*/; 
color: rgb(80,80,80); 
line-height:1.4em;
font-size:120%;}
#footer {padding: 5px 10px 5px 10px;
/* this padding matches the left alignment of the elements in the divs that appear above it. */
background:rgb(235,235,235);
text-align: center; }
#footer p {margin: 0;
/* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
padding: 10px 0;
/* padding on this element will create space, just as the the margin would have, without the margin collapse issue */ }
.sidebarleft {display:inline /*Fix IE floating margin bug*/;
float:left;
width:150px;
margin:0 0 0 15px;
overflow:visible !important /*Firefox*/;
overflow:hidden /*IE6*/; }
.sidebarright {display:inline /*Fix IE floating margin bug*/;
float:right;
width:200px;
margin:0 15px 0 0;
overflow:visible !important /*Firefox*/;
overflow:hidden /*IE6*/; }

/* maincontent elements*/

#mainContent-ad { }
.ad {height: 250px;
width: 490px;
padding:0;
margin:0 0 1em 0;
border: 1px rgb(180,180,180) solid;
overflow: hidden }
.ad img {height: 250px;
width: 490px; 
border: 0;}
.ad img a {height: 250px;
width: 490px; 
border: 0;}

#mainContent-adday { }
.adday {height: 217px;
width: 490px;
padding:0;
margin:0 0 1em 0;
border: 1px rgb(180,180,180) solid;
overflow: hidden }
.adday img {height: 217px;
width: 490px; 
border: 0;}
.adday img a {height: 217px;
width: 490px; 
border: 0;}

#mainContent-adsm { }
.adsm {height: 155px;
width: 490px;
padding:0;
margin:0 0 1em 0;
border: 1px rgb(180,180,180) solid;
overflow: hidden }
.adsm img {height: 155px;
width: 490px; 
border: 0;}
.ads img a {height: 155px;
width: 490px; 
border: 0;}

.mainContent-story {width:490px;
padding:0 0 10px 0;
border: 1px rgb(180,180,180) solid;
margin: 0em 0em 1em 0em;
background-color: rgb(255,255,255); }
.mainContent h1 {margin:0 10px 0 10px;
padding:15px 0 2px 0;
font-family:"trebuchet ms",verdana,arial,sans-serif;
color:rgb(123,167,74);
font-weight:bold;
font-size:150%;
line-height: 120%;
border-bottom: 1px dotted rgb(123,167,74); }
.mainContent h2 {clear:both;
margin:1.0em 10px 0.3em 10px;
color:rgb(123,167,74);
font-weight: normal;
font-size:125% }
.mainContent h3 {clear:both;
margin:1.0em 10px 0.3em 10px;
color:rgb(80,80,80);
font-weight:bold;
font-size:110% }
.mainContent p.intro {margin:2px 0 0 0;
padding:5px 10px 0 10px;
color:rgb(60,60,60);
font-size:110%; }
.mainContent p {margin:2px 0 0 0;
padding:5px 10px 0 10px;
color:rgb(60,60,60);}
.mainContent p.note {margin:2px 0 0 0;
padding:5px 10px 0 10px;
color:rgb(60,60,60);
font-size:80% }
.mainContent p.captionleft {
font: x-small Verdana, Geneva, Arial, Helvetica, sans-serif;
text-align: left;
padding-top:0;
padding-bottom:10px;
}

.mainContent p.captionright {
font: x-small Verdana, Geneva, Arial, Helvetica, sans-serif;
text-align: right;
padding-top:0;
padding-bottom:10px;
}

.mainContent p.dotrule {margin:15px 10px 0 10px;
padding:0;
border-top: 1px rgb(180,180,180) dotted; }
.txtrt {text-align: right; }
.mainContent img.left {
float: left;
clear: both;
border: 1px rgb(180,180,180) solid;
margin: 10px 20px 10px 20px;
}
.mainContent img.right {
float: right;
clear: both;
border: 1px rgb(180,180,180) solid;
margin: 10px 20px 10px 20px; 
 }
#media1 {width: 490px;
margin: 2em auto 0em auto;
text-align: center;
}
#media2 {width: 490px;
margin: 2em auto 0em auto;
text-align: center;
}
#media3 {width: 490px;
margin: 2em auto 0em auto;
text-align: center;
}
#media4 {width: 490px;
margin: 2em auto 0em auto;
text-align: center;
}
#media5 {width: 490px;
margin: 2em auto 0em auto;
text-align: center;
}
.media-title {
text-align: center;
margin: 0;
padding: 0; }

.media {text-align: center;
margin-left: auto;
margin-right: auto; 
}
a.media   { display: block; }

/* sidebarleft top elements*/

.sidebarleft-top {width:150px;
padding:155px 0px 3px 0px;
margin: 0em 0em 1em 0em;
background:rgb(255,255,255)  url(images/cms/try_taichi.jpg) no-repeat;
border: 1px solid rgb(180,180,180);
height: 92px; }
.sidebarleft-top h1 {clear:both;
margin:0 0 10px 0;
padding:4px 10px 3px 10px;
background-color: rgb(249,126,47);
color:rgb(255,255,255);
font:140%/1.3em Times, "Times New Roman", serif;
font-weight: normal; }
.sidebarleft-top h2 {margin:0.3em 10px 0.3em 10px;
padding:0 0px 0px 0px;
color: rgb(61,100,171);
font-weight: normal;
font:180%/1.3em Times, "Times New Roman", serif;
border-bottom: 1px solid rgb(61,100,171); }
.sidebarleft-top h3 {margin:0 10px 0.5em 10px;
font-size:110%;
font-weight: normal;
background:transparent url(images/cms/bg_bullet_arrow_white.gif) no-repeat 0 50%; }
.sidebarleft-top h3 a {color: rgb(255,255,255);
font-size:110%;
font-weight: normal;
padding: 0 0 0 10px; }
.sidebarleft-top h3 a:hover {color: rgb(255,255,255);
font-weight: normal;
text-decoration: underline; }
.sidebarleft-top h3.blue {margin:0 10px 0.5em 10px;
font-size:110%;
font-weight: normal;
background:transparent url(images/cms/bg_bullet_arrow_blue.gif) no-repeat 0 50%; }
.sidebarleft-top h3.blue a {color: rgb(61,100,171);
font-size:110%;
font-weight: normal;
padding: 0 0 0 10px; }
.sidebarleft-top h3.blue a:hover {color: rgb(61,100,171);
font-weight: normal;
text-decoration: underline; }
.sidebarleft-top p {margin:0;
padding:0;
color:rgb(80,80,80);
line-height:1.2em;
font-size:110%; }

/* sidebarleft elements*/

.sidebarleft-ltgreen {width:150px;
padding:0 0 0 0;
margin: 0 0 1em 0;
background-color:rgb(250,250,250);
border-top: 1px solid rgb(180,180,180);
border-left: 1px solid rgb(180,180,180);
border-right: 1px solid rgb(180,180,180);
border-bottom: 1px solid rgb(180,180,180); }
.sidebarleft-ltgreen img, .sidebarright-green img, .sidebarleft-top img {padding:0 0 0 0;
margin:0 0 0 0; }
.sidebarleft h1.ltgreen {clear:both;
margin:0 0 0 0;
padding:4px 10px 3px 10px;
background-color:rgb(175,205,140);
color:rgb(66,84,30);
font:140%/1.3em Times, "Times New Roman", serif;
font-weight: normal; }
.sidebarleft h3 {clear:both;
margin:0.5em 10px 0.5em 10px;
color:rgb(80,80,80);
font-weight:bold;
font-size:110% }
.sidebarleft p {clear:both;
margin:6px 10px 1.0em 10px;
color:rgb(80,80,80);
line-height:1.2em;
font-size:110%; }

/* sidebarright top elements*/

.sidebarright-top {width:200px;
padding:155px 0px 3px 0px;
margin: 0em 0em 1em 0em;
background:rgb(255,255,255)  url(images/cms/try_taichi_right.jpg) no-repeat;
border: 1px solid rgb(180,180,180);
height: 92px; }
.sidebarright-top h1 {clear:both;
margin:0 0 10px 0;
padding:4px 10px 3px 10px;
background-color: rgb(249,126,47);
color:rgb(255,255,255);
font:140%/1.3em Times, "Times New Roman", serif;
font-weight: normal; }
.sidebarright-top h2 {margin:0.3em 10px 0.3em 10px;
padding:0 0px 0px 0px;
color: rgb(61,100,171);
font-weight: normal;
font:180%/1.3em Times, "Times New Roman", serif;
border-bottom: 1px solid rgb(61,100,171); }
.sidebarright-top h3 {margin:0 10px 0.5em 10px;
font-size:110%;
font-weight: normal;
background:transparent url(images/cms/bg_bullet_arrow_white.gif) no-repeat 0 50%; }
.sidebarright-top h3 a {color: rgb(255,255,255);
font-size:110%;
font-weight: normal;
padding: 0 0 0 10px; }
.sidebarright-top h3 a:hover {color: rgb(255,255,255);
font-weight: normal;
text-decoration: underline; }
.sidebarright-top h3.blue {margin:0 10px 0.5em 10px;
font-size:110%;
font-weight: normal;
background:transparent url(images/cms/bg_bullet_arrow_blue.gif) no-repeat 0 50%; }
.sidebarright-top h3.blue a {color: rgb(61,100,171);
font-size:110%;
font-weight: normal;
padding: 0 0 0 10px; }
.sidebarright-top h3.blue a:hover {color: rgb(61,100,171);
font-weight: normal;
text-decoration: underline; }
.sidebarright-top p {margin:0;
padding:0;
color:rgb(80,80,80);
line-height:1.2em;
font-size:110%; }

/* sidebarright elements*/

.sidebarright-green {width:200px;
padding:0 0 0 0;
margin: 0 0 1em 0;
border-top: 1px solid rgb(180,180,180);
border-left: 1px solid rgb(180,180,180);
border-right: 1px solid rgb(180,180,180);
border-bottom: 1px solid rgb(180,180,180);
background-color: rgb(235,235,235); }
.sidebarright h1.green {clear:both;
margin:0 0 0 0;
padding:4px 10px 3px 10px;
background-color:rgb(123,167,74);
color:rgb(255,255,255);
font:140%/1.3em Times, "Times New Roman", serif;
font-weight: normal; }
.sidebarright h3 {clear:both;
margin:0.5em 10px 0.5em 10px;
color:rgb(113,132,68);
font-size:125%;
font-weight: bold; }
.sidebarright p {clear:both;
margin:6px 10px 1.0em 10px;
color:rgb(80,80,80);
line-height:1.2em;
font-size:110%; }
.sidebarright p.noimage {clear:both;
margin:9px 10px 1.0em 10px;
color:rgb(80,80,80);
line-height:1.2em;
font-size:110%; }
.sidebarright p.rule {border-bottom: 1px solid;
color: #616d31; }

/* sidebarright news elements*/

.sidebarright-news {width:200px;
padding:0 0px 3px 0px;
margin: 0em 0em 1em 0em;
border-top: 1px solid rgb(180,180,180);
border-left: 1px solid rgb(180,180,180);
border-right: 1px solid rgb(180,180,180);
border-bottom: 1px solid rgb(180,180,180);
background-color: rgb(205,205,205); }
.sidebarright h1.news {clear:both;
margin:0 0 10px 0;
padding:4px 10px 4px 10px;
background-color:rgb(235,50,30);
color:rgb(255,255,255);
font:140%/1.3em Times, "Times New Roman", serif;
font-weight: normal; }
.sidebarright-news h3, .sidebarright-news h3.twolines {clear:both;
margin:0.5em 10px 0.5em 10px;
font-size:115%;
font-weight: normal;}
.sidebarright-news h3 {background:transparent url(images/cms/bg_bullet_arrow_blue.gif) no-repeat 0 50%; }
.sidebarright-news h3.twolines {background:transparent url(images/cms/bg_bullet_arrow_blue.gif) no-repeat 0 15%; }
.sidebarright-news p {clear:both;
margin:0 10px .5em 10px;
line-height:1.2em;
font-size:110%; }
.sidebarright-news p.rule {border-bottom: 1px solid;
color: rgb(255,255,255); }
.sidebarright-news a {color: rgb(61,100,171);
padding: 0 0 0 10px; }
.sidebarright-news a:hover {color: rgb(61,100,171);
text-decoration: underline; }

/*************** table styles ******************/

table
{width: 600px;
margin:10px 20px 0 20px;
border-collapse: collapse;
border-spacing: 0px; }

table.storyContent
{width: 600px;
margin:10px 20px 0 20px;
border-collapse: collapse;
border-spacing: 0px; }

td
{padding: 1%;
border-bottom: 1px #999999 solid;
padding-left: 1%; }

td.story
{padding: 1%;
border-bottom: 0px #999999 solid;
padding-left: 1%; }

td.titlebar, td.titlebarblue
{
color: #ffffff;
font-size: 1.2em;
font-weight: bold;
padding: 1%;
padding-left: 1%; }

td.titlebar
{background-color: rgb(249,126,47);
}

td.titlebarblue
{background-color: rgb(31,56,150);
}

td.head
{background-color: #cccccc;
color: #000000;
font-size: 1em;
font-weight: bold;
padding: 1%;
padding-left: 1%; }

td.day
{padding: 1%;
border-bottom: 1px #999999 solid;
padding-left: 1%;
width: 18%; }

td.time
{padding: 1%;
border-bottom: 1px #999999 solid;
padding-left: 1%;
width: 12%; }

td.tas
{padding: 1%;
border-bottom: 1px #999999 solid;
padding-left: 1%;
width: 25%; }

td.checkbox
{padding: 1%;
border-bottom: 1px #999999 solid;
padding-left: 1%;
width: 10%; }

td.number
{padding: 1%;
border-bottom: 1px #999999 solid;
padding-left: 1%;
width: 5%; }

td.wushu
{padding: 1%;
border-bottom: 1px #999999 solid;
padding-left: 1%;
width: 20%; }

td.fifteen
{padding: 1%;
border-bottom: 1px #999999 solid;
padding-left: 1%;
width: 15%; }

td.twenty
{padding: 1%;
border-bottom: 1px #999999 solid;
padding-left: 1%;
width: 20%; }

td.forty
{padding: 1%;
border-bottom: 1px #999999 solid;
padding-left: 1%;
width: 40%; }

td.fifty
{padding: 1%;
border-bottom: 1px #999999 solid;
padding-left: 1%;
width: 50%;
vertical-align: top; }

td.fiftybkgnd
{padding: 1%;
padding-left: 3%;
width: 50%;
vertical-align: top;
background-color: #dfead5; }

td.label
{font-weight: bold }

/* quote styles */

.quote {
color: #999900; 
text-align: center; 
padding: 10px 10px 0px 0px; }

.quote i {
padding: 0px 0px 10px 0px;
text-align: center; 
font-style: italic;
color: #000000; }

/* bottom image styles */

#bottomimage {
padding: 10px 0px 0px 0px;
}

#bottomimage img {
padding: 0px 0px 10px 0px;
clear:both; float:none; display:block; margin:0 auto; 
}


/* float elements*/

.fltrt {/* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
float: right;
margin-left: 8px; }
.fltlft {/* this class can be used to float an element left in your page */
float: left;
margin-right: 8px; }
.clearfloat {/* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
height:0;
font-size: 1px;
line-height: 0px; }
.clearright {/* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:right;
height:0;
font-size: 1px;
line-height: 0px; }

/* End of 'tca_default' */