/* All absolutely positioned elements: */

#extraDiv1, #extraDiv2, #extraDiv3, #extraDiv4, #linkList, #pageHeader, #preamble, #quickSummary, #supportingText { position: absolute; }


/* All relatively positioned elements: */

BODY, #intro, DIV#container { position: relative; }


/* Begin Unadorned, Straight Up HTML Selector Styles */

ACRONYM { border-bottom: none;
          cursor: help; }

BODY { background-color: #FFF8DC;
       background-image: url(honeybg2.gif);
       color: #3F3F3F;
       margin-left: auto;
       margin-right: auto;
       width: 1024px;
       height: 768px; }
       
H1, H2 { display: none; }
    
H3 { color: #FF4500;
     font-size: medium;
     font-style: oblique; }
       
P { font-family: Georgia, "Times New Roman", Times, serif;
    width: 318px; }

/* End Unadorned, Straight Up HTML Selector Styles */


/* Begin Link Styles */

A:link { font-weight: bold;
         text-decoration: none;
         color: #FF4500; }
    
A:visited { color: #A0522D;
            font-style: oblique;
            text-decoration: none; }
    
A:hover { text-decoration: underline; }
    
A:active { background-color: #FFFF99; }

/* End Link Styles */


/* Begin List Styles */

UL { list-style-type: square;
     list-style-image: url(dots.png); }

UL LI A { padding-left: 4px; }
                        
UL LI A + A { display: block; }
                                              
#larchives > UL LI A { text-transform: capitalize; }

/* End List Styles */


/* Begin Preamble Styles */

#preamble { background: transparent url(bees2.jpg);
            background-position: -75px -165px;
			border: 1px dotted #A0522D;
			padding-left: 4px;
			padding-right: 2px;
			left: 70px;
            overflow: auto;
			text-align: center;
			top: 150px;
			width: 260px;
			height: 320px; }

body[id=css-zen-garden] #preamble { background: transparent url(blk35.png) repeat; }

#preamble P { color: #414141;
	          font-size: .73em;
			  font-weight: bolder;
	          text-align: center;
	          width: 250px; }

body[id=css-zen-garden] #preamble P { color: #FFFFFF;
                                      font-weight: normal; }

/* End Preamble Styles */


/* Begin Quick Summary Styles */
        
DIV#quickSummary { background-color: #FFF8DC;
                   background-image: url(magichoney.jpg);
                   border: 1px solid #000000;
				   left: 356px;
				   top: 40px;
				   width: 220px;
				   height: 89px;
                   overflow: auto; }
                    
DIV#quickSummary P { color: #000000;
				     font-family: Arial, Helvetica, sans-serif;
                     font-size: .55em;
                     padding-left: 4px;
                     text-align: center;
                     width: 214px; }

DIV#quickSummary P.p1 { font-size: auto;
                        font-weight: bolder;
                        margin-top: 9px; }

DIV#quickSummary P.p1:before { content: open-quote; }

DIV#quickSummary P.p1:after { content: close-quote; }

DIV#quickSummary P.p2:after { content: "."; }

/* End Quick Summary Styles */


/* Begin Supporting Text Styles */

#supportingText { background-color: #FFF8DC;
                  background-image: url(maintext.png);
                  padding-left: 9px;
				  left: 355px;
                  text-align: justify;
				  top: 150px;
				  width: 350px;
				  height: 322px;
				  overflow: auto; }
    
#supportingText P { clear: right;
                    font-size: .75em; }

/* End Supporting Text Styles */


/* Begin Link List Styles */
        
#linkList { background-color: #FF4500;
            background-image: url(honeybg2.gif);
			border-left-color: #663300;
			border-left-style: solid;
			border-left-width: 2px;
			font-size: 85%;
			width: 223px;
			left: 740px;
			top: 150px;
            height: 322px;
			overflow: auto; }
            
DIV#linkList H3 { text-align: center; }

/* End Link List Styles */


/* Begin Footer Styles */
                  
#footer { text-align: center; }

DIV#footer > A:before { content: "*      ";  }

DIV#footer > A:after { content: "      *";  }

/* End Footer Styles */


DIV#container { background-image: url(bees_on_comb.JPG);
                border: 1px solid #663300;
                margin-left: auto;
                margin-right: auto;
                width: 1024px;
                height: 768px; }

#supportingText H3 + P:first-line { text-transform: uppercase; }
    
#extraDiv4 { background: transparent url(headerie.png) no-repeat;
			 left: 70px;
			 top: 40px;
			 width: 268px;
			 height: 91px; }


/* Begin Placement of Cartoon Bee Images; These images come from public domain
clip art made available at: http://www.honey.com/honeyindustry/clip_busy.asp */

#extraDiv1, #extraDiv2, #extraDiv3 { top: 40px;
	                                 width: 96px;
									 height: 91px;
									 background-color: transparent;
									 background-position: top left;
									 background-repeat: no-repeat; }

#extraDiv1 { background: url(waxie.png);  
			 left: 611px; }

#extraDiv2 { background: url(workie.png);
			 left: 741px; }

#extraDiv3 { background: url(queenie.png);
			 left: 871px; }

body[id=css-zen-garden] #extraDiv2,
body[id=css-zen-garden] #extraDiv1:hover { background: url(work.png); }

body[id=css-zen-garden] #extraDiv3,
body[id=css-zen-garden] #extraDiv2:hover { background: url(queen.png); }

body[id=css-zen-garden] #extraDiv1,
body[id=css-zen-garden] #extraDiv3:hover { background: url(wax.png); }

/* End Placement of Cartoon Bee Images */