<style type="text/css">    {}  /* why are empty brackets needed? */

/* generic definitions ********************/

body { background-color: darkcyan;
      text-align: center;
      font-family: helvetica, sans-serif;
      color: maroon; }
	  
div {border: 0px solid blue; }
	  
a { font-size: 14px;
    color: lightcyan;
    text-decoration: none;
	outline: 0; }
		
a:hover { color: lightgray !important; }

h1 { font-size: 40px;
     display: inline; 
     font-weight: lighter; }
		
h2 { font-size: 32px; 
     display: inline; 
     font-weight: lighter; }

h3 { font-size: 24px; 
     display: inline;
     font-weight: lighter; }
 		
h4 { font-size: 18px; 
     display: inline; 
     font-weight: lighter; }
		
h5 { font-size: 16px;
     display: inline;
     font-weight: lighter; }

h6 { font-size: 14px; 
     display: inline; 
     font-weight: lighter; }
	 
hr { color: maroon;
    height: 1px; }

img { border: 0; }

input { color: maroon; }

p { display: inline;
	font-size: 16px; }

select { color: maroon; }

table { margin-left: auto;
      margin-right: auto;
      border-spacing: 3px; }
	
td { text-align: center;
     border: 3px double maroon;
	 vertical-align: center; }
	 
/***** home page ********************/

/* header */
#header_box { width: 984px;
              margin-left: auto;
              margin-right: auto; }

/* navigation list */
#nav_box  { width: 170px;
		   float: right;
		   margin: 0px 5px 0px 0px; }
		   
#nav_box  ul { list-style-type: none;
             border: 2px solid;
             padding: 0px 2px;
             margin: 20px 5px; }
			 
#nav_box li { border: 1px solid;
            margin: 2px 0px;
            padding: 2px 0px; }

/* center part of the header with logo */
#logo_box { width: 600px;
            float: right; }

#logo_image {width: 550px;
             height: 155px;
			 margin-top: 10px;
			 margin-left: auto;
			 margin-right: auto;
             background-image: url('../images/ddcard.jpg'); }
			 
/* right side of header with facebook, bear page link, search box */
#side_box { width: 205px;
              padding: 20px 0px 0px 0px;
              float: right; }

#bear_box  { padding: 2px 2px;
            width: 170;
            margin-left: auto;
			margin-right: auto;
			margin-top: 15px;
			margin-bottom: 15px;
            border: 4px double maroon; }
			
#bear_image { width: 120px; }

/* finished projects section(house and pumpkin) */
#project_box { width: 370px;
              margin-left: auto;
              margin-right: auto; }

.finished_projects  { padding: 10px 20px;
                     float: left; }
					 
.project_image { width: 140px;
                 height: 100px; }
			  
/* visit store and visit Ft. Madison sections */
#visit_box { width: 650px;
	         margin-left: auto;
	         margin-right: auto; }
			   
#visit_box a {text-decoration: underline;
             color: maroon; }
                    
#store_image1 { width: 300px;
                height: 213px;
				float: left;
				margin: 5px 10px;
                background-image: url(../images/store1.jpg); }

#store_image2 { width: 300px;
                height: 213px;
				float: left;
				margin: 5px 10px;
                background-image: url(../images/store2.jpg); }
				
/**** closing links *************************************/

#closing_box { width: 700px;
	           margin-left: auto;
	           margin-right: auto; }
			   
#closing_box hr.short { width: 70%; }
		 
/***** small header ***********************************/
#small_header { width: 984px;
                text-align: left;
                margin-left: auto;
                margin-right: auto; }
				
#small_header td { width: 175px; }

#small_header table { margin: 0px 0px 5px 0px;
                    float: left; }

#small_logo { height: 115px;
              margin: 0px 10px 0px 0px;
			  float: left; }
			  
#search_form { margin: 0px 0px 0px 610px; }
			  
/* table of products in small header, also used on home page ************/
#products_table td { width: 200px;
                   padding: 3px; }

#products_table  .selected { background-color: lightcyan;
                            color: maroon; }

/***** about us page ****************************/

#aboutus { width: 900px;
		   text-align: left;
           margin-left: auto;
           margin-right: auto; }
		   
#aboutus h2 {text-align: center;
            display: block; }
			
#wjfront_image { background-image: url(../images/wjfront.jpg);
                 margin: 0px 0px 0px 5px;
                 width: 300px;
				 height: 237px;
				 float: right; }

#wjback_image { background-image: url(../images/wjback.jpg);
                 margin: 0px 10px 0px 0px;
                 width: 300px;
                 height: 215px;
				 float: left; }
				 
