/* Jeanne Shepard Styles */

 body {		font-size: 100%;
		background-color: #5EE557; }

 p.title, h1.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;}

p.clear {
  clear: left;
}


 #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.5em;
		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; }

  img.DisplayCtr {	display: block;
    		margin-left: auto;
    		margin-right: auto;
		width: 200px;
		height: 200px;
		border: 1px solid black;  }

 .tinycaption {	font-size: 0.75em; }

 .upscale {		font-size: 1.5em; }


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

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

 #MafiaLeft {	margin-left: 0px;
		width: 310px;
		height: 52px;
		padding: 0.5em 0 0.5em 0; }

#BouncyLeft {	margin-left: 0px;
		width: 310px;
		height: 52px;
		padding: 0.5em 0 0.5em 0; }

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

 hr.sixty {	width: 60%; }

 .five {	font-size: 1.5em;
		clear: both; }

 #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 {	align: middle;
		width: 250px;
		height: 110px;
		padding: 1em 0 1em 0; }

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

 #MafiaCenter { align: middle;
		width: 310px;
		height: 52px;
		padding: 0.5em 0 0.5em 0; }

  #FrajeanaCenter { align: middle;
		width: 350px;
		height: 111px;
		padding: 0.5em 0 0.5em 0; }

#Holder {		background-color: #fff;
		width: 60%;
		margin: auto;
		text-align: left;
		padding: 1em  2em 2em 2em; }

#Holder2 {	background-color: #fff;
		width: 80%;
		margin: auto;
		text-align: left;
		padding: 1em  2em 2em 2em; }

 .plus1 {		font-size: 1.5em; }

 .plusalittle {	font-size: 1.25em; }


.ContainerBright {      margin: auto;
		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, #MCimage, #BHimage, #HVRSimage {	border: 30px solid #3C9DF8; width:1200px;height:auto;max-width:50%; }

 .imgLeft {	text-align: left;
		vertical-align: top; }
/*
 ul#menu li {
  display: inline-block;
}
*/


/* For the Singing page */

 #Singing {	background-color: #fff;
		margin: 20px 60px 30px 60px;
		padding: 50px;
		font-family: Tahoma, Arial, Verdana, sans-serif;
		color: black;
		text-align: left; }

 #Singing h1 {	font-size: 26pt; }

 #Singing p {	font-size: 16pt;  }


 #JeanneEgans {	margin-top: 1em;
		margin-bottom: -0.5em; }

 .indent {	margin-left: 2em;
		margin-top: 1em; }


/* For the Articles page */

 #Articles {	background-color: #fff;
		margin: 20px 60px 30px 60px;
		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;}

 .center2 {margin: auto;
		display: block;
  		width: 80%;
		border: 0;
		padding: 10px; }

 .center3 {		margin: auto;
		display: block;
		width: 40%;
		border: 1px solid crimson;
		padding: 1px; }


  figcaption {
    text-align: center;
}

 .urhere { 	background-color: white; }

 .bg-img {
  width: 90%;
  margin: auto;
  display: block;
}


/* For border color on the small clickable images */

 ul#menu li a:active img { border:1px solid crimson; }


/* And get Page numbers more nearly centered under image */

 ul#menu li b { padding-left: 0.6em; color: green;}
 ul#menu li a.active b { color: blue; }