@import url('reset.css');

/**************************************************
Body Defaults
***************************************************/

html,body
{
    height: 100%;
    width: 100%;
}

body
{
    background: #2b9d16;
    color: #555;
    font-family: Arial, Tahoma, Arial, Verdana, Sans-Serif;
    font-size: 62.5%;
    line-height: 1.3; /* No units specified for proper cascading of this property */
}


/**************************************************
Layout Containers
***************************************************/

div#container
{
	background: #ccdef5 url('../images2010/sky-bg.png') repeat-x top center;
	font-size: 1.4em;
    min-width: 988px;
    margin: 0 auto 50px;
	padding-top: 1px;
    position: relative;
    width: 100%;
}

div#branding
{
	background: transparent url('../images2010/top-panel-bg.png') no-repeat top center;
	height: 159px;
	margin: 30px auto 11px;
	padding-top: 1px;
	width: 900px;
}

div#content_wrapper
{
	background: transparent url('../images2010/ground-bg.png') repeat-x bottom center;
	min-height: 290px;
	padding-bottom: 20px;
}

div.content
{
	background: #fff url('../images2010/content-cap-btm.png') no-repeat bottom center;
	margin: 0 auto;
	padding-bottom: 20px;
	width: 800px;
}


/**************************************************
Navigation
***************************************************/

div#nav_primary
{
	height: 75px;
	left: 50%;
	margin-left: 150px;
	position: absolute;
	top: 50px;
	width: 150px;
}

div#nav_primary ul, div#nav_primary ul li
{
	margin: 0;
	padding: 0;
}

div#nav_primary ul li
{
	list-style-type: none;
}

div#nav_primary ul#nav_main li a
{
	background: transparent url('../images2010/nav-primary-sprites.png') no-repeat top left;
	float: left;
	height: 37px;
	margin-bottom: 3px;
	text-indent: -5000em;
}

div#nav_primary ul#nav_main li.nav_about a { width: 206px; }
div#nav_primary ul#nav_main li.nav_about a:hover { background-position: 0 -37px; }
div#nav_primary ul#nav_main li.nav_teacherresources a { background-position: -208px 0;width: 211px; }
div#nav_primary ul#nav_main li.nav_teacherresources a:hover { background-position: -208px -37px; }
div#nav_primary ul#nav_main li.nav_ourclassroom a { background-position: -422px 0;width: 175px; }
div#nav_primary ul#nav_main li.nav_ourclassroom a:hover { background-position: -422px -37px; }


/**************************************************
Headers
***************************************************/

div#branding h1
{
	text-indent: -5000em;
}

div#branding h1 a
{
	display: block;
	height: 169px;
	width: 425px;
}

h2.first
{
	background: transparent url('../images2010/header-welcome.png') no-repeat top left;
	height: 75px;
	margin-bottom: 35px;
	text-indent: -5000em;
	width: 900px;
}

h3, h4, h5
{
	color: #f60;
	font-size: 1.7em;
	font-weight: normal;
	margin: 1em 40px .5em;
}

h4
{
	font-size: 1.3em;
	border-bottom: 1px solid #ffa970;
	margin-bottom: 1.25em;
	margin-top: 1.5em;
}

h3+h4, h3+table
{
	margin-top: 1em;
}

h5
{
	color: #23314e;
	font-size: 1.1em;
	font-weight: bold;
	margin-bottom: .5em;
	margin-top: 1.5em;
}

h5+p, h5+ul, h5+ol
{
	margin-top: 1em;
}

body.our_classroom h2.first { background-image: url('../images2010/header-ourclassroom.png'); }
body.about h2.first { background-image: url('../images2010/header-about.png'); }
body.teacherresources h2.first { background-image: url('../images2010/header-teacherresources.png'); }


/**************************************************
Content
***************************************************/

p, ul, ol
{
	margin: 1.25em 40px;
}

ul li
{
	list-style-type: disc;
	margin: .2em 0 .2em 30px;
}

ol li
{
	list-style-type: decimal;
	margin: .2em 0 .2em 30px;
}

ul li ul
{
	margin: .5em 0 .75em;
}

ul li ul li
{
	margin: 0;
	list-style-type: circle;
	margin: .2em 0 .2em 25px;
}

h4+table, table+h4
{
	margin-top: 0;
}

table
{
	margin-left: 5%;
	margin-right: 5%;
	margin-top: 1.5em;
	margin-bottom: 1.5em;
	width: 90%;
}

table tr
{
	padding: 0 45px;
}

table tr td, table tr th
{
	margin: 0 45px;
	padding: 5px 15px 5px 5px;
	vertical-align: top;
}

table tr td p, table tr td ul, table tr td h4, table tr td h5
{
	margin: 1.25em 0;
}

table tr th
{
	font-weight: bold;
	text-align: left;
	text-transform: uppercase;
}

table.themes tr td
{
	padding: 2px 10px 30px;
}

table.themes tr td h4
{
	font-size: 2em;
}

table tr td h4, table tr td h5
{
	margin: 0 0 .5em;
}

table.themes tr td ul
{
	margin: 0;
}

table.themes ul li
{
	list-style-type: none;
	margin-left: 0;
}

table.grid
{
	border: 1px solid #aaa;
}

table.grid tr th
{
	background: #23314e;
	border: 0;
	color: #fff;
	font-size: 1.1em;
}

