/*normalizes margin, padding, */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {
  margin: 0;
  padding: 0;
}

/*normalizes font-size for headers*/
h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
}

/*removes list-style from lists */
ol, ul {
  list-style: none;
}

/*normalizes font-style and font-weight to normal */
address, caption, cite, code, dfn, em, strong, th, var {
  font-style: normal;
  font-weight: normal;
}

/*removes list-style from lists*/
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/*removes border from fieldset and img */
fieldset, img {
  border: 0;
}

/*left-aligns text in caption and th */
caption, th {
  text-align: left;
}

/*removes quotation marks from q */
q:before, q:after {
  content: '';
}




h1 {
  font-family: HavixHmkBold, Trebuchet, MS, Verdana, Arial, sans-serif;
  font-size: 480%;/*400%;*/
  font-weight: bold;
  letter-spacing: .2em;
  /*font-style: italic;*/
}

h2 {
  font-size: 150%;
  color: #272d33;
  font-style: italic;
}

h3 {
  font-size: 140%;
  color: #272d33;
  font-style: italic;
}

p {
  font-size: 115%
}


a:link {
  color: black;
  text-decoration: underline;
  font-style: italic;
}

a:visited {
  color: black;
  text-decoration: underline;
  font-style: italic;
}

a:hover {
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
}

body {
  position: relative;
  background-color: #4c5b86; /* med dk blue#B4B3B6; lt blue nice#dbe2e8; */
  font-family: Verdana, Geneva, Arial, sons-serif;
  font-size: x-small;
  color: black;
}

div#wrapper {
  width: 800px;
  position: relative;
  margin-top: 0px;
  margin-left: auto;
  margin-right: auto;
  background-color: #fefbe9; 
  text-align: left;
  /*border-top: solid 10px #0099cc;
  border-right: solid 10px #0099cc;
  border-left: solid 10px #0099cc;*/
}

/* THIS IS THE HEADER DIV*/
#header {  
  position: relative;
  height: 141px;
  width: 800px;
  background-color: #eeeeee; /* #fefbe9;*/
}

/*logo_platter is 171px wide x 150px ht*/
#logo {
  position: absolute;
  height: 165px;
  top: 0px;
  left: 0px;
  border-right: solid 2px #4d5a66;
  border-bottom: solid 2px #4d5a66; 
}
	
#name {
  position: absolute;
  top: 18px;
  left: 205px;
}

#custom{
  position: absolute;
  top: 80px;
  left: 270px;
  letter-spacing: .2em;
  font-weight: bold;
  font-style: italic;
  font-size: 170%;
}

#susan{
  position: absolute;
  top: 107px;
  left: 370px;
  letter-spacing: .2em;
  font-weight: bold;
  font-style: italic;
  font-size: 170%;
}


/* THIS IS THE MENU DIV*/
#menu {
  position: relative;
  font-size: 110%;
  height: 26px;
  font-weight: bold;
  background-color: #ffd02f; /*best orange#f3c610; best#CDF3C0; cool lt green#D9FFBF;
  border-bottom: solid 1px #a6a6a6;
  border-top: solid 1px #a6a6a6;*/
  margin-left: 190px;
}


	#menu_home, #menu_order, #menu_contact {
	  width: 75px;
	  float: left;
	  text-align: center;
	  padding: 5px;
	 	  /*border: solid 1px #a6a6a6;
	  border-bottom: solid 0px #a6a6a6;*/
	}
	/*
	#menu_home {
	  width: 78px;
	}
	
	#menu_contact {
	  width: 78px;
	}
	*/
	#menu_accent, #menu_favor, #menu_faqs, #menu_seasonal {
	  width: 76px;
	  float: left;
	  text-align: center;
	  padding: 5px;
	  /*border: solid 1px #a6a6a6;
	  border-bottom: solid 0px #a6a6a6;;*/
	}
	#menu_home, #menu_seasonal, #menu_faqs, #menu_favor, #menu_accent, #menu_order{
	border-right: solid 1px black;
}
	
/* THIS IS THE VISIT TEXT DIV*/

