html {margin:0;padding:0;	color:white; background: #4A525A url(/images/bg50.gif) fixed repeat-y 50% 0;height:100%;}
body {margin: 0;padding: 0px 0px 0px 5px;height:100%; font: normal normal normal 12px/16px Verdana, Geneva, Arial, Helvetica, sans-serif;text-align: center;/* part 1 of 2 centering hack */	}
img {border:0;}
h1{font-size:120%;font-weight:bold;background-color:transparent;color:#CECEB5;text-align:center;}
h2{font-size:110%;font-weight:bold;background-color:transparent;color:#CECEB5;text-align:center;}
/*
#nonFooter{position: relative;min-height: 100%;}

* html #nonFooter{height: 100%;}

#endfooter{text-align: center;width: 778px;position: relative;margin-top: -7.5em;} 
#thepicture {}
*/
#inner { text-align: left;vertical-align:middle;margin:0px auto;
padding: 0px 0px 0px 0px; width: 778px;height:250px;
background: #CECEB5 url(/images/loading_photo_meter.gif) 50% 50% no-repeat;}
#thephoto {  width:778px;  height:250px;}
#main{position:relative;text-align:left;margin:0px auto;padding: 0px;width: 778px;background-color:black;}
#toptitle{background-color:#ceceb5;height:50px;width:100%;}
#phone{padding-left:5px;font-size:10px;color:#024;}
#title{position:absolute;top:0px;right:10px;
background:transparent url(/images/jojologo.jpg) no-repeat center left;height:50px;
      /* hide overflow:hidden from IE5/Mac */
      /* \*/
      overflow: hidden;
      /* */
}

#title span{position:relative;
color:#024;
height:50px;
top:13px;
margin:0px 0px 0px 80px;
font: italic bold 18px sans-serif;
letter-spacing:0.2em;text-transform:lowercase;}

#navcontainer{}
#navcontainer ul{padding:0;margin:0 0 5px 0;background: #CECEB5 url(/images/menu_bg2.gif) repeat-x top left;height:34px;color: White;float: left;width: 100%;font-family: arial, helvetica, sans-serif;}
#navcontainer ul li {display:inline;font: 10px sans-serif;letter-spacing:0.2em;text-transform:lowercase; }
#navcontainer ul li a{display:block;padding: 6px 2em 7px 2em;background-color: transparent;color: White;text-decoration: none;float: right;border-left: 1px solid #CECEB5;}
#navcontainer ul li a:hover{background-color: #369;color: #fff;}
#navlist a.active{background-color: #369;color: #fff;}

#content{}
#topnav{display:block;}

.topimg1{float:left;margin-left:0px;margin-right:7px;width:148px;}
.topimg2{float:left;margin-right:7px;width:148px;margin-bottom:20px}
.topimg3{float:left;width:148px;}
.topimg1a img, .topimg2a img, .topimg3a img{display:block;}
.topimg1 , .topimg2 , .topimg3 {display:block;border:1px solid #ceceb5;padding-bottom:5px;text-align:center;}

a.timg{text-decoration: none;font-size:12px;color:#CECEB5;}
/* the opacity feature invalidates the CSS but by various method ensures that it works on all new browser
which is a small price to pay to use the feature */
a.timg img{
filter: Alpha(opacity=90);	
opacity:0.90;	}
a.timg:link img{
filter: Alpha(opacity=90);	
opacity:0.90;	}
a.timg:hover img{
filter: Alpha(opacity=100);	
opacity:0.9999;	}

a.wedbut{margin-top:5px;color: white;background: transparent url(/images/navbut-wed.jpg) no-repeat top center;text-decoration: none;display: block;width:148px;height:21px;}
a.wedbut:hover{color:black;background-position: 0 -30px;}
a.lebut{margin-top:5px;color: white;background: transparent url(/images/navbut-ltd.jpg) no-repeat top center;text-decoration: none;display: block;width:148px;height:21px;}
a.lebut:hover{color:black;background-position: 0 -30px;}
a.childbut{margin-top:5px;color: white;background: transparent url(/images/navbut-kid.jpg) no-repeat top center;text-decoration: none;display: block;width:148px;height:21px;}
a.childbut:hover{color:black;background-position: 0 -30px;}
a.pawbut{margin-top:5px;color: white;background: transparent url(/images/navbut-paw.jpg) no-repeat top center;text-decoration: none;display: block;width:148px;height:21px;}
a.pawbut:hover{color:black;background-position: 0 -30px;}
a.fambut{margin-top:5px;color: white;background: transparent url(/images/navbut-fam.jpg) no-repeat top center;text-decoration: none;display: block;width:148px;height:21px;}
a.fambut:hover{color:black;background-position: 0 -30px;}

#data1{margin:0px 151px;padding:0px 5px 25px 5px;background-color:black;text-align:justify}
#data2{float:none;margin:20px 151px;padding:0px 5px 25px 5px;background-color:black;text-align:justify} 
#data3{float:none;margin:20px auto;padding:0px 0px 25px 0px;background-color:black;} 
#data4{float:none;margin:20px 151px;padding:0px 0px 25px 0px;background-color:black;text-align:center;} 
#data1 a{text-decoration:none;font-weight:bold;color:white;}

#footer{text-align:center;font-size:smaller;padding:5px 5px 0px 5px;background-color:#ceceb5;color:#024;height:30px;clear:both;}
#footer a{text-decoration:none;}
#valid{font-size:smaller;color:gray;padding-left:10px}
#wd4u{padding-left:355px;color:gray;}
#wd4u a,#valid a{text-decoration:none;color:gray;}


/* special nav for children submenu */
#subnav{width:90%;margin-bottom:5px;text-align:center;}
#sleft{width:33%;padding-left:5px}
#smid{width:33%;}
#sright{width:33%;}

a.baby{color: white;background: transparent url(/images/navbut-bab2.jpg) no-repeat top center;text-decoration: none;display: block;width:140px;height:21px;}
a.baby:hover{color:black;background-position: 0 -30px;}
a.kids{color: white;background: transparent url(/images/navbut-kid2.jpg) no-repeat top center;text-decoration: none;display: block;width:140px;height:21px;}
a.kids:hover{color:black;background-position: 0 -30px;}
a.teen{color: white;background: transparent url(/images/navbut-teen2.jpg) no-repeat top center;text-decoration: none;display: block;width:140px;height:21px;}
a.teen:hover{color:black;background-position: 0 -30px;}
.s-kids{color: white;background: transparent url(/images/navbut-kid2.jpg) no-repeat top center;text-decoration: none;display: block;width:140px;height:21px;background-position: 0 -30px;}
.s-teen{color: white;background: transparent url(/images/navbut-teen2.jpg) no-repeat top center;text-decoration: none;display: block;width:140px;height:21px;background-position: 0 -30px;}
.s-baby{color: white;background: transparent url(/images/navbut-bab2.jpg) no-repeat top center;text-decoration: none;display: block;width:140px;height:21px;background-position: 0 -30px;}


/*cat page bottom nav */
#pagenum{margin-top:5px;font-size:12px;}
.currentPage{color:#CECEB5;}
.pageLink{color:white;}

/*disp pic nav */

#botnav ul{list-style-type: none;height:30px;margin:0 0 0 245px;padding:0px;}
#botnav ul li{padding: 2px 0px 0px 0px;margin:0px;display: block;float:left;font: 12px/30px "Lucida Grande", verdana, sans-serif;text-align: center;}
#botnav a.prev{color: white;background: transparent url(/images/navbut-p.jpg) no-repeat top center;text-decoration: none;display: block;width:100px;height:21px;}
#botnav a.prev:hover{color:black;background-position: 0 -30px;}
#botnav a.home{color: white;background: transparent url(/images/navbut-h.jpg) no-repeat top center;text-decoration: none;display: block;width:100px;height:21px;}
#botnav a.home:hover{color:black;background-position: 0 -30px;}
#botnav a.next{color: white;background: transparent url(/images/navbut-n.jpg) no-repeat top center;text-decoration: none;display: block;width:100px;height:21px;}
#botnav a.next:hover{color:black;background-position: 0 -30px;}

/*contact */

td.label{text-align:left;border-left: 0.5em solid black; padding-left:10px; }
td.required {text-align:left; border-left: 0.5em solid red; color: red;padding-left:10px;}
td.input{text-align:left;padding-top:10px;}
td.msg{text-align:center;padding-top:10px;}
input,select,textarea{background-color:#EFEFEF}
input:focus,select:focus,textarea:focus{background-color:#DBD8F8}
p.ttext{font-style: italic;width:90%;}
p.tname{ font-style: italic;  font-weight: bold;padding-bottom:20px}
span.tdate{padding-left:50px;font-weight:normal;font-style:normal;}


/*rest*/
.outer1{padding-top:5px;background-color:transparent;clear:both;}
.imglink1{float:left;border:5px solid silver;}
.imglink2{float:left;border:5px solid silver;}
.txtlink{float:left;padding:75px 0px 0px 75px;}
.txtlink1{margin:0;text-align:center;}
img.men{	display:block;border:4px solid #ceceb5;}
img.mena{	display:block;border:5px solid #ceceb5;}


.topimg1a{float:left;margin-right:7px;width:148px;}
.topimg2a{float:left;margin-right:7px;width:148px;}
.topimg3a{float:left;width:148px;}
.topimg1a img, .topimg2a img, .topimg3a img{display:block;}
.topimg1a , .topimg2a , .topimg3a {display:block;border:1px solid #ceceb5;text-align:center;}
.jojo{float:left;margin-bottom:10px;}
h1.jojoh1{padding-top:20px;}