/*########## CONTAINER                                           ###########*/
/*##########   INTRO                                             ###########*/
/*##########     PAGEHEADER - css Zen Garden                     ###########*/
/*##########     QUICKSUMMARY - A demonstration of.....          ###########*/
/*##########     PREAMBLE - The Road to Enlightenment            ###########*/
/*##########   SUPPORTINGTEXT                                    ###########*/
/*##########     EXPLANATION - So What is This About?            ###########*/
/*##########     PARTICIPATION - Graphic artists only please.    ###########*/
/*##########     BENEFITS - Why participate?                     ###########*/
/*##########     REQUIREMENTS - We would like to see.....        ###########*/
/*##########     FOOTER - SHORT LINKS                            ###########*/
/*##########   LINKLIST                                          ###########*/
/*##########     SELECT - OTHER DESIGNS                          ###########*/
/*##########     ARCHIVES - NEXT SELECT LIST                     ###########*/
/*##########     RESOURCES - CSS ARTICLES, INFORMATION           ###########*/

body 
{
 font : 11px  verdana, arial, helvetica, sans-serif;
 color : #000000;
 background : #f0ae57 url(body_bg.jpg) top;
 text-align : center;
 width : 779px;
 margin : 0px auto;
 padding : 0px 0px 0px 0px;
}

h1
{
 font-size : 2.2em;
 text-indent : -1000px; 
 margin : 0px 0px 0px 0px;
 padding : 0px 0px 0px 0px;
}

h2
{
 font-size : 1.4em;
 text-indent : -1000px; 
 margin : 0px 0px 0px 0px;
 padding : 0px 0px 0px 0px;
}

h3 
{
 background : url(h3_bg.jpg) top no-repeat;
 height : 41px;
 margin : 0px 0px 0px 2px;
 padding : 11px 0px 0px 165px;  
} 

body[id="css-zen-garden"] h3
{
 margin : 0px 0px 0px 0px;
}

acronym 
{
 cursor : help; 
 border-bottom : 1px dotted #f0e9ce; 
}

a 
{
 margin : 0px 0px 0px 0px;
 padding : 0px 0px 0px 0px;
 text-decoration : underline; 
 color : #b03951;
}
 
a:hover, a:active 
{
 text-decoration : underline; 
} 

ul
{
 list-style : none; 
 margin : 0px 0px 0px 0px;
 padding : 0px 0px 0px 0px;
}
 
li 
{
 background : #f3edbd url(linklist_body.jpg) ; 
 margin : 0px 0px 0px 0px;
 padding : 0px 0px 0px 0px;
 text-transform : uppercase; 
 font-size : 0.9em; 
 font-weight : bold; 
}
 
li:hover
{
 background : url(linklist_body_sel.gif) ; 
} 

li a 
{
 display : block; 
 color : #000000; 
 font-weight : bold; 
 font-size : 1.0em; 
 text-transform : none; 
 margin : 0px 0px 0px 0px;
 padding : 0px 0px 0px 0px;
}
 
li a:hover 
{
 color : #5e1919; 
} 


/*########## CONTAINER                                           ###########*/

#container
{
 background : url(container_bg.jpg) top left no-repeat;
 margin : 0px 0px 0px 0px;
 padding : 0px 0px 0px 0px;
 width : 779px;
 text-align : left;
}


/*##########   INTRO                                             ###########*/

#intro
{
 margin : 0px 0px 0px 0px;
 padding : 0px 0px 0px 0px;
}

/*##########     PAGEHEADER - css Zen Garden                     ###########*/

#pageHeader 
{
 margin : 0px 0px 0px 0px;
 padding : 0px 0px 0px 0px;
 height : 416px; 
 background : url(pageHeader_bg.jpg) top right no-repeat;
} 


/*##########     QUICKSUMMARY - A demonstration of.....          ###########*/

#quickSummary
{
 background : url(quickSummary_bg.jpg) top right no-repeat;
 height : 81px;
}