#visit {
  margin-top: 40px;
  margin-right: 100px;
  margin-bottom: 0px;
  margin-left: 100px;
  padding: 10px;
  line-height: 1.6em;
  font-weight: bold;
  font-size: 120%;
  text-align: center;
  background-color: #89A557; /*#61861e; best #91ab62;*/
  border: solid 3px #a6a6a6;
  border-bottom: solid 6px #a6a6a6;
  border-right: solid 5px #a6a6a6;
}

#visit_custom {
  font-size: 180%;
  padding-bottom: 10px;
  padding-top: 10px;
  color: #fefa8f;
}

#visit_enjoy {
  font-size: 140%;
  color: white;
}

#visit a {
  color: #f3c610;
}


/* THIS IS THE HOME PAGE TEXT DIV*/	
#home_text {
  padding-top: 35px;
  padding-right: 50px;
  padding-bottom: 20px;
  padding-left: 50px;
  line-height: 1.8em;
}

#message {
  margin-top: 50px;
}

#message_photo1 {
  width: 140px;
  height: 186px;
  float: right;
  margin-top: 0px;
  margin-bottom: 20px;
  border: solid 1px #4d5a66;
}

#message_text {
  width: 350px;
  float: right;
  letter-spacing: .2em;
  font-weight: bold;
  font-style: italic;
  font-size: 120%;
  text-align: center;
  margin-right: 20px;
  margin-bottom: 20px;
  padding: 7px;
  line-height: 1.6em;
  background-color: #ffffcc;
  border: solid 3px #a6a6a6;
  border-bottom: solid 6px #a6a6a6;
  border-right: solid 5px #a6a6a6;
}

#message_photo2 {
  width: 140px;
  height: 186px;
  float: right;
  margin-top: 0px;
  margin-right: 20px;
  margin-bottom: 20px;
  border: solid 1px #4d5a66;
}

#message p {
  padding-top: 5px;
  padding-right: 20px;
  padding-left: 20px;
  font-style: normal;
}

#message a {
  color: #61861e;
}
#message_text h3 {
  color: #eda133;
}


/*THIS IS THE ABOUT SECTION
#about h3 {
  text-align: left;
  letter-spacing: .06em;
  font-weight: bold;
  font-size: 200%;
  line-height: 1.8em;
}

#about h3 {
  padding-top: 10px;
}

#about p {
  padding-right: 190px;
  padding-top: 12px;
}

#about_photo {
  width: 180px;
  float: right;
  margin-top: 18px;
}

#dress{
  border: solid 1px #4d5a66;
}

#blog {
  width: 150px;
  float: right;
  margin-right: 5px;
  font-size: 90%;
  font-weight: normal;
}*/


/*THIS IS THE AMAZING FUN BUS SECTION
#amazing {
  margin-top: 30px;
  margin-bottom: 30px;
  background-color: #ffffcc;
  border: solid 3px #a6a6a6;
  border-bottom: solid 6px #a6a6a6;
  border-right: solid 5px #a6a6a6;
}

#amazing h3 {
  width: 350px;
  color: #272d33;
  text-align: center;
  letter-spacing: .06em;
  font-weight: bold;
  font-size: 210%;
  line-height: 1.8em;
  padding-top: 40px;
  padding-bottom: 55px;
  padding-left: 25px;
}

#the {
  color: red;
  font-style: normal;
  font-size: 130%;
}

#amazingtext {
  color: blue;
  font-style: normal;
  font-size: 130%;
}

#fun {
  color: green;
  font-style: italic;
  font-size: 130%;
}

#bus {
  color: #ff9900;
  font-style: normal;
  font-size: 130%;
}

#amazing_photo {
  width: 240px;
  float: right;
  margin-top: 23px;
  margin-right: 35px;
  margin-bottom: 20px;
}

#abus{
  border: solid 1px #4d5a66;
}*/


