/*The Joanne Armstrong School of Dancing Style Sheet February 2006*/

/*created: 10 June 2008*/

/*linked to index.htm of joannearmstrong web site*/
/*===========================================================================*/

/*-------------- classes ------------------ */
.selTxt, .bcrumbTxt {
	font-family: verdana;
	font-size: 60%;
	width: 140px;
	color: #cccfff;
	background-color: #000;
	letter-spacing: 0.07em;
	padding-bottom: 0%;
	z-index: 9;
}
.bcrumbTxt {
font-size: 64%;
letter-spacing: 0.08em;
color: #ffffff;
}
.h2Txt {
font-family: verdana;
font-size: 138%;
background-color: #cccfff;
color: #000000;
letter-spacing: 0.095em;
line-height: 124%;
text-align: center;
padding-top: 10px;
padding-left: 0%;
padding-right: 0%;
padding-bottom: 4px;
z-index: 7;
}
.foot_linksTxt {
	font-family: verdana;
	font-size: 85%;
	color: #cccfff;
	letter-spacing: 0.03em;
	padding-top: 2%;
	padding-left: 10%;
	padding-bottom: 1%;
}
.qualTxt, .footerTxt {
	font-family: verdana;
	font-size: 66%;
	color: #ccccff;
	letter-spacing: 0.03em;
	line-height: 10px;
	text-align: right;
	padding-top: 0%;
	padding-left: 1px;
	padding-right: 4px;
	padding-bottom: 14px;
}
.footerTxt {
text-align: left;
padding-left: 8%;
}
.jancTxt {
	font-family: verdana;
	font-size: 88%;
	color: #cccfff;
	letter-spacing: 0.03em;
	line-height: 116%;
	text-align: right;
	padding-top: 15px;
	padding-left: 15px;
	padding-right: 2%;
	padding-bottom: 0%;
}
.msTxt {
	font-family: verdana;
	font-size: 88%;
	color: #cccfff;
	letter-spacing: 0.03em;
	line-height: 116%;
	text-align: left;
	padding-top: 5px;
	padding-left: 42px;
	padding-right: 0%;
	padding-bottom: 0%;
}
.clock {
	font-family: verdana;
	font-size: 10px;
	letter-spacing: 0.04em;
	color: #000;
	background-color: #fff;
	}
	
.mainTxt, .homePageTxt, .contactasp, .contactHTM {
font-family: verdana;
font-size: 66%;
color: #000000;
letter-spacing: 0.04em;
line-height: 16px;
text-align: center;
padding-left: 6px ;
padding-right: 6px;
}
.mainTxt {
text-align: left;
}
.homePageTxt {
font-size: 78%;
line-height: 22px;
}
.contactasp {
padding-top: 40px;
}
.contactHTM {
font-size: 68%;
line-height: 20px;
color: #000000;
background-color: #ffffff;
}
/*--------------body-----------*/
.body_bgColor {
background-color: #000000;
}
/* ------------ divisions ----------------- */
/* ------------ specials  ----------------- */
#select_site {
position: absolute;
top: 2px;
left: 746px;
min-height: 14px;
z-index: 24;
}
#qual {
position: absolute;
	top: 156px;
	background-color: #000;
	left:586px;
	width: 210px;
	padding-top: 0px;
	max-height: 10px;
	z-index: 26;
}	
#breadcrumb {
position: absolute;
top: 6px;
/*border: solid thin #cccccc;*/
left: 14px;
width: 300px;
min-height: 8px;
z-index: 24;
}
#clock {
	position: absolute;
	top:12px;
	padding-top: 2px;
	background-color: #fff;
	color: #000;
	left: 20px;
	width:220px;
	max-height: 10px;
	z-index: 56;
}
/*-------------- top row -----------*/
#top_row {
position: relative;
top: 2%;
left: 2%;
width: 87%;
z-index: 20;
}
/* ------------ mid row ----------------- */
#mid_row {
position: relative;
top: 1%;
left: 2%;
width: 80%;
padding: 0%;
z-index: 10;
}
#navBar {
 position:absolute;
  top:170px;
  left:130px;
  width:100px;
 /* background-color: #fff;*/
  padding-right: 2px;
  z-index: 14;
}
#hideCopyright {
position: absolute;
top: 232px;
left: 258px;
z-index: 40;
}

#pageCont, #pageCont_contact, #pageContBlack {
position:absolute;
  top:106px;
  left:230px;
  width:330px;
   background-color: #ffffff;
  /*border: thin solid #1271ff;*/
  padding-bottom: 0px;
    z-index: 30;
}

#nuYear {
position:absolute;
  top:60px;
  left:38px;
  width:330px;
  z-index: 40;
}


#pageCont_contact {
width: 400px;
}

#pageContBlack {
background-color: #000000;
width:42%;

}
#header {
position:absolute;
width: 100%;
background-color: #cccfff;
}
#heading {
font-family: verdana;
font-size: 80%;
font-weight: 700;
background-color: #fff;
color: #000000;
letter-spacing: 0.2em;
line-height: 100%;
text-align: center;
padding-top: 4px;
padding-left: 0%;
padding-right: 0%;
padding-bottom: 4px;
z-index: 7;
}
#advCol {
	position:absolute;
	top: 0%;
	left: 68%;
	width:26%;
	min-height: 80px;
	padding-top: 0%;
	padding-left: 2px;
	padding-bottom: 2%;
	z-index: 10;
}
#footerLinks {
position:absolute;
	top:406px;
	left:520px;
	width:100%;
	min-height: 80px;
	padding-top: 1px;
	padding-left: 2px;
	padding-bottom: 2%;
	z-index: 18;

}
/* ------------ bottom row ----------------- */
#btm_row {
position:relative;
	top: 64%;
	left: 12%;
  	width: 70%;
	padding: 0%;
	z-index: 30;
}
#btm_row_in_left {
	position:absolute;
	float: left;
	top: 0%;
	width: 14%;
	padding-top: 3%;
	padding-left: 8px;
	padding-right: 0%;
	padding-bottom: 0%;
	z-index:52;
}
#btm_row_in_right {
	position:absolute;
	left: 120px;
	top: 96%;
	padding-top: 1%;
	width: 100%;
	padding-left: 0%;
	z-index: 32;
}

#faq, #links1 {
position:relative;
float: left;
top: 8px;
width: 40%;
min-height: 240px;
/*border: solid thin #cccfff;*/
z-index:40;
}

#faqans, #links2, #introfaqs, #ans1, #ans2, #ans3, #ans4 {
position:relative;
float: right;
top: 1%;
width: 56%;
min-height: 280px;
z-index:40;
}
#introfaqs {
	position: relative;
	float: right;
	top: 1%;
	width: 100%;
	min-height: 320px;
	background-color: #ffffff;
	color: #333333;
	z-index:66;

}
#ans1 {
	position: absolute;
	float: right;
	top: 1%;
	width: 100%;
	min-height: 300px;
	background-color: #ffffff;
	color: #333333;
	z-index:64;
}


#ans2 {
	position: absolute;
	top: 1%;
	float: right;
	width: 100%;
	min-height: 260px;
	background-color: #ffffff;
	color: #333333;
	z-index:62;
}

#ans3 {
	position: absolute;
	top: 1%;
	float: right;
	width: 100%;
	min-height: 260px;
	background-color: #ffffff;
	color: #333333;
	z-index:58;
}
#ans4 {
position: absolute;
	top: 1%;
	float: right;
	width: 100%;
	min-height: 260px;
	background-color: #ffffff;
	color: #333333;
z-index:54;
}

#links2 {
padding-right: 8px;
}