#quickSummary .p1 
{
 position : absolute; 
 font-size : 1.0em;
 top : 100px; 
 text-indent : -1000px; 
 margin : 0px 0px 0px 0px;
 padding : 0px 0px 0px 0px;
} 

#quickSummary a
{
 color : #ff0000;
 margin : 0px 0px 0px 0px;
 padding : 0px 0px 0px 0px;
}


#quickSummary .p2 
{
 font-weight : bold;
 font-size : 1.0em;
 margin : 0px 0px 0px 0px;
 padding : 43px 0px 0px 470px;  
} 


/*##########     PREAMBLE - The Road to Enlightenment            ###########*/

#preamble
{
/* position : absolute; */
/* top : 510px;*/
/* left : 328px;*/
 width : 552px;
 height : 260px;
 margin : 14px 0px 00px 228px;
 padding : 0px 0px 0px 0px;
 background : url(paper_bg.jpg) right repeat-y; 
}

body[id="css-zen-garden"] #preamble
{
 width : 551px;
}

#preamble p 
{
 margin : 10px 20px 10px 30px;
 padding : 0px 0px 0px 0px;  
} 

#preamble .p3
{
 background : url(paper_sm.jpg) bottom right no-repeat;
 margin : 0px 0px 0px 0px;
 padding : 10px 20px 70px 30px;  
 padding-bottom : 70px;  
}


/*##########   SUPPORTINGTEXT                                    ###########*/

#supportingText
{
 margin : 0px 0px 0px 0px;
 padding : 0px 0px 0px 0px;
}


/*##########     EXPLANATION - So What is This About?            ###########*/

#explanation
{
/* position : absolute; 
 top : 815px;
 left : 328px; */
 width : 554px;
 height : 280px;
 margin : 40px 0px 00px 226px;
 padding : 0px 0px 0px 0px;
 background : url(paper_bg.jpg) right repeat-y; 
}

body[id="css-zen-garden"] #explanation  
{
 width : 551px;
} 

#explanation p
{
 margin : 10px 20px 10px 30px;
 padding : 0px 0px 0px 0px;  
}

#explanation .p2
{
 background : url(paper_sm.jpg) bottom right no-repeat;
 margin : 0px 0px 0px 0px;
 padding : 10px 20px 70px 30px;  
 padding-bottom : 70px;  
}



/*##########     PARTICIPATION - Graphic artists only please.    ###########*/

#participation
{
/* position : absolute; 
 top : 1150px;
 left : 328px; */
 width : 554px;
 height : 310px;
 margin : 60px 0px 00px 226px;
 padding : 0px 0px 0px 0px;
 background : url(paper_bg.jpg) right repeat-y; 
} 

body[id="css-zen-garden"] #participation  
{
 width : 551px;
} 

#participation p 
{
 margin : 10px 20px 10px 30px;
 padding : 0px 0px 0px 0px;  
} 

#participation .p3 
{
 background : url(paper_sm.jpg) bottom right no-repeat;
 margin : 0px 0px 0px 0px;
 padding : 10px 20px 70px 30px;  
 padding-bottom : 70px;  
} 


/*##########     BENEFITS - Why participate?                     ###########*/

#benefits
{
/* position : absolute; 
 top : 1513px;
 left : 328px; */
 width : 554px;
 height : 182px;
 margin : 50px 0px 00px 226px;
 padding : 0px 0px 0px 0px;
 background : url(paper_bg.jpg) right repeat-y; 
}

body[id="css-zen-garden"] #benefits
{
 width : 551px;
} 

#benefits .p1
{
 background : url(paper_sm.jpg) bottom right no-repeat;
 margin : 0px 0px 0px 0px;
 padding : 10px 20px 70px 30px;  
 padding-bottom : 70px;  
}


/*##########     REQUIREMENTS - We would like to see.....        ###########*/

#requirements 
{
/* position : absolute; 
 top : 1743px;
 left : 328px; */
 width : 554px;
 height : 420px;
 margin : 50px 0px 00px 226px;
 padding : 0px 0px 0px 0px;
 background : url(paper_bg.jpg) right repeat-y; 
}