/* THIS IS THE HOME PAGE SEASONAL DIV - not used
#seasonal_sampler {
  margin-left: 20px;
  margin-right: 20px;
}

#seasonal_title {
  clear: both;
  text-align: center;
  padding: 5px;
  margin-top: 15px;
  margin-bottom: 20px;
  font-weight: bold;
}

#seasonal_title h2 {
  font-size: 200%;
  letter-spacing: .3em;
}

#seasonal_span{
  font-size: 75%;
  font-style: italic;
  letter-spacing: .1em;
}
  
  
div.spacer {
  clear: both;
}

.sampler {
  padding-top: 15px;
  padding-right: 5px;
  padding-bottom: 10px;
  padding-left: 15px;
  margin-bottom: 50px;
  float: left;
  background-color: #D8F3D6 lt blue#E0F2EB; lt green  #e0f4d2;
}

#season1 {
  margin-left: 35px;
  padding-left: 25px;
  padding-right: 0px;
}

#season2, #season3 {
  padding-bottom: 47px;
}

#season4 {
  padding-left: 20px;
  padding-right: 15px;
}

#season1_photo , #season2_photo, #season3_photo, #season4_photo {
  border: solid 1px #4d5a66;
}

#season1_link , #season4_link {
  width: 130px;
  text-align: center;
  padding: 2px;
  margin-left: -4px;
  margin-top: 0px;
  font-weight: bold;
  letter-spacing: .1em;
}

#season2_link, #season3_link {
  width: 160px;
  text-align: center;
  padding: 2px;
  font-weight: bold;
  letter-spacing: .1em;
  margin-top: 3px;
}	*/


/*THIS IS THE COLOR-A-COOKIE MESSAGE	
#color {
  margin-top: 50px;
  clear: both;
}

#color_photo1 {
  width: 120px;
  height: 188px;
  float: right;
  margin-top: -10px;
  margin-bottom: 60px;
}

#color_text {
  border: solid 2px #a6a6a6;
  width: 350px;
  float: right;
  font-weight: bold;
  font-style: italic;
  font-size: 120%;
  text-align: center;
  margin-right: 42px;
  margin-bottom: 20px;
  padding: 7px;
  line-height: 1.6em;
  background-color: #61861e;
  border: solid 3px #a6a6a6;
  border-bottom: solid 6px #a6a6a6;
  border-right: solid 5px #a6a6a6;
}

#color img {
  border: solid 1px #4d5a66;
}

#color_photo2 {
  width: 120px;
  height: 188px;
  float: right;
  margin-top: -10px;
  margin-right: 42px;
  margin-bottom: 60px;
}
#color_text_p {
  padding-top: 10px;
  padding-right: 20px;
  padding-left: 20px;
  font-style: normal;
}

#color_text h3 {
  font-size: 180%; 
  color: #fefa8f; 
  padding-top: 10px;
} 
  
#color_text a {
  color: white;
}
  
#caption1, #caption2  {
  width: 120px;
  text-align: center;
  padding: 2px;
  font-weight: bold;
  letter-spacing: .1em;
  font-weight: bold;
}
*/


	
	

/* THIS IS THE SECONDARY PAGES TEXT DIV*/
/*ALSO APPLIES TO THE LOCAL ORGANIZATIONS & COPPERGIFTS SECTIONS ON HOME PAGE*/
	
div.text {
  padding-top: 30px;
  margin-right: 40px;
  margin-left: 40px;
  padding-bottom: 10px;
  line-height: 1.8em;
  text-align: center;
}

.text h2 {
  letter-spacing: .5em;
  padding-bottom: 20px;
  font-size: 220%;
  font-weight: bold;
  font-style: italic;
}

.text p {
  padding-bottom: 30px;
  font-size: 140%;
  font-weight: bold;
  color: #61861e; 
}

#org_title {
  margin-right: 50px;
  margin-left: 50px; 
  line-height: 1.5em;
  letter-spacing: 0em; 
}

#coppergifts_title {
  padding-top: 15px;
  margin-right: 50px;
  margin-left: 50px; 
  line-height: 1.5em;
  letter-spacing: 0em; 
}

#copper_sm_title {
  letter-spacing: .1em;
  font-size: 150%;
}



/* THIS IS THE SECONDARY PAGES CUPBOARD DIV*/
div#cupboard {
  margin-right: 20px;
  margin-bottom: 40px;
  margin-left: 20px;
  background-color: #89A557; /*#61861e;  best #9ac46c;*/
  border: solid 3px #a6a6a6;
  border-bottom: solid 6px #a6a6a6;
  border-right: solid 5px #a6a6a6;
  color: white;
}

#cupboard a:link {
  color: white;
  text-decoration: underline;
  font-style: normal;
}

#cupboard a:visited {
  color: white;
  text-decoration: underline;
  font-style: normal;
}

