body		{
		  background-image: url(pics/ground01.jpg);
		  background-repeat: repeat;
		  background-color: #996633;
		  font-family: arial, serif;
		  color: #FFCC99;
		  border: 0px;
		  margin-top: 0px;
		  margin-left: 0px;
		  margin-right: 0px;
		  margin-bottom: 0px;
		  padding-top: 0px;
		  padding-bottom: 0px;
		  padding-left: 0px;
		  padding-right: 0px;
		  border-style: none;
		  border-top-width: 0px;
		  border-right-width: 0px;
		  border-bottom-width: 0px;
		  border-left-width: 0px;
		  border-collapse: collapse;
		  font-size: 1.1em;
                  line-height: 1.4em; /*to help with subscript and superscript spacing*/

		}



a		{
		  font-family: arial, serif;	
		  font-size: 1.2em;
		  font-weight: bold;
		  text-decoration: none;
		}


a img 		{border: none;}


a:link		{
		  background-color: inherit;
		  color: #99CCFF;
		}


a:active	{
		  background-color: inherit;
		  color: #66FFFF;
		}


a:visited	{
		  background-color: inherit;
		  color: #FF9999;
		}


a:hover		{
		  background-color: inherit;
		  color: #CCFF00;
		}




span.copyright	{
		  background-color: inherit;
		  color: #330000;
		  font-size: 0.7em;
		}


span.heading01	{
		  background-color: inherit;
		  color: black;
		  background-color: inherit;
		  font-weight: bold;
		}


span.heading02	{
		  background-color: inherit;
		  color: black;
		  background-color: inherit;
		  font-weight: bold;
		  text-decoration: underline;
		}

span.usedLink	{
		  font-family: arial, serif;	
		  font-size: 1.2em;
		  font-weight: bold;
		  text-decoration: none;
		  color: #669933;
		}

span.usedLinkBack	{
		  font-family: arial, serif;	
		  font-size: 17px;
		  font-weight: bold;
		  text-decoration: none;
		  color: black;
		}


span.projectHead {
		  font-family: courier new, courier, monospace;	
		  font-size: 20px;
		  font-weight: bold;
		  text-decoration: underline;
		  color: black;
		}

span.updateMonth {
		  font-family: courier new, courier, monospace;	
		  font-size: 18px;
		  font-weight: bold;
		  color: black;
		}


span.projectNone {
		  font-family: courier new, courier, monospace;	
		  font-size: 18px;
		  color: black;
		}

span.welcome {
		  font-family: courier new, courier, monospace;	
		  font-size: 35px;
		  color: #FFFFFF;
		  font-weight: bold;
		}


span.about01	{
		  background-color: inherit;
		  color: #FF9966;
		  font-size: 1.5em;
		  font-weight: bold;
		}

span.about02	{
		  background-color: inherit;
		  color: #CCCC66;
		  font-size: 1.5em;
		  font-weight: bold;
		}

span.aboutInfo02 {
		  background-color: inherit;
		  color: #999966;
		}


span.standOut02	{
		  background-color: inherit;
		  color: #FFFFCC;
		  font-size: 1.3em;
                  font-style: italic;
		  font-weight: bold;
		}



#main	{
                  background-color: inherit;
		  position: absolute;
		  left: 10px;
		  top: 20px;
		  width: 97%;
		  bottom: 91px;
		  /*For scrollbar if text too much to fit*/
		  overflow: auto;
		  /*Z-Index sets layer of div */
		  z-index: 2;
		}


#news	        {
		  background-image: url(pics/bananas01.gif);
		  background-repeat: no-repeat;
		  position: absolute;
		  left: 0px;
		  top: 0px;
		  right: 0px;
		  height: 80px;
		  padding-left: 200px;
                  padding-top: 5px;
		  /*For scrollbar if text too much to fit*/
		  overflow: auto;
		  /*Z-Index sets layer of div */
		  z-index: 1;
		}
	
 
#me	        {

		  position: absolute;
		  right: 10px;
		  top: 20%;
		  width: 25%;
                  height: 30%;
		  /*For scrollbar if text too much to fit*/
		  overflow: auto;
		  /*Z-Index sets layer of div */
		  z-index: 3;
		}

#meWords        {
		  position: absolute;
		  left: 0px;
		  top: 120px;
		  width: 25%;
		  height: 200px;
		  /*For scrollbar if text too much to fit*/
		  overflow: auto;
		  /*Z-Index sets layer of div */
		  z-index: 3;
		}


