/* Jeanne Shepard Styles */
 
 body {		font-size: 100%;
		background-color: #5EE557; }

 p.title { 	font-family: Arial, sans-serif;
		color: black;
		font-size: 18pt;
		text-align: center; }

 p.heading {	font-family: Arial, sans-serif;
		color: black;
		font-weight: bold;
		font-size: 14pt; }

 p.navbar{	font-family: Arial, sans-serif;
		font-size: 12pt; 
		text-align: center;}



 #Navigation {	text-align: center;
		padding: 2em; }

 #Navigation h2 {display: none; }

 #Crow {	height: 91px;
		width : 106px;
		margin-bottom: -3em;
		padding: 0 0 0 0; }

 .Spacr {	padding: 0 3.25em; }

 #Navigation ul li {
		list-style-type: none;
		margin: 0;
		display: inline;  }

 #Navigation a {font-size: 1.25em;
		color: #e33;
		padding: 0.2em 1.15em;
		border: 2px solid;
		border-color: #333;
		background-color: #ccc;
		text-decoration: none;	}

 #Navigation a:hover {
		background-color : #fff; 
		color : #000; }


#JShome #LinkHome, 
#JSbio  #LinkBio,
#JSsinging #LinkSinging,
#JSgallery #LinkGallery,
#JSlinks #LinkLinks,
#JSarticles #LinkArticles,
#JSreflexology #LnkReflexology,
#JSclasses #LnkClasses,
#JSAikido #LnkAikido,
#JSSkateArt #LnkSkateArt {
		color: #000;
		background-color: #5EE557;
		border-bottom: none; }



 #Content { 	font-size: 1.25em;
		text-align: center; }

 p.MainTitle {	font-size: 225%; 
		padding: 0 0 0.25em 0; }

 #Container {	text-align: center;
		width: 720px;
		padding: 0 0 2em 0; }


 #TantoLeft { 	float: left;
		width: 250px;
		height: 110px;
		padding: 0.25em 0 0 60px; }

 #And {		float: left;
		padding: 1.75em 1.5em 0 1.5em; }

 #CrazyLeft {	float: left;
		width: 310px;
		height: 62px;
		padding-top: 1em; }

 p.GalleryPg {	Padding: 0 0 2em 0; }

 #New {		font-size: 160%;
		color: yellow;
		padding: 4em 0.5em 0.5em 0; }

 #Cafe {	width: 120px;
		height: 60px;
		text-decoration: none;
		margin-bottom: -1em; }

 #Cafe a { 	text-decoration: none; }

 #Ice {		font-size: 1em;
		padding: 4em 0 0 0.5em; }


 #JSbio, #JSgallery, #JSsinging {
		text-align: center; }

 #ContainerBio {width: 500px;
		padding: 0.5em 0 2em 0; }


 #JeannePic {	float: left;
		width: 181px;
		height: 227px;
		margin: 0.25em 1em 0 0;
		border: 1px solid #fff; }

 #JeannePic2 {	float: left;
		width: 239px;
		height: 360px;
		margin: 0.25em 1em 0 0;
		border: 1px solid #fff; }

  p.Floatbio {	float: left;
		text-align: left;
		padding-bottom: 1em; }

  p.Alignbio {	text-align: left; }

 #TantoCenter {	text-align: center;
		width: 250px;
		height: 110px;
		padding: 1em 0 1em 0; }

 #CrazyCenter {	text-align: center;
		width: 310px;
		height: 62px;
		padding: 1em 0 1em 0; }

 .ContainerBright { position: relative;
		text-align: center;
		width: 350px;
		background-color: #eee;
		border: #000 double 3px;
		padding: 1em 0 0 0;}

 .JS {		font-family: Tahoma, Arial, Verdana, sans-serif;
  		font-size: 24pt;
  		color: black;
		text-align: center; }

 .gal {		font-size: 18pt;
		font-style: italic;
		color: black; }

 .CQ {		font-size: 30pt;
		font-style: italic; 
		color: #000066; }

 #CQimage, #TBimage {	border: 30px solid #3C9DF8; }

 .imgLeft {	text-align: left;
		vertical-align: top; }


/* For the Articles page */

 #Articles {	background-color: #fff;
		margin: 10px 30px 20px 30px;
		padding: 10px; }

 #Articles h1 {	font-family: Tahoma, Arial, Verdana, sans-serif;
  		font-size: 22pt;
  		color: black;
		text-align: center; }

 #Articles h2 {	font-family: Tahoma, Arial, Verdana, sans-serif;
  		font-size: 20pt;
  		color: black;
		text-align: center; }

 #Articles h3 {	font-family: Tahoma, Arial, Verdana, sans-serif;
  		font-size: 16pt;
  		color: black;
		text-align: center; }

 #Articles h4 {	font-family: Tahoma, Arial, Verdana, sans-serif;
  		font-size: 12pt;
  		color: black;
		text-align: center; }

 #Articles p {	text-align: left; }


 #Articles li { margin-bottom: 30px; }

 .ctr {		text-align: center; }

 #clearone {	clear: both;
		height: 1px;  }

 #colLeft {	width: 45%;
		float: left;
		padding: 0 0 0 25px; }

 #colRight {	width: 45%;
		float: left;
		padding: 0 25px 0 25px; }



