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

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

/* ====================BASE STYLES==================== */

html {
	height: 100%;
	font-size: 100%; /* IE hack */ 
	}
	
body {
	height: 100%;
	text-align: center;
	margin: 0;
	background: #fff;
	color: #75725c;
	font-size: 80%;
	line-height: 1.3em;
	font-weight: normal;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	}
	
/* --------------------text-------------------- */	

p {
	padding: 7px 0 15px 0;
	margin: 0;
	}
	
h1 {
	color: #962e1a;
	font-family: Georgia, serif;
	font-size: 1.7em;
	letter-spacing: -0.1em;
	padding: 0;
	margin: 0 0 13px 0;
	}
	
h2 {
	font-weight: lighter;
	padding: 0;
	margin: 0 0 13px 0;
	font-size: 1.3em;
	}
	
h3 {
	font-weight: lighter;
	padding: 0;
	margin: 0 0 10px 0;
	font-size: 1.2em;
	}
	
h3.subHeader {
	color: #962e1a;
	font-family: Georgia, serif;
	font-size: 1.4em;
	letter-spacing: -0.02em;
	padding: 0;
	margin: 15px 0 10px 0;
	}
	
h4 {
	color: #cf9211;
	font-family: Georgia, serif;
	font-size: 1.2em;
	letter-spacing: -0.02em;
	text-transform: uppercase;
	padding: 0;
	margin: 15px 0 0 0;	}

.txtSmall {
	font-size: 0.9em;
	}
	
/* --------------------images-------------------- */	
	
img {
	border: 0;
	}
	
/* --------------------links-------------------- */

a {
	color: #962e1a;
	text-decoration: none;
	}
	
a:hover {
	text-decoration: underline;
	}
	
.linkSmall {
	font-size: 0.9em;
	color: #989475 !important;
	}
	
/* --------------------forms-------------------- */

form {
	height: 100%;
	min-height: 100%;
	}
	
input,
select,
textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #75725c;
	}

/* --------------------tables-------------------- */

table  {
	border-collapse: collapse;
	border-spacing: 0px;
	border-width: 0px;
	font-size: 100%; /* IE hack */
	}
	
/* --------------------lists-------------------- */



/* --------------------misc-------------------- */

.clear {
	clear: both;
	}

.hidden {
	display: none;
	}
	
/* ====================MASTER LAYOUT==================== */

#container {
	text-align: left;
	margin: 20px auto;
	width: 967px;
	border: 0;
	padding: 0;
    min-height: 100%;
   	voice-family: "\"}\"";
   	voice-family: inherit;
	font-size: 0.9em;
	}

html>body #container {
	height: 100%;
	}
	
#header {
	width: 967px;
	padding: 0 0 30px 0;
	}
	
#content {
	width: 967px;
	}
	
#left {
	float: left;
	padding: 0 33px 0 0;
	width: 609px !important;
 	width /**/: 642px;
	}
	
#right {
	float: left;
	padding: 0;
	width: 325px;
	}
	
#footer  {
	margin: 40px 0 20px 0;
	padding: 20px 0;
	width: 967px;
	color: #989475;
	background: url(../images/structural/hr-dotted-ochre.gif) top repeat-x;
	}

/* ====================HEADER ELEMENTS==================== */

/* --------------------banner-------------------- */

#bannerHome {
	width: 967px;
	height: 325px;
	}
	
#banner {
	width: 967px;
	height: 160px;
	}
	
/* --------------------main nav-------------------- */

#nav {
	padding: 0;
	width: 967px;
	height: 50px;
	font-family: Georgia, serif;
	font-size: 1.1em;
	text-transform: uppercase;
	background: url(../images/structural/hr-dotted-ochre.gif) bottom repeat-x;
	}

#nav ul {
    list-style-type: none;
    margin: 0;
    padding: 11px 0 0 0;
    }
	
#nav li {
	position: relative; 
	float: left;
	}

#nav a {
	float: left;
    display: block;
	margin: 0 7px 0 0;
	padding: 5px;
	color: #a6a287;
    }

#nav a:hover {
	text-decoration: underline;
	color: #a6a287;
	}
	
