body 
{
    background: #ffffff; 
    font: 12px/20px "trebuchet MS"; 
    color: #3a3a3a;
    text-align: center;
    margin: 0px;
    padding: 0px;
    }
div#transitionbanner-left
{
    float: right;
    background-image: url(images/bkg_transitionheader-left.png);
    background-position: left top;
    background-repeat: no-repeat;
    width: 10px;
    height: 20px;
}
div#transitionbanner
{
    float: right;
    background-image: url(images/bkg_transitionheader.png);
    background-position: left top;
    background-repeat: no-repeat;
    padding: 0px 10px 5px 10px;
    height: 20px;
    color: #FFFFFF;
}
div#transitionbanner-right
{
    position: absolute;
    left: 50%;
    top: 0px;
    margin-left: 200px;
    background-image: url(images/bkg_transitionheader-right.png);
    background-position: left top;
    background-repeat: no-repeat;
    width: 10px;
    height: 20px;
}
div#transitionbanner a:link, div#transitionbanner a:visited, div#transitionbanner a:active
{
    color: #FFFFFF;
    text-decoration: none;
    font-size: 9px;
    }
div#transitionbanner a:hover
{
    color: #D0C9B5;
    }        
div#mainwrapper 
{
    width: 995px; 
    margin: 0px auto; 
    text-align: center;
    background-image: url(images/bkg_main_white.gif);
    background-position: top left;
    background-repeat: repeat-y;
    }
.wrapped
{
    width: 995px; 
    margin: 0px;
    text-align: left; 
    background-image: url(images/bkg_header_short_white.gif);
    background-position: left top;
    background-repeat: no-repeat; 
    }
div#imgwrapper 
{
    width: 995px;
    }
div#header 
{
    height: 100px; 
    padding: 15px 0px 0px 43px;
    }
div#topnav 
{
    float: left; 
    padding: 29px 0px 0px 45px;
    }
div#nav 
{
    width: 995px; 
    height: 35px;
    clear: both; 
    text-align:center;
    margin: auto;
    margin-bottom: 27px;

    }

div#leftcolumn 
{
    width: 199px; 
    float: left; 
    padding-left: 12px;
    }
    
div#leftcolumn2 
{
    width: 199px; float: left; padding-left: 12px;
    }
div#sectiontitle 
{

    padding:5px 0px 5px 23px; 
    margin:0px; 
    width: 165px;
    text-transform:uppercase; 
    font-size:18px; 
    font-family: Arial, Helvetica, Sans-Serif; 
    font-weight:bold;
    color: #990100; 
    text-decoration:none;
    }
div#sectiontitle a:link, div#sectiontitle a:visited
{    
    text-transform:uppercase; 
    font-size:18px; 
    font-family: Arial, Helvetica, Sans-Serif; 
    font-weight:bold;
    color: #990100; 
    text-decoration:none;
    }
div#sectiontitle a:hover
{    
    color: #3a3a3a;     
    }
div#subnav 
{
    width:188px;
    margin-bottom: 19px;
    z-index:1;
}
div#main 
{
	float: right;
	width: 754px;
	padding: 5px 15px 15px 15px;
    }
div#main-left
{
    float: left;
    width: 456px;
    padding: 0px 10px 0px 0px;
    margin-bottom: 10px;
}
div#main-right
{
    float: left;
    width: 256px;
    padding: 0px 10px 0px 10px;
    margin-bottom: 10px;
    border-left: solid 1px #3a3a3a;
}
div#main-right a
{
    text-decoration: none;
}
div#main-cont
{
	float: right;
	width: 782px;
	margin: -27px 0px 15px 0px;
    }