/* For the reflexology page */

 #Reflexology {	width: 50%;
		margin-left: 25%;
		text-align: center; }

 #Reflexology img {
		border: 1px solid white; }

 #Reflexology #ReflexDemo {	
		padding: 0; }

 #Reflexology #ReflexCartoon {	
		padding: 0 30px 0 30px; }


 #Reflexology p.Refl {
		text-align: left;
		padding-top: 25px; 
		}

 #Reflexology #Footchart {
		margin-top: 30px; 
		 }

 #Reflexology .caption {
		font-size: 0.8em;
		text-align: center; }


/* For the classes page */

 #Classes {	width: 60%;
		margin: 0 0 2em 20%;
		text-align: center; }

 #Classes img {
		border: 1px solid white; }

 #Classes #Mosaic, #Classes Mosaic2, #Classes #InPool1, #Classes #InPool2, #Classes #InPool3  {	margin: 20px 0 0.1em 0; }

 #Classes #Placeholder {
		border: 0; }

 #Classes #Cartoon {	
		margin: 20px 0 0.1em 0;}


 #Classes p.Class {
		text-align: left;
		padding: 1px 0 1em 0; 
		}


/* For the Aikido page */


 #Aikido {	width: 50%;
		margin-left: 25%;
		text-align: center; }

 #Aikido img {
		border: 1px solid white; }

 #Aikido p.TAik {
		text-align: left;
		padding: 1px 0 12px 0; 
		}



/* For the Slideshow page */

 #Slideshow .Download { 	
		color: #000; }

 #Slideshow #PictureBox {
		border: 1px solid #fff; }

 #Slideshow #CaptionBox, #Slideshow #CountBox {
		color: #eee; }
 

/* For the Skating Art page */

 #Sk8Art {	text-align: center; }

 #Sk8Art h1 {	padding-bottom: 1em; }


 #Sk8TopRow {	width: 1200px; 
		padding-left: 50%;
		margin-left: -500px;
		text-align: center; }

 #Sk8BottomRow {
		width: 1200px; 
		padding-left: 50%;
		margin-left: -500px;
		text-align: center; }

 .Sk8TxtLeft { 	float: left;
		width: 240px;
		height: 240px;
		font-family: Arial, sans-serif;
		color: black;
		font-size: 1.75em;
		text-align: right;
		padding: 2em 0.5em 0 0; }

 .Sk8ImgLeft {	float: left;
		width: 240px;
		height: 240px;
		border: 1px solid black; }

 .Sk8Store {	font-family: Arial, sans-serif;
		color: black;
		font-size: 1.5em;
		text-align: center;
		padding-left: 50%;
		margin-left: -200px;
		width: 400px; }



/* For the links page */

 a:link .Info, a:visited .Info { display: none; }

 a:hover .Info { display: inline;
		position: absolute;
                top: 450px;
 		left: 450px;
		width: 350px;
		color: #000;
		text-decoration: none; }

 a:focus .Info, a:active .Info { display: none; }


/* And the fixup is for the small images and 
   next/prev arrows on the older gallery pages */

 #fixup img {	border: 1px solid #000;
		background-color: #fff;  }


 #LnkTbl, #LnkTbl2, #LnkTbl3 {
		text-align: left;
		margin-left: 12em; }	
		
		
 #Footer {	font-size: 0.85em;
		text-align: center;
		padding-bottom: 2em; }



 .center{	font-size: 10pt; 
		text-align: center;}


 .urhere { 	background-color: white; }