#nav li a.selected {
	font-weight: bold;
	color: #962e1a !important;
	}
	
#nav li a.selected:hover {
	font-weight: bold;
	}
	
/* ====================LEFT COL ELEMENTS==================== */

/* --------------------news home-------------------- */

#boxNewsHomeWrapper {
	width: 560px !important;
 	width /**/: 609px;
	margin: 30px 0 20px 0;
	padding: 25px 24px 25px 25px;
	background-color: #e7e5dd;
	}
	
#boxNewsHome {
	padding: 0;
	background-color: #e7e5dd;
	}

#story1 {
	float: left;
	padding: 0 40px 0 0;
	width: 160px !important;
 	width /**/: 200px;	
	}
	
#story2 {
	float: left;
	padding: 0 40px 0 0;
	width: 160px !important;
 	width /**/: 200px;
	}
	
#story3 {
	float: left;
	padding: 0;
	width: 160px;
	}
	
.newsTitle {
	font-weight: bold;
	}
	
.newsDate {
	font-style: italic;
	}
	
#story1 img,
#story2 img,
#story3 img {
	padding: 0 0 10px 0;
	}
	
#story1 p,
#story2 p,
#story3 p {
	padding: 0;
	margin: 0;
	}
	
/* --------------------classmates home-------------------- */

#boxClassmatesHome {
	width: 609px;
	}

#classmatesHomeL {
	float: left;
	width: 250px;
	}

#classmatesHomeR {
	float: left;
	width: 359px;	
	}
	
/* --------------------content features-------------------- */
	
.right {
	float: right;
	padding: 7px 0 20px 20px;
	}
	
.left {
	float: left;
	padding: 7px 20px 20px 0;
	}
	
.grid1Line,
.grid2Line {
	margin: 15px 0 25px 0;
	}
	
.txtRedDots {
	margin: 15px 0 25px 0;
	}

.boxHighlight {
	border: 1px solid #962e1a;
	margin: 15px 0 25px 0;
	padding: 10px 20px 7px 20px;
	width: 569px !important;
 	width /**/: 609px;
	}
	
.hrRed {
	border-bottom: 1px solid #962e1a;
	margin: 10px 0 25px 0;
	}
	
/* --------------------meet the children listing-------------------- */

#boxList {
	width: 560px !important;
 	width /**/: 609px;
	margin: 30px 0 20px 0;
	padding: 25px 24px 25px 25px;
	background: #e7e5dd;	
	}

.listItem {
	
	}

.listThumb {
	float: left;
	padding: 0 20px 0 0;
	width: 80px !important;
 	width /**/: 100px;
	height: 80px;
	}

.listTxt {
	float: left;
	padding: 15px 0 0 0;
	}
	
.listItem a {
	font-size: 1.2em;
	}
	
.hrSage {
	margin: 20px 0 20px 0;
	}
	
/* --------------------slideshow-------------------- */

#boxSlideshow {
	margin: 20px 0 0 0;
	}

/* ====================RIGHT COL ELEMENTS==================== */

/* --------------------sub nav-------------------- */

#subNav {
	margin: 0 0 10px 0;
	padding: 20px 20px 20px 20px;
	width: 285px !important;
 	width /**/: 325px;
	background: #962e1a;
	color: #fff;
	}
	
#subNav ul {
    list-style-type: none;
	padding: 10px 0 0 0;
	margin: 0;
    }
	
#subNav li {
	padding: 0;
	}

#subNav a {
    display: block;
	padding: 0 0 1px 13px;
	font-weight: bold;
	color: #fff !important;
    }

#subNav a:hover {
	text-decoration: underline;
	color: #000;
	}
	
#subNav li a.subSelected {
	background: url(../images/widgets/bullet-red.gif) top left no-repeat;
	}
	
#subNav li a.level3 {
	padding: 0 0 1px 48px;
	font-weight: normal;
	}
	
#subNav li a.level3Selected {
	background: url(../images/widgets/bullet-red-level3.gif) top left no-repeat;
	padding: 0 0 1px 48px;
	font-weight: normal;
	}
	
/* --------------------feature boxes------------------- */
	
