/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.5.2
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}body {font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
body{text-align:center;}#ft{clear:both;}#doc,#doc2,#doc3,#doc4,.yui-t1,.yui-t2,.yui-t3,.yui-t4,.yui-t5,.yui-t6,.yui-t7{margin:auto;text-align:left;width:57.69em;*width:56.25em;min-width:750px;}#doc2{width:73.076em;*width:71.25em;}#doc3{margin:auto 10px;width:auto;}#doc4{width:74.923em;*width:73.05em;}.yui-b{position:relative;}.yui-b{_position:static;}#yui-main .yui-b{position:static;}#yui-main{width:100%;}.yui-t1 #yui-main,.yui-t2 #yui-main,.yui-t3 #yui-main{float:right;margin-left:-25em;}.yui-t4 #yui-main,.yui-t5 #yui-main,.yui-t6 #yui-main{float:left;margin-right:-25em;}.yui-t1 .yui-b{float:left;width:12.30769em;*width:12.00em;}.yui-t1 #yui-main .yui-b{margin-left:13.30769em;*margin-left:13.05em;}.yui-t2 .yui-b{float:left;width:13.8461em;*width:13.50em;}.yui-t2 #yui-main .yui-b{margin-left:14.8461em;*margin-left:14.55em;}.yui-t3 .yui-b{float:left;width:23.0769em;*width:22.50em;}.yui-t3 #yui-main .yui-b{margin-left:24.0769em;*margin-left:23.62em;}.yui-t4 .yui-b{float:right;width:13.8456em;*width:13.50em;}.yui-t4 #yui-main .yui-b{margin-right:14.8456em;*margin-right:14.55em;}.yui-t5 .yui-b{float:right;width:18.4615em;*width:18.00em;}.yui-t5 #yui-main .yui-b{margin-right:19.4615em;*margin-right:19.125em;}.yui-t6 .yui-b{float:right;width:23.0769em;*width:22.50em;}.yui-t6 #yui-main .yui-b{margin-right:24.0769em;*margin-right:23.62em;}.yui-t7 #yui-main .yui-b{display:block;margin:0 0 1em 0;}#yui-main .yui-b{float:none;width:auto;}.yui-gb .yui-u,.yui-g .yui-gb .yui-u,.yui-gb .yui-g,.yui-gb .yui-gb,.yui-gb .yui-gc,.yui-gb .yui-gd,.yui-gb .yui-ge,.yui-gb .yui-gf,.yui-gc .yui-u,.yui-gc .yui-g,.yui-gd .yui-u{float:left;}.yui-g .yui-u,.yui-g .yui-g,.yui-g .yui-gb,.yui-g .yui-gc,.yui-g .yui-gd,.yui-g .yui-ge,.yui-g .yui-gf,.yui-gc .yui-u,.yui-gd .yui-g,.yui-g .yui-gc .yui-u,.yui-ge .yui-u,.yui-ge .yui-g,.yui-gf .yui-g,.yui-gf .yui-u{float:right;}.yui-g div.first,.yui-gb div.first,.yui-gc div.first,.yui-gd div.first,.yui-ge div.first,.yui-gf div.first,.yui-g .yui-gc div.first,.yui-g .yui-ge div.first,.yui-gc div.first div.first{float:left;}.yui-g .yui-u,.yui-g .yui-g,.yui-g .yui-gb,.yui-g .yui-gc,.yui-g .yui-gd,.yui-g .yui-ge,.yui-g .yui-gf{width:49.1%;}.yui-gb .yui-u,.yui-g .yui-gb .yui-u,.yui-gb .yui-g,.yui-gb .yui-gb,.yui-gb .yui-gc,.yui-gb .yui-gd,.yui-gb .yui-ge,.yui-gb .yui-gf,.yui-gc .yui-u,.yui-gc .yui-g,.yui-gd .yui-u{width:32%;margin-left:1.99%;}.yui-gb .yui-u{*margin-left:1.9%;*width:31.9%;}.yui-gc div.first,.yui-gd .yui-u{width:66%;}.yui-gd div.first{width:32%;}.yui-ge div.first,.yui-gf .yui-u{width:74.2%;}.yui-ge .yui-u,.yui-gf div.first{width:24%;}.yui-g .yui-gb div.first,.yui-gb div.first,.yui-gc div.first,.yui-gd div.first{margin-left:0;}.yui-g .yui-g .yui-u,.yui-gb .yui-g .yui-u,.yui-gc .yui-g .yui-u,.yui-gd .yui-g .yui-u,.yui-ge .yui-g .yui-u,.yui-gf .yui-g .yui-u{width:49%;*width:48.1%;*margin-left:0;}.yui-g .yui-gb div.first,.yui-gb .yui-gb div.first{*margin-right:0;*width:32%;_width:31.7%;}.yui-g .yui-gc div.first,.yui-gd .yui-g{width:66%;}.yui-gb .yui-g div.first{*margin-right:4%;_margin-right:1.3%;}.yui-gb .yui-gc div.first,.yui-gb .yui-gd div.first{*margin-right:0;}.yui-gb .yui-gb .yui-u,.yui-gb .yui-gc .yui-u{*margin-left:1.8%;_margin-left:4%;}.yui-g .yui-gb .yui-u{_margin-left:1.0%;}.yui-gb .yui-gd .yui-u{*width:66%;_width:61.2%;}.yui-gb .yui-gd div.first{*width:31%;_width:29.5%;}.yui-g .yui-gc .yui-u,.yui-gb .yui-gc .yui-u{width:32%;_float:right;margin-right:0;_margin-left:0;}.yui-gb .yui-gc div.first{width:66%;*float:left;*margin-left:0;}.yui-gb .yui-ge .yui-u,.yui-gb .yui-gf .yui-u{margin:0;}.yui-gb .yui-gb .yui-u{_margin-left:.7%;}.yui-gb .yui-g div.first,.yui-gb .yui-gb div.first{*margin-left:0;}.yui-gc .yui-g .yui-u,.yui-gd .yui-g .yui-u{*width:48.1%;*margin-left:0;}s .yui-gb .yui-gd div.first{width:32%;}.yui-g .yui-gd div.first{_width:29.9%;}.yui-ge .yui-g{width:24%;}.yui-gf .yui-g{width:74.2%;}.yui-gb .yui-ge div.yui-u,.yui-gb .yui-gf div.yui-u{float:right;}.yui-gb .yui-ge div.first,.yui-gb .yui-gf div.first{float:left;}.yui-gb .yui-ge .yui-u,.yui-gb .yui-gf div.first{*width:24%;_width:20%;}.yui-gb .yui-ge div.first,.yui-gb .yui-gf .yui-u{*width:73.5%;_width:65.5%;}.yui-ge div.first .yui-gd .yui-u{width:65%;}.yui-ge div.first .yui-gd div.first{width:32%;}#bd:after,.yui-g:after,.yui-gb:after,.yui-gc:after,.yui-gd:after,.yui-ge:after,.yui-gf:after{content:".";display:block;height:0;clear:both;visibility:hidden;}#bd,.yui-g,.yui-gb,.yui-gc,.yui-gd,.yui-ge,.yui-gf{zoom:1;}

html {
    height: 100%;
    /*background: #D9E4A0 url('../img/foot.jpg') no-repeat bottom center;*/
    background-color: #D9E4A0;
}

body {
    font-family: verdana;
    background: transparent url('/img/body_bg.jpg') repeat-x ;
}

#hd {
    height: 77px;
    width: 960px;
    margin: 0 auto;
    padding: 10px 0 0;
    position: relative;
}

