@charset "utf-8";

/* CSS Document 
filename: sub.css
author: Larry Lem
last modified: 08/28/2008
769 1081
subleftttop 352 229 0 0
subnav 352 566 0 229
subleftbottom 352 224 0 795
subbottom 769 62 0 1019
subright 417 1019 352 0
*/

/* ---------------------------------------------------------------------------------- */
/* --| tags |-- */

body {

}

h2 {
font-weight:bold;
font-size:large;
}

h3 {
text-transform: uppercase;
font-weight:bold;
font-size:medium;
}

h4 {
font-weight:bold;
font-size:small;
}

h5 {
font-weight:bold;
font-size:small;
margin-bottom: 0px;
}

img {
border-style:none;
}

a.lblink {
margin-bottom: 0px;
}

.pcredit {
margin-right:0px;
text-align:right !important;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
margin-top:0px;
margin-bottom:0px;
}

#wrapper {
    width: 769px;
	height: 872px;
	margin-right:auto;
	margin-left:auto;

}


#sleft {
    float: left;
    width: 352px;
	height: 810px;

	background-repeat: no-repeat;
	background-position:0 0;
	background-image: url(qigongwitherniesubleft.jpg);
}


#scontentx {
    float: right;
    width: 417px;
	height: 810px;
	margin: 0;
	padding: 0;
	top: 0;
	left: 352px;
	background-image: url(qigongwitherniesubright.jpg);
	background-repeat: no-repeat;
	background-position:0 0;
	font-size: small;

}

#scontent {
    float: none;
    width: 417px;
	height: 810px;
	margin: 0;
	margin-top: 15px;
	padding: 0;
	top: 0;
	left: 352px;
	background-image:none;
	background-repeat: no-repeat;
	background-position:0 0;
	overflow: auto;
	font-size: small;
}

#scontent p {
	font-size: small;
	text-align:justify;
	margin-bottom: 0;
}


#scontent .containerstandard {
    margin-top: 33px;
    margin-left: 30px;
	margin-right: 30px;
}

#scontent .pagelink {
text-align: right;
    
}


#sbottom {
    float: left;
    width: 769px;
	height: 62px;

}

/* --| Lightbox |-- */
/* <div id="light" class="lightboxcontent"> page content */
/* <a href = "javascript:void(0)" onclick = "document.getElementById('light').style.display='block';document.getElementById('fade').style.display='block'">link</a> */
/* </div>
/* <a href = "javascript:void(0)" onclick = "document.getElementById('light').style.display='none';document.getElementById('fade').style.display='none'">Close</a> */
/* <div id="fade" class="lightboxbackground"></div>   */

.lightboxbackground {
   display: none;
   position: absolute;
   top: 0%;
   left: 0%;
   width: 100%;
   height: 100%;
   background-color: black;
   z-index:1001;
   -moz-opacity: 0.75;
   opacity: 0.75;
   filter: alpha(opacity=75);
}
  
.lightboxcontent {
	display: none;
	position: absolute;
	top:15%;
	padding: 15px;
	border: none;
	background-color: white;
	z-index:1002;
	overflow:hidden;
	text-align:center;
}


#light {
    position:absolute;

}


/* --| main menu |-- */

a:link, a:visited {
	text-decoration: none;
	border-style: transparent;
	
}

#sspace {
    margin: 0;
	border: 0;
	display: block;
	overflow: hidden;
	left: 0;
	padding: 190px 0 0 0;
	height: 0px !important;
	height /**/:190px; /* IE5/Win */
}

#saboutus a  {
    margin: 0;
	border: 0;
	display: block;
	overflow: hidden;
	left: 0;
	padding: 88px 0 0 0;
	height: 0px !important;
	height /**/:88px; /* IE5/Win */
}

#scontactus a {
    margin: 0;
	border: 0;
	display: block;
	overflow: hidden;
	left: 0;
	padding: 88px 0 0 0;
	height: 0px !important;
	height /**/:88px; /* IE5/Win */
}

#shistory a {
    margin: 0;
	border: 0;
	display: block;
	overflow: hidden;
	left: 0;
	padding: 88px 0 0 0;
	height: 0px !important;
	height /**/:88px; /* IE5/Win */
}
#sclasses a, #shealing a, #stestimonials a {
    margin: 0;
	border: 0;
	display: block;
	overflow: hidden;
	left: 0;
	padding: 89px 0 0 0;
	height: 0px !important;
	height /**/:89px; /* IE5/Win */
}
#shome a {
    margin: 0;
	border: 0;
	display: block;
	overflow: hidden;
	left: 0;
	padding: 50px 0 0 0;
	height: 0px !important;
	height /**/:50px; /* IE5/Win */
}

#saboutus a {
	top: 190px;
}

#shistory a {
	top: 278px;
}

#sclasses a {
	top: 366px;
}

#shealing a {
	top: 455px;
}

#stestimonials a {
	top: 544px;
}

#scontactus a {
    top: 633px;
}

#saboutus a:hover,  #shistory a:hover, #sclasses a:hover, #shealing a:hover, #stestimonials a:hover, #scontactus a:hover {
	background-image: url(subover.jpg);
	background-repeat: no-repeat;
	margin: 0;
	border: 0;	
	top: 190px;	
}

#saboutus a:hover {
    width: 352px;
	height: 88px;
	background-position: 0 -190px;
}

#shistory a:hover {
	width: 352px;
	height: 88px;
	background-position: 0 -278px;
}

#sclasses a:hover {
    width: 352px;
	height: 89px;
	background-position: 0 -366px;
}

#shealing a:hover {
    width: 352px;
	height: 89px;
	background-position: 0 -455px;
}
#stestimonials a:hover {
    width: 352px;
	height: 89px;
	background-position: 0 -544px;
}
#scontactus a:hover {
    width: 352px;
	height: 88px;
	background-position: 0 -633px;
}

scontentcontainerstandard p {
    margin-left: 30px;
    margin-right: 30px;
}

/* end of main menu */