/* CSS Document */

body	{
background-color:#8aca4b;
behavior:url(/csshover.htc);
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

div#page	{
width:800px;
border: 1px solid #4a6b3e;
background-color:#FFFFFF;
margin:10px auto 10px auto;
padding:0px;
}

div#topContainer	{
float:left;
width:800px;
height:93px;
padding:0px;
margin:0px;
}

	div#logo	{
	width:376;
	float:left;
	height:93px;
	margin:0px;
	padding:0px;
	}
	
	div#navContainer	{
	width:424px;
	float:left;
	background-image:url(../images/crayola_top.jpg);
	background-repeat:no-repeat;
	height:93px;
	}
		
		div#listMenu	{
		width:407px;
		float:right; /*--- Makes the div enclose the list ---*/
		padding:0px 17px 0px 0px;
		margin:74px 0px 0px 0px;
		height:17px;
		}
		
		div#listMenu ul	{
		list-style-type:none;
		padding:0px;
		margin:0px;
		}
		
		div#listMenu li	{
		float:left; /*--- Causes the list to align horizontally instead of stack --- */
		text-align:center;
		padding:0px;
		margin:0px;
		}
		
		div#listMenu a {
		font-size:11px;
		color:#FFFFFF;
		font-weight:bold;
		text-decoration:none;
		padding:3px 0px 2px 0px;
		display:block;
		}
		
		div#listMenu ul li.home {
		background-image:url(../images/home_off.gif);
		width:67px;
		height:19px;
		}
		div#listMenu ul li.home:hover {
		background-image:url(../images/home_on.gif);
		}
		div#listMenu ul li.homeOFF {
		width:67px;
		}
		
		div#listMenu ul li.faq {
		background-image:url(../images/faq_off.gif);
		width:68px;
		height:19px;
		}
		div#listMenu ul li.faq:hover {
		background-image:url(../images/faq_on.gif);
		}
	
		div#listMenu ul li.viewbook {
		background-image:url(../images/viewbook_off.gif);
		width:90px;
		height:19px;
		}
		div#listMenu ul li.viewbook:hover {
		background-image:url(../images/viewbook_on.gif);
		}

		div#listMenu ul li.about {
		background-image:url(../images/about_off.gif);
		width:90px;
		height:19px;

		}
		div#listMenu ul li.about:hover {
		background-image:url(../images/about_on.gif);
		}

		div#listMenu ul li.contact {
		background-image:url(../images/contact_off.gif);
		width:92px;
		height:19px;
		}
		div#listMenu ul li.contact:hover {
		background-image:url(../images/contact_on.gif);
		}

div#bannerContainer	{
float:left;
width:800px;
height:235px;
padding:0px;
margin:0px;
background-image:url(../images/orange_bg.jpg);
background-repeat:no-repeat;
font-size:11px;
}
	
	div#image-flash	{
	width:309px;
	height:235px;
	float:left;
	padding:0px;
	margin:0px;
	}
	
	div#banner-content	{
	width:483px;
	float:left;
	padding:4px 4px 4px 0px;
	}
	
	div#banner-content ul	{
	padding:0px;
	margin:0px 0px 0px 2px;
	}
	div#banner-content li	{
	list-style-type:none;
	background-image:url(../images/banner-dash.gif);
	background-position:top left;
	background-repeat:no-repeat;
	padding-left:14px;
	margin-top:5px;
	}
	
div#mainContainer	{
width:800px;
float:left;
padding:0px;
margin:10px 0px 0px 0px;
}

	div#main_left	{
	width:191px;
	float:left;
	padding:0px;
	margin:0px;
	}
		div#searchContainer	{
		background-color:#edf5fa;
		border:1px solid #a5abae;
		padding:7px 10px 12px 20px;
		margin-bottom:5px;
		color:#0672b2;
		font-size:15px;
		font-weight:bold;
		}
		.searchBox	{
		font-family:Arial, Helvetica, sans-serif;
		font-size:9px;
		border:1px solid #0672b2;
		background-color:#ffffff;
		padding:1px;
		margin-right:3px;
		}
		
		.searchButton	{
		background-color:#0672b2;
		border:1px solid #DDE1EB;
		color:#FFFFFF;
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		}
		
		.searchButton:hover	{
		background-color:#005196;
		color:#ffffff;
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		}
	
	div#main_center	{
	width:433px;
	float:left;
	padding:0px;
	margin:0px;
	}
	
	div#main_right	{
	width:175px;
	float:left;
	padding:0px;
	margin:0px;
	border-left:1px solid #999999;
	}
	
	div#main_combo	{
	width:595px;
	float:left;
	padding:0px 4px 0px 5px;
	margin:0px;
	}
	
		div#main_combo ul 	{
		padding-top:0px;
		margin-top:0px;
		margin-bottom:0px;
		}
		
		div#main_combo ul li	{
		padding:5px 3px;
		}
		
		div#main_combo ul.saleskit li	{
		padding:2px 3px;
		}
	
div#footer	{
width:794px;
float:left;
padding:0px;
margin:10px 3px 0px 3px;
vertical-align:middle;
border-top:1px solid #4254a6;
}

h1	{
font-size:30px;
color:#ed1b24;
padding:0px;
margin:0px;
}

.bigred	{
font-size:24px;
color:#ed1b24;
padding:3px 0px;
margin:0px;
font-weight:bold;
}
.bigred2	{
font-size:16px;
color:#4254a6;
padding:3px 0px;
margin:0px;
font-weight:bold;
}
h2	{
font-size:25px;
color:#ed1b24;
padding:0px;
margin:0px;
font-weight:normal;
}

h3	{
font-size:14px;
color:#ed1b24;
padding:0px;
margin:0px;
font-weight:bold;
}

h4	{
font-size:12px;
color:#000000;
padding:0px;
margin:0px;
font-weight:bold;
}

a	{
color:#4254a6;
font-weight:bold;
}

a:hover	{
text-decoration:none;
color:#0672b2;
}

.red	{
color:#ed1b24;
}

.blue	{
color:#056095;
}

a.small	{
font-size:11px;
font-weight:normal;
text-decoration:none;
}
a.small:hover	{
font-size:11px;
font-weight:normal;
text-decoration:underline;
}

a.large	{
color:#4254a6;
font-weight:bold;
font-size:14px;
}

a.large:hover	{
text-decoration:none;
color:#0672b2;
}

a.subNav	{
padding:8px 25px;
background-color:#CC0000;
color:#FFFFFF;
font-size:14px;
display:block;
}

a.subNav:hover	{
background-color:#990000;
}

.images	{
border:1px solid #000000;
margin:5px;
}

.font-size	{
	font-size:12px;
}

.font-size_small	{
	font-size:9px;
}

/*---------------------------------- FIX FOR FLOATED ELEMENTS WITHIN A CONTAINER DIV --------------------------*/
.clearfix:after
{
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}

/*--- Fix for IE on Mac ---*/
.clearfix
{
	display: inline-block;
}

/*--- Hack for bug in IE6 ---*/
* html .clearfix
{
	height: 1%;
}

.clearfix
{
	display: block;