/* CSS Document */
/*
     science orange: F18700
     math green: 619B00
     bright blue: 3C92C9
	brown: 490808
*/
* {
     margin: 0;
     padding: 0;
}
body {
     margin: 0;
     padding: 0;
     min-width: 960px;
     height: 100%;
     background-color: #fff;
     font-family: Verdana, Arial, Helvetica, sans-serif;
     font-size: 13px;
     text-decoration: none;
     text-align: center;
}
/* setup defaults */
img, a img {
     border: none;
}
a {
     color: #490808;
}
h1, h2, h3, h4, h5, h6 {
     color: #490808;
}
#container {
     width: 960px;
     margin: 0 auto;
     padding: 0;
     text-align: left;
     min-height: 100%;
     margin-bottom: 15px;
}
/* header / nav elements */
#header {
     height: 120px;
     background: url(../images/header_bkrd.jpg) no-repeat;
     position: relative;
     z-index: 50;
}
#header_logo {
     z-index: 60;
     height: 46px;
     width: 491px;
     position: absolute;
     top: 13px;
     left: 22px;
     background: url(../images/header_logo.gif) no-repeat;
}

#header_logo a {
     background: url(../images/header_logo.gif) no-repeat;
     display: block;
     height: 46px;
     width: 491px;
}
#header_logo h1 {
     display: none;
}
#error {
     color: red;
     font-size: 1.2em;
     font-weight: bold;
     text-align: center;
}
/* navigation controls */
#nav {
     position: absolute;
     width: 100%;
     height: 40px;
     z-index: 30;
     bottom: 0;
     left: 0;
}
#footer {
     margin-top: 4px;
     position: relative;
     clear: both;
}

* html #footer{
	z-index:0;
	position:static;
	}

