/* CSS Document */

body {
 font-family: Geneva, Arial, Helvetica, sans-serif;
 margin-top: 0px;
}

/************************************/
/*BOXES*/
/************************************/

/* box1=welcome, box2=quiz, box3=score, box4=answers */
#box1, #box1, #box2, #box3, #box4 {
	width:400px;
	background-color:#DCDDBF;
	font-size:14px;
	border:#E7E7D1 solid 4px;
}
#boxhd {
	width:auto;
	height:auto;
	padding:20px 5px 20px 5px;
	background-color:#CECFA5;
	font: normal 200%/110% Georgia, "Times New Roman", Times, serif;
}
#boxch {
	border:1px solid #666;
	width:auto;
	height:auto;
	padding:5px;
	font: normal 110%/180% Georgia, "Times New Roman", Times, serif;
	line-height:200%;
	background-color:#DCDDBF;
}
#boxch p {
	padding:3px 0 3px 0;
	font: normal 80%/120% Georgia, "Times New Roman", Times, serif;
}
#boxanswers {
	width:auto;
	height:auto;
	padding:5px;
	font: normal 100%/100% Georgia, "Times New Roman", Times, serif;
	line-height:100%;
	background-color:#DCDDBF;
}
#boxfoot {
	width:auto;
	height:auto;
	clear:both;
	padding:5px 5px 0 5px;
	font:Arial, Helvetica, sans-serif 14px/14px bold;
	background-color:#CECFA5;
}
#boxscore {
	font: normal 200%/180% Georgia, "Times New Roman", Times, serif;
	line-height:200%;
}
.boxbttn{
	padding:.1em;
	margin:5px;
	border:#E7E7D1 solid 4px;
	background-color:#A68C66;
	color:#E3E3CC;
	font: normal 100%/150% Georgia, "Times New Roman", Times, serif;
}


/************************************/
/*FORM ADDONS*/
/************************************/

#formbox {
	width:640px;
	}

#formbox p { 
	padding:5px 25px 0 25px; 
	margin:0;
	font: normal 12px/16px Geneva, Arial, Helvetica, sans-serif; 
	}
	
#formbox .extd {
	/*border:1px solid red;*/
	/*width:640px;*/ /* IE */	 
	padding:0 20px 0 20px; 
	background-image:url(../images/formbox_extd.jpg);
	}
	/*html>body #formbox .extd { width:600px; }*/ /*-- all browsers --*/

#formbox fieldset {
	color:#000;
	margin:0 25px 0 25px;
	padding:10px;
	border:1px solid #DBD39B;
	font: bold 12px/16px Geneva, Arial, Helvetica, sans-serif; 
	}	
	
#formbox legend {
	margin:0 25px 0 25px;
	color:#000;
	}

/************************************/
/*FORM ELEMENTS*/
/************************************/

#form {
	width:auto;
	}

#form table {
	margin:0 25px 0 25px;
	}
#form table td {
	padding:0;
	}
	
/*labels*/
#form label { 
	padding:0 0 3px 0; 
	font: normal 10px/10px Geneva, Arial, Helvetica, sans-serif; 
	}

/*input*/
.field100, .field130, .field150, .field250 {
	margin: 2px 0 0 0;
	color: #333;
	font-size:12px;
	border:1px solid #666;
	}
.field100 { width: 100px; }	
.field130 { width: 130px; }
.field150 { width: 150px; }
.field250 { width: 250px; }

/*buttons*/
.bttn {
	cursor:pointer;
	padding:.2em .5em .2em .5em;
	border:#FFF solid 3px;
	background-color:#383412;
	color:#F0F0C9;
	font: bold 11px/13px Geneva, Arial, Helvetica, sans-serif;
	}

/************************************/
/* VARIOUS */
/************************************/

.cleardiv { clear:both; }

.smalltext {
	padding:0;
	margin:0;
	font-size:10px;
	font:Geneva, Arial, Helvetica, sans-serif;
}

/************************************/
/* HEADER */
/************************************/
#stheader {
	/*border:#CCC solid 1px;*/
	width:640px; 
	height:110px;
	background-image:url(../images/header_wide.jpg);	
	}

#stnav {
	/*border:#CCC solid 1px;*/
	clear:both;
	width:540px; 
	height:33px;	
	background-image:url(../images/nav_extd.jpg);
	margin-bottom:10px; /*IE*/
	}
	/*html>body #stheader { margin-bottom:0; }*/ /*-- all browsers --*/	

#subhead h1 { 
	padding:0; 
	font: normal 24px/26px Georgia, "Times New Roman", Times, serif; 
	}


/************************************/
/* SUBNAV */
/************************************/
.navdays a:link, .navdays a:visited, .navdays a:hover {
	color:#003300;
	font-size:10px;
	font-weight:normal;
	font:Geneva, Arial, Helvetica, sans-serif;
}


/************************************/
/* HEADER NAVIGATION */
/************************************/ 

ul#navlist {
	/*border:#CCC solid 1px;*/
	float:right;
	width:400px;
	padding:4px 0 0 0;/*IE*/
	margin:0;
	}
	html>body ul#navlist {padding:2px 0 0 0; } /*-- all browsers --*/	
	
ul#navlist li {
	display: inline;
	list-style-type: none;
	padding-right: 5px;
	font:Geneva, Arial, Helvetica, sans-serif;
	font-size:10px;
	}