#allie_image { margin: 0px 15px 0px 5px;
               width: 159px;
			   height: 213px;
               float: right;
               background-image: url(../images/allie.jpg); }
			 
#mural_image { width: 500px;
               height: 191px;
			   float: left;
               margin: 30px 0px 0px 100px;
               background-image: url(../images/mural.jpg); }			   

/***** products page *********************************/

/* display items function */
#display_table  table { border-spacing: 20px 10px; }
				 
#display_table td { width: 370px;
                   padding: 5px;
                   text-align: left; }
				   
#display_table a { color: maroon;
                  text-decoration: underline; }
				
.display_image { /*width: 120px;*/
                 height: 120px;
				 margin: 0px 10px 0px 0px;
                 float: left; }

/***** bigger page ***********************************/

#bigger_page { width: 830;
			   text-align: left;
               margin-left: auto;
			   margin-right: auto; }
			   
.bigger_image img { /*width: 200px;*/
                   height: 200px;
                   float: left; }				   

.bigger_text { width: 600px;
               padding: 0px 10px;
               float: left; }
		
/***** policies page *****************************/

#policies_box { width: 900px;
                padding: 10px 0px;
                text-align: right;
                margin-left: auto;
                margin-right: auto; }

.policies_text { width: 600px;
                 text-align: left;
				 padding: 0px 0px;
				 float: right;
				 margin: 0px 0px 20px 10px; }
				 
.policies_text a { color: maroon;
                  text-decoration: underline; }
				  
#shipping_box { width: 550px;
                padding: 10px;
                border: 4px double maroon;
		        margin-left: auto;
                margin-right: auto; }
				
#shipping_box h4 { text-align: center;
				  margin: 0px; 
                  display: block; }
				  
#shipping_box h5 { text-align: center;
				  margin: 0px;
                  display: block; }
				  
.rates_table { text-align: center; }  

.rates_table td { text-align: left;
                 vertical-align: top;
                 border: 0px solid red;
                 width: 150;
				 padding: 2px 0px; }

/***** tips page ************************************/

#outer_box { width: 910px;
            background-color: white;
            padding: 20px 30px;
			text-align: center;
            margin-left: auto;
            margin-right: auto; }
			
#outer_box a { color: maroon;
              text-decoration: underline; }
			  
#outer_box h4 { text-align: left;
               font-size: 16px;
               display: block; }

#inner_box { width: 750px;
              padding: 20px;
			  text-align: left;
			  border: 4px double maroon;
              margin-left: auto;
              margin-right: auto; }
			  
#inner_box h5 { font-weight: bold; }
			  
#inner_box img { width: 100px;
               height: 100px;
               float: right;
               padding: 0px 5px; }
			  
/**** bear page **************************************/

#bear_header { width: 550;
               margin: auto; }
			   
#bear_header a { border: 3px double maroon;
                padding: 3px; }
			  
#bear_logo { width: 200px;
             height: 167px;
             margin: 0px 20px 0px 0px;
			 background-image: url(../images/bearlogo.jpg);
             float: left; }

#bear_page { width: 900px;
			 text-align: left;
			 margin-left: auto;
			 margin-right: auto; }
			 
#bear_page h2 { text-align: center;
               display: block;
               margin: 0px; } 

#bear_page h4 { text-align: center;
               display: block;
               margin: 0px; } 
				  
#micah_image { width: 160px;
               height: 218px;
               margin: 0px 10px 0px 0px;
               float: left;
               background-image: url(../images/micah.jpg); }
			   
#bearstore_image { width: 600px;
                   height: 200px;
                   margin-left: auto;
                   margin-right: auto;
                   background-image: url(../images/bearstore.jpg); }

/***** links page ***********************************/

#links_box { margin-left: auto;
             margin-right: auto; }

#links_box img { height: 100;
                margin: 10px; }
			   
/***** house page *****************************/

.house_image { height: 350px;
               margin: 10px; }
			   
/***** pumpkin and enlarge pages ***************************/

.single_room { height: 350px; }
			   
.double_room { height: 270px;
               margin: 0px 10px; }
			  
#pumpkin_box { width: 850;
               margin: auto; }
				 
#pumpkin_image1 { width: 440;
                  height: 315;
				  float: left;
				  margin: 0px 10px;
				  background-image: url(../images/pumpkin.jpg); }

#pumpkin_image2 { width: 365;
                  height: 315;
				  float: left;
				  margin: 0px 10px;
				  background-image: url(../images/pumpkin_innards.jpg); }
				 
#room_table td { border: 0px solid red;
                width: 200px; }
		 
</style>


