/*Two Column Layout */

*, html {margin:0; padding:0;}
body {margin:0; padding:0; font-family: Arial; background: #FAFAFA;}
div#header { background: url("http://images.athleo.net/footerbg.jpg") repeat-x; height: 60px;}
#header h1 {color: white; padding: .5em; font-size: 1.4em; background: url("http://images.athleo.net/h1bg.png") no-repeat; background-position: 13px 20px; text-indent: -9999px; width: 30%; float: left;}
#header h1 em {font-size: .5em; display:block; font-weight: normal;letter-spacing: 1px; color: #555;}
#header form { display: block; margin: 0; padding: 1em; float: right;}
#header form input {font-size: 1em; border: none; background: #444; color: #AAA; padding: .1em .5em;}
#header .searchfield {border-bottom: 5px solid #333;}
#header .searchbutton {border: 3px solid #333; margin:0; padding: 0;}


div#breadcrumbs {width: 100%; height: 40px; margin: 0 auto 6%; padding:0; background: #800000 url("http://images.athleo.net/breadbg2.jpg") repeat-x; font-size: .9em;}
div#breadcrumbs p { color: #FFFFCC; margin:0; padding:.7em 0 .5em 1em;}
div#breadcrumbs a { color: #FFFFCC; text-decoration: none;}
#wrapper {width: 100%; margin: 0; padding: 0; overflow: hidden;}
	
a#imgidf img {border: 2px solid #ECECEC;}
#side-column {float: left; width: 20%; padding: 0; padding-left: 2%; margin:0 0 6em;}
#side-column ul {width: 100%; list-style: none; position: relative; margin-left: 0px; padding-left: 10px; margin-top: 0;}
#side-column ul li {padding-bottom: 1em;}
#side-column ul#nav { font-family: Arial; font-size: 1em; font-weight: bold; left: 0em; padding-left:0px; margin-bottom: 5%;}
#side-column ul#nav li { margin: .1em; padding: .5em .3em .1em .8em; border-bottom: 1px dashed #CCCCCC;}
#side-column ul#nav li a { color: #222; text-decoration: none; }
#side-column ul#nav li a:visited { color: #4A4A4A;}
#side-column ul#nav li a:hover, #side-column ul#nav li:hover a { color: #990000;}
#side-column ul#nav li:hover { background: #FAFAFA;}
table#hours {margin: 0em .1em 1.5em; width: 100%; font-size: .9em;}
table#hours th { background-color: #333333; color: White; padding: .2em 0;}
table#hours tr td {  padding: .2em .3em;}
	
#side-column ul#navTeach { font-size: 1.1em;  left: 0em; padding-left:0px; margin-bottom: 5%;}
#side-column ul#navTeach li { margin: .1em; padding: .3em .3em .3em .8em; border-bottom: 1px dashed #CCCCCC;}
#side-column ul#navTeach li a { color: #222; text-decoration: none; }
#side-column ul#navTeach li a:visited { color: #4A4A4A;}
#side-column ul#navTeach li a:hover, #side-column ul#nav li:hover a { color: #990000;}
#side-column ul#navTeach li:hover { background: #FAFAFA;}


#main-content {float: right; width: 68%;  padding: 0 2% 0 0; margin:0 0 6em;}
#main-content p {margin: .8em auto; padding: .6em 1em .6em .4em;}
#main-content ul, #main-content ol {padding: 1em 1em 1em 3em; width: 70%; margin: 2em auto; background: #FAFAFA}
#main-content ul li, #main-content ol li { font-weight: normal; font-size: .9em; margin-top: .3em;}
		
/* Products */
#main-content ul#products {list-style: none; padding-left: 0; margin-left: 0; margin-top: 3em; margin: 0 auto; background: #FFF;}
#main-content ul#products li { margin-top: 5em;}
#main-content ul#products li img {float: left; margin: .5em 1em 1em .5em;}
#main-content ul#products li a {font-size: 1.5em; color: #004F9D;}
#main-content ul#products li p {font-weight: normal; font-size: 1em; margin-top: 0; margin-left: 55%; background: #FAFAFA; padding: .5em;}
#owner {width: 15%;}

#main-content h2 a{color: #232943; text-decoration: none;}
#main-content a {color: #800; text-decoration: none; }
#main-content p.date a { font-size: .9em;}

table.downloads{ width: 90%; margin-bottom: 30px; text-align: center;}
table.downloads tr th {text-align: left;  background-color: #EDEDED; padding: .3em .5em; color: #039;}
table.downloads tr td {background-color: #F5F5F5; text-align: left; padding-left: .5em; }
table.downloads tr td+td {text-align: center; padding-left: .5em; padding-right: .5em;}
table.downloads tr th+th {text-align: center; padding-left: 1em; padding-right: 1em;}
table.downloads tr td > p {width: 90%;}
table.spelling {width: 100%;}
table.spelling tr th {font-size: .9em;}
table.spelling tr td{ padding: 1.5em .5em; font-size: .9em; text-align: center;}


div#callusnow {width: 96%; border: 5px solid #DDD; background: #800; color: #FFF; text-align: center; margin: 1em auto; font-size: 1.5em;}	
div#callusnow p {padding: .2em; margin: 0;}
div#callusnow p span {padding: .2em; font-weight: bold; color: #FDA}

div#special {width: 500px; border: 5px solid #DDD; padding: 1em; background: #222; color: white; text-align: center; margin: 0 auto;}
#special h4 {color: white; border:none; margin: 0; font-size: 3em;}
#special p {font-size: 1.2em; }
#special p.small {font-size: .8em; text-align: left; margin-bottom: 0; margin-top: 3em; color: #999}
     
form {margin-top: 2em;}
fieldset { background: #FAFAFA;width: 80%; padding-left: 2em; border: 1px solid #ECECEC; color: #333; font-weight: bold;}      
legend {color: #555;}
#post {width: 100%; margin-top: 2em;}
input#at, input#as {font-size: 1em; margin-bottom:0; width: 50%; border: 1px solid #CCC; padding: .1em;}
#post textarea {width: 95%; height: 250px; border: 1px solid #CCC;}


#footer {width: 100%; clear: both; display: block; color: white; background: #222; padding: 1em; border-top: 4px solid #CCC;
border-bottom: 4px solid #CCC;}
#footer a {color: #ACF;}

#footer p {margin-top: 0; font-size:1em;  position: relative; width: 50%; display: inline;}
#footer ul {list-style:none; margin: 0; padding: 0; display: inline; position: absolute; right: 0;}
#footer ul li {display: inline; margin: 1em;}
#footer ul li a {color: White; background: #444; padding: .3em 1em;}


.light-grey { background-color: #ECECEC;}
.lighter-grey { background-color: #F6F6F6;}
.img-left  {float: left; margin: .5em 1em .2em .5em; z-index: -1;}
.center { margin: 0 auto;} 
.img {display:block; padding: 4px; background:#F1F1F1; width: 40%;}
.red { color: #FF0000;}
.grey {color: #888}
h2{ border-bottom: 1px solid #888888; color: #232943; font-size: 2em; width: 99%; text-align: left;}
	
h4 { width: 85%; color: #14A; font-size: 1.0em; padding-left: .3em; margin-top: 1em; border-bottom: 1px solid #ECECEC;}

h3 { width: 100%; border-bottom: 1px solid #CCCCCC; color: #28313C; font-size: 1.4em; margin-top: 2.5em; margin-bottom: 1em;}
#main-content h3 {border-bottom: 0; margin-top: 2em; padding-left: .1em;}#navh3 {margin-top: 1%; padding-top: 0;}
p + h2 {margin-top: 2em;}
#sent {border: none; color: #880000; font-size: 1em;}
#main-content p.date {border-top: 1px solid #ECECEC;  font-weight: bold; padding: 5px;}
#main-content p.date a { margin: 0 2em 0 0;}
blockquote {width: 90%; margin: 2em auto; background:#FAFAFA; border: 1px solid #CCC;}
#sitesforteachers  p{margin: .5em 0;}
#sitesforteachers a {display: block; width: 90%; border: 2px solid #AAA; margin: 0; color: White; text-decoration: none; font-weight: bold; letter-spacing: 1px; text-align: center; padding: .2em .2em; background: #039; font-family: "Trebuchet";}

#sitesforparents  p{margin: .5em 0;}
#sitesforparents a {display: block; width: 90%; border: 2px solid #AAA; margin: 0; color: White; text-decoration: none; font-weight: bold; letter-spacing: 1px; text-align: center; padding: .2em .2em; background: #800; font-family: "Trebuchet";}

.amazon, .amazon p {text-align: center; font-size: .9em;}
.amazon a img, .amazon p a img {border:none;}
h3#advertise {text-align: center; font-size: 1.2em;}
#sidequote {font-size: .9em; color: #666; text-align: center; margin-top: 1em;}

#main-content .comment {background:#222; color: white; padding: 1em; margin: 0px 0px 60px; border: 4px solid #EAEAEA}
#main-content .comment p {margin: 10px 0px; padding: 5px;}
#main-content .comment p.date {margin:0; padding: 10px; background: #700; color: white;}
#main-content .comment p.date a {color: #FFFFAA; margin-left: 10px; margin-right: 6px;}

div#main-content p.meta {margin-bottom:-10px;}

#side-column ul#nav li ul li.subcat { font-size: .9em; margin: .6em .1em 1em 1em; padding: .5em .3em .1em .2em; border-bottom: none; list-style: square; color: #038}
#side-column ul#nav li ul li.subcat a {color: #833;}
#side-column ul#nav li a#free-resources {color: #800; font-size: 1.1em;}
div.bookmark a.addthis_button img {margin-top: .5em; }
a img#facebookButton {border: none; focus: none; margin-top: 2em;}
.amazonbanner {width: 160px; margin: 2em auto 0;}