/* css Zen Garden - 'The Chinese knot', by Linda Jiang, http://www.lindajiang.net */
/* All associated graphics copyright 2005, Linda Jiang */
/* Added: April 9th, 2005 */

/* IMPORTANT */
/* This design is not a template. You may not reproduce it elsewhere without the designer's written permission. However, feel free to study the CSS and use techniques you learn from it elsewhere. */
/* The Chinese knot */
/* Author: Linda Jiang*/
/* http://www.lindajiang.net*/

/*The version 1.0*/
* {
   margin:0;
   padding:0;
   border:none;
   text-decoration:none;
   }
body {
     margin:0;
	 padding:0;
	 text-align:center;
	 color:#000000;
     background-color:#E3D4CD;
	 }
#container {
     width:745px;
	 height:auto;
	 margin: 0px auto 0;
	 padding:0;
	 text-align:left;
	 position:relative;
     border:10px solid #F7F9E4;
	        }
html>body #container {
     width:740px;
        }
acronym {
     border:none;
	     }
a {
     text-decoration:none;
     font-weight:bold;
   }
a:link {
     color:#853636;
	   }
a:visited {
     color:rgb(90,32,48);
	      }
a:hover {
     text-decoration: underline;
	    }

/*#intro */
/********************************************************************************************************/
#pageHeader {
	background-image:url(../images/pageHeader.jpg);
    background-color:#D2C3BC;
	height:200px;
	width:745px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	         }
html>body #pageHeader {
    width:740px; 
       }
#pageHeader h1 span {
     visibility: hidden;
	                 }
#pageHeader h2 span {
     visibility: hidden;
	           }
#pageHeader h2 acronym {
     text-transform:uppercase;
	                   }
#quickSummary {
	font: italic bold 1em/1.5 Times New Roman, Times, serif;
    color:#7A716D;
    background-color:#D2C3BC;
	margin:0;
	padding:2.5em 250px 1.5em 2em;
	background-image:url(../images/quickSummary.jpg);
    background-repeat:no-repeat;
	height:60px;
    text-align: center;
	           }
#quickSummary p {
     display: inline;
	             }
#quickSummary p.p2 {
     margin-right: 0.25em;
	                }
#quickSummary p.p2:after {
     content:".";
	                      }
#preamble, #supportingText {
     padding-left:217px;
	                       }
#preamble p, #supportingText p {
     font-size:75%;
	 font-family:Verdana, Arial, Helvetica, sans-serif;
	 line-height: 1.66em;
	 margin:0 1.5em;
	 padding: 0.5em 0.5em;
     text-align:justify;
	                           }
#preamble h3, #supportingText h3 {
     letter-spacing: 0.1em;
	 font:italic 1.2em Times,"Times Nes Roman",serif;
	 color:rgb(107,153,139);
	 margin:1em 1px 0.5em 1em;
	                             }
#preamble h3 span, #supportingText h3 span {
     visibility:hidden; 
	                                        }
#preamble h3 {
     background-image:url(../images/preambleh3.jpg);
	 background-repeat:no-repeat;
	 background-position:left;
	 height:50px;
	 width:auto;
	          }
#preamble {
	 background:#D2C3BC 0 100% no-repeat;
	      }

/*#supportingText */
/********************************************************************************************************/
#supportingText {
	 background:#D2C3BC 0 100% no-repeat;
            }
#preamble, #explanation, #participation, #benefits, #requirements {
	 padding-top:1px;
	 padding-bottom: 1px;
	                                                               }
#explanation h3 {
     background-image:url(../images/explanationh3.jpg);
	 background-repeat:no-repeat;
	 background-position:left;
	 height:50px;
	 width:auto;
	             }
#participation h3 {
     background-image:url(../images/participationh3.jpg);
	 background-repeat:no-repeat;
	 background-position:left;
	 height:50px;
	 width:auto;
	              }
#benefits h3 {
     background-image:url(../images/benefitsh3.jpg);
	 background-repeat:no-repeat;
	 background-position:left;
	 height:50px;
	 width:auto;
	          }
#requirements h3 {
     background-image:url(../images/requirementsh3.jpg);
	 background-repeat:no-repeat;
	 background-position:left;
	 height:50px;
	 width:auto;
	             }
#requirements {
	 background:#D2C3BC 0 100% no-repeat;
	 padding-bottom: 10px;
	           }
#footer {
     clear:both;
     background-image:url(../images/footer.jpg);
	 margin:0 0 0 -212px;
	 height:150px;
	 text-align:center; 
         }
#footer a {
     color:#684D04;
	 text-decoration:underline;
	 line-height:1em;
	 font-size:1em;
	 font-weight:bold;
		      }

/*#Linklist */
/********************************************************************************************************/
#linkList2 {
	background-image:url(../images/linkList.jpg);
	background-repeat:no-repeat;
    background-position: 20px 5px;
	position: absolute;
	z-index:11;
	width:177px;
	top:320px;
	left:0px;
	margin-top:1.5em;
	height:auto;
	       }
#linkList ul {
     margin:0em 1.5em 0 1.5em;
	 padding:0; 
	          }
#linkList li {
     list-style:none;
	          }
#linkList a {
     color:#785E52;
	 font:bold 85% Verdana, Arial, Helvetica, sans-serif;
	 text-transform:lowercase;
	         }
#linkList h3 {
     margin:1.8em 0 0;
	 width: 180px;
	 height: 40px;
	          }
#lselect h3 {
     background-image:url(../images/lselect.jpg);
	 background-repeat:no-repeat;
	 background-position:10px 70%;
	         }
#larchives h3 {
     background-image:url(../images/larchives.jpg);
	 background-repeat:no-repeat;
	 background-position:10px 50%;
	          }
#lresources h3 {
     background-image:url(../images/lresources.jpg);
	 background-repeat:no-repeat;
	 background-position:10px 50%;
	           }
#linkList h3 span {
     display:none;
	              }
#lselect li {
     font-size: 85%;
	 margin-bottom:0.5em;
	         }
#lselect li a {
     display: block;
	 font-weight:700;
	 letter-spacing:normal;
	 text-transform:lowercase;
	           }
#lselect li a.c {
     display:inline;
	 font: italic 80% Verdana, Arial, Helvetica, sans-serif;
	 letter-spacing: 0;
	 text-transform:none;
	            }
#larchives li, #lresources li {
     font-size:85%;
     margin-bottom:0.5em;
	                           }
#larchives li a, #lresources li a {
     color:#785E52;
	                               }

/*.accesskey */
/********************************************************************************************************/
.accesskey {
     text-decoration:underline;
           }			  
