/* css Zen Garden submission - 'Golden Spiral', by Zack Grossbart, http://zgrossbart.blogspot.com/ */
/* css and all associated graphics released under Creative Commons Attribution-ShareAlike */
/* 2.5 License - http://creativecommons.org/licenses/by-sa/2.5/  */
/* Please feel free to reuse any materials in the CSS or associated graphics as long as they */
/* are atributed properly. */


/* basic elements */
html {
        margin: 0;
        padding: 0;
        }
        
body {
        background-color: rgb(245, 243, 231);
        font: 75% georgia, sans-serif;
        }
        
p { 
        margin-top: 0; 
        }
        
h3 {
        color: rgb(216, 3, 23);
        font-size: 1.25em;
        }
        
a:link { 
	font-weight: bold; 
	text-decoration: none; 
	color: black;
	}
a:visited { 
	font-weight: bold; 
	text-decoration: none; 
	color: black;
	}
a:hover, a:active { 
	text-decoration: underline; 
	color: #9685BA;
	}
acronym {
	border-bottom: none;
	}
        
#container {
        display: block;
        width: 800px;
        height: 135em;
        text-align: left;
        background: transparent url(background.jpg) top left no-repeat;
}

#pageHeader {
        display: none;
        }
        
#quickSummary .p1 {
        position: absolute;
        top: 340px;
        left: 616px;
        width: 150px;
        }
        
#quickSummary .p2 {
        position: absolute;
        top: 410px;
        left: 525px;
        text-align: right;
        width: 75px;
        
        }
        
#supportingText {
        font: 1em georgia, sans-serif;
        position: relative;
        top: 550px;
        left: 240px;
        width: 525px;
        }
        
#preamble h3 {
        display: none;
        }
        
#preamble .p1 {
        position: absolute;
        top: 90px;
        left: 275px;
        width: 210px;
        text-align: right;
        }
        
#preamble .p2 {
        position: absolute;
        top: 14em;
        left: 160px;
        width: 325px;
        text-align: right;
        }
        
#preamble .p3 {
        position: absolute;
        top: 21em;
        left: 80px;
        width: 405px;
        text-align: right;
        }
        
#linkList a:link { 
	font-weight: normal; 
	text-decoration: underline; 
	color: rgb(107 , 72, 50);
	}
#linkList a:visited { 
	font-weight: normal; 
	text-decoration: underline; 
	color: rgb(107 , 72, 50);
	}
#linkList a:hover, a:active { 
	text-decoration: underline; 
	color: #9685BA;
	}
        
#lselect h3 {
        display: none;
        }
                
#lselect {
        position: absolute;
        top: 375px;
        left: 15px:
        width: 150px;
        text-align: right;
        }
        
#lselect a {
        line-height: 2em;
        background: transparent url(bullet.gif) left no-repeat;
        padding-left: 20px;
        }
        
#lselect > ul > li:first-child > a {
        line-height: 2em;
        background: transparent;
        padding-left: 5px;
        }
        
#lselect a.c {
        font-weight: normal;
        background: transparent;
        padding-left: 2px;
        }
        
#lselect a:hover.c {
        font-weight: normal;
        }

#lselect ul {
        position: relative;
        left: -15px;
        width: 450px;
        list-style-type: none;
        font-size: .85em;
        }
                
#lselect li {
        position: relative:
        left: 200px;
        display: inline;
        }
        
#larchives h3 {
        display: none;
        }
        
#larchives {
        position: absolute;
        top: 484px;
        left: 225px:
        width: 150px;
        text-align: left;
        }
        
#larchives ul {
        position: relative;
        left: 200px;
        width: 240px;
        list-style-type: none;
        font-size: .75em;
        line-height: 2em;
        }
        
#larchives li {
        position: relative:
        left: 200px;
        display: inline;
        padding-right: 3px;
        }
        
#larchives a:visited { 
	font-weight: normal; 
	text-decoration: underline; 
	color: rgb(107 , 72, 50);
	}
        
#larchives a:hover, a:active { 
	text-decoration: underline; 
	color: #9685BA;
	}
        
#lresources h3 {
        display: none;
        }
        
#lresources {
        position: absolute;
        top: 510px;
        text-align: right;
        width: 355px;
        }
        
#lresources li {
        position: relative;
        right: -420px;
        display: inline;
        font-size: 1em;
        }
        
#lresources a {
        line-height: 2em;
        background: transparent url(bullet.gif) left no-repeat;
        padding-left: 20px;
        }
        
#lresources > ul > li:first-child > a {
        line-height: 2em;
        background: transparent;
        padding-left: 5px;
        }
        
#lresources a:visited { 
	font-weight: normal; 
	text-decoration: underline; 
	color: rgb(107 , 72, 50);
	}
        
#lresources a:hover, a:active { 
	text-decoration: underline; 
	color: #9685BA;
	}
        
#footer {
        padding-bottom: 20px;
        }