#footer_nav {
     width: 100%;
	 z-index:1;
}
#nav ul, #footer ul {
     list-style: none;
}
#nav li, #footer_nav li {
     float: left;
     display: inline;
     margin-right: 6px;
}
#nav a, #footer_nav li a {
     display: block;
     height: 40px;
}
#footer_nav li {
     margin-right: 5px;
}
#nav a span, #footer_nav a span {
     display: none;
}
#nav li.nav_home, #nav a.nav_home {
     width: 104px;
     background: url(../images/nav_home.gif) 0 0 no-repeat;
}
#nav a.nav_activities_math, #nav li.nav_activities_math {
     width: 134px;
     background: url(../images/nav_act_math.gif) 0 0 no-repeat;
}
#nav a.nav_activities_science, #nav li.nav_activities_science {
     width: 158px;
     background: url(../images/nav_act_science.gif) 0 0 no-repeat;
}
#nav a.nav_training, #nav li.nav_training {
     width: 108px;
     background: url(../images/nav_training.gif) 0 0 no-repeat;
}
#nav a.nav_calcapps, #nav li.nav_calcapps {
     width: 153px;
     background: url(../images/nav_calc.gif) 0 0 no-repeat;
}
#nav a.nav_achievement, #nav li.nav_achievement {
     width: 153px;
     background: url(../images/nav_achieve.gif) 0 0 no-repeat;
}
#nav a.nav_signup, #nav li.nav_signup {
     width: 114px;
     margin-right: 0;
     background: url(../images/nav_signup.gif) 0 0 no-repeat;
}
#footer_nav a.foot_nav_ti, #footer_nav li.foot_nav_ti {
     width: 236px;
     background: url(../images/foot_nav_ticom.gif) 0 0 no-repeat;
}
#footer_nav a.foot_nav_tialg, #footer_nav li.foot_nav_tialg {
     width: 236px;
     background: url(../images/foot_nav_tialg.gif) 0 0 no-repeat;
}
#footer_nav a.foot_nav_tigeo, #footer_nav li.foot_nav_tigeo {
     width: 236px;
     background: url(../images/foot_nav_tigeo.gif) 0 0 no-repeat;
}
#footer_nav a.foot_nav_signup, #footer_nav li.foot_nav_signup {
     margin-right: 0;
     width: 236px;
     background: url(../images/foot_nav_signup.gif) 0 0 no-repeat;
	
}
#footer p {
     padding: 6px;
     font-size: 10px;
     clear: both;
}
#footer p.disclaimer {
     border-bottom: 2px dotted #666666;
}
#footer p a {
     color: #3C92C9;
     text-decoration: none;
}
/*
#nav a.nav_home:hover, #nav a.nav_home_active {
     background: url(../images/home.gif) 0 -41px no-repeat;
}
#nav a.nav_activities:hover, #nav a.nav_activities_active {
     background: url(../images/activites.gif) 0 -41px no-repeat;
}
#nav a.nav_achievement:hover, #nav a.nav_achievement_active {
     background: url(../images/studentAcheivement.gif) 0 -41px no-repeat;
}
#nav a.nav_training:hover, #nav a.nav_training_active {
     background: url(../images/training.gif) 0 -41px no-repeat;
}
#nav a.nav_signup:hover, #nav a.nav_signup_active {
     background: url(../images/signup.gif) 0 -41px no-repeat;
}
*/
#content {
     background-color: #fff;
     position: relative;
     height: 100%;
     padding-top: 6px;
}
#act_callouts {
     position: relative;
     z-index: 50;
     min-height: 125px;
     padding-left: 20px;
}
#content #act_callout_1 {
     font-size: 0.75em;
     width: 275px;
     padding: 0.50em;
     height: 120px;
}
#content #act_callout_2 {
     font-size: 0.75em;
     width: 275px;
     padding: 0.50em;
     position: absolute;
     right: 30px;
     top: 0em;
     height: 120px;
}
#content #act_callout_1 img, #content #act_callout_2 img {
     float: left;
     margin-right: 0.5em;
}
#act_calloutsb {
     position: relative;
     z-index: 50;
     min-height: 125px;
     padding-left: 20px;
}
#content #act_calloutb_1 {
     font-size: 0.75em;
     width: 275px;
     padding: 0.50em;
     position: absolute;
     right: 130px;
     top: 0em;
     height: 120px;
}
#content #act_calloutb_2 {
     font-size: 0.75em;
     width: 275px;
     padding: 0.50em;
     position: absolute;
     left: 130px;
     top: 0em;
     height: 120px;
}
#content #act_calloutb_1 img, #content #act_calloutb_2 img {
     float: left;
     margin-right: 0.5em;
}
#content_home {
     margin: 0;
     position: relative;
     height: 100%;
}
/* interior content div styles */
.content_header {
     position: relative;
     background-color: #f7f7b6;
     padding: 20px 35px;
}
.content_header p {
     position: relative;
     color: #966c52;
     font-size: 13px;
     font-weight: bold;
     line-height: 18px;
     padding-top: 10px;
     letter-spacing: +1px;
}
#home_footer img {
     position: absolute;
}
.content_header .img_left, #home_wrap .img_left {
     position: absolute;
     left: 0;
     bottom: 0;
}
.content_header .img_right, #home_wrap .img_right {
     position: absolute;
     right: 0;
     bottom: 0;
}
.hf_img_left {
     left: 0;
     top: 0;
}
.hf_img_right {
     top: 0;
     right: 0;
}
#content div.interior {
     position: relative;
     margin: 1.5em 35px;
     clear: both;
     min-height: 180px;
     height: auto;
}
#content div.interiorb {
     position: relative;
     margin: 0.5em 0;
     clear: both;
     height: 140px;
     padding-top: 25px;
}
#content div.interior div.image, #content div.interiorb div.image {
     width: 200px;
     height: 180px;
     display: table-cell;
     vertical-align: middle;
     text-align: center;
     position: absolute;
     top: 0;
     left: 0;
}
div.interiorb div.interior_shift {
     margin-left: 225px;
     margin-right: 75px;
     min-height: 180px;
}
div.interior div.interior_shift {
     margin-left: 260px;
     margin-right: 75px;
     min-height: 180px;
}
div.interior div.interior_shiftb, div.interiorb div.interior_shiftb {
     width: 375px;
     margin-left: 30px;
     min-height: 110px;
}
#content div.interior img,#content div.interiorb img {
     margin-left: auto;
     margin-right: auto;
     margin-top: 20px;
}
#content div.interior p, #content div.interiorb p {
     line-height: 1.4em;
}
#content div.interiorb h3 {
     color: #3C92C9;
	 text-decoration: none;
}
div.interior p, div.interior_shift p {
     margin: 10px 0;
     font-size: 11px;
}
div.interior_shift ul li {
     font-size: 11px;
}
#content_home li, #content_home p {
     font-size: 10px;
}
#content_home li {
     margin-left: 15px;
}
/* home content div styles */
#home_wrap {
     margin-top: 6px;
     position: relative;
     clear: both;
     height: 353px;
     background: #f7f7b6 url(../images/home_act_bkrd.jpg) no-repeat;
}
#home_math {
     position: absolute;
     top: 33px;
     width: 440px;
     height: 300px;
     padding-left: 213px;
}

