/*
This is the styles CSS file created by Randy Ingermanson to go 
just after the CSS file "layout.css", which contains the "uneditable"
CSS that defines the basic layout for a 2-column fixed width page.

By making sure that all revisions are done only to this file, you 
can almost guarantee that you can back out of any bugs you create by 
just commenting out everything in this file.
*/

html 
{
	background: #ffffff;
}

body 
{
/*	background: url(../images/body_background.gif); */
	background: #ffffff;
	font-family: Arial, Tahoma, Helvetica, sans-serif; 
}

#wrapper 
{
	background: none;
}

#header 
{
	height: 150px;
}

#menuBar
{
	background: #000000;
	font-size: 11pt;
	color: #ffffff;
	margin: 0;
}

#menuBar a
{
	margin: 0;
	padding: 10px 5px;
	text-decoration: none;
}

#menuBar a:link, #menuBar a:visited
{
	color: #ffffff;
}

#menuBar a:hover, #menuBar a:active
{
	color: #ff0000;   
}

/* Special style for the menu entry selected on this page. */
#menuBar .thisPage a:link, #menuBar .thisPage a:visited, #menuBar .thisPage a:hover, #menuBar .thisPage a:active
{
	color: #ffff99;   
}

#mainColumn 
{
	background: #ffffff;
	font-size: 10pt;
}

#mainColumn h1
{
	font-size: 18pt; 
	text-align: center; 
	margin: 0 10px 8px 0; 
	padding: 0 10px; 
	color: #ffff77;
	background: #003377;
}

#mainColumn h2
{
	font-size: 14pt; 
	font-weight: bold;
	text-align: left; 
	margin: 5px 10px 5px 0; 
	padding: 0 10px; 
	color: #ffff99;
	background: #003377;
}

#mainColumn h3
{
	font-size: 12pt; 
	font-weight: bold;
	text-align: center;
	margin: 2px 10px 5px 0;
	padding: 5px 10px;
	color: #ffff99;
	background: #003377;
}

#mainColumn h4
{
	font-size: 12pt; 
	font-weight: bold;
	margin: 2px 0 5px 0;
	padding: 0 10px 0 10px;
	color: #000000;
}

/* For the headers above homework boxes. */
#mainColumn h7
{
	font-size: 12pt; 
	font-weight: bold;
	text-align: center;
	margin: 2px 10px 0 0;
	padding: 5px 10px;
	color: #ffff99;
	background: #003377;
}

#mainColumn p
{
	text-align: justify;
	margin: 0 20px 10px 10px;
	padding: 0;
	color: #000000;
}

#mainColumn li
{
	text-align: left;
	margin: 0 10px 3px 0;
	padding: 0;
}

#mainColumn a, #mainColumn a:link, #mainColumn a:visited
{
	color: #3333ff;
}

#mainColumn a:hover, #mainColumn a:active
{
	color: #ff0000;
}

#rightColumn 
{
	background: none;
}

#rightColumn h1, #rightColumn h2, #rightColumn h3, #rightColumn p
{
	padding: 0 10px;
}

#footer 
{
	background: #003377;
	font-size: .7em;
	width: 740px;
}

#footer * a 
{
	color: #ffff99;
}

#footer * p 
{
	margin: 5px 0; 
	padding: 0 10px;
	color: #ffffff;
}

#leftFooterColumn 
{
	float: left;
	width: 500px;
	text-align: left;
}

#rightFooterColumn 
{
	float: right;
	width: 240px;
	text-align: right;
}

#contactForm
{
	margin: 10px 10px 100px 0;
	padding: 10px;
	border: 1px solid #003377;
	background-color: #ffff99;
}

a img
{
	border: none;
}

/*_______________________________________________________________

Generic classes not related to the main page structure.
________________________________________________________________*/


.floatLeft
{
	float: left;
	padding: 0 10px 5px 0;
}

.floatRight
{
	float: right;
	padding: 0 0 5px 10px;
}

.columnBox
{
	padding: 0px;
	margin: 0 0 10px 0;
	border: 1px solid #003377;
	font-size: 9pt;
	color: #003377;
	background-color: #eff3f3;
}

.columnBox h2 
{
	font-size: 12pt;
	text-align: center;
	padding: 5px 0;
	margin: 0;
	color: #ffff99;
	background: #003377;
	font-weight: bold;
}

.columnBox p
{
	padding: 0;
	margin: 8px 0;
}

.columnBox ul
{
	margin: 5px 0 5px 0;
	padding: 0 5px 0 25px;
}

.columnBox a, .columnBox a:link, .columnBox a:visited
{
	color: #3333ff;
	text-decoration: none;
	padding: 2px 0;
}

.columnBox a:hover, .columnBox a:active
{
	color: #ff0000;
}

.signupFormColor
{
	background-color: #ffff99;
}

.homeworkBox
{
	border: 1px solid #185b68;	
	background-color: #EFF3F3;
	margin: 0 10px 10px 0;
	padding: 8px 0 0 0;
}

.spacer
{
	clear: both;
	width: 100%;
	height: 10px;
	background: #ffffff;
}

/* This class is used to force a clear beneath columns. */
.nullSpacer
{
	clear: both;
	width: 100%;
	height: 0;
}

.formError 
{
	color: #FF0000;
}

.endorsement
{
	font-size: 10pt;
	color: #335055;  
	background-color: #d8bc7e;
	border-style: solid;
	border-width: 1px;
	border-color: #2c263d;
	margin: 50px 0;
	padding: 10px 0;
}

.endorsement h1
{
	font-size: 10pt;
	color: 335055;
}

.endorsement a
{
	font-size: 10pt;
}

.normalPrices
{
	background-color: #ffff80;   
}

.bargainPrices
{
	background-color: #b0ffb0;   
}

.ultraPrices
{
	background-color: #ffc0c0;   
}

.strikeout
{
	color: #ff0000;
	text-decoration: line-through;
}

.insetText
{
	margin: 0 25px;
}

.redText
{
	color: #ff0000;
}

.friend
{
	clear: both;
	margin: 0;
	padding: 10px 0;
}

.babbitt
{
	clear: both;
	margin: 0;
	padding: 5px 0;
}

.clearBoth
{
	clear: both;
	margin: 0;
	padding: 0;
}

.sidebarAd
{
	margin: 100px 0 0 0;
	padding: 0 5px;
	font-size: 9pt;
}

.sidebarAd h2
{
	font-size: 12pt;
	text-align: center;
	font-weight: bold;
}

.sidebarAd a, .sidebarAd a:link, .sidebarAd a:visited
{
	color: #3333ff;
	text-decoration: underline;
	padding: 2px 0;
}

.sidebarAd a:hover, .sidebarAd a:active
{
	color: #ff0000;
}

#submitPad
{
	padding: 5px;
	background-color: #ff0000;
	margin: 0;
	border-width: 3px;
	border-color: #ff0000;
	border-spacing: 0;
}