table.grid tr td
{
	border-color: #ccc;
	border-style: solid;
	border-width: 1px;
	padding: 2px 5px;
}

table.grid tr.grid_header td
{
	background: #f60;
	color: #fff;
	border-color: #f60;
	border-width: 1px 0;
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 5px;
}

ul.checklist li
{
	list-style-type: circle;
}

ul.dialog
{
	border-color: #ccc;
	border-style: dashed;
	border-width: 1px;
	margin-bottom: 2em;
	margin-top: 2em;
	padding: 12px 0;
}

div.page_sample
{
	border-color: #ccc;
	border-style: dashed;
	border-width: 1px;
	margin: 2em 45px;
	padding: 12px 0;
}

ul.dialog li
{
	list-style-type: none;
	margin: .75em 25px;
}

a
{
	color: #4598b9;
}

a:visited
{
	color: #8d52d6;
}

a:active
{
	color: #8d52d6;
}

p.new
{
	background: #ffa;
	border: 1px solid #ccc;
	font-size: 1.2em;
	font-weight: bold;
	padding: 10px;
	text-align: center;
}

.content_banner
{
	text-align: center;
	margin: 1.5em 0;
}

div.photos, div.videos
{
	margin: 1.5em 20px;
	text-align: center;
}

div.photos>img, div.photos>a>img
{
	border: 4px solid #23314e;
	margin: 5px;
}

div.photos>img, div.videos>object, div.videos>embed
{
	margin: 5px;
}


/**************************************************
Forms
***************************************************/

input.button
{
	border: 1px solid #444;
	background: #4598b9;
	color: #fff;
	padding: 1px 5px;
}


/**************************************************
Affiliate Links
***************************************************/

div.affiliate_products
{
	margin: 1.5em 0 1.5em 45px;
	overflow: auto;
	text-align: center;
}

div.affiliate_products>div
{
	background: #fff;
	border: 1px solid #eee;
	float: left;
	height: 195px;
	width: 200px;
	margin: 0 21px 20px 0;
	padding: 15px 10px;
	text-align: center;
}

div.affiliate_products>div span.product_image
{
	margin-bottom: 10px;
	text-align: center;
}

div.affiliate_products>div p
{
	font-size: .8em;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

.tracking_image
{
	height: 1px;
	width: 1px;
	display: block;
	margin: 0;
	padding: 0;
	border: 0;
}


/**************************************************
Search
***************************************************/

#site_search
{
	color: #fff;
	position: absolute;
	top: 226px;
	left: 50%;
	margin-left: 20px;
}

.search_textbox
{
	border: none !important;
	color: #333;
	font-size: 1.3em;
	margin: 0;
	padding: 0px;
	width: 250px;
}

.search_button
{
	background: transparent url('../images2010/search-button.png') no-repeat top left;
	border: none;
	font-size: 1.3em;
	height: 27px;
	margin-left: 2px;
	text-indent: -5000em;
	width: 94px;
}

.search_button:hover
{
	cursor: pointer;
}

.search_results
{
	margin: 0 45px;
}


/**************************************************
Social Links
***************************************************/

div.social_links
{
	height: 30px;
	margin-left: -275px;
	position: absolute;
	left: 50%;
	top: 0;
}

div.social_links ul
{
	background: transparent url('../images2010/connect-with.png') no-repeat center left;
	height: 30px;
	margin: 0;
	padding-left: 267px;
}

div.social_links ul li
{
	display: block;
	float: left;
	list-style: none;
	margin: 4px 8px 0 0;
	padding: 0;
}

div.social_links ul li a
{
	display: block;
	height: 22px;
	text-indent: -5000em;
}

div.social_links ul li#social_facebook a { background: transparent url('../images2010/social-buttons.png') no-repeat 0 0;width: 76px; }
div.social_links ul li#social_facebook a:hover { background-position: 0 -22px; }
div.social_links ul li#social_yahoo a { background: transparent url('../images2010/social-buttons.png') no-repeat -83px 0;width: 127px; }
div.social_links ul li#social_yahoo a:hover { background-position: -83px -22px; }
div.social_links ul li#social_twitter a { background: transparent url('../images2010/social-buttons.png') no-repeat -217px 0;width: 70px; }
div.social_links ul li#social_twitter a:hover { background-position: -217px -22px; }


/**************************************************
Ads
***************************************************/

.ros_ad1, .ros_ad2
{
	color: #ccc;
	height: 90px;
	line-height: 90px;
	margin: 40px auto 25px;
	text-align: center;
	width: 728px;
}

.ros_ad2
{
	height: 15px;
	margin: 25px auto 25px;
}

.ros_ad3
{
	background: #fff;
	position: absolute;
	left: 50%;
	top: 39px;
	margin-left: -551px;
	padding: 10px;
}

.ros_ad4
{
	background: #fff;
	position: absolute;
	left: 50%;
	top: 39px;
	margin-left: 410px;
	padding: 10px;
}


/**************************************************
Inman positioning for si-clear-children.js
!!!! Must stay at the very bottom of this document
***************************************************/

.clear_children,.cc_tallest { position: relative; } /**/* html .clear_children { display: inline; }/* PREVENTS MISSING CHILDREN IN IE WIN 5.0 */
.cc_tallest:after { content: ''; } /* PREVENTS A REDRAW BUG IN SAFARI */