@charset "UTF-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video, table {
max-width: 100%;
}

/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
width:100%;
}

body {
background-image: url(../_img/AnimalTracks.jpg);
	background-repeat: repeat;
	background-color: #f49001;
	margin-top: 20px;
}
a:link {
	color: #72c15c;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #72c15c;
}
a:hover {
	text-decoration: underline;
	color: #72c15c;
}
a:active {
	text-decoration: none;
	color: #72c15c;
}


/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		4;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	12;
	dw-gutter-percentage:	25;
	
	Inspiration from "Responsive Web Design" by Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	and Golden Grid System by Joni Korpi
	http://goldengridsystem.com/
*/

.fluid {
clear: both;
margin-left: 0;
width: 100%;
float: left;
display: block;
}

.fluidList {
list-style:none;
list-style-image:none;
margin:0;
padding:0;        
}

#div1 {
width: 100%;
}

.zeroMargin_mobile {
margin-left: 0;
}

.hide_mobile {
display: none;
}

@media screen and (max-width: 480px) {
.js #menu {
display:none;
}
	
.js .slicknav_menu {
display:block;
}

#div1 {
width: 100%;
}

.zeroMargin_tablet {
margin-left: 0;
}

.hide_tablet {
display: none;
}
}


/* Mobile Layout: 480px and below. */
  
.gridContainer {
margin-left: auto;
margin-right: auto;
width: 320px;
padding-left: 0;
padding-right: 0;
clear: none;
float: none;
background-color: #fff;
}

#div1 {
width: 100%;
}

p {
font-family: OpenSans, sans-serif;
font-size: .9em;
line-height: 1.5em;
color: #000;
}

p.heading {
margin-top: 0px;
}

.bodytext {
font-family: OpenSans, sans-serif;
font-size: .9em;
color: #000;
}

#navigation {
}

#leftsidebar {
text-align: center;
position: relative;
}

.topplogo {
display: block;
width: 150px;
height: 173px;
margin-left: auto;
margin-right: auto;
background-image:url(../_img/TCSlogoMobile.jpg);
background-repeat: no-repeat;
}

.logobottom {
width: 290px;
height: 89px;
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
background-image:url(../_img/MobileLogos.jpg);
background-repeat: no-repeat;
    display: none;
}

#MainContent {
width: 300px;
margin: auto;
padding-left: 10px;
padding-right: 10px;
}

.reviews {
width: 300px;
MARGIN: auto;
padding-left: 10px;
padding-right: 10px;
}


#inset {
	width: 320px;
	height: 170px;
	float: left;
}

.photoset {
	text-align: center;
	margin: 0;
}

#photosetright {
	text-align: center;
}

.caption {
font-family: OpenSans, sans-serif;
font-size: .8em;
text-align: left;
color: #000;
}

ul {
font-family: OpenSans, sans-serif;
font-size: .9em;
margin: 0;
padding: 0;
list-style-position: inside;
}

li {
margin: 0;
padding: 0;
}

.bodytext {
font-family: OpenSans, sans-serif;
font-size: .9em;
color: #000;
}

h2 {
font-family: OpenSans, sans-serif;
font-size: 1.5em;
font-weight: normal;
color: #72c15c;
margin: 0;
padding: 0;
}

h3 {
font-family: OpenSans, sans-serif;
font-size: 1em;
font-weight: normal;
color: #72c15c;
margin: 0;
padding: 0;
}

h4 {
font-family: OpenSans, sans-serif;
font-size: 1em;
font-weight: normal;
color: red;
margin: 0;
padding-top: 10px;
}

#footer {
width: 320px;
margin-left: auto;
margin-right: auto;
background-color: #72c15c;
}

.footertag {
width:300px; 
text-align: center;
padding-top: 12px;
margin-left: auto;
margin-right: auto;
font-family: OpenSans, sans-serif;
font-size: .7em;
color: #000;
}

.footerlogo {
width: 300px;
padding-right: 15px;
padding-bottom: 10px;
margin: auto;
text-align: center;
color: #000;
}

.slicknav_menu {
display:none;
}

.zeroMargin_mobile {
margin-left: 0;
}

.hide_mobile {
display: none;
}

.zeroMargin_desktop {
margin-left: 0;
}

.hide_desktop {
display: none;
}

blockquote {
font-family: OpenSans, sans-serif;
font-size: 1em;
font-style: italic;
width: 250px;
margin: 0.25em 0;
padding: 0.25em 40px;
line-height: 1.45;
position: relative;
color: #383838;
}

blockquote:before {
display: block;
content: "\201C";
font-size: 70px;
position: absolute;
left: -5px;
top: -20px;
color: #7a7a7a;
}

blockquote cite {
color: #999999;
font-size: 14px;
display: block;
margin-top: 5px;
}

blockquote cite:before {
content: "\2014 \2009";
}

.reviewpic {
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
width: 200px;
}
.reviewpichorizontal {
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
width: 267px;
}

/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

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