* html body #home_math {
	width:200px;
	}

#home_sci {
     position: absolute;
     top: 33px;
     width: 440px;
     height: 300px;
     padding-left: 213px;
}


* html body #home_sci {
	width:200px;
	}

/*	
#home_math>*, #home_sci>* {
     width: 200px;
}
*/

#home_math {
    background: url(../images/home_act_math.gif) no-repeat;
    left: 26px;
    padding-right: 40px;
    border-right: 3px #794a35 dashed;
}
#home_wrap>#home_math {
     width: 200px;
}
#home_wrap>#home_sci {
     width: 200px;
}
#home_sci {
     background: url(../images/home_act_sci.gif) no-repeat;
     left: 514px;
}
#content h4 {
     color: #4a0808;
     font-size: 1.1em;
     margin: 7px 0;
}
#home_wrap h4 {
     color: #3C92C9;
     font-size: 17px;
     font-weight: bold;
}
#home_wrap p {
     font-size: 11px;
margin: 10px 0;
}
#home_math a, #home_sci a {
     font-weight: bold;
     font-size: 15px;
     text-decoration: none;
}
#home_math a {
     color: #619B00;
}
#home_sci a {
     color: #F18700;
}
#home_footer {
     position: relative;
     margin-top: 6px;
     clear: both;
     height: 210px;
     background: #a5cbea url(../images/hr_bkrd.gif) no-repeat;
}
#home_footer h1 {
     position: absolute;
     top: 36px;
     left: 67px;
     width: 414px;
     height: 54px;
     background: url(../images/home_foot_welcome.gif) no-repeat;
}
#home_footer h1 span {
     display: none;
}
#home_footer p {
     position: absolute;
     top: 116px;
     left: 44px;
     width: 595px;
     font-size: 13px;
     line-height: 24px;
	 z-index:1000;
}
#home_float {
     position: absolute;
     top: 304px;
     right: 0;
     width: 280px;
	 height: 277px;
	 z-index: 99999;
}

* html #home_float{
	top: 309px;
	}

* html #home_float img{
	float:left;
	}
	
* html #home_float img+1{
	margin-bottom:-3px;
	}

#content div.interiorb div.imageb {
     width: 100px;
     height: 180px;
     display: table-cell;
     vertical-align: middle;
     text-align: center;
     float:left;
}
.interior li {
     font-size: 0.9em;
     margin-bottom: 5px;
}
/* form controls */
form {
     padding: 1em;
     position: relative;
}
input, select, textarea {
     font-family: Arial, Helvetica, sans-serif;
     font-size: 11px;
     margin-left: 1em;
}
fieldset {
     position: relative;
     padding: 10px 0;
     border: none;
}
fieldset div {
     clear: both;
     margin: 5px 0;
     position: relative;
}
div label {
     width: 185px;
     text-align: right;
     display: inline-block;
     float: left;
}
.form_indent {
     position: relative;
     top:-25px;
	 margin-left: 185px;
     clear: both;
}
div.oddity {
     position: relative;
     height: 100px;
}
div.form_checkbox_left {
     position: absolute;
     width: 175px;
     margin-left:185px;
	 /*left: 185px;*/
     top: 0;
}
div.form_checkbox_right {
     position: absolute;
     top: 0;
     /*  left: 360px;*/
     margin-left:360px;
     width: 200px;
}
.header_img {
     position: relative;
     margin: 0 25px;
}
.home_header_img {
     position: relative;
     margin: 0;
     margin-bottom: 1.5em;
}
.interior a, .interiorb a {
   /*  color: #b90a0d; */
     color: #490808;
}
p.mini_date {
     font-size: 9px;
     color: #3C92C9;
margin: 5px 0;
}
#switchform {
     margin-left: 25px;
     padding: 0;
}
#switchform form {
     margin: 10px 0;
     padding: 0;
}
.cell_center {
     text-align:center;
}

/* activity styles */
.activity_header {
     position: relative;
     background-color: #f7f7b6;
     float: left;
     clear: none;
     width: 312px;
     height: 100%;
     margin-bottom: 6px;
}

/* @group NEW */
.activity_math_new {
	background: url("http://timiddlegrades.com/themes/timiddlegrades/assets/images/bg-math.gif") no-repeat;
	background-color: #f7f7b6;
	width: 100%;
	height: 180px;
	margin-bottom: 6px;
}

