@charset "utf-8";
/* CSS Document */

body {

background: -webkit-linear-gradient(#ffffa9, #ffa03d); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(#ffffa9, #ffa03d); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(#ffffa9, #ffa03d); /* For Firefox 3.6 to 15 */
background: linear-gradient(#ffffa9, #ffa03d); /* Standard syntax */
color: #624a2a;

/* pretty orange menu background ff9730*/
/* taupe body text color 624a2a*/
/* light orange gradient color #ffa03d */
/* light cream gradient color #ffffa9*/
/* almost white ivory wrapper content background & menu text color #fefecb*/
/* hr color #b89669*/
/* darker brown body text color 371f09*/

/* darker cream #fee89d*/
/* darker bone #ffffbf */
/* dark orange #ff7923*/

/*rainbow gradient - really cool*/
/*background: -webkit-linear-gradient(red, orange, yellow, green, blue, indigo, violet);*/
 /* For Safari 5.1 to 6.0 */
/*background: -o-linear-gradient(red, orange, yellow, green, blue, indigo, violet);*/ /* For Opera 11.1 to 12.0 */
/*background: -moz-linear-gradientred, orange, yellow, green, blue, indigo, violet);*/ /* For Fx 3.6 to 15 */
/*background: linear-gradient(red, orange, yellow, green, blue, indigo, violet);*/ /* Standard syntax (must be last) */
*/

text-decoration:none;
margin:0 auto;
padding:0;
}

#container {
width:990px;
margin:0 auto;
padding:0;
background-color:#fefecb;
}

body a {
text-decoration:none;
color:inherit;
}

.pageheading {
display: block;
float:left;
}

.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;
}


.contentwrapper {
width:978px;
margin:0 auto;
padding:6px 6px 6px 6px;
clear:both;
background-color:#fefecb;
}

.content {
color: #624a2a;
font-size:13px;
font-weight:normal;
font-family:Verdana,Arial,Georgia;
background-color:#fefecb;
}

.centertext {
text-align:center;
}

.red {
color:#b31d10;
}

.col1 {
width:100%;
float:left;
margin:1px 3px;
padding:0;
color:#ffffbf;
display:block;
}

.col1content {
margin:1px 25px 20px 1px;
padding:3px 80px 30px 50px;
color:#371f09;
box-shadow:10px 10px 5px #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 */
display:block;
font-size:13px;
line-height:125%;
}

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

.lessonnumber {
font-size:150%;
line-height:25%;
}

.col1content h2 {
text-align:center;
line-height:25%;
}

iframe {
padding-top:10px;
padding-bottom:15px;
}

.bigger {
font-size:200%;
}

.col2 {
width:31%;
float:left;
margin:18px 15px 4px 3px;
padding:0;
color:#ffffbf;
display:block;
}

.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*/
display:block;
box-shadow:10px 10px 5px #371f09;
}

.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;
}


.skillsandmaterials {
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;
padding:20px 10px 10px 20px;
border:2px solid;
border-radius:25px;
min-height:100px;
color:#fefecb;
margin-bottom:20px;
}

.skills {
width:45%;
display:block;
float:left;
}

.materials {
width:43%;
display:block;
float:right;
}

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

.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:175%;
padding:0;
}

.bullet {
font-size:18px;
}

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


.sloganfooter ul {
margin:0 -6px 0 0;
padding:0;
display:block;
list-style-type:none;
}

.sloganfooter ul li {
text-align:center;
margin:3px;
padding:10px 84px;
display:block;
color:#ddc77a;
background-color:#fefecb;
font-family:Arial,Georgia,Verdana;
text-shadow:1px -1px 0px #624a2a;
font-size:15px;
font-weight:normal;
clear:left;
}

.famouspersonfooter {
font-style:italic;
font-size:12px;
color:#624a2a;
text-shadow:none;
font-weight:normal;
text-align:center;
background-color:#fefecb;
margin:0;
padding-top:7px;
padding-bottom:5px;
padding-left:0;
padding-right:0;
}

#copyright {
	font-size: 9px;
	color: #624a2a;
	text-align: center;
	background-color:transparent;
	clear:both;
	padding-top:50px;
	padding-bottom:20px;
}
#copyright a {
	color: #624a2a;
	text-decoration: none;
	font-style: italic;
}