#universal #uNav7 li a {
	color: #4275a4 !important;
}

body.schlTeachers4o {
	font-family: 'Helvetica Neue', Arial, sans-serif;
	font-weight: 400;
}

#main-container {
	width: 996px;
	margin: 0 auto 10px;
}

#main-container .main-columns-wrapper {
	overflow: hidden;
}

#main-container #left-column {
	width: 330px;
	margin-right: 20px;
	height: 1600px;
	float: left;
	background-color: #fff;
	color: #363636;
	margin-bottom: 10px;
}

#main-container #right-column {
    position: relative;
	width: 646px;
	height: 1600px;
	float: right;
	background: #ced0d2 url("../images/bg-right-column.png") repeat-x;
	margin-bottom: 10px;
}

#main-container #left-column .padding-wrapper {
	padding: 0 10px;
}


.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }

html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }

/* Grid */
.grid {

}

.grid .row {
	width: 100%;
	overflow: hidden;
}

.grid .column1,
.grid .column2,
.grid .column3,
.grid .column-half,
.grid .column-quarter{
	float: left;
}

.grid .column1{
	width: 33.333%;
}

.grid .column2{
	width: 66.666%;
}

.grid .column3{
	width: 100%;
}

.grid .column-half{
    width: 50%;
}
.grid .column-quarter{
    width: 25%;
}



/* left sidebar */
#left-column p.grades {
	font-size: 17px;
    font-weight: bold;
	text-align: right;
	margin: 30px 0 0 30px;
}

#left-column img.logo-leveled-math {
	display: block;
	width: 308px;
	height: 143px;
	margin: 35px auto 55px;
}

#left-column img.logo-common-core {
	display: block;
	width: 233px;
	height: 155px;
	margin: 0 auto 60px; 
}

#left-column h2 {
	font-size: 30px;
    font-weight: bold;
    margin: 0;
}

#left-column h3 {
	font-size: 26px;
	font-weight: bold;
    margin: 30px 0 10px;
}

#left-column p.main-text{
	font-size: 20px;
    margin-bottom: 80px;
}
#left-column ul {
	margin-top: 0;
	padding-left: 50px;
}

#left-column li {
	font-size: 17px;
}


#left-column .links-list {
	margin: 0;
	padding: 0;
	list-style: none;
}

#left-column .links-list li {
	margin-bottom: 5px;
}

#left-column .links-list li a{
	display: block;
	border: 3px double #e6e6e6;
	padding: 10px 5px;
	color: #1fb1d2;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
}

#left-column .links-list li a:hover{
	text-decoration: underline;
}

#left-column .links-list li a span{
	display: inline-block;
	width: 11px;
	height: 15px;
	margin: 0 5px 0 5px;
	position: relative;
	top: 2px;
	background: url("../images/list-image-cyan-arrow.png") no-repeat;
}

/* right block*/
#right-column .padding-wrapper {
    padding: 390px 25px 0;
}

#right-column #top-image {
    position: absolute;
    top: 5px;
    left: 0;
    width: 100%;
    height: 384px;
    z-index: 10;
    background: url('../images/right-block-top-image.png') center no-repeat;
}

#right-column .materials-header {
	height: 30px;
	margin: 20px 45px;
	border: 1px solid #cccccc;
	text-indent: -9999px;
    padding: 10px;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: center;
}

#right-column .materials-header.about {
	background-image: url("../images/title-about-leveled-math-readers.png");
}
#right-column .materials-header.sample {
	margin-top: 0;
	background-image: url("../images/title-sample-program-component.png");
}

.book {
	display: block;
	margin: 0 15px 20px;
	outline: none;
	height: 235px;
	position: relative;
	color: #000;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
}
.book img {
	border: none; 
}


.book .caption{
	position: absolute;
    padding: 8px 0;
	left: -1px;
	right: -1px;
	bottom: 0;
	margin: 0;
	border: 1px solid #ccc;
	background-color: #fff;
}

.book.no-margins {
    margin: 0 3px;
}

.book .caption.big{
    line-height: 11px;
    padding: 2px 0;
}

.book .caption.middle {
    line-height: 12px;
    padding: 6px 0;
}

.book .caption a{
    display: block;
    position: relative;
    color: #000;
    text-decoration: none;
}
.book .caption a span.red-arrow{
    float: left;
}
.book .caption a span.red-arrow + span {
    display: block;
    margin-left: 15px;
}

.book .image-sample-text,
.book .image-teaching-card{
    display: block;
    position: absolute;
}

.book .image-teaching-card {
}

.book .image-sample-text.k,
.book .image-sample-text.three,
.book .image-sample-text.six{
    top: 0;
    left: 0;
}

.book .image-teaching-card.k {
    top: 81px;
    left: 32px;
}

.book .image-teaching-card.three {
    top: 90px;
    left: 20px;
}

.book .image-teaching-card.six {
    top: 50px;
    left: 41px;
}

.row a p.caption> span{padding-left:10px; background: url('../images/list-image-red-arrow-small.png') no-repeat left center;}

span.red-arrow {
    display: block;
    width: 6px;
    height: 8px;
    margin: 0 2px 0 5px;
    position: relative;
    top: 1px;
    background: url("../images/list-image-red-arrow-small.png") no-repeat;
}
span.red-arrow.double {
    top: 6px;
}

/* subfooter styles */
.sub-footer {
	background-color: #e6e6e6;
	color: #000;
	padding: 10px 25px;
	margin-top: 10px;
	overflow: hidden;
	font-size: 14px;
}
.sub-footer p {
	margin: 0;
}
.sub-footer a{
	color: #484848;
	margin-left: 20px;
}



/* Additional styles */

.bold {
    font-weight: bold;
}

.red {
    color: #e01f2c;
}

.black {
    color: #252525;
}
.cyan {
    color: #1fb1d2;
}
.purple {
    color: #ae4c9a;
}

.pull-left {
    float: left;
}

.pull-right {
    float: right;
}

.text-left {
    text-align: left;
}

.text-right {
    text-align: right;
}

.text-center {
    text-align: center;
}


.no-margins {
    margin: 0;
}

.no-bottom-margin {
    margin-bottom: 0;
}

.no-top-margin {
    margin-top: 0;
}