#logo {
    position: absolute;
    right: 0;
    top: 1em;
}

#gs {
    position: absolute;
    left: 0;
    top: 1em;
}

#hd a {
    outline: none;
}

#doc3 {
    background: transparent url('/img/ie_clouds.jpg') no-repeat center top ;
    margin: auto 0px;
    text-align: center;
}

#bd {
    
    width: 1030px;
    margin: 0 auto;
}

.yui-g {
    /*width: 960px; /*59.23em*/
    /*margin: 0 auto;*/
    text-align:left;
}


#breadcrumb {
    font-size: 93%;
    width: 963px;
    margin:0 auto 15px;
}

#breadcrumb, #breadcrumb  a {
    color: #333;
    outline: none;
}

a.current {
    font-weight:bold;
    text-decoration: none;
}

#nav {
    height: 46px;
    margin-left: 30px;
}

#nav li, #secondary-nav li {	
    float: left;
}
.tall #nav-item-3 {
    width: 300px;
}
#nav a {
    display: block;
    height: 46px;
    text-indent: -9999px;
    position: relative;
    background-position: left bottom;
    background-repeat: no-repeat;
    outline: none;
}

.resources #secondary-nav {
    padding-left: 30px;
}

#main #secondary-nav {
    padding-top: 10px;
    padding-left: 20px;
    height: 30px;
    margin-bottom:30px;
    margin-left: 0px;
}