ul#navlist a:link, ul#navlist a:visited {
	color:#5A5A2E;
	font-size:10px;
	font-weight:normal;
	font:Geneva, Arial, Helvetica, sans-serif;
	}
	
ul#navlist a:hover {
	color:#003300;
	font-size:10px; 
	font-weight:normal;
	text-decoration:underline;
	font:Geneva, Arial, Helvetica, sans-serif;
	}
	

/************************************/
/* SUBHEADER */
/************************************/

ul#subnav {
	padding:0 0 0 40px;
	margin:0;
	list-style-type:disc;
	font:12px/18px Geneva, Arial, Helvetica, sans-serif;
	}
	
ul#subnav a:link, ul#subnav a:visited {
	color:#666633;
	font-size:12px/15px;
	font-weight:normal;
	font:Geneva, Arial, Helvetica, sans-serif;
	}
ul#subnav a:hover {
	color:#000;
	font-size:12px;
	}

#boxnav {
	/*border:#CCC solid 1px;*/
	/*width:453px; */
	width:500px; 
	height:100px;	
	background-image:url(../images/box_extd.jpg);
	}
	
#boxnav p {
	padding:0;
	margin:0;
	font: italic bold 13px/17px Georgia, "Times New Roman", Times, serif;
}


/************************************/
/* PLAN ELEMENTS */
/************************************/
	
#plan h1 {
	padding:20px 0 10px 0;
	margin: 0;
	color:#5A5A2E;
	font: normal 200%/110% Georgia, "Times New Roman", Times, serif;
	}

#plan h3 {
	padding:10px 0 5px 0;
	margin: 0;
	font-size:14px;
	font:Geneva, Arial, Helvetica, sans-serif;
	}

	
/************************************/
/* TABLE STONE */
/************************************/	
	
#tbstone table {
	width: 100%;
	background-color: #F9FBFD;
	color: #000000;
	/*border:1px solid #A89D64;*/
	border:none;
	border-collapse: collapse;
	text-align: center;
	font:Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	}

#tbstone h3 { 
	padding:0 0 10px 0;
	margin: 0;
	color:#003300;
	font: normal 130%/110% Georgia, "Times New Roman", Times, serif;
	}
	
#tbstone a { 
	color:#003300;
	font-size:100%;  
	}
	
#tbstone .rowhead { 
	color:#003300;
	font-size:120%; 
	font-weight:bold; 
	}

#tbstone th {
	color:#968552;
	background-color:#DBD39B;
	border:1px solid #A89D64;
	padding: 5px;
	font-size:130%;
	} 

#tbstone tr { 
	background-color:#F2EFDB; 
	}

#tbstone tr#rowalt { 
	background-color:#EAE6C4; 
	}

#tbstone td {
	border:1px solid #A89D64;
	padding: 5px;
	}	

#tbstone .rowtotal { 
	font-size:130%; 
	font-weight:bold; 
	}

#tbstone td#alignleft { 
	text-align:left;	
	}


/************************************/
/* PLAN ELEMENTS*/
/************************************/
	
#list h1 {
	padding:20px 0 10px 0;
	margin: 0;
	color:#5A5A2E;
	font: normal 200%/110% Georgia, "Times New Roman", Times, serif;
	}

#list h3 {
	padding:10px 0 5px 0;
	margin: 0;
	font-size:14px;
	font:Geneva, Arial, Helvetica, sans-serif;
	}

/************************************/
/* TABLE GREEN*/
/************************************/	

#tbgreen table {
	width: 100%;
	color: #000000;
	border:1px solid #69A75F;
	border-collapse: collapse;
	text-align: center;
	font:Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	}

#tbgreen th {
	color:#548448;
	background-color:#ABCDA3;
	border:1px solid #69A75F;
	padding: 5px;
	font-size:130%;
}

#tbgreen tr { 
	background-color:#DCEAD9; 
	}

#tbgreen tr#rowalt { 
	background-color:#CBE0C7; 
	}

#tbgreen td {
	border:1px solid #69A75F;
	padding: 5px;
	}

#tbgreen .rowhead { 
	color:#968552;
	font-size:120%; 
	font-weight:bold; 
	}

#tbgreen .rowtotal { 
	font-size:130%; 
	font-weight:bold; 
	}
	
#tbgreen td#alignleft { 
	text-align:left;	
	}

/************************************/
/* RECIPE ELEMENTS*/
/************************************/

#recp h1 {
	padding-top:0;
	margin-top: 0;
	color:#003300;
	font: normal 200%/110% Georgia, "Times New Roman", Times, serif;
	}
	
#recp h3 {
	padding:0;
	margin:0;
	font-size:14px;
	font:Geneva, Arial, Helvetica, sans-serif;
	}
	
ul#bulletlist {
	margin:0 0 5px 10px;
	list-style-type:disc;
	font-size:12px;
	font:Geneva, Arial, Helvetica, sans-serif;
}

ul#bulletlist li {
	padding:0 0 5px 0;
}

ul#numlist {
	margin:0 0 5px 10px;
	list-style-type:decimal;
	font-size:12px;
	font:Geneva, Arial, Helvetica, sans-serif;
}

ul#numlist li {
	padding:0 0 5px 0;
}