#boxVideoHome {
	margin: 0 0 10px 0;
	width: 325px;
	background: #962e1a;
	color: #fff;
	text-align: right;
	}
	
#boxVideoHome p {
	padding: 5px 20px 13px 0;
	margin: 0;
	}	

#boxOchre {
	margin: 0 0 10px 0;
	padding: 20px 20px 7px 20px;
	width: 285px !important;
 	width /**/: 325px;
	background: #cf9211;
	color: #fff;
	}
	
#boxOchre a {
	color: #fff !important;
	}

#boxSage {
	margin: 0 0 10px 0;
	padding: 20px 20px 7px 20px;
	width: 285px !important;
 	width /**/: 325px;
	background: #aea98f;
	color: #fff;
	}
	
#boxSage a {
	color: #fff !important;
	}

#boxFact {
	width: 325px;
	}
	
/* --------------------downloads-------------------- */

#boxSage ul {
    list-style-type: none;
	padding: 10px 0 15px 0;
	margin: 0;
    }
	
#boxSage li {
	padding: 0;
	}

#boxSage li a {
    display: block;
	padding: 0 0 1px 13px;
	color: #fff !important;
	background: url(../images/widgets/bullet-sage.gif) top left no-repeat;
    }

#boxSage a:hover {
	text-decoration: underline;
	color: #000;
	}

/* ====================FOOTER==================== */

#footer a {
	color: #989475 !important;
	}
	
/* ====================REDACTOR SHOP==================== */

