body {
		margin:0;
		padding:0;
		border:0;			
		width:100%;
		background: #ffffcc;
		min-width:600px;    	
		font-size: .9em;
		font-family: "Trebuchet MS","Lucida Grande",Helvetica,Arial, sans-serif;
}
	a {
		color: #663300;
	}
	a:hover {
		color:#fff;
		background: #ffac25;
		text-decoration:none;
	}
	h1, h2, h3,h4,h5 {
		margin:.8em 0 .2em 0;/* 0.8em margin above, 0.2em below*/
		padding:0;
	}
	p {
		margin:.4em 0 .8em 0;/* 0.4em margin above, 0.8em below*/
		padding:0;
	}
	
	p.italic {
	font-style: oblique;
	color: #4c4c4c;
	}
	img {		
		margin:10px 0 5px; /* 10px above, 5px below */
	}
	/* Header styles */
	#header {
		clear:both;
		float:left;
		width:100%;
	}
	#header {
		border-bottom:1px solid #000;
	}
	#header p,
	#header h1,
	#header h2 {
		padding:.4em 15px 0 15px; /* test this: why em and pix?*/
		margin:0;
		color:  #fff; /*font color of the header?*/
		height: 95px;/*This controls the space between the menu tabs and the fig image header above it.*/
	}
	#header ul {
		clear:left;
		float:left;
		width:100%;
		list-style:none;
		margin:10px 0 0 0;
		padding:0;
	}
	#header ul li {
		display:inline;
		list-style:none;
		margin:0;
		padding:0;
	}
	/*The next part controls the basic menu tab appearance up in the header.*/
	#header ul li a {
		display:block;
		float:left;
		margin:0 0 0 2px; /*controls spaces between tabs? */
		padding:3px 10px;
		text-align:center;
		background:#ffe394;
		color:#000;
		text-decoration:none;
		position:relative;
		left:15px;
		line-height:1.3em;
	}
	#header ul li a:hover {
		background:#ffac25;
		color: black;
	}
	/*This part was in the original. Owen's code replaced it...
	#header ul li a.active,
	#header ul li a.active:hover {
		color:#fff;
		background:#000;
		font-weight:bold;
	}*/
	/*This is Owen's code which causes the tab of the currently selected page to be highlighted: this part is for the header tabs. */
	body.home #header ul li a#home,
	body.contests #header ul li a#contests,
	body.news #header ul li a#news,
	body.resources #header ul li a#resources,
	body.product_info #header ul li a#product_info,
	body.retail_store #header ul li a#retail_store,
	body.contact #header ul li a#contact,
	body.classes #header ul li a#classes
	 {
		color: #000;
		background:#ffac25;
		font-weight: bold;
	}
	/*for the resources page links*/
	ul.sidemenu.miyuki li.miyuki a,
	ul.sidemenu.history li.history a,
	ul.sidemenu.training li.training a,
	ul.sidemenu.kiva li.kiva a,
	ul.sidemenu.newsletter li.newsletter a,
	ul.sidemenu.cards li.cards a,
	ul.sidemenu.storefinder li.storefinder a,
	ul.sidemenu.dmc li.dmc a,
	ul.sidemenu.potw li.potw a  /*photo of the week*/
	 {
		color: #000;
		text-align: left;
		padding-left: 15px;
	/*border-bottom: 2px solid #7d400c;*/
	background-image: url(../images/arrow2.png);
	background-repeat: no-repeat;
	}
	/*for the product info sidebar links*/	
	ul.sidemenu.c_lon li.c_lon a,
	ul.sidemenu.c_flex li.c_flex a,
	ul.sidemenu.abbrev li.abbrev a,
	ul.sidemenu.soft li.soft a,
	ul.sidemenu.miyuki_album li.miyuki_album a
	 {
		color: #000;
		text-align: left;
		padding-left: 15px;
	/*border-bottom: 2px solid #7d400c;*/
	background-image: url(../images/arrow2.png);
	background-repeat: no-repeat;
	}
	
	/*for the retail store classes*/
	ul.sidemenu.bft li.bft a,
	ul.sidemenu.be li.be a,
	ul.sidemenu.bfwt li.bfwt a,
	ul.sidemenu.epsb li.epsb a,
	ul.sidemenu.eblb li.eblb a,
	ul.sidemenu.bb li.bb a,
	ul.sidemenu.wcn li.wcn a,
	ul.sidemenu.se li.se a,
	ul.sidemenu.tbcb li.tbcb a,
	ul.sidemenu.kn li.kn a,
	ul.sidemenu.bcn li.bcn a,
	ul.sidemenu.hpcmb li.hpcmb a,
	ul.sidemenu.lse li.lse a,
	ul.sidemenu.ssn li.ssn a,
	ul.sidemenu.holiday_earrings li.holiday_earrings a,
	ul.sidemenu.tw_wire_earrings li.tw_wire_earrings a,
	ul.sidemenu.rosary_wire_link li.rosary_wire_link a,
	ul.sidemenu.bse li.bse a,
	ul.sidemenu.kws li.kws a
	
	
	 {
		color: #000;
		text-align: left;
		padding-left: 15px;
	/*border-bottom: 2px solid #7d400c;*/
	background-image: url(../images/arrow2.png);
	background-repeat: no-repeat;
	}


	
	
	
	
	/*And back to the original:*/
	#header ul li a span {
		display:block;
	}
	#contact #header .contact a,
	/* 'widths' sub menu */
	#layoutdims {
		clear:both;
		background:#eee;
		border-top:4px solid #000;
		margin:0;
		padding:6px 15px !important;
		text-align:right;
	}
	/* column container */
	.colmask {
		position:relative;	/* This fixes the IE7 overflow hidden bug */
		clear:both;
		float:left;
		width:100%;			/* width of whole page */
		overflow:hidden;		/* This chops off any overhanging divs */
	}
	/* common column settings */
	.colright,
	.colmid,
	.colleft {
		float:left;
		width:100%;
		position:relative;
	}
	.col1,
	.col2,
	.col3 {
		float:left;
		position:relative;
		padding:0 0 1em 0;
		overflow:hidden;
	}
	/* 2 Column (left menu) settings */
	.leftmenu {
		background:#fff;		/* right column background colour */
	}
	.leftmenu .colleft {
		right:75%;			/* right column width */
		background: #FFECA7;	/* left column background colour */
	}
	.leftmenu .col1 {
		width:71%;			/* right column content width */
		left:102%;			/* 100% plus left column left padding */
	}
	.leftmenu .col2 {
		width:21%;			/* left column content width (column width minus left and right padding) */
		left:6%;			/* (right column left and right padding) plus (left column left padding) */
	}
	
	/*This formats the news page main (right) column.*/
	#news_rt { 
	padding: 5px 10px 5px 10px;
	margin-right: 10px;
	margin-left: 10px;
}

	#news_rt img {
	border: 2px solid #000;
	margin-right: 4px;
}

	#news_rt h1 {
	text-align: center;
}

	#news_rt h2 {
	border-top-width: 4px;
	border-top: solid #96755c;
	padding-top: 7px;
}
	
	#news_rt p {
	font-size: 1.1em;
}
	#ul.news_rt { list-style-type: none;
}
	
	/*This formats the news page left column*/