#secondary-nav a{
    font-size: 104%;
    color: #fff;
    padding: 2px 12px 4px;
    display:block;
    outline: none;
    float: left;
}

#secondary-nav a.selected {
    background: transparent url('/img/secondary_selected.gif') no-repeat scroll bottom left;
    font-weight:bold;
    text-decoration:none;
}

#home {
    width: 109px;
    background-image: url(/img/nav_home.png);
}

#home.selected {
    background-image: url(/img/nav_home_on.png);
}

#game {
    width: 102px;
    background-image: url(/img/nav_game.jpg);
}

#game.selected {
    background-image: url(/img/nav_game_on.jpg);
}

#activities {
    width: 144px;
    background-image: url(/img/nav_activities.jpg);
}

#activities.selected {
    background-image: url(/img/nav_activities_on.jpg);
}

#students {
    width: 169px;
    background-image: url(/img/nav_students.jpg);
}

#students.selected {
    background-image: url(/img/nav_students_on.jpg);
}

#teachers {
    width: 182px;
    background-image: url(/img/nav_teachers.jpg);
}

#teachers.selected {
    background-image: url(/img/nav_teachers_on.jpg);
}

#nav2 #current {
    text-decoration: none;
    font-weight: bold;
}

#nav2 li {
    font-size: 108%;
}

#main #repeat {
    background: transparent url('/img/repeat.jpg') repeat-y center top;
}


#main p, #main h1, #main h2, #main ul{
    margin-left: 15px;
    margin-right: 15px;
}

#main {
    min-height:550px;
    padding:10px 45px 5px 30px;
    margin: 0 auto;
    clear:both;
}

.home #main{ 
    padding-top:0;
    position:relative;
}

#secondary-nav{
    background: transparent url('/img/main_bg_red_1030.png') no-repeat center top;
    height:66px;
}

#secondary-nav.tall{
    background: transparent url('/img/main_bg_red_1030_tall.png') no-repeat center top;
    height:96px;
}
#secondary-nav.tall li {
    margin-bottom: 0.7em;
}
#secondary-nav ul{
    width:960px;
    margin: 0 auto;
    padding-top:21px;
}

.home #secondary-nav {
    background: transparent url('/img/main_bg_red_1030.png') no-repeat center top;
    position:absolute;
    height:66px;
}

#side-box {
    width:300px;
    float:left;
}



.resources #main{
    width: 700px;
    padding:10px 40px 0px 30px;
}

#main-shadow {
    background-image:url('/img/main_bottom_1030.png');
    height:20px;
    background-repeat: no-repeat;
    background-position: center top;

}	

.home #main h1 {
    width:241px;
    height:99px;
    background-image:url('/img/welcome.jpg');
    text-indent: -9999px;
    /*position:relative;
    left: -32px;
    top: -14px;*/
    margin:0;
}
.home #main h2{
    margin-right:0;
}

h2 {
    color: #4F1936;
    font-size: 153.9%;
    font-weight: bold;
    margin-bottom: 10px;
}

p {
    font-size: 108%;
    margin-bottom: 10px;
}

strong {
    font-weight: bold;
}

a:active {
    outline: none;
}

#main p a {
    color:#000;
    outline: none;
}

#main p a.more {
    text-transform: uppercase;
    font-size: 77%;
    font-weight: bold;
    color: #333;
}

.green-box {
    /*float:left;*/
    /*left:-412px; position:relative; top:-11px;*/
    color: #fff;
    padding:120px 5px 5px 15px;
    font-weight: bold;
    height: auto;
    width:275px;
    background:transparent url(/img/green_box_bg.jpg) no-repeat;

}


.welcome-box {
    height:221px;
    padding:11px 0px 0px 0px;
    height: auto;
    width:290px;
    /*float:left;*/

}