div#featureditems
{
    background-image: url(images/bkg_store_featureditems.png);
    background-position: left top;
    background-repeat: no-repeat;
    height: 300px;
    padding: 10px 0px 10px 15px;
}
div#featureditems a:link, div#featureditems a:visited
{
    color: #3a3a3a;
}
div#featureditems a:hover
{
    color: #990000;
}
.img-featureditem
{
    border: solid 2px;
}
.product-header 
{
    background-image: url(../App_Components/images/bkg_products-header.png); 
    background-position: left top; 
    background-repeat: repeat-y; 
    padding: 5px 0px 5px 10px;
    border-top: solid 1px #3a3a3a;
    color: White;
}
.math
{
    background-image: url(../App_Components/images/bkg_products-header_math.png); 
}
.english
{
    background-image: url(../App_Components/images/bkg_products-header_english.png); 
}
.science
{
    background-image: url(../App_Components/images/bkg_products-header_science.png); 
}
.socialstudies
{
    background-image: url(../App_Components/images/bkg_products-header_socialstudies.png); 
}
.callout 
{
	background-color: #FFFFFF;
	width:186px;
	border: 1px solid #C3C3C3;
	margin: 0px 0px 11px 0px;
	float:left;
	display:inline;
    }
.grey{background-color: #3A3A3A;}
.callout h2{ width:166px; background-color: #990100; height:25px; line-height:25px; color:#FFFFFF; font-size:12px; padding-left:20px; margin-bottom:0; text-transform:none;}
.callout p{ font-size:12px; line-height: 15px;}
.callout-in{ padding: 5px 5px 0px 20px;}
.callout-in2{ padding: 5px 5px 0px 20px; color: #FFFFFF;}
.callout-in2_old{ padding: 14px 20px 0px 20px; color: #FFFFFF;}
a.more{ background:url(images/bullet.gif) 0 4px no-repeat; padding-left:14px; font-size: 10px; text-align:right; display:block; color:#000000;}
.callout a:link, .callout a:visited, .callout a:active 
{
	color: #3A3A3A; 
	text-decoration: none;
    }
.callout a:hover 
{
	color: #3A3A3A; 
	text-decoration: underline;
    }
.callout-in2 a:link, .callout-in2 a:visited, .callout-in2 a:active 
{
	color: #FFFFFF; 
	text-decoration: none;
    }
.callout-in2 a:hover 
{
	color: #FFFFFF; 
	text-decoration: underline;
    }
.page-cont 
{    
    width: 682px;
    height: 163px;
    margin: 5px 50px 0px 0px;
    padding: 0px 0px 0px 15px;
    background-image: url(images/bkg_callout-main_tan.png);
    background-position: left bottom;
    background-repeat: no-repeat;
    }
.page-cont-in
{ 
    padding: 15px 15px 0px 15px;
    font-family: arial, helvetica, sans-serif;
    font-size: 16px;
    }
.clr 
{
    clear: both; 
    font-size: 0px; 
    line-height: 0px; 
    margin: 0px; 
    padding: 0px; 
    height: 0px; 
    visibility: hidden;
    }
div#footer 
{
    color: #3a3a3a; 
    width: 975px; 
    height: 32px; 
    font: Arial, Helvetica, Sans-Serif;
    text-transform: uppercase; 
    text-align: left; 
    text-decoration: none;
    margin: auto; 
    font-size: 11px; 
    line-height: 32px; 
    padding-left: 20px; 
    background-image: url(images/_bg-footer.gif);
    }
div#footer a:link, #footer a:visited, #footer a:active {color:#3a3a3a; text-decoration: none;}
div#footer a:hover {color: #3a3a3a; text-decoration: underline;}
div#footer div
{
    float:right;
	width:210px; 
	text-align:right;
	}
div#copyright 
{
    width:995px; 
    text-align:right; 
    color:#898989; 
    font: Arial, Helvetica, Sans-Serif;
    font-size:10px; 
    line-height:20px; 
    background-color: #ffffff;
    }
div#copyright a:link, div#copyright a:visited, div#copyright a:active {color:#3a3a3a; text-decoration: none;}
div#copyright a:hover {color: #3a3a3a; text-decoration: underline;}
img, div 
{
    border-style: none;
    border-color: inherit;
    border-width: medium;
    behavior: url(~/App_Components/pngfix/iepngfix.htc);
    margin-left: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
}
.imgRight 
{
 	margin-bottom: 10px; 
 	margin-left: 10px;
 	float: right;
    }
.imgLeft 
{
 	margin-right: 25px;
 	float: left;
 	}
p 
{
    margin-top: 0px;
    margin-bottom: 1.1em;
    }
h1 
{
    color: #990100;
    font-size: 18px;
    padding: 0px 0px 15px;
    margin: 0px;
    font-family: Arial, Helvetica, Sans-Serif;
    }
h1.pagetitle 
{
    margin-bottom: 17px;
    color: #3a3a3a;
    }
h2
{
    font-size: 15px; 
    text-transform: uppercase;
    font-weight: bold;
    margin-top: 0px;
    }
.style2 {color: #000000}
.style3 {font-size: 15px; font-weight: bold;}
.style4 {color: #990100}
.style5 {font-size:10px;}
.style6 {font-size:12px;}
.style10 
{
  font-size: 16px;
  font-weight: bold;
    }
.style11 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 18px;
  color: #FF0000;
  font-weight: bold;
}
.style12 {color: #990000}
.styleHideShow {font-size: 10px; font-weight: normal;}
ul
{
    padding-left: 60px;
    margin-left: 0px;
    }
ul li 
{
    list-style-type: none;
    list-style-image: url(images/_bullet.gif);
    }
ul ul
{
    padding-left: 30px;
    margin-left: 0px;
    }
.videodetails
{
    padding-left: 30px;
}
label 
{
    line-height: 1.5em; 
    margin-bottom: 3px;
    }
a:link, a:visited, a:active 
{
    color: #3a3a3a; 
    text-decoration: underline;
    }
a:hover 
{
    color: #990100; 
    text-decoration: none;
    }
.left{float:left;}
.right{float:right;}
.TopNavMenu
{
    background-color: #3a3a3a;
    height: 35px;
    margin: 0 auto;
    font: Trebuchet MS;
    font-size: 18px;
    } 
.TopNavMenu a:link, .TopNavMenu a:visited, .TopNavMenu a:active
{
    color: #FFFFFF;
    text-decoration: none;
    padding: 0px 30px 0px 30px;
    }
.TopNavStaticMenuItemStyle 
{
    }
.TopNavStaticHoverStyle a:hover
{
    color: #D0C9B5;
    text-decoration: none;
    }
.TopNavDynamicMenu
{
    text-align: left;
    margin: 10px auto auto 10px;
    font: Trebuchet MS;
    font-size: 12px;
    z-index : 100; /* Setting z-index because of an IE8 bug */
}
.TopNavDynamicMenuItemStyle
{
    line-height: 26px;
    width: 200px;
    display: block;
    border: solid 2px #3a3a3a;
    background-color: #A5A091

}
.TopNavDynamicMenu a:link, .TopNavDynamicMenu a:visited
{
    display: block;
    color: white;
    height: 26px;
    width: 200px;
    padding: 0px 5px 0px 10px;
    text-decoration: none;
    margin-bottom: 1px;
}
.TopNavDynamicMenu a:hover
{
    color: #990000;
}
.LeftNavStaticMenu 
{
    width: 188px; 
    text-align: left;
    font: Trebuchet MS;
    font-size: 12px;
    margin: 10px 0px 30px 0px;
    } 
.LeftNavStaticMenuItemStyle 
{
    width: 165px;
    line-height: 26px;
    display: block;
    }
.LeftNavStaticMenu a:link, .LeftNavStaticMenu a:visited 
{
    display: block;
    color: #3A3A3A;
    height: 26px;
    width: 165px;
    padding-left: 23px;
    text-decoration: none;
    }
.LeftNavStaticHoverStyle a:hover
{
    background:url(images/_bg-subnav_fade.gif) no-repeat;
    }
.LeftNavDynamicMenu
{
    width: 140px;
    text-align: left;
    margin-left: 5px;
    font: Trebuchet MS;
    font-size: 12px;
    z-index : 100; /* Setting z-index because of an IE8 bug */
    } 
.LeftNavDynamicMenuItemStyle 
{
    width: 140px;
    line-height: 23px;
    display: block;
    border: solid 1px #3a3a3a;
    background-color: #E9E0C9;
    }
.LeftNavDynamicMenu a:link, .LeftNavDynamicMenu a:visited
{
    display: block;
    color: #3a3a3a;
    height: 23px;
    width: 128px;
    padding: 0px 5px 0px 5px;
    text-decoration: none;
    }
.LeftNavDynamicHoverStyle a:hover
{
    color: #990000;
    }
.paypalAddToCart
{
    text-align: center;
    }
.VideosTable
{
    text-align: center;
    margin-bottom: 10px;
    }
.VideosTableCell
{
    padding: 5px 10px 5px 10px;
    }
.VideosTableCell-Callout
{
}    
.imgVideo
{
    margin-bottom: 5px;
    border: 1px solid black;
    }
.EventsTable
{
    text-align: center;
    padding:5px 10px 5px 10px;
    }
.EventsTableRow
{
    font: Trebuchet MS;    
    font-weight:bold;
    text-align: left;
    }
.EventsTableCell
{
    line-height: 26px;
    padding:5px 10px 5px 10px;
    border: 1px solid #C3C3C3;
    background: #3a3a3a;
    text-align: center;
    }
.EventsTableCell a:link, .EventsTableCell a:visited, .EventsTableCell a:active
{
    color: white;
    text-decoration: none;
    }
.EventsTableCell a:hover
{
    color: #990100;
    }
.MaterialsTable
{
    }
.MaterialsTableRow
{
    }
.MaterialsTableCell
{
    line-height: 18px;
    padding:5px 10px 5px 10px;
    text-align:left; 
    vertical-align:top;
    }
.SiteMapTree
{
    text-decoration: none;
    }
.STARFrameworkTree a
{
    text-decoration: none;
    }
.STARFrameworkTreeNodeStyle a:link, .STARFrameworkTreeNodeStyle a:visited 
{
    font-size: large;
    color: #990100;
    text-decoration:none;
    }
.STARFrameworkTreeNodeStyle a:hover
{
    font-size: large;
    font-weight: bold;
    color: #3a3a3a;
    }
.collapsePanelHeader
{
    height: 20px;
    width: 726px;
    color: #ffffff;
    background-color: #3a3a3a;
    font-weight: bold;
    float: left;
    padding: 5px;
    margin-bottom: 10px;
    cursor: pointer;
}
.collapsePanel
{
    height:0px;
    width: 726px;
    margin-bottom: 10px;
    overflow:hidden;
}
.TransitionButtonBottom
{
    width: 720px;
    height: 26px;
    padding-left: 42px;
    padding-top: 8px;
    font-weight: bold; 
    background-image: url(images/Right_Arrow_32_gray.png);
    background-position: left;
    background-repeat: no-repeat;
    border-top: solid 1px #3a3a3a;
    border-left: solid 5px #3a3a3a;
    border-bottom: solid 1px #3a3a3a;
    vertical-align: middle;
    }
.TransitionButtonBottom a:link, .TransitionButtonBottom a:visited, .TransitionButtonBottom a:active
{
    color: #3a3a3a; 
    text-decoration: none;
    }
.TransitionButtonBottom a:hover
{
    color: #990000;
    }
.contactFormLabel
{
    width:80px;
}
.FeedbackForm
{
    width:700px;
}
.FeedbackQuestionHeader
{
    padding: 5px 0px 5px 5px;
    font-size: 14px; 
    background-color: #3a3a3a;
    color: White;
    margin-top: 10px; 
    font-family: Arial, Helvetica, Sans-Serif;   
}
.FeedbackQuestion
{
    margin-top: 5px;
    margin-bottom: 5px;
    padding-left: 10px;
}