﻿
.pageheadingsubscribe {
width:330px;
height:126px;
display: block;
float:left;
background-color:none;
margin:0;
padding:0;
background-image: url('../images/template_grammarpage_sliced_03.jpg');
}

.subscribe {
text-align: center;
}

.content {
	color: #3d271a;
	background-color: #fefecb;
}

.centertext {
text-align:center;
}

.red {
color:#b31d10;
}

.col1,
.col2,
.col3 {
float:left;
margin:1px 3px;
padding:0;
color:#ffffbf;
display:block;
}

.col1 {
width:66%;
}

.col2 {
width:31%;
margin:18px 15px 4px 3px;
}

.col3 {
width:100%;
}

.col1content,
.col2content,
.col3content {
	display: block;
	box-shadow:10px 10px 5px #371f09;
}

.col1content {
margin:1px 25px 20px 1px;
padding:3px 50px 20px 50px;
color:#371f09;
background: -webkit-linear-gradient(180deg,#ffff44, #ffffb0); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(180deg,#ffff44, #ffffb0); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(180deg,#ffff44, #ffffb0); /* For Firefox 3.6 to 15 */
background: linear-gradient(180deg,#ffff44, #ffffb0); /* Standard syntax */
font-size:12px;
line-height:16px;
}

.col2content {
color:#ffffbf;
margin:45px 0;
padding:14px 35px;
background: -webkit-linear-gradient(135deg,#531202, #b31d10); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(135deg,#531202, #b31d10); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(135deg,#531202, #b31d10); /* For Firefox 3.6 to 15 */
background: linear-gradient(135deg,#531202, #b31d10); /* Standard syntax-3px -15px*/
}

.col3content {
	margin: -5px 24px 0 2px;
	padding: 15px 0 5px 40px;
	background: -webkit-linear-gradient(225deg,#1a4435, #b31d10); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(225deg,#1a4435, #b31d10); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(225deg,#1a4435, #b31d10); /* For Firefox 3.6 to 15 */
	background: linear-gradient(225deg,#1a4435, #227859); /* Standard syntax */
	font-size: 13px;
	line-height: 15px;
	height: 800px;
}


.col1content h1 {
text-align:center;
line-height:100%;
}

.video {
margin:0;
padding:5px 15px 15px 15px;
text-align:center;
font-weight:bold;
box-shadow:5px 5px 5px 5px #371f09;
background-color:#ffffa9;
}

.video img {
border-style:outset;
border-width:2px;
border-color:#ffffbf;
}

.col3content h1 {
color:#ffffbf;
line-height:100%;
display:block;
text-align:left;
text-decoration:none;
margin:0;
padding:0 10px;
}

.col3content h3 {
margin:0;
padding:15px 10px 0 10px;
}

.coursecol {
display:block;
width:70%;
float:left;
background-color:transparent;
margin:0 -40px 0 -40px;
padding:0 40px 0 50px;
}

.coursecol:last-of-type {
	margin-top: -2rem;
}

.menucontainer {
	padding-top: 3rem;
}

.tinylineheight {
line-height:50%;
}

.nobreak {
margin-top:-13px;
}

.coursecol2 {
display:block;
width:20%;
float:left;
background: -webkit-linear-gradient(135deg,#531202, #b31d10); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(135deg,#531202, #b31d10); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(135deg,#531202, #b31d10); /* For Firefox 3.6 to 15 */
background: linear-gradient(135deg,#531202, #b31d10); /* Standard syntax-3px -15px*/
box-shadow:10px 10px 5px #371f09;
margin:10px 13px 0 5px;
padding:0 10px 0 40px;
border:2px solid;
border-radius:25px;
}

.lessonlist {
font-weight:bold;
font-size:14px;
line-height:125%;
padding:0;
}

.bullet {
font-size:18px;
}

.lefttext {
margin-left:-10px;
}