.subcol1 { background:#fff; float:left; margin:20px 0 0 0; padding:0 4px 0 0; width:149px !important; width/**/:153px; }
.subcol2 { background:#fff; float:left; margin:20px 0 0 0; padding:0 4px 0 0; width:149px !important; width/**/:153px; }
.subcol3 { background:#fff; float:left; margin:20px 0 0 0; padding:0 4px 0 0; width:149px !important; width/**/:153px; }
.subcol4 { background:#fff; float:left; margin:20px 0 0 0; padding:0; width:149px !important; }

.subcol1 p, .subcol2 p, .subcol3 p, .subcol4 p { padding: 7px 10px 0 0; }

ul#subMenuTitle { list-style-type: none; padding: 10px 0 0 0; margin: 0; }
ul#subMenuTitle li { padding: 0; }
ul#subMenuTitle li a { display: block; padding: 0 0 1px 13px; font-weight: bold; color: #fff !important; }
ul#subMenuTitle li a:hover { text-decoration: underline; color: #000; }
ul#subMenuTitle li a.selected { background: url(../images/widgets/bullet-red.gif) top left no-repeat; }
ul#subMenuLevel2 { list-style-type: none; padding: 10px 0 0 0; margin: 0; }
ul#subMenuLevel2 li { padding: 0; }
ul#subMenuLevel2 li a { display: block; padding: 0 0 1px 13px; font-weight: bold; color: #fff !important; }
ul#subMenuLevel2 li a:hover { text-decoration: underline; color: #000; }
ul#subMenuLevel2 li a.selected { background: url(../images/widgets/bullet-red.gif) top left no-repeat; }
	
/* ********** Shop Section ********** */
#gridOptions { margin:20px 0; width:640px; }
#orderByList { background:#FFF !important; border:1px solid #AAA; border-right-color:#DDD; border-bottom-color:#DDD; color:#333; font:100% Arial, Helvetica, sans-serif; margin:0 0 5px 0; padding:3px; width:160px !important; width /**/:160px; }
#orderButton { left:10px; position:relative; top:7px; }
.big { font-size:1.25em; font-weight:bold; line-height:1em; }
.warning { color:#962E1A; margin:5px 0; }


/* ********** Products ********** */
table.products tr th { font-weight:bold; padding:5px; }
table.products tr td { padding:5px; }
#productBox__productPanel select { background:#FFF !important; border:1px solid #AAA; border-right-color:#DDD; border-bottom-color:#DDD; color:#333;float:left;  font:100% Arial, Helvetica, sans-serif; margin:0 0 5px 0; padding:3px; width:240px !important; width /**/:240px; }
#productBox__buttonPanel { float:left; }
#productBox__buttonPanel input { left:10px; position:relative; top:-1px; }
#productBox__feedbackPanel { clear:both; color:#F00; margin-top:10px; }


/* ********** Pager Panel ********** */
#pagerPanel { clear:both; float:left; margin: 35px 0 0 0; }
#pagerPanel a:link, #pagerPanel a:visited { border:solid 1px #AEA98F; display:block; float:left; margin:0 1px; padding:5px 10px; text-decoration:none; }
#pagerPanel a:hover, #pagerPanel a:active { background:#962E1A; border:solid 1px #962E1A; color:#FFF; display:block; float:left; margin:0 1px; padding:5px 10px; text-decoration:none; }
#pagerPanel a.selected:link, #pagerPanel a.selected:visited, #pagerPanel a.selected:hover, #pagerPanel a.selected:active { background:#962E1A; border:solid 1px #962E1A; color:#FFF; display:block; float:left; margin:0 1px; padding:5px 10px; text-decoration:none; }


/* ********** Shop Cart ********** */
input.inputQuantity { background:#FFF !important; border:1px solid #AAA; border-right-color:#DDD; border-bottom-color:#DDD; color:#333; font:100% Arial, Helvetica, sans-serif; margin:0; padding:4px 6px; width:26px !important; width /**/:40px; }
table.costs th { font-size:0.8em; font-weight:bold; text-transform: uppercase; width:200px !important; width/**/:240px; }
table.costs td input { background:#FFF !important; border:1px solid #AAA; border-right-color:#DDD; border-bottom-color:#DDD; color:#333; font:100% Arial, Helvetica, sans-serif; margin:0; padding:4px 6px; width:226px !important; width /**/:240px; }
table.costs td select { background:#FFF !important; border:1px solid #AAA; border-right-color:#DDD; border-bottom-color:#DDD; color:#333;float:left;  font:100% Arial, Helvetica, sans-serif; margin:0 0 5px 0; padding:3px; width:240px !important; width /**/:240px; }


/* ********** Form ********** */
fieldset.form { border:0; clear:both; float:left; margin:0; padding:0; width:550px; }
div.formItem { border:0; clear:both; float:left; margin:0 0 8px 0; padding:0; width:550px; }
div.formInfo { border:0; clear:both; float:left; margin:0; padding:0; width:550px; }
div.formButton { border:0; clear:both; float:left; margin:8px 0 0 0; padding:0; width:550px; }
div.formItem div.question { border:0; clear:both; float:left; margin:0 20px 0 0; padding:0; width:150px; }
div.formItem div.answer { border:0; float:left; margin:0; padding:0; width:320px; }
label { font-weight:normal; }
label em { color:#369; font-size:1.5em; font-weight:bold; }
input.textBox { background:#FFF !important; border:1px solid #AAA; border-right-color:#DDD; border-bottom-color:#DDD; color:#333; font:100% Arial, Helvetica, sans-serif; margin:0; padding:4px 6px; width:350px !important; width /**/:362px; }
select.dropList { background:#FFF !important; border:1px solid #AAA; border-right-color:#DDD; border-bottom-color:#DDD; color:#333;float:left;  font:100% Arial, Helvetica, sans-serif; margin:0; padding:3px; width:350px !important; width /**/:350px; }
textarea { background:#FFF !important; border:1px solid #AAA; border-right-color:#DDD; border-bottom-color:#DDD; color:#333; font:100% Arial, Helvetica, sans-serif; margin:0; padding:4px 6px; width:350px !important; width /**/:362px; }
#imagebutton { float:right; }
.error { color:#962E1A; }
.formBoxWhite { background:#fff; clear:both; float:left; margin:10px 0 10px 0; padding:0 0 0 0; width:609px !important; width/**/:609px; }
.formBox { background:#E7E5DD; clear:both; float:left; margin:10px 0 30px 0; padding:15px; width:579px !important; width/**/:609px; }
.formBox h2, #cartFullPanel h2 { font-size:1.25em; font-weight:bold; line-height:1em; padding: 15px 0 0 0;}
.hide { display:none; }