html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,code,del,dfn,em,img,q,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
border:0;
font-weight:inherit;
font-style:inherit;
font-size:100%;
font-family:inherit;
vertical-align:baseline;
margin:0;
padding:0;
}

body {
line-height:1.5;
font-size:75%;
color:#231f20;
font-family:Arial, Verdana, Helvetica, sans-serif;
margin:0;
min-width:777px;
text-align:center;
background-color:#fff;
}


/* POSITIONING -----------------------------------------------
   * Sets up basic page framework
   * 'con' prefix indicates a container div
-------------------------------------------------------------- */
#headerLayer{
border-top:10px #231f20 solid;
background-color:#fff;
}

	#conHeader{
	width:777px;
	position:relative; /* allows children divs to be positioned absolutely */
	height:130px;
	margin:0px auto;
	}

#bannerLayer{
height:60px;
border-bottom:2px solid white;
}


	#conBanner{
	width:777px;
	margin:0px auto;
	text-align:left;
	}
	
	#conBanner IMG, #conBanner H1{
	float:left;
	}
	
	#focusImage{
	width:230px;
	height:60px;
	float:left;
	border-width:0 1px;
	border-color: #c6c4c0;
	border-style:solid;
	}
	
	#bannerLayer.books{
	background:url(../images/bg_blurBooks.jpg) center;
	}
	
	#bannerLayer.math{
	background:url(../images/bg_blurMath.jpg) center;
	}
	
	#bannerLayer.berries{
	background:url(../images/bg_blurBerries.jpg) center;
	}
	
	#bannerLayer.books #focusImage{
	background:url(../images/booksFocus.jpg) center center;
	}
	
	#bannerLayer.math #focusImage{
	background:url(../images/mathFocus.jpg) center center;
	border-color: #fff;
	}
	
	#bannerLayer.berries #focusImage{
	background:url(../images/berriesFocus.jpg) center center;
	}
	
#contentLayer{
background:url(../images/bg_contentLayer.gif) repeat-x #c3c2b9;
}

	#conContent{
	background: url(../images/bg_conContent.gif) repeat-x;
	width:737px;
	margin:0px auto;
	text-align:left;
	padding:15px 20px 50px 20px;
	min-height:250px;
	}

#footerLayer{
background-color:#231F20;
height:100px;
text-align:center;
background:url(../images/bg_footer.gif) repeat-x #fff;
}

	#conFooter{
	width:737px; /*should be same as contain div */
	margin:0 auto;
	text-align:left;
	color:#DCB98E;
	}


/* CONTAINERS & STYLES for #conHeader
-------------------------------------------------------------- */
#logo{
position:absolute;
top:33px;
left:20px;
}

#conNav{
position:absolute;
left:425px;
top:50px;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:1.5em;
}

#conNav ul {
list-style:none;
margin:0px;
padding:0px;
}

#conNav ul li {
float:left;
}

#conNav ul a{
display:block;
color:#53534a;
text-decoration:none;
padding:3px 20px;
border-right:1px solid #231F20;
font-weight:normal;
}

#conNav ul a.last{
border:none;
}


#conNav ul a:hover, #conNav a.on {
color:#8A1D23;
text-decoration:none;
background:url(/images/bg_navOver.gif) repeat-x #FFF;
}

#conNav ul li img {margin-top:10px;}


/* CONTAINERS & STYLES for #conContent
-------------------------------------------------------------- */
#box1{ /*home page content */
width:300px;
float:left;
}

#box2{ /*home page content */
width:375px;
float:left;
margin-left:50px;
}

#sidebar{
width:200px;
float:left;
padding:0 20px 0 0;
}

#sidebar IMG{
padding:5px;
background-color:#FFF;
}

#mainContent{
width:490px;
float:left;
margin:0 0 25px 17px;
}





/* CONTAINERS & STYLES for #conFooter
-------------------------------------------------------------- */

#footerCopyright {
text-decoration:none;
float:left;
font-size:.9em;
margin:9px 0 0 0;
}

#footerNav{
font-size:.9em;
text-decoration:none;
float:left;
margin:8px 0 0 25px;
}

#footerNav a{
text-decoration:none;
color:#fff;
}

#footerNav a:hover{
text-decoration:none;
color:#FFF;
}

/* MISC
-------------------------------------------------------------- */
.hidden {display:none;}


/* DEFAULT 
-------------------------------------------------------------- */
table {
border-collapse:separate;
border-spacing:0;
margin-bottom:0;
}

caption,th,td {
text-align:left;
font-weight:400;
}

blockquote:before,blockquote:after,q:before,q:after {
content:"";
}

blockquote,q {
quotes:'"' '"' "'" "'";
}

a img {
border:none;
}

p {
margin-top:1em;
}