body[id="css-zen-garden"] #requirements  
{
 width : 551px;
} 

#requirements p 
{
 margin : 10px 20px 10px 30px;
 padding : 0px 0px 0px 0px;  
} 



/*##########     FOOTER - SHORT LINKS                            ###########*/

#footer
{
/* position : absolute; 
 top : 2163px; 
 left : 331px; */
 height : 119px;
 width : 231px;
 font-size : 0.8em;
 font-weigh : bold;
 text-transform : uppercase;
 margin : 0px 0px 0px 226px;
 padding : 10px 0px 0px 320px;
 background : url(footer_bg.jpg) bottom left no-repeat;
}

body[id="css-zen-garden"] #footer
{
 left : 339px;
}

#footer a
{
 margin : 10px 0px 0px 0px;
 padding : 10px 0px 0px 0px;
 color : #efb295;
 font-weigh : bold;
}

/*##########   LINKLIST                                          ###########*/

#linkList 
{
 position: absolute; 
 top : 510px; 
 width : 229px;
 font-size : 1.0em;
 line-height : 14px;
 margin : 0px 0px 0px 0px;
 padding : 0px 0px 0px 0px;
/* background: #b08fa0; */
 color : #000000; 
}

#linkList h3
{
 text-indent : -1000px; 
 margin : 0px 0px 0px 0px;
 padding : 0px 0px 0px 0px;  
 height : 0px;
}


#linkList li /* required if you use the zgHover event for ie6 */
{
 width : 195px; 
 height : 75px;
 margin : 0px 0px 0px 29px;
 padding : 5px 0px 0px 5px;
}

body[id="css-zen-garden"] #linkList li
{
}

#linkList ul li.zgHover /* in case you want to add a JavaScript function for IE6 */
{
 background : url(linklist_body_sel.gif) ; 
} 


/*##########     SELECT - OTHER DESIGNS                          ###########*/

#lselect h3 
{
 height : 127px; 
 width : 229px; 
 background : url(gargoyle.jpg) no-repeat right; 
 } 

#lselect li 
{
} 

#lselect li a 
{
 text-decoration : none;
} 

#lselect li a:hover 
{
 text-decoration : underline;
} 

li a.c 
{
 font-size : 1.0em; 
 font-weight : normal; 
 display : inline; 
 margin : 0px 0px 0px 0px;
 padding : 0px 0px 0px 0px;
 text-transform : uppercase; 
 width : 165 px;
 text-decoration : none;
} 

/*##########     ARCHIVES - NEXT SELECT LIST                     ###########*/

#larchives  
{
 margin : 0px 0px 0px 0px;
 padding : 0px 0px 0px 0px;
 height : 240px;
/* background : url(linklist_body.jpg) bottom right no-repeat; */
} 

#larchives h3 
{
 position : absolute;
 top : 0px;
 left : -100px;
 margin : 0px 0px 0px 0px;
 padding : 0px 0px 0px 0px;
}
 
body[id="css-zen-garden"] #larchives h3 
{
}

#larchives li 
{
} 

#larchives li a 
{
 display : inline; 
 text-decoration : none;
 margin : 0px 0px 0px 0px;
 padding : 10px 0px 0px 5px;
} 

#larchives li a:hover 
{
 text-decoration : underline;
} 



/*##########     RESOURCES - CSS ARTICLES, INFORMATION           ###########*/


#lresources 
{
 position : absolute; 
 top : 1006px; 
 width : 229px;
 height : 771px;
 background : url(toto.jpg) bottom left no-repeat;
 margin : 0px 0px 0px 0px;
 padding : 0px 0px 0px 0px;
} 

#lresources h3 
{
 position : absolute;
 top : 0px;
 left : -100px;
 margin : 0px 0px 0px 0px;
 padding : 0px 0px 0px 0px;
} 

#lresources li 
{
} 


#lresources li a 
{
 display : inline; 
 text-decoration : none;
 margin : 0px 0px 0px 0px;
 padding : 5px 0px 0px 0px;
} 

#lresources li a:hover 
{
 text-decoration : underline;
}