/* CSS Document */


body{
	background-color:#000;
	margin: 0px;
	padding: 0px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	text-align:center;
	font-size:16px;
}

/*links under main text of page*/
#top{
background-color:#491E0D;
color:#F1E3B1;
font-size:11px;
padding:10px;
text-align:left;
}
#top p.switchlink{
float:left;
	margin: 0px;
	padding: 0px;
}
#top p.switchlink a{
color:#F1E3B1;
text-decoration:none;
}
#top p.switchlink a:hover{
color:#fff;
}

#top p.address{
	float:right;
	margin: 0px;
	padding: 0px;
}
#top span{
	padding: 0px 10px;
}

/*header navigation and logo*/
#header{
color:#fff;
width:990px;
margin:0 auto;
}
#header a{
color:#ccc;
text-decoration:none;
}
#header ul{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#header li{
	margin-top:42px;
	padding: 10px 2px;
	list-style-type: none;
	float:left;
}
#header li span{
	color:#000;
	padding:0 2px;
}

#header img{
	display:block;
	float:right;
	margin:25px 10px 0px 10px;
}
#header a:hover,  #header li a:hover span {
	color:#fff;
}

.index-html #header .tapstudios a, 
.index-html #header li.tapstudios a span, 
.index-html #header .tapstudios a:hover, 
.index-html #header li.tapstudios a:hover span,

.classes-html #header .classes a, 
.classes-html #header li.classes a span, 
.classes-html #header .classes a:hover, 
.classes-html #header li.classes a:hover span,

.instructors-html #header .instructors a, 
.instructors-html #header li.instructors a span, 
.instructors-html #header .instructors a:hover, 
.instructors-html #header li.instructors a:hover span,

.instructors-debra-html #header .instructors a, 
.instructors-debra-html #header li.instructors a span, 
.instructors-debra-html #header .instructors a:hover, 
.instructors-debra-html #header li.instructors a:hover span,

.instructors-todd-html #header .instructors a, 
.instructors-todd-html #header li.instructors a span, 
.instructors-todd-html #header .instructors a:hover, 
.instructors-todd-html #header li.instructors a:hover span,

.comissions-html #header .comissions a, 
.comissions-html #header li.comissions a span, 
.comissions-html #header .comissions a:hover, 
.comissions-html #header li.comissions a:hover span, 

.forge-html #header .forge a, 
.forge-html #header li.forge a span, 
.forge-html #header .forge a:hover, 
.forge-html #header li.forge a:hover span, 

.contact-html #header .contact a, 
.contact-html #header li.contact a span, 
.contact-html #header .contact a:hover, 
.contact-html #header li.contact a:hover span, 

.links-html #header .links a, 
.links-html #header li.links a span, 
.links-html #header .links a:hover, 
.links-html #header li.links a:hover span 
{
	color:#9D805F;
	font-weight:bold;
}

#mainline{
	clear:both;
	background:url(images/line_back_top.jpg) center repeat-y;
	text-align:center;
	height:20px;
}

/*container of main divs of page*/
#main{
	clear:both;
	background:url(images/back.jpg) center repeat-y;
	text-align:center;
}
#gradient{
	width:990px;
	height:330px;
	margin:0 auto;
	background-image:url(images/gradient.jpg);
	background-repeat: repeat-x;
}
#content{
	width:990px;
	height:330px;
	position:relative;
	color:#491E0D;
	font-size:16px;
	text-align:left;
	background-position: right top;
	background-repeat: no-repeat;
	line-height: 1.5em;
}

.index-html #content{
	background-image:url(images/home.jpg);
}

.classes-html #content{
	background-image:url(images/classes.jpg);
}

.instructors-html #content{
	background-image:url(images/instructors.jpg);
}
.instructors-todd-html #content{
	background-image:url(images/instructors-todd.jpg);
	}
.instructors-debra-html #content{
	background-image:url(images/instructors-debra2.jpg);
}

.comissions-html #content{
	background-image:url(images/comissions.jpg);
}

.forge-html #content{
	background-image:url(images/forge.jpg);
}

.contact-html #content{
	background-image:url(images/contact.jpg);
}

.links-html #content{
	background-image:url(images/links.jpg);
}

/*main text area of page*/
#textback{
	width: 480px;
	height:210px;
	vertical-align: middle;
	position:relative;
	display:block;
	top:20px;
	padding:5px 5px 0px 50px;
	background-image:url(images/scrollboxback.gif);
	background-repeat: no-repeat;
}
#text{
	width: 455px;
	margin-left:10px;
	height:200px;
	position:relative;
	text-align: center;
	overflow:auto;
}

#text p{
	width: 420px;
	padding-top:40px;
}
#text h2{
text-align:left;
margin:0 0 10px 0;
padding:0;
}

.contact-html #text p{
	padding-top:10px;
}
.align-except{
text-align:left;
}

/*links under main text of page*/
#links{
	width: 530px;
	position:absolute;
	bottom:45px;
	left:10px;
	text-align: center;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align:center;
	font-size:16px;
}

#links a{
	color:#491E0D;
	text-align: center;
	padding:0 6px;
	text-decoration:none;
}
#links a span{
	color:#491E0D;
	visibility: hidden;
}
#links a:hover,  #links a:hover span {
	color:#9D805F;
	visibility: visible;
}


#footerback{
	clear:both;
	background:url(images/line_back_bottom.jpg) center repeat-y;
	text-align:center;
}

/*footer tag line*/
#footer{
position:relative;
width:990px;

margin:3px auto;
padding:10px 0;
color:#fff;
font-size:12px;
text-align:left;
}

#footer span{
background-color:#000;
padding:0 10px;
/*
background-image:url(images/rule_slide.gif);
background-position:right center;
background-repeat:no-repeat;
padding:0px 150px 0 10px;*/
}

/*forms*/
form{
margin:0 0;
padding:0;
text-align:left;
}
/*
.contact-html form{
margin:50px 0;
padding:0;
text-align:left;
}
*/
form p{
margin:0;
padding:0;
}
form span{
display:block;
margin-bottom:6px;}
form label{
display:block;
float:left;
width:150px;
text-align:right;
padding-right:15px;
}
.field{
position:relative;
width:200px;
padding:3px 0;
background-color:#fff;
}

.textarea{
position:relative;
width:200px;
height:50px;
padding:3px 0;
background-color:#fff;
}

.button{

	color:#fff;
	font-weight:bold;
	background-color:#9D805F;
	border:1px solid #491E0D;
	position:absolute;
	right:90px;

}

.contact-html .button{
	width:100px;

}

/*popup*/
#popup{
	background-image:url(images/popupback.jpg);
	background-repeat: repeat-x;
	background-attachment: fixed;
}

#popup #scrollbox{
	height:360px;
	margin:0px;
	padding:20px 20px 20px 20px;
	text-align:left;
}

#popup #text{
	width:410px;
	padding:0px;
	color:#491E0D;
	/*font-family: "Times New Roman", Times, serif;*/
	font-size:14px;
	text-align:left;
	overflow:visible;
}
#popup #text h1{
	width:410px;
	font-size: 40px;
	font-weight:normal;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
	border-bottom:solid 1px #491E0D;
}

#popup #text h2{
	width:410px;
	font-size:18px;
	margin: 0px;
	padding: 0px;
}
#popup #text ul{
	width:410px;
	margin: 0px 0px 20px 0px;
	padding: 0px;
	list-style-type: none;
}

#popup #text p{
	width:400px;
	margin: 0px 0px 20px 0px;
	padding: 0px;
}

#popup #text li{
}