.activity_science_new {
	background: url("http://timiddlegrades.com/themes/timiddlegrades/assets/images/bg-science.gif") no-repeat;
	background-color: #f7f7b6;
	width: 100%;
	height: 180px;
	margin-bottom: 6px;
}

.activity_math_new p,
.activity_science_new p {
	left:325px;
	position:relative;
	top:56px;
	width:590px;
	}
	
.activities_archive p {
	left:325px;
	position:relative;
	top:63px;
	width:480px;
	}
	
.activities_archive {
	background: url("http://timiddlegrades.com/themes/timiddlegrades/assets/images/bg-activitiesarchive.gif") no-repeat;
	background-color: #f7f7b6;
	width: 100%;
	height: 180px;
	margin-bottom: 6px;
	}

ul.activity {
	list-style-type: none;
	padding-left:13px;
	}
	
ul.activity li { float: left; margin: 8px 30px 8px 0; }
ul.activity li a.math { color: #619b00; }
ul.activity li a.science { color: #F18700; }
/* @end */

.activity_header p {
     margin: 28px;
     color: #4c0909;
     font-size: 10px;
     line-height: 175%;
     letter-spacing: 1px;
}
p.act_head_p {
     position: absolute;
     left: 312px;
     top: 34px;
}
p.act_head_p_new {
     position: absolute;
     left: 312px;
     top: 10px;
}

#math_activities a {
     font-weight: bold;
     color: #619B00;
}
#science_activities a {
     font-weight: bold;
     color: #F18700;
}
#activity_content {
     width: 648px;
     float:right;
}

#activity_content_new {
     float:right;
     width: 100%;
}

#individual_activity {
     padding: 15px;
}
#individual_activity .activities_table {
     width: auto;
     border: 1px solid #3C92C9;
}
.activities_table {
     width: 100%;
     margin-bottom: 25px;
     border-collapse: collapse;
}
.activities_table th, .apps_table th {
     font-size:12px;
     color: #619B00;
     text-align: left;
     padding: 6px 10px 6px 13px;
     background: #fff;
     text-transform: uppercase;
}
.activities_table td, .apps_table td {
     font-size:9px;
     padding: 6px 10px 6px 13px;
     color: #4a0808;
     text-align: left;
}
.activities_table td, .apps_table td {
     font-size:11px;
}
.activities_table tr, .apps_table tr {
     background: #f7f7b6;
}
.activities_table tr.alt, .apps_table tr.alt {
     background: #fff;
}
.activities_table td.col_0 {
}
.activities_table td.col_0a {
	width: 290px;
}
.activities_table td.col_1 {
     width: 50px;
}
.activities_table td.col_1a {
     width: 0px;
}
.activities_table td.col_2 {
     width: 40px;
}
.activities_table td.col_3 {
     width: 180px;
}
.activities_table td.col_3 a {
     color: #3C92C9;
}

.activities_table td.col_3a a {
     color: #3C92C9;
}

.apps_table {
     width: 850px;
     border-collapse: collapse;
}
.apps_table td.col_0 {
     width: 25%;
}
.apps_table td.col_1 {
     width: 57%;
}
.apps_table td.col_2 {
     width: 18%;
}
.apps_table td.col_2 a {
     color: #3C92C9;
}

.single_activity_science,
.single_activity {
     border: 1px solid #BFD1D3;
     width: 933px;
}

.single_activity th {
     background-color: #619B00;
     color: #fff;
     text-align: center;
     padding: 12px;
}

/* make our th header orange */
.single_activity_science th {
     background-color: #f16200;
     color: #fff;
     text-align: center;
     padding: 12px;
}

.single_activity_science th h5,
.single_activity th h5 {
     color: #fff;
     font-size: 17px;
     letter-spacing: 1px;
}

.single_activity_science th p,
.single_activity th p {
     font-size: 11px;
}

.single_activity_science th a,
.single_activity th a {
     color: #fff;
     text-decoration: none;
     font-size: 11px;
}

.single_activity_science td,
.single_activity td {
     font-size:12px;
     text-align: left;
     padding: 0.5em;
     border-right: 1px solid #BFD1D3;
     border-bottom: 1px solid #BFD1D3;
}

.single_activity_science td li,
.single_activity td li {
     margin-left: 2em;
}