.welcome-box h2 {
    font-size:112.9%;
    padding: 0 0 0 12px;
    /*position: relative;
    top:-22px;*/

}
/*
.green-box img{
position: relative;
bottom: 27px;	
}
*/
.green-box h2 {

    margin-bottom:0px;

}
#main-repeat {
    background: transparent url(/img/repeat-ie6.png) repeat-y center;
    /*position: relative;*/
}
.yui-g > #main-repeat {
    background: transparent url(/img/repeat.png) repeat-y center;
}

#main .green-box h2, #main .green-box p{
    /*position: relative;
    bottom: 51px;	*/
    color: #fff;
    margin-left: 12px;
    font-size: 108%;
}

h2 {
    font-weight: bold;

}

#main ul {
    margin-bottom: 10px;
}

#main .green-box a {
    color: #fff;
    text-transform: none;
    font-weight: normal;
}

.left {
    float: left;
}

.right {
    float: right;
}

.row-dark {
    background-color: #D7D7C6;
}


#main .resource-list *{
    margin-left: 0;
}

.resource-list {
    margin-left: 0;
}

.resource-list h2{
    color: #586C24;
    margin-bottom: 5px;
    font-size: 100%;
}

.resource-list a{
    color: #586C24;
}

.resource-list li{
    /*width: 650px;*/

    padding: 7px 15px 5px 15px;
}

#ft {
    background: transparent url('/img/foot.png') no-repeat center bottom;
    height:170px;

}
#ft div {
    width:750px;
    padding-right:20px;
    margin: 0 auto;
}

#ft img {
    margin-right: 19px;
}

dt {
    padding: 5px 0 0 15px;
    color: #586C24;
    font-weight: bold;
}

dd {
    padding: 5px 0 10px 15px;
    font-size:108%;
}

dt.dark, dd.dark {
    background-color:#D7D7C6;
}

.partners h2 {
    color:#586C24;
    font-size:100%;
    margin-bottom:5px;
}

.partners h2 a {
    color:#586C24;
    text-decoration:none;
}

h2 a {
    text-decoration: none;
}

.partners a {
    color:#000;
}
.partners li {
    height: 100px;
}


.partners img {
    float: left;
    clear: both;
    margin-right: 10px;
}


img.card {
    float: right;
    margin:10px;
}

dl.form dt {
    float: left;
    width: 150px;
}

input.wide {
    width: 300px;
}

textarea.wide {
    width: 450px;
    height: 200px;
}

img.r {
    float: right;
    margin: 5px 0 10px 10px;
}

img.l {
    float: left;
    margin: 5px 10px 10px 0;
}

h3 {
    color:#4F1936;
    font-weight:bold;
    margin-left:15px;
}

em {
    font-style: italic;
}

#main p.links {
    margin-left: 30px;
}

#credits {
    text-align: right;
    /*padding-right: 40px; */
    width:940px;
    font-size: 93%;
    margin:0 auto;
}

#credits a {
    color: #000;
}

#credits a:hover {
    text-decoration: none;
}

/*
* 06/04/09 - KYLE IEDESIGN
*/

.game-wrapper{
background:#C4C39F;
padding-top:30px;
padding-bottom:12px;
margin-top:25px;
margin-left:15px;
margin-right:15px;
}

.slab1{
background:url(/img/activity_slabs/slab1.png) no-repeat;
min-height:175px;
padding: 12px 15px;
}
.slab2{
margin-top:25px;
background:url(/img/activity_slabs/slab2.png) no-repeat;
min-height:175px;
padding: 16px 15px 12px;
}
.slab3{
margin-top:25px;
background:url(/img/activity_slabs/slab3.png) no-repeat;
min-height:175px;
padding: 13px 15px 12px 16px;
}

.slab4{
    margin-top:25px;
    background: transparent url(/img/activity_slabs/slab4.png) no-repeat;
    min-height:175px;
    padding: 13px 15px 12px 16px;
}

.slab5{
    margin-top:25px;
    background: transparent url(/img/activity_slabs/slab5.png) no-repeat scroll -1px 0;
    min-height:175px;
    padding: 13px 15px 12px 16px;
}

.slab-text{
background: #F0EFE3;
padding-bottom:10px;
margin-top:69px;
}

.slab-text a{
color:#CC3300;
font-size:108%;
/*font-weight:bold;*/
padding-left:15px;
text-decoration:none;
}

.slab-right a{
display:block;
float:right;
width:120px;
height:60px;
text-indent:-9999px;
}

