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

html {
	background-image:url(img/mainbg.jpg);
	background-repeat: repeat-x;
	background-color:#55798f;
	
}

body
{
	width:100%;
	text-align:center;
}

#main {
	background:url(img/contentbg.jpg) repeat-x top left;
	width:770px;
	height:100%;
	margin:0 auto;
	background-color:#8299a7;
	text-align:left;
	margin:0 auto;	
}

#content {
	background-color:#FFFFFF;
	width:715px;
	height:100%;
	margin-left:26px;
	border:solid #b5b7ba 1px;
	padding-bottom:30px;

}

#loginTable
{
	/*
	padding-right:10px;
	float:right;
	margin-bottom:-100px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:right;
	*/
}

#loginTable table tr td
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}

/*header stuff*/

#header {
	height:61px;
	
}

#header a {
	padding:0 3px 0 3px;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

#header a:hover {
	background-color:#F90;	
}

#logo {
	background:url(img/header_logo.gif);
	width:238px;
	height:61px;
	float:left;
}

#menu
{
	padding-top:13px;	
}

.headerMenu
{
	list-style-type:none;	
}

.headerMenu li
{
	
	float:left;	
	margin:0 3px 0 3px;
}

.login
{
	float:right;	
	margin-right:35px;
}

/*footer stuff*/

.footerMenu
{
	list-style-type:none;
	margin-left:120px;
}

.footerMenu li
{
	
	float:left;	
	margin:0 15px 0 15px;
}



#footer {
	height:15px;
	clear:both;
	padding:0 3px 0 3px;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

#footer a {
	padding:0 3px 0 3px;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

#footer a:hover {
	background-color:#F90;	
}

/*main content stuff*/

#topBox
{
	width:715px;
	height:100px;
}

#arrowMenSmall
{
	background:url(img/header-sm.jpg) no-repeat;
	width:275px;
	height:100px;
	float:left;
}

#crLogo_sub
{
	background:url(img/classroom_logo_sub.gif);
	width:360px;
	height:76px;
	float:right;
	margin-top:20px;
	margin-left:-20px;
}

#altHeader
{
	width:715px;
	height:32px;
	background-image:url(img/altHeader.gif);
	background-position:center;
	background-repeat: no-repeat;
	background-color:#fdd1ab;
	border-bottom:solid #c1ab98 1px;
	border-top:solid #c1ab98 1px;
}

.bigHeader
{
	font-family:"Times New Roman", Times, serif;
	font-size:16px;	
}

.bigHeader .firstLet
{
	font-size:18px;	
}

.biggerHeader
{
	font-family:"Times New Roman", Times, serif;
	font-size:22px;	
}

.biggerHeader .firstLet
{
	font-size:28px;	
}

.miniHeader
{
	font-family:"Times New Roman", Times, serif;
	font-size:12px;	
}

.miniHeader .firstLet
{
	font-size:14px;	
}

/* Two Column Stuff */

#twoColBox
{
	color:#333;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	width:625px;
	margin-left:40px;
	margin-top:40px;
}



#threeColBox .firstLet
{
	font-size:14px;	
}

#twoColHeader
{
	
	text-align:left;
}

#twoColHeader img
{
	margin-left:12px;	
}

#twoCols
{
	
	position:relative;
	width:625px;
	height:300px;
	
}

#twoColSubLeft .firstLet
{
	font-size:20px;	
}

#twoColSubRight .firstLet
{
	font-size:20px;	
}

#twoColSubLeft
{
	font-family:"Times New Roman", Times, serif;
	font-size:16px;
	text-align:center;
	float:left;	
	width:295px;
	border-bottom:solid #CCC 1px;
	height:30px;
}

#twoColSubRight
{
	font-family:"Times New Roman", Times, serif;
	font-size:16px;
	float:left;
	text-align:center;
	width:295px;
	border-bottom:solid #CCC 1px;
	height:30px;
}

#twoColLeft
{
	margin-top:15px;
	padding:5px;
	float:left;
	width:295px;
	border-right:solid #CCC 1px;
}

#twoColRight
{
	
	float:left;
	margin-left:15px;
	width:295px;
	
	margin-top:15px;

}

/* Three Column Stuff */

#threeColBox
{
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	width:625px;
	margin-left:40px;
	margin-top:40px;

}

#threeColHeader
{
	text-align:left;
	
}

#threeColHeader img
{
	margin-left:15px;	
}

#threeCols
{
	margin-top:20px;
	position:relative;
	width:625px;
	
	
}

#threeColSubLeft
{
	font-family:"Times New Roman", Times, serif;
	font-size:12px;
	text-align:center;
	float:left;	
	width:207px;
	border-right:solid #CCC 1px;
	height:60px;
}

#threeColSubMiddle
{
	font-family:"Times New Roman", Times, serif;
	font-size:12px;
	float:left;
	text-align:center;
	width:207px;
	border-right:solid #CCC 1px;
	height:60px;
}

#threeColSubRight
{
	font-family:"Times New Roman", Times, serif;
	font-size:12px;
	float:left;
	text-align:center;
	width:208px;
	height:60px;
}

#threeColLeft
{
	padding:5px;
	clear:both;
	float:left;
	width:197px;
	border-right:solid #CCC 1px;
}

#threeColMiddle
{
	padding:5px;
	float:left;
	width:197px;
	border-right:solid #CCC 1px;
		
}

#threeColRight
{
	padding:5px;
	float:left;
	width:197px;

}



.colItem
{
	margin-bottom:10px;	
}

#bottomTwoCol
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	clear:both;
	padding-top:20px;
}

#sampleLesson
{
	float:left;
	margin-left:20px;
	width:440px;

}

#sampleLesson .colItem
{
	font-size:12px;	
	text-align:center;
	color:#333;
	margin-top:40px;
	margin-bottom:10px;
}

.hLine
{
	margin:20px 0 -20px 0;
	width:150px;
	border-bottom:1px #AAA solid;
}

#sampleLesson .colItem .firstLet
{
	font-size:14px;	
}

#sampleContent
{
	padding-left:30px;	
}



#sampleContent ul
{
	margin:0 0 10px -22px;
}

#sampleHeader
{
	border-top:2px #f6ab3b solid;
	border-bottom:2px #f6ab3b solid;
	margin-bottom:10px;
}

#freeLesson
{
	font-size:12px;
	border-top:2px #f6ab3b solid;
	border-bottom:2px #f6ab3b solid;
	
}

#sampleHeader
{
	margin-left:20px;	
}

#sidebar
{
	float:right;
	width:208px;
	margin-right:20px;
}

.smallQuote
{
	font-size:12px;
	font-style:italic;
	float:none;
}