#projectList	{
                  background-color: white;
                  background-image: url(pics/paper01.jpg);
                  background-repeat: repeat;
		  position: absolute;
		  left: 40px;
		  top: 40%;
		  width: 23%;
		  bottom: 60px;
		  /*For scrollbar if text too much to fit*/
		  overflow: auto;
		  /*Z-Index sets layer of div */
		  z-index: 3;
		  padding-top: 10px;
		  padding-bottom: 10px;
		  padding-right: 10px;
		}


#projectListLeftBorder	{
                  background-color: white;
                  background-image: url(pics/paperBorderLeft.jpg);
		  position: absolute;
		  left: 20px;
		  top: 40%;
		  width: 20px;
		  bottom: 60px;
		  /*For scrollbar if text too much to fit*/
		  overflow: auto;
		  /*Z-Index sets layer of div */
		  z-index: 3;
		}





#copyrightText	{
		  font-size: 0.8em;
		  position: absolute;
		  font-weight: normal;
		  left: 10px;
		  right: 10px;
		  bottom: 2px;
                  height: 50px;
		  /*For scrollbar if text too much to fit*/
		  overflow: auto;
		  /*Z-Index sets layer of div */
		  z-index: 2;
                  line-height: 1.4em;
		}


#enterBook      {
		  font-size: 30px;
		  position: absolute;
                  top: 130px;
		  left: 0px;
		  bottom: 0px;
		  right: 0px;
		  /*For scrollbar if text too much to fit*/
		  overflow: auto;
		  /*Z-Index sets layer of div */
		  z-index: 2;
		}




#logo		{
		  background-image: url(pics/JWlogo.gif);
		  position: absolute;
		  left: 0px;
		  top: 0px;
		  width: 95px;
		  height: 75px;
		  /*Z-Index sets layer of div */
		  z-index: 1;
		}




#opacityBackground01 	{
		 	  background-image: url(pics/opacityBackground01.jpg);
 			  background-color: black;
		 	  position: absolute;
		 	  left: 0px;
		 	  top: 0px;
		 	  right: 29px;
			  height: 100%;
		  	  /*Z-Index sets layer of div */
		  	  z-index: 1;
			  /*For opacity, done to ensure extra compatibility */
			  filter:alpha(opacity=50);
			  -moz-opacity:.50;
			  opacity:.50;
			}


#opacityContainer	{
		 	  position: absolute;
		 	  left: 98px;
		 	  top: 150px;
		 	  width: 85%;
			  bottom: 80px;
		  	  /*Z-Index sets layer of div */
		  	  z-index: 1;
			}


#borderRight	{
		  background-image: url(pics/borderRight.gif);
		  position: absolute;
		  right: 0px;
		  top: 0px;
		  width: 29px;
		  bottom: 0px;
		  /*Z-Index sets layer of div */
		  z-index: 2;
		  /*For opacity, done to ensure extra compatibility */
		  filter:alpha(opacity=50);
		  -moz-opacity:.50;
		  opacity:.50;
		}



#borderLeft	{
		 	  background-image: url(pics/borderLeft.gif);
		 	  position: absolute;
		 	  left: 69px;
		 	  top: 145px;
		 	  width: 29px;
			  bottom: 88px;
		  	  /*Z-Index sets layer of div */
		  	  z-index: 2;
			  /*For opacity, done to ensure extra compatibility */
			  filter:alpha(opacity=50);
			  -moz-opacity:.50;
			  opacity:.50;
			}


#borderBottom	{
		  background-image: url(pics/borderBottom.gif);
		  position: absolute;
		  left: 98px;
		  height: 29px;
		  width: 83%;
		  bottom: 51px;
		  /*Z-Index sets layer of div */
		  z-index: 2;
		  /*For opacity, done to ensure extra compatibility */
		  filter:alpha(opacity=50);
		  -moz-opacity:.50;
		  opacity:.50;
		}

#borderTop	{
		  background-image: url(pics/borderTop.gif);
		  position: absolute;
		  left: 98px;
		  height: 29px;
		  width: 83%;
		  top: 121px;
		  /*Z-Index sets layer of div */
		  z-index: 2;
		  /*For opacity, done to ensure extra compatibility */
		  filter:alpha(opacity=50);
		  -moz-opacity:.50;
		  opacity:.50;
		}


#mainText	{
		  padding-top: 5px;
                  padding-left: 5px;
                  padding-right: 20px;
		  position: absolute;
		  left: 105px;
		  top: 150px;
		  width: 79%;
		  bottom: 90px;
		  /*For scrollbar if text too much to fit*/
		  overflow-x: hidden;
		  overflow-y: auto;   
                  overflow: -moz-scrollbars-vertical;     
		  /*Z-Index sets layer of div */
		  z-index: 2;
		}