#news_left {
	padding: 10px;
	border-top: none;
}

#news_left p {
	border-bottom: 1px solid #96755c;
	padding-bottom: 10px;;
}
#news_left h3,h4 {
	padding: 0;
	margin-left: 0;
	border-top: none;
	text-align: left;
}

/*The code below is for pages with nav links in the left column.*/
#sidemenu{}
ul.sidemenu {
	padding: 0;
	margin: 0;
	list-style: none;
	font-family: none;
	font-size: 0.9em;
	border-bottom: none;
	width: 175px;
	background-color: #FFECA7;
}

ul.sidemenu li {
	border-top: none;
	border-left: none;
	border-right: none;
}

ul.sidemenu li a {
	text-decoration: none;
	display: block;
	width: 151px;
	color: #663300;
	font-weight: bold;
	padding: 5px 2px;
}

ul.sidemenu li a:hover {
	/*background-color: #ffac25;*/
	background-color: #feeb93;
	color: #000;
}



/*================================*/
/*This code is used on the contest page to format the contest winner section*/
	div.boxed_area {
	margin: 10px;
	padding: 20px;
	
}
	div.boxed_area h2,h3,h4 {
	border-top-style: hidden;
}

	div.boxed_area img {
	border-width: 2px;
	border-style: solid;
	border-color: black;
}

	div.boxed_area p {
	font-size: 1em;
	padding: 10px;
}

	div.artistnotes
	{
		background-color: #f0efc7;
		margin: 5px;
		padding: 5px;
		
	}
	div.artistnotes p, h4
	{
		color: #000;
		line-height: 1.3em;
		margin: 5px 5px 10px;
		font-size: 1em;
	}
	/* Used to separate the two winners of contest 3.*/
	.border1 {
		border-top-width: 1px;
		border-top-color: #806029;
		border-top-style: solid;
		padding-top: 25px;
		margin-top: 15px;
	}


/* ==============End of contest winner formatting code=================*/

/*This formats the class schedule in the rt column.*/
	#class_schedule { 
	padding: 5px 10px 5px 10px;
	margin-right: 10px;
	margin-left: 10px;
}

	#class_schedule img {
	border: 2px solid #000;
	margin-right: 4px;
}

	#class_schedule h1 {
	text-align: right;
}

	#class_schedule h2 {
	border-top: 4px solid #96755c;
	padding-top: 7px;
}
	#class_schedule h3,h4,h5 {
	text-align: left;
	line-height: 1em;
	margin-left: 0;
}
	#class_schedule p {
	font-size: 1.1em;
}
	#class_schedule ul { list-style-type: none;
}


/* no dots changes the list style so it aligns left with no...dots! */
div.no_dots ol {padding:0;}
div.no_dots ol li {list-style:none;margin:0;}

/*better spacing for the resources page*/
div.resources_page {
}
div.resources_page h2 {
	border-top: 4px solid #96755c;
	padding-top: 20px;
}

/*This takes away the hover background on the up arrow gifs*/
span.nohover a:hover {
	background-color: #ffffff;
	}

.small {}
ul.small {
font-size: 0.8em;
}

	
	/* Footer styles */
	#footer {
		clear:both;
		float:left;
		width:100%;
		border-top:1px solid #000;
		border-bottom: none /*1px solid #000;*/
		height: 150px;
	}
	#footer p {
		margin-left: 25px;
		padding-left: 10px;
		padding-bottom: 3px;
		padding-top: 3px;
		font-size: 0.8em;
	}