/* CSS Design for English By Example Website - Matt Lukins */

body{
	font-family: Verdana, Arial, sans-serif;
	text-align: left;
	color: #000000;
	line-height: 1.166;
	background: #FFFFFF;
	margin:0px;
	padding:0px;
} 

#pageframe{
	/*position:relative;*/
	left:0px; 
	top:0px;
	width: 777px;
	background-color: #FFFFFF;
	margin: 10px;
	text-align: left;
}

#header{
	clear:both;
	margin:0;
	padding:0;
	background: url(images/banner3.gif) no-repeat;
	height: 100px;
	width: 777px;
}

#navigation{
	margin-top:10px;
	float:left;
	vertical-align: top;
	text-align: left;
	border: 3px #B76E37 solid; 
	background: #E6D7C0;
	padding-top:7px;
	padding-bottom:7px;
	padding-left:3px;
	padding-right:2px;;
}
#navigation a:link {color: #28474C;text-decoration: none;}
#navigation a:visited{color: #28474C;text-decoration: none;}
#navigation a:hover {color: #B76E37;text-decoration: none;}
#navigation a:active {color: #B76E37;text-decoration: none;}
.navigationCurrentPage {
	color: #518F99;
}

#contentBox {
	top:100px;
	margin-top:10px;
	left: 110px;
	/*margin-left:10px;*/
	width: 670px;
	background-color: #FFFFFF;
	
}

#photoStrip {
	float:right;
	margin-bottom:10px;
	margin-top:10px;
}

#footer{
	clear: both; 
	background-color:#E6D7C0;
	height: 20px;
	border: 1px #B76E37 solid;
}

#beginnersModules {
	width:500px;
	text-align:justify;
}
#intermediateModules {
	width:500px;
	text-align:justify;
}
#advancedModules {
	width:500px;
	text-align:justify;
}


.headingText {
	font-size: 22px;
	font-weight: normal;
	color: #986C01;
}

.pageText {
	color: #000000;
	font-size: 12px;
	text-align:justify;
}
.pageText a:link{color: #0F5CCE;text-decoration: none;font-weight: normal;}
.pageText a:visited{color: #0A3C85;text-decoration: none;font-weight: normal;}
.pageText a:hover{color:#990000;text-decoration: none;font-weight: normal;}
.pageText a:active{color:#990000;text-decoration: none;font-weight: normal;}

.footerLink{
	color: #6C5B42;
	text-decoration: none;
}
.footerLink a:link{color: #6C5B42;text-decoration: none;font-weight: normal;}
.footerLink a:visited{color: #6C5B42;text-decoration: none;font-weight: normal;}
.footerLink a:hover{color:#000000;text-decoration: none;font-weight: normal;}
.footerLink a:active{color:#000000;text-decoration: none;font-weight: normal;}

.highlightText {
	color: #993333;
	font-size: 16px;
	font-weight: bold;
	border: 1px #993333 solid;
	width:250px;
	text-align:center;
	padding:5px;
}

.sectionHeadingText {
	color: #986C01;
	font-size: 16px;
	font-weight: bold;
}

.noteText {
	color: #989898
}

.smalltext {
	font-size: 10px;
	color: #8D7755;
}

.salesLinks {
	font-size:14px;
}
.salesLinks2 {
	font-size:13px;
}

.faqText {
	line-height: 2;
}