@charset "UTF-8";

/* Global Content Formatting and Styles */

body {
	color: #003699;
	line-height: 1.5em;
	font-family: Arial;
	font-size: 14px;
	background: url(../images/tsf/bg.png) repeat;
}

.page {
	-webkit-box-shadow:2px 2px 1px #cccccc;
	-moz-box-shadow:2px 2px 1px #cccccc;
	box-shadow:2px 2px 1px #cccccc;
	
	border-radius: 10px;
	max-width: 980px;
	margin: 10px auto 10px auto;
	position: relative;
	background-color: #fff;
}

h1 { font-size: 2em; font-weight: bold; color: #003699; margin: 0 0 0.5em 0; line-height:120%}
h2 { font-size: 1.7em; font-weight: bold; margin: 1em 0 1em 0;}
h3 { font-size: 1.5em; font-weight: bold; margin: 1em 0 1em 0;}
p { font-size: 1 em; margin: 0 0 0.75em 0;}
ul li { font-size: 1 em; margin: 0 0 0.75em 0;}
a{ color: #0000D9; font-weight:bold; text-decoration:none;}
a:hover { color: #009eff;}

.header2 {
	font-size: 1.7em; margin: 1em 0 1em 0;
	font-weight: bold;
}

.header3 {
	font-size: 1.5em; margin: 1em 0 1em 0;
	font-weight: bold;
}


footer {
	font-size: 0.85em; 
	color: #fff; 
	background-color: #003699; 
	padding: 10px 10px 10px 10px;
	border-radius: 0px 0px 10px 10px;
}

a.cta {
	text-transform: uppercase;
	font-size: 0.9em;
	font-weight: bold;
	text-decoration: none;
	margin: 0.5em 0 0 0;
	padding: 0px 12px 0px 0px;
	background: url(../images/cta_arrow.png) no-repeat right 0px;
}
a.cta:hover { background-position: right -50px; }

.red 
{ 
	color:red;
}

.alert 
{ 
	color:black;
	background-color:#FFBFBF;
	font-size: 1.2em;
	line-height: 1.7em;
	padding: 0.5em 1em 0.5em 1em;
	border-radius: 10px 10px 10px 10px;
}

.info 
{ 
	display:inline-block;
	background-color:#CCFF99;
	line-height: 1.5em;
	padding: 0.5em ;
	border-radius: 10px 10px 10px 10px;
}

.warning 
{ 
	color:black;
	background-color:#FFDC73;
	font-size: 1.2em;
	line-height: 1.7em;
	padding: 0.5em 1em 0.5em 1em;
	border-radius: 10px 10px 10px 10px;
}
.pink{
	color: #E60633;
}
.red{
	background-color: #fff;/*#FFD1B2;*/
	padding:5px 10px 5px 10px;
	color: #C53D1B;/*#800000;*/
	border-radius: 2px;
	-webkit-border-radius: 2px;
    -moz-border-radius: 2px;
}

.platinum 
{ 
	display: inline-block;
	/*height: 80px;*/
	background-color:#003699;
	padding: 0.5em 1em 0.5em 1em;
	border-radius: 5px 5px 5px 5px;
}
.gold 
{ 
	display: inline-block;
	/*height: 60px;*/
	background-color:#D4AF37;
	padding: 0.5em 1em 0.5em 1em;
	border-radius: 5px 5px 5px 5px;
}

.silver 
{ 
	display: inline-block;
	/*height: 42px;*/
	color:white;
	background-color:#999999;
	padding: 0.5em 1em 0.5em 1em;
	border-radius: 5px 5px 5px 5px;
}

.bronze
{ 
	color:white;
	background-color:#CD7F32;
	padding: 0.5em 1em 0.5em 1em;
	border-radius: 5px 5px 5px 5px;
}

.footerPlatinum 
{ 
	display: inline-block;
	color:white;
	font-size: 1.2em;
	line-height: 1.7em;
	padding: 0.5em 1em 0.5em 1em;
	border-radius: 10px 10px 10px 10px;
}
.footerGold 
{ 
	display: inline-block;
	color:white;
	font-size: 1.2em;
	line-height: 1.7em;
	padding: 0.5em 1em 0.5em 1em;
	border-radius: 10px 10px 10px 10px;
}
.footerSilver 
{ 
	display: inline-block;
	color:white;
	font-size: 1.2em;
	line-height: 1.7em;
	padding: 0.5em 1em 0.5em 1em;
	border-radius: 10px 10px 10px 10px;
}
.footerBronze 
{ 
	font-size: 0.6em;
	line-height: 1.7em;
	padding: 0.5em 1em 0.5em 1em;
	border-radius: 10px 10px 10px 10px;
}

.white
{
	color: white;
	font-weight: normal;
}

nav > input,
nav > label {
  display: none;
}
nav > label {
  width: 100%;
  float: left;
  padding: 10px;
  padding-right: 0;
  cursor: pointer;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

nav a{
	color: #FFFFFF;
	text-decoration: none;
	display: inline;
	font-size: 1em;
	font-weight: normal;
}

/*test nav menu*/
/*nav {
	font-size: 1em;
	color: white;
}*/

nav ul {
	margin-top: 0px;
	padding-left: 20px;
	padding-right: 100px;
}
nav ul li {
	display: inline-block;
	margin: 0 0 0 0;
	position: relative;
	padding: 8px 15px 8px 15px;
	background: #003699;
	color:#fff;
	margin-right: -4px;
	cursor: pointer;
	font-size: 1em;
}
nav ul li a{
	text-align: left;
	display: inline-block;
	padding: 15px;
	margin: -15px;
	list-style: none;
}
nav ul li ul {
	padding: 0;
	position: absolute;
	top: 37px;
	left: 0;
	width: 220px;
	display: none;
	opacity: 0;
	visibility: hidden;
	z-index: 1;
}
nav ul li ul li { 	
	font-size: 1em;
	display: block;
	background: #444444;
	color: #fff;
	border-radius: 0px 0px 0px 0px;
	z-index: 1;
}
nav ul li ul li a{
	width: 200px;
}
nav a:hover, nav a:active, nav a:focus {
	color: #fff;
}
nav ul li:hover, nav ul li:active, nav ul li:focus{
	background: #666666;
	/*color: #003699;*/
	z-index: 1;
}
nav ul li:hover ul, nav ul li:active ul, nav ul li:focus ul  {
	display: block;
	opacity: 1;
	visibility: visible;
	z-index: 1;
}
nav ul li ul li:hover, nav ul li ul li:active, nav ul li ul li:focus { 
	/*background: #0092D6;*/
	/*color: #003699;*/
	z-index: 1;
}
.current-menu-item {
	background: #3962ad;
	/*color: #003699;*/
	z-index: 1;
}

/* Small Tables */
table{
	width: 100%;
}
table, th, td {
	font-size: 1 em;
}
td {
    /*height: 50px;*/
    vertical-align: middle;
	padding: 1.1em;
}
tr:nth-child(odd)		
{ 
	background-color:#eee; 
}

/* Responsive Table with Headings */
.multi-column-table {
    padding: .25em .5em;
}
.multi-column-table:first-child {
    padding-left: 0;
}
.multi-column-table:last-child {
    padding-right: 0;
}

/*######## Smart Green ########*/
.forms {
    font-size: 1em;
    margin-left:auto;
    margin-right:auto;
    max-width: 100%;
    background: #F8F8F8;
    padding: 30px 30px 20px 30px;
    color: #666;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
.forms fieldset {
	margin:20px 0 0 0;
	padding: 20px;
}
.forms fieldset legend{
	font-size: 1.5em;
	font-weight: bold;
	padding: 0 10px 0 10px;
}
.forms h1 {
    font-size: 1.7em;
    padding: 20px 20px 20px 30px;
    display: block;
    margin: -30px -30px 10px -30px;
    color: #FFF;
    background: #00B359;
    border-radius: 5px 5px 0px 0px;
    -webkit-border-radius: 5px 5px 0px 0px;
    -moz-border-radius: 5px 5px 0px 0px;
    border-bottom:1px solid #89AF4C;

}
hr {
	background-color: #666;
	color: #666;
	height: 1px;
	border: 0 none;
	margin-top: 0px;
	margin-bottom: 0px;
}
.forms h2 {
	font-size: 1.5em;
}
.forms h3 {
	font-size: 1.2em;
}
.forms fieldset h3 {
	font-size: 1.2em;
	margin: 20px 0 0px 0;
	padding: 10px;
	background-color: #00B359;
	color: #fff;
	border-radius: 5px 5px 0px 0px ;
    -webkit-border-radius: 5px 5px 0px 0px ;
    -moz-border-radius: 5px 5px 0px 0px ;
}
.forms h4 {
	font-size: 1.1em;
	margin: 20px 0 0 0;
}
.forms h1>span {
    display: block;
    font-size: 0.65em;
	margin: 5px 0 0 0;
    color: #FFF;
	font-style: italic;
}
.forms p {
	margin: 10px 0px 0px;
	display: block;
	font-size: 1em;

}
.forms label{
    display: block;
	font-weight: bold;
	font-size: 1em;
    margin: 10px 0px 5px;
}
.forms label>span {
    float: left;
    margin-top: 10px;
    color: #5E5E5E;
}
.forms input[type="text"], .forms textarea, .forms select , .forms input[type="number"], .forms input[type="password"]{
    color: #555;
	font-size: 1em;
    height: 30px;
    line-height:15px;
    width: 98%;
    padding: 0px 0px 0px 10px;
    margin-top: 2px;
    border: 1px solid #8A8A7B;
    background: #fff;
    outline: 0;
}
.forms textarea{
	font-family:inherit;
}
.forms input[type="radio"] + label{
	font-size: 2em;
}
.forms select {
	cursor:pointer;
}
.forms textarea{
    height:100px;
    padding-top: 10px;
}
.forms select {
    text-indent: 0.01px;
    text-overflow: '';
    width:100%;
    height:30px;
}
.forms .button {
	font-size:1.2em;
	font-weight:bold;
    background-color: #00B359;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border: none;
    padding: 10px 25px 10px 25px;
	margin-top:10px;
    color: #FFF;
	cursor: pointer;
}
.forms .button:hover {
    background-color:#006633;
}
.telephone{
	display:inline-block;
	width:100%;
}
.telephone label{
	display:inline-block;
}
.telephone .phone{
	width:250px;
	margin-right: 5px;
}
.telephone .extension{
	width:80px;
}

.password{
	width:100px;
}

.shortField {
	display:inline-block;
	margin-right: 5px;
	width:49%;
}
.grade{
	display:inline-block;
	width:100%
}
.grade label{
	text-align:center;
	display:inline-block;
	width:17%;
	padding-right: 10px;
}
.homeSchooled{
	background-color: #FFEFBF;
	padding:5px 10px 5px 10px;
	color:#000;
	border-radius: 2px;
	-webkit-border-radius: 2px;
    -moz-border-radius: 2px;
}
.independentEntry{
	background-color: #BFEFFF;
	padding:5px 10px 5px 10px;
	color:#000;
	border-radius: 2px;
	-webkit-border-radius: 2px;
    -moz-border-radius: 2px;
}

.MultiChoice div label {
	font-weight:normal;
	margin: 10px;
	cursor:pointer;
}
.MultiChoice p{
	font-weight:normal;
	margin-top: 5px;
}


/*since the promos are floating divs, we are using the clear fix divs
to force the background to stretch up to the last div "clear-fix"*/
.clear-fix { clear: both; line-height: 1px;}

/*image slider control*/
@keyframes slidy {
	0% { left: 0%; }
	20% { left: 0%; }
	25% { left: -100%; }
	45% { left: -100%; }
	50% { left: -200%; }
	70% { left: -200%; }
	75% { left: -300%; }
	95% { left: -300%; }
	100% { left: -400%; }
}

@-webkit-keyframes slidy {
	0% { left: 0%; }
	20% { left: 0%; }
	25% { left: -100%; }
	45% { left: -100%; }
	50% { left: -200%; }
	70% { left: -200%; }
	75% { left: -300%; }
	95% { left: -300%; }
	100% { left: -400%; }
}

.toggle-box {
  display: none;
}

.toggle-box + label {
  cursor: pointer;
  display: block;
  font-size: 1.4em; margin: 1em 0 1em 0;
  font-weight: bold;
}

.toggle-box + label + div {
  display: none;
  margin-bottom: 10px;
}

.toggle-box:checked + label + div {
  display: block;
}

.toggle-box + label:before {
  content: "\25b6\00a0";
}

.toggle-box:checked + label:before {
  content: "\25bc\00a0";
}

/*
div#slider { overflow: hidden; }
div#slider figure img { width: 20%; float: left; }
div#slider figure { 
	position: relative;
	width: 500%;
	margin: 0;
	left: 0;
	text-align: left;
	font-size: 0;
	animation: 30s slidy infinite; 
}*/

/*slider1*/

.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  overflow: hidden;
  float: left;
  width: 100%;
  border: 0;
  
  /*position: absolute;
  left: 50%;
  top: 50%;
  height: 100%;
  width: auto;
  -webkit-transform: translate(-50%,-50%);
      -ms-transform: translate(-50%,-50%);
          transform: translate(-50%,-50%);*/
  }

.rslides img {
	display: block;
	height: auto;
	overflow: hidden;
	float: left;
	width: 100%;
	height: auto;
  }
.rslides img .portrait{
  height: 200px;
  width: auto;
  border: 0;
  
  /*position: absolute;
  left: 50%;
  top: 50%;
  height: 100%;
  width: auto;
  -webkit-transform: translate(-50%,-50%);
      -ms-transform: translate(-50%,-50%);
          transform: translate(-50%,-50%);*/
}

/*slider1*/
.sponsors {
	background-repeat: no-repeat;
	font-size: 1.5em;
	text-align: center;
	margin: 1em;
}