.slab1 .slab-right{
/*position:absolute;
right:15px;
top:12px;*/
background: transparent url(/img/activity_slabs/slab1-right.png) no-repeat;
height:160px;
width:360px;
float:right;

}
.slab2 .slab-right{
background: transparent url(/img/activity_slabs/slab2-right.png) no-repeat;
height:160px;
width:360px;
float:right;
}
.slab3 .slab-right{
background: transparent url(/img/activity_slabs/slab3-right.png) no-repeat;
height:160px;
width:360px;
float:right;
}

.slab4 .slab-right{
background: transparent url(/img/activity_slabs/slab4-right.jpg) no-repeat scroll 0 -4px;
height:160px;
width:360px;
float:right;
}

.slab5 .slab-right{
background:url(/img/activity_slabs/slab5-right.jpg) no-repeat;
height:160px;
width:360px;
float:right;
}


#main-box{
    position:relative;
    height:445px;
    width:615px;
    margin-left:323px;
    top:19px;
    padding-top: 10px;
}

.activity_box{
    height:445px;
    position: absolute;
    top:40px;
    left:0;
    width: 613px;
    z-index: 100;
}

#box-1{
    background:transparent url(/img/homepanel_1.jpg) no-repeat center;
}
#box-2{
    background:transparent url(/img/homepanel_2.jpg) no-repeat center;
}
#box-3{
    background:transparent url(/img/homepanel_3.jpg) no-repeat center;
}
#box-4{
    background:transparent url(/img/homepanel_4.jpg) no-repeat center;
}
#box-5{
    background:transparent url(/img/homepanel_5.jpg) no-repeat center;
}

.activity_box .title {
    font-size: 200%;
    margin-bottom: 0;
    text-transform: uppercase;
    position: relative;
}

.activity_box .title span {
    position: absolute;
    left: -12px;
    top: -40px;
    width: 638px;
    height: 83px;
    background: transparent none no-repeat scroll left center;
    z-index: 500;
}

#box-1 .title span {
    background-image: url(/img/title-1.png);
}
#box-2 .title span {
    background-image: url(/img/title-2.png);
}
#box-3 .title span {
    background-image: url(/img/title-3.png);
}
#box-4 .title span {
    background-image: url(/img/title-4.png);
}
#box-5 .title span {
    background-image: url(/img/title-5.png);
}

.activity_box p{
    color:#FFFFFF;
    font-size:16px;
    padding-top:21px;
    width:368px;
}

.activity_box .button-panel{
    width: 116px;
    text-align: center;
    position: absolute;
    top: 122px;
    left: 20px;
}
#box-1 .button-panel {
    background-color: #586C24;
}
#box-2 .button-panel,
#box-4 .button-panel {
    background-color: #4F1936;
}
#box-3 .button-panel,
#box-5 .button-panel{
    background-color: #00668B;
}

#main-box #dscf{
    position:absolute;
    top: 463px;
    right: 2px;
    background-color: #FFFFFF;
    padding: 10px;
}
#main-box #dscf img{
    float:right;
}

#homepage-nav{
    position:absolute;
    z-index: 500;
    bottom: 14px;
    left: -14px;
    width: 638px;
    height: 57px;
    padding: 15px 0;
    background: transparent url(/img/homepage_nav_bkg.png) no-repeat center;
}
#homepage-nav li{
    float:left;
    margin: 0 0 10px 10px;
}
#homepage-nav li a{
    display:block;
    color: #fff;
    font-size: 11px;
    padding: 4px 10px 5px;
    text-decoration: underline;
}
#homepage-nav li a.selected{
    background-color: #990000;
    text-decoration: none;
}

#homepage-nav li.nav-indented {
    margin-left: 75px;
}
#homepage-nav ul > .nav-indented{
    margin-left: 145px;
}
.teacher-lists li{
    margin-left: 25px;
    font-size: 108%;
    line-height: 1.6em;
}
.teacher-lists li a{
    color:#000000;
}
.teacher-lists li.numbered-list{
    margin-left: 60px;
    list-style: decimal;
}
a.teacher-anchor,.pdf-doc{
    color:#000;
}
a.teacher-anchor:hover,.pdf-doc:hover{

}

h3.teachers-heading{
    font-size:120%;
    padding-top: 20px;
}

#main p.indent{
    margin-left: 40px;
}