#cupboard a:hover{
  color: white;
  text-decoration: none;
  font-style: italic;
}
 
div.spacer {
  clear: both;
}

.horiz_one, .horiz_two, .horiz_three, .horiz_four, .vert_one, .vert_two, .vert_three, .vert_four {
  padding: 10px;
  padding-top: 30px;
  padding-bottom: 10px;
  float: left;
  /*background-color: silver;*/
}


/* THIS IS THE BORDER ON THE PHOTOS*/
.showcase_horiz img {
  border: solid 1px #4d5a66;
}

.showcase_vert img {
  border: solid 1px #4d5a66;
}


/*ROW HORIZ/PLATTTERS PHOTOS*/
.horiz_one {
  padding-left: 22px;
}

.showcase_horiz p  {
  width: 160px;
  text-align: center;
  /*border: solid 2px #444444;*/
  padding: 2px;
  font-weight: bold;
  letter-spacing: .1em;
}


/*ROW VERT PHOTOS*/
.vert_one {
  padding-left: 46px;
}

.vert_two, .vert_three, .vert_four {
  padding-left: 50px;
}

.showcase_vert p {
  width: 117px;
  text-align: center;
  /*border: solid 2px #444444;*/
  padding: 2px;
  font-weight: bold;
  letter-spacing: .1em;
}

/*THESE ARE THE ODD SHOWCASE ROWS*/

#favors_incomplete{
  padding-right: 50px;
  /*JUST GAVE IT ENOUGH PADDING TO KICK IT DOWN TO NEXT ROW*/
}

#seasonal_incomplete3 {
  padding-left: 35px;
}
  
#easter_odd {
  padding-left: 33px;
}

#easter_odd2 {
  padding-left: 60px;
}



/* THIS IS THE FAQS PAGE DIV*/

.faqs_questions {
  text-align: left;
}

.faqs_questions h2 {
  letter-spacing: .05em;
  font-size: 160%;
  font-style: bold;
  font-weight: bold;
  padding-bottom: 0px;
  line-height: 3em;
}

.faqs_questions p {
  font-size: 150%;
  font-style: normal;
  font-weight: normal;
  line-height: 1.7em;
  padding-bottom: 40px;
}

#nuts_sometimes {
  text-decoration: underline;
  font-weight: normal;
}




  
/* THIS IS THE ORDERS PAGE TEXT DIV*/	
#order {
  padding-top: 40px;
  margin-right: 80px;
  margin-left: 100px;
  line-height: 1.8em;
}

#order h3 {
  letter-spacing: .5em;
  padding-bottom: 20px;
  font-size: 200%;
  font-weight: bold;
  font-style: italic;
  text-align: center;
}

#order p {
  padding-bottom: 20px;
} 

#caption1, #caption2 {
  color: #61861e;
}
 
/*THIS IS THE CONTACT PAGE*/
.hear {
  margin-top: 50px;
  text-align: center;
  font-size: 200%;
}

#hear_secondary {
  margin-top: 0px;
  font-style: normal;
  text-align: center;
  font-size: 180%;
} 

table {
  margin-top: 50px;
  margin-bottom: 20px;
  margin-left: 100px;
  border-spacing: 20px;
}

th {
  width: 120px;
}

th, td {
  padding-top: 10px;
  padding-bottom: 10px;
}

#send {
  margin-left: 100px;
  margin-bottom: 50px;
}

/*THIS IS THE MAIL_SENT PAGE*/
#reply {
  margin-top: 100px;
  margin-bottom: 100px;
  text-align: center;
  font-size: 190%;
}


.bloglink {
  text-align: center;
  margin-top: 20px;
  margin-bottom: 0px;
}

.bloglink2 {
  text-align: center;
  margin-top: 20px;
  margin-bottom: 20px;
}


#permission {
  text-align: center;
  color: #61861e;
  margin: 20px;
}

 
/*THIS IS THE FOOTER*/
#footer {
  position: relative;
  width: 800px;
  height: 22px;
  border-top: solid 1px #a6a6a6;
  background-color: #f3c610;
  padding-top: 3px;
}

#left, #center, #right {
  width: 33%;
  float: left;
  text-align: center;
  font-weight: bold;
  font-style: italic;
}
#footer h3 {
  color: white;
}
  
#footer a {
  color: white;
}