.single_activity_science td table,
.single_activity td table {
     width: 95%;
}
.single_activitysci {
     border: 1px solid #BFD1D3;
     width: 933px;
}
.single_activitysci th {
     background-color: #F18700;
     color: #fff;
     text-align: center;
     padding: 12px;
}
.single_activitysci th h5 {
     color: #fff;
     font-size: 17px;
     letter-spacing: 1px;
}
.single_activitysci th p {
     font-size: 11px;
}
.single_activitysci th a {
     color: #fff;
     text-decoration: none;
     font-size: 11px;
}
.single_activitysci td {
     font-size:12px;
     text-align: left;
     padding: 0.5em;
     border-right: 1px solid #BFD1D3;
     border-bottom: 1px solid #BFD1D3;
}
.single_activitysci td li {
     margin-left: 2em;
}
.single_activitysci td table {
     width: 95%;
}
.interior_shift * {
     margin-top: 5px;
}
.interior_shift * * {
     width:auto;
     float:none;
}
.interior_shift ul {
     width: 400px;
}
.interior_shift ul li {
     margin-left: 25px;
     margin-top: 3px;
}
#disclaimer {
     font-size: 0.8em;
}
#disclaimer_success {
     font-size: 0.8em;
	 padding-left: 290px;
}

/* @group MENU */
ul#menu {
     position: relative;
     z-index: 30;
     bottom: 0;
     top: 63px;
     left: 0;
	}

ul.menu { 
	background: url("http://timiddlegrades.com/themes/timiddlegrades/assets/images/menu/corner.gif") no-repeat right -41px #a20000;
	list-style-type: none; 
	float: left;
	text-align: center;
	padding: 12px 0 0 0;
	width: 100%;
	}

ul.menu.bottom {
	background: url("http://timiddlegrades.com/themes/timiddlegrades/assets/images/menu/corner.gif") no-repeat right -123px #a20000;
	}

ul.menu.bottom li a { 
	color: #fff;
	padding: 0 47px;
	}

ul.menu li { 
	color: #dfdf9b;
	float: left; 
	font-size: 11px;
	}
	
ul.menu li a {
	letter-spacing: 2px; 
	font: bold 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-decoration: none; 
	margin: 0 16px;
	}

ul.menu li a.archive { color: #dfdf9b; }
ul.menu li a.math { color: #88bb20; }
ul.menu li a.science { color: #ef8600; }
ul.menu li a.calculator { color: #dfdf9b; }
ul.menu li a.student { color: #dfdf9b; }
ul.menu li a.sign { color: #dfdf9b; }

ul.menu li a.activity-archive {
	background: url("http://timiddlegrades.com/themes/timiddlegrades/assets/images/menu/activities.gif") no-repeat 0 -4px;
	padding-left: 81px; /* space between image and link */
	}

ul.menu li a.activity-math {
	background: url("http://timiddlegrades.com/themes/timiddlegrades/assets/images/menu/activities.gif") no-repeat 40px -4px;
	padding-right: 81px; /* space between image and link */
	}

ul.menu li a.activity-science {
	background: url("http://timiddlegrades.com/themes/timiddlegrades/assets/images/menu/activities.gif") no-repeat 63px -4px;
	padding-right: 81px; /* space between image and link */
	}

ul.menu li.TL,
ul.menu li.TR,
ul.menu li.BL,
ul.menu li.BR {
	display: block;
	height: 40px; /* height of image */
	width: 19px; /* width of image */ 
	margin: -12px 0 0 0; /* reverse padding from ul.menu, pull the image up */
	}
	
/* added a bg color to make up for any 'gaps' that may appear */
ul.menu li.TL { background: url("http://timiddlegrades.com/themes/timiddlegrades/assets/images/menu/corner.gif") no-repeat #a20000}
/*ul.menu li.TR { background: url("http://timiddlegrades.com/themes/timiddlegrades/assets/images/menu/corner.gif") no-repeat 0 -41px #a20000; 
	margin-left: 5px !important; /* needed for everyone else 
	margin-left: 7px; /* needed for IE 
	}
*/
ul.menu li.BL { background: url("http://timiddlegrades.com/themes/timiddlegrades/assets/images/menu/corner.gif") no-repeat 0 -82px #a20000}
/*ul.menu li.BR { background: url("http://timiddlegrades.com/themes/timiddlegrades/assets/images/menu/corner.gif") no-repeat 6px -123px #a20000; 
	margin-left: 3px !important; /* needed for everyone else 
	margin-left: 10px; /* needed for IE */
	}
/* @end */

/* @group front page 
---------------------------------------*/


#home_math p.date {}
#home_wrap p.date { color: #619B00; }
#home_wrap h4.title { color: #619B00; }

#home_sci p.date,
#home_sci h4.title { color: #f16200; }
/* @end */