q {
font-size:1.4em;
color:#8A1D23;
line-height:1.4em;
font-weight:normal;
font-family:Georgia, "Times New Roman", Times, serif;
}

.accent{
color:#8A1D23;
}

h1,h2,h3,h4,h5,h6 {
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:400;
}

h1 {
font-size:2.7em;
line-height:1.5;
color:#FFF;
margin:10px 0 0 26px;
}

h2 {
font-size:2.0em;
/*color:#4B1012;*/
color:#8A1D23;
line-height:1em;
font-weight:normal;
margin:5px 0px 5px 0px;
letter-spacing:1px;
}

h3 {
font-size:1.5em;
line-height:1;
margin-bottom:1em;
}

h4 {
font-size:1.5em;
line-height:1.25;
color:#00246b;
background:url(/images/bg_h4gradient.gif) repeat-y;
padding-left:5px;
font-weight:bold;
}

h5 {
font-size:1em;
font-weight:700;
margin-bottom:1.5em;
}

h6 {
font-size:1em;
font-weight:700;
}


ul,ol {
margin:0 1.5em 1.5em 2.5em;
}

ul {
list-style-type:circle;
list-style-image:url(/images/bullet.gif)}

ol {
list-style-type:decimal;
}

dd {
margin-left:1.5em;
}

abbr,acronym {
border-bottom:1px dotted #666;
}

address {
margin-top:1.5em;
font-style:italic;
}

a:focus,a:hover {
color:#000;
}

a {
color:#8A1D23;
text-decoration:underline;
}

blockquote {
color:#666;
font-style:italic;
margin:1.5em;
}

em,dfn {
font-style:italic;
}

pre,code {
white-space:pre;
margin:1.5em 0;
}

pre,code,tt {
font:1em 'lucida console', monospace;
line-height:1.5;
}

tt {
display:block;
line-height:1.5;
margin:1.5em 0;
}

th {
border-bottom:2px solid #ccc;
font-weight:700;
}

td {
border-bottom:1px solid #E7E9BA;
}

th,td {
padding:4px 2px 4px 2px;
vertical-align:top;
}

tfoot {
font-style:italic;
}

caption {
background:#ffc;
}

table .last {
padding-right:0;
}

.small {
font-size:.8em;
margin-bottom:1.875em;
line-height:1.875em;
}

.large {
font-size:1.2em;
line-height:2.5em;
margin-bottom:1.25em;
}

hr {
background:#ddd;
color:#ddd;
clear:both;
float:none;
width:100%;
height:.1em;
border:none;
margin:0 0 1.4em;
}

hr.space {
background:#fff;
color:#fff;
}

.clear {
clear:both;
display:block;
}

.clear:after,.container:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

* html .clear {
height:1%;
}




/* FORMS -------------------------------------------------------------- 
   * Sets up some default styling for forms
   * Gives you classes to enhance your forms
   Usage: For text fields, use class .title or .text
-------------------------------------------------------------- */

label { font-weight: normal; font-size:.9em; color:#2d2d2d;}

/* Fieldsets */
fieldset    { padding:1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc; }
legend      { font-weight: bold; font-size:1.2em; }

/* Text fields */
input.text		{ width: 105px; font-size:1.0em;color:#661100;}
input.text		{ border:1px solid #999; background:#fff; padding:1px; }

/* Textareas */
textarea            { width: 400px; height: 250px; margin:0.5em 0.5em 0.5em 0; }
textarea            { border:1px solid #999; background:#eee; padding:5px; }


/* Select fields */
select              { border:1px solid #999; background:#fff;font-size:1.0em;color:#555;}

input.text:focus,textarea:focus,select:focus {
background:#fff;
border:1px solid #444D45;
}

/* Success, error & notice boxes for messages and errors. */
.error,
.notice, 
.success    { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; }
.error      { background: #FBE3E4; color: #D12F19; border-color: #FBC2C4; }
.notice     { background: #FFF6BF; color: #817134; border-color: #FFD324; }
.success    { background: #E6EFC2; color: #529214; border-color: #C6D880; }
.error a    { color: #D12F19; }
.notice a   { color: #817134; }
.success a  { color: #529214; }


/* Some default utility classes
-------------------------------------------------------------- */
.maroon {color:#4B1012;}
.gray {color:#2d2d2d;}
.white {color:#FFF;}

.px12,.px14,.px16,.px18,.px20,.px22,.px24 {line-height:1.0;}

.px12 {font-size:1.2em;}
.px14 {font-size:1.4em;}
.px16 {font-size:1.6em;}
.px18 {font-size:1.8em;}
.px20 {font-size:2.0em;}
.px22 {font-size:2.2em;}
.px24 {font-size:2.4em;}

.tahoma {font-family:Tahoma;}

dl dt,strong,dfn,label {
font-weight:700;
}

del,.quiet {
color:#666;
}