.gridContainer {
width: 600px;
padding-left: 0px;
padding-right: 0px;
clear: none;
float: none;
margin-left: auto;
-webkit-box-shadow: 0px 0px 7px 15px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0px 0px 7px 15px rgba(0, 0, 0, 0.3);
box-shadow: 0px 0px 15px 5px rgba(0, 0, 0, 0.3);
}

#div1 {
}

#menu {
height: 40px;
line-height: 40px;
position: relative;
font-family: OpenSans, sans-serif;
font-size: 13px;
font-weight: 700;
text-align: center;
margin: 0;
padding: 0;
}

#menu ul {
height: 40px;
width: 100%;
background-color: #72c15c;
padding: 0px;
margin: 0px;
list-style: none;
}

#menu li {
height: 100%;
float: left;
width: 84px;
border-right: 1px solid #6aac44;
border-bottom: 6px solid #6aac44;
}

#menu li:last-child {
width: 90px;
border-right: none;
}

#menu a {
height: 100%;
display: block;
padding: 0;
color: #000;
font-weight: 700;
text-decoration: none;
line-height: 40px;
}

#menu a:hover {
color: #fff;
text-align: center;
border-bottom: 6px solid #6aac44;
}

#menu ul li.current a {
color: #fff;
height: 50px;
background-color: #72c15c;
background-image:url(../_img/star2.png);
background-repeat: no-repeat;
background-position:center; 
border-bottom: 6px solid #6aac44;
line-height: 70px;
}

h2 {
font-family: OpenSans, sans-serif;
font-size: 1.5em;
font-weight: normal;
color: #72c15c;
margin: 0;
padding: 0;
}

p {
font-family: OpenSans, sans-serif;
font-size: .9em;
line-height: 1.5em;
color: #000;
}

.bodytext {
font-family: OpenSans, sans-serif;
font-size: .9em;
color: #000;
}

ul {
font-family: OpenSans, sans-serif;
font-size: .9em;
margin: 0;
padding: 0;
list-style-position: inside;
}

li {
	margin: 0;
	padding: 0;
}

#navigation {
}

#leftsidebar {
	text-align: center;
}

.topplogo {
display: block;
width: 180px;
height: 208px;
margin-left: auto;
margin-right: auto;
margin-top: 20px;
background-image:url(../_img/TCSlogoTablet.jpg);
background-repeat: no-repeat;
}

.logobottom {
width: 490px;
height: 140px;
margin: auto;
background-image:url(../_img/TabletLogos.jpg);
background-repeat: no-repeat;
display: none
}

#MainContent {
	width: 550px;
	margin: auto;
}

.reviews {
width: 550px;
}


#inset {
	width: 550px;
	height: 170px;
	float: left;
}

.photoset {
	text-align: center;
}

#photosetright {
	float: right;
	margin-left: 15px;
}

#trainingleft {

	float: left;
	margin-right: 15px;
}

#contactright {
	text-align: center;
}

.caption {
font-family: OpenSans, sans-serif;
font-size: .8em;
text-align: left;
color: #000;
}

#footer {
width: 600px;
margin-left: auto;
margin-right: auto;
height: 100px;
background-color: #72c15c;
position: relative;
border-top: 6px solid #6aac44;
}

.footertag {
width:370px; 
text-align: center;
padding-top: 12px;
margin-left: auto;
margin-right: auto;
font-family: OpenSans, sans-serif;
font-size: .8em;
color: #000;
}

.footerlogo {
width: 355px;
padding-right: 15px;
margin: auto;
text-align: center;
color: #000;
}

.bodytext {
font-family: OpenSans, sans-serif;
font-size: .9em;
color: #000;
}

h2 {
font-family: OpenSans, sans-serif;
font-size: 1.5em;
color: #72c15c;
margin: 0;
padding: 0;
}

h3 {
font-family: OpenSans, sans-serif;
font-size: 1em;
font-weight: normal;
color: #72c15c;
margin: 0;
padding: 0;
}

.hide_tablet {
display: none;
}

.zeroMargin_tablet {
margin-left: 0;
}

.zeroMargin_desktop {
margin-left: 0;
}

.hide_desktop {
display: none;
}

blockquote {
font-family: OpenSans, sans-serif;
font-size: 1em;
font-style: italic;
width: 500px;
margin: 0.25em 0;
padding: 0.25em 40px;
line-height: 1.45;
position: relative;
color: #383838;
}

blockquote:before {
display: block;
content: "\201C";
font-size: 70px;
position: absolute;
left: -5px;
top: -20px;
color: #7a7a7a;
}

blockquote cite {
color: #999999;
font-size: 14px;
display: block;
margin-top: 5px;
}

blockquote cite:before {
content: "\2014 \2009";
}

.reviewpic {
float: right;
margin-left: 10px;
margin-bottom: 10px;
}
.reviewpichorizontal {
float: right;
width: 267 px;
height: 200px;
margin-left: 20px;
margin-bottom: 15px;
}

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

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

.gridContainer {
width: 1024px;
max-width: 1024px;
padding-left: 0;
padding-right: 0;
margin: auto;
clear: none;
float: none;
margin-left: auto;
-webkit-box-shadow: 0px 0px 7px 15px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0px 0px 7px 15px rgba(0, 0, 0, 0.3);
box-shadow: 0px 0px 15px 5px rgba(0, 0, 0, 0.3);
}

#div1 {
}

#menu {
height: 40px;
line-height: 40px;
position: relative;
font-family: OpenSans, sans-serif;
font-size: 14px;
font-weight: 700;
text-align: center;
margin: 0;
padding: 0;
}

#menu ul {
height: 40px;
width: 100%;
background-color: #72c15c;
padding: 0px;
margin: 0px;
list-style: none;
}

#menu li {
height: 100%;
float: left;
width: 145px;
border-right: 1px solid #6aac44;
border-bottom: 6px solid #6aac44;
}

#menu li:last-child {
width: 148px;
border-right: none;
}

#menu a {
height: 100%;
display: block;
padding: 0;
color: #000;
font-weight: 700;
text-decoration: none;
line-height: 40px;
}

#menu a:hover {
color: #fff;
text-align: center;
border-bottom: 6px solid #6aac44;
}

#menu ul li.current a {
color: #000;
height: 50px;
background-color: #72c15c;
background-image: url(../_img/star.png);
background-repeat: no-repeat;
background-position:center; 
border-bottom: 6px solid #6aac44;
line-height: 70px;
}

p {
font-family: OpenSans, sans-serif;
font-size: .9em;
line-height: 1.5em;
color: #000;
}

p.heading {
margin-top: 0px;
}

ul {
font-family: OpenSans, sans-serif;
font-size: .9em;
margin: 0;
padding: 0;
list-style-position: inside;
}

li {
margin: 0;
padding: 0;
}

#leftsidebar {
width: 220px;
margin-top: 35px;
padding-left: 40px;
padding-right: 20px;
float:left;
}

.topplogo {
display: block;
width: 220px;
height: 284px;
margin: auto;
background-image:url(../_img/TCSlogo.jpg);
background-repeat: no-repeat;
}

.logo {
display:block;
width: 124px;
height: 430px;
margin: auto;
background-image:url(../_img/DesktopLogos.jpg);
background-repeat: no-repeat;
}
    
.logo2 {
display:block;
width: 124px;
margin: auto;
padding-bottom: 10px;
}

.logobottom {
display: block;
width: 0px;
height: 0px;
margin: auto;
background-repeat: no-repeat;
}

#MainContent {
width: 694px;
margin-top: 35px;
padding-right: 40px;
float:right;
}

.reviews {
width: 694px;
}

#inset {
	width: 234px;
	height: 170px;
	float: left;
}

.photoset {
	text-align: left;
}

#photosetright {
	float: right;
	margin-left: 15px;
}

#trainingleft {
	width: 200px;
	float: left;
	margin-right: 15px;
}

#contactright {
	float: right;
	margin-left: 15px;
	padding-right: 50px;
}

.caption {
font-family: OpenSans, sans-serif;
font-size: .8em;
text-align: left;
color: #000;
}

#footer {
width: 1024px;
height: 135px;
background-color: #72c15c;
position: relative;
border-top: 6px solid #6aac44;
}

.footertag {
width: 450px;
float: left;
position: absolute; 
left: 40px; 
bottom: 40px;
font-family: OpenSans, sans-serif;
font-size: .8em;
text-align: left;
color: #000;
}

.footerlogo {
width: 450px;
float: right; 
position: absolute; 
right: 40px; 
bottom: 40px;
text-align: right;
color: #000;
}

.bodytext {
font-family: OpenSans, sans-serif;
font-size: .9em;
color: #000;
}

h2 {
font-family: OpenSans, sans-serif;
font-size: 1.5em;
font-weight: normal;
color: #72c15c;
margin: 0;
padding: 0;
}

h3 {
font-family: OpenSans, sans-serif;
font-size: 1em;
font-weight: normal;
color: #72c15c;
margin: 0;
padding: 0;

}

.zeroMargin_desktop {
margin-left: 0;
}

.hide_desktop {
display: none;
}

blockquote {
font-family: OpenSans, sans-serif;
font-size: 1em;
font-style: italic;
width: 500px;
margin: 0.25em 0;
padding: 0.25em 40px;
line-height: 1.45;
position: relative;
color: #383838;
}

blockquote:before {
display: block;
content: "\201C";
font-size: 80px;
position: absolute;
left: -10px;
top: -20px;
color: #7a7a7a;
}

blockquote cite {
color: #999999;
font-size: 14px;
display: block;
margin-top: 5px;
}

blockquote cite:before {
content: "\2014 \2009";
}

.reviewpic {
float: right;
margin-left: 15px;
margin-bottom: 15px;
}
.reviewpichorizontal {
float: right;
width: 267 px;
height: 200px;
margin-left: 20px;
margin-bottom: 15px;
}
#rssfeed {
background-color: #fff;
width: 200px;
height: 150px;
padding-right: 10px;
padding-left: 10px;
font-family: OpenSans, sans-serif;
font-size: .9em;
overflow: hidden;
border-top: solid 2px;
border-color: #000000;
border-bottom: solid 2px;
bottom-padding: 5px;
}