body{background:url(images/main-bg.gif) center top repeat-y #303030; color:#303030; margin:0px 0 0; padding:0; font:11px Verdana, Arial, Helvetica, sans-serif; line-height: 13px;}

div, p, h1, h2, h3, ul{padding:0px; margin:0px;}

ul{list-style-type:none;}



/*--TOP NAVIGATION --*/

#topPan{background: url(images/mattlmt_header_full.gif) top center no-repeat; width:700px; height: 256px; position:relative; top:0; margin:0 auto 0 auto; padding:0;}

#topHomeLink {position:relative; top:15px; left:0px; margin:0px; padding:0px; width:700px; height:76px;}

#topHomeLink a {display:block; width:700px; height:76px; margin:0; padding:0; text-decoration:none;}

#topHomeLink a:hover {display:block; width:700px; height:76px; margin:0; padding:0; text-decoration:none;}

#topPan ul {width:700px; height:20px; background: #303030;}

#topPan ul li{float:left; font:10px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase;}

#topPan ul li a{width:92px; height:30px; display:block; background:url(images/menubg-normal.gif) 0 0 no-repeat #66605B; color:#FDFDFD;  text-decoration:none; text-align:center;}

#topPan ul li a:hover{background:url(images/menubg-hover.gif) 0 0 no-repeat #66605B; color:#1A1917;}

#topPan ul li.menupadding{margin:0 0 0 1px;}

#topPan ul li.home{width:92px; height:30px; display:block; background:url(images/menubg-hover.gif) 0 0 no-repeat #FDFDFD; color:#1A1917; text-align:center;}



#topPan h1{display:block; width:700px; height:0px; margin:0; clear:both;}





/* Header */

#toplinkPan{width:660px; height: 132px; position:relative; top:48px; margin:0 auto 0 auto;}

#toplinkfastPan, #toplinksecondPan, #toplinkthirdPan {
  width:214px;
  height:132px; 
  float:left;
  padding:0;
}

#toplinkfastPan a, #toplinksecondPan a, #toplinkthirdPan a {
  text-decoration:none; 
  display:block; 
  width:214px; 
  height:132px;
  margin: 0;
  padding: 0;
}

#toplinkfastPan a:hover, #toplinksecondPan a:hover, #toplinkthirdPan a:hover {
  text-decoration:none;
  margin: 0;
  padding: 0;
}

/* #toplinkfastPan p, #toplinksecondPan p, #toplinkthirdPan p {
  display:block; 
  width:90px; 
  height:15px; 
  position:absolute; 
  top:0px; 
  left:0px; 
  font:12px/14px "Trebuchet MS", Arial, Helvetica, sans-serif;
  margin:54px 0 0 21px;
} */


/* Thing 1 Images */

#toplinkfastPan {
  background:url(images/ql_workshops_normal.gif) 0 0 no-repeat; 
  margin:0;
}

#toplinkfastPan a:hover { background:url(images/ql_workshops_hover.gif) 0 0 no-repeat; }



/* Thing 2 Images */

#toplinksecondPan {
  background:url(images/ql_classes_normal.gif) 0 0 no-repeat;
  margin:0 9px 0 9px;
}

#toplinksecondPan a:hover { background:url(images/ql_classes_hover.gif) 0 0 no-repeat; }



/* Thing 3 Images */

#toplinkthirdPan {
  background:url(images/ql_contact_normal.gif) 0 0 no-repeat; 
  margin:0; 
}

#toplinkthirdPan a:hover { background:url(images/ql_contact_hover.gif) 0 0 no-repeat; }




/*--/TOP PANEL--*/

/*--BODY PANEL--*/

#bodyPan{width:700px; background:url(images/bodymidbg.jpg) 0 0 repeat-y; color:#1A1917; position:relative; margin:0 auto; padding:10 10px;}

#bodyPan h1{  
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666;
	padding: 0px;
	font-size: 20px;
	line-height: 20px;
	letter-spacing: -1px;
	margin-left: 20px;
	margin-top: 20px;
	margin-bottom: 10px;	
	margin-right: 40px;
	font-weight: normal;
	text-transform:lowercase;	
}



#bodyPan h1 a {text-decoration: none;}

#bodyPan h1 a:hover {color: #000000;}



#bodyPan h1 span{
	font-size:20px;
	letter-spacing: -4;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #666;
	line-height: 20px;
	margin-bottom: 10px;
	text-transform:lowercase;
	margin-top: 0px;
}

#bodyPan h2{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #4C8483;
	padding: 2px 0;
	font-size: 16px;
	letter-spacing: 0px;
	margin: 15px 20px 15px 20px;
	font-weight: bold;
	text-transform:lowercase;	
}

#bodyPan h2 a, #bodyPan h2 a:visited  {text-decoration: none;}

#bodyPan h2 a:hover {color: #000000;}

#bodyPan h3 {
   color: #660000;
   margin: 0px 15px 10px 20px;
   padding: 0 0 0 5px;
   border-left: 1px solid #660000;
   font-size: 9px;
   letter-spacing: 0px;
   text-transform: lowercase;
}

#bodyPan table {
   background-color: #cccc33;
   margin-left: 20px;
   border: 1px solid #999933;
   width: 90%;
}

#bodyPan tr:hover {background: #999933;}

#bodyPan td {
   border: 1px solid #cccc33;
}

#bodyPan a{color: #660000;}
#bodyPan a:hover{color: #990000; text-decoration: none;}
#bodypan a:visited{color: #4C8483;}

#bodyPan p{padding: 0px 20px 10px 20px;}

#bodyPan .indent{margin:0px; padding: 0px 20px 10px 5px;}

#bodyPan p.button{margin:0 0 0 20px; width: auto; padding:3px; border: 2px solid #cccc33; background: #cccc33; color: #666; text-transform: lowercase;}

#bodyPan p.bigtext{background:#fff; font-size:18px; color:#B3A7A0; font-weight:bold; padding:18px 0 0;}

#bodyPan p.more{width:89px; height:39px;}

#bodyPan p.more a{display:block; width:89px; height:39px; background:url(images/more1.jpg) 0 0 no-repeat #FBFBFB; color:#fff;  font:14px/36px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; text-decoration:none; margin:0 0 0 262px; text-align:center;}

#bodyPan p.more a:hover{text-decoration:none; background:url(images/more2.jpg) 0 0 no-repeat;}

#bodyPan p.morenext{width:89px; height:60px; right:0px; top:0px; clear:both;}

#bodyPan p.morenext a{display:block; width:89px; height:39px; background:url(images/more2.jpg) 0 0 no-repeat #FBFBFB; color:#fff;  font:14px/36px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; text-decoration:none; margin:0 0 0 262px; text-align:center;}

#bodyPan p.morenext a:hover{text-decoration:none; background:url(images/more1.jpg) 0 0 no-repeat;}



#bodybottomPan{width:700px; height:42px; background:url(images/bodybottombg.jpg) 0 0 no-repeat; position:relative; margin:0 auto; clear:both; }



#bodyPan ul{width:80%; margin:0px 0px 0px 20px;}

#bodyPan ul li{margin-top: 3px; list-style-type: square !Important;  padding:0 0 0 0px; margin-left: 20px;}

#bodyPan ul li a{background:#fff; color:#9A0000; text-decoration:none;}

#bodyPan ul li a:hover{text-decoration:underline;}

#bodyPan form {margin: 0px 0px 0px 20px;padding: 10px;}

input.button {
   width: 72px;
   margin: 8px 0 0 0;
}

        #registration-form {
   		width: 600px;
   		border: 1px solid #999;
   		margin: 0 0 0 20px;
   		padding: 10px;
   		font-size: 11px;
   		font-family: Helvetica, sans-serif;
   	}
   	#registration-form label {
   		float: left;
   		text-align: right;
   		margin-right: 15px;
   		padding-top: 13px;
   		width: 130px;
   	}
   	#registration-form input, #registration-form select {
   		padding: 2px;
   		margin: 0px 0px 8px 0px;
   		border: 1px solid #aaa;
   	}
   	#registration-form input:hover, #registration-form select:hover {
   		border: 1px solid #000;
   	}
   	#registration-form input {
   		width: 250px;
   	}
   	#registration-form input:focus, #registration-form select:focus {
   		border: 1px solid #000;
   		background: #eee;
   	}
   	.emptyfield {
   		color: red;
   		font-weight: bold;
   	}
   	#registration-form input.radio {
   		width: 30px;
   		margin-right: 5px;
   		text-align: left;
                padding-top: 8px;
   	}
   	#registration-form input.copy {
   		width: 30px;
   		margin-right: 5px;
   		text-align: left;
                padding-top: 8px;
   	}
   	input#license {
   		width: 75px;
   	}
   	input#areacode {
   		width: 35px;
   		margin-right: 5px;
   	}
   	input#phnumber {
   		width: 75px;
   	}
   	input#state {
   		width: 25px;
   		margin-right: 5px;
   	}
   	input#zip {
   		width: 75px;
   	}
   	input#submit {
                width: 250px;
   		margin: 25px 0px 0px 0px;
                font-size: 12px;
                padding: 5px;
   		background: #eee;
   	}
   	input#submit:hover {
   		background: #ccc;
   		border: 1px solid #000;
   	}


.text {display:block; margin-bottom:10px;}


/*--/BODY PANEL--*/

/*--FOOTER PANEL--*/

#footermainPan{height:206px; background: url(images/footerbg.gif) 0 0 repeat-x #333; color:#333; margin:43px 0 0 0; padding:0px 0 0 0;}

#footerPan{width:700px; height:100px; display:block; position:relative; margin:0px auto; padding: 50px 0;}

#footerPan p{padding:10px 0 0;}

#footerPan p span{color:#AC2626; font-size:10px;}

#footerPan p.copyright{ margin:0; position:absolute; bottom:0px; color:#ccc; font:10px; padding:0;}





#footerPan p.copyright a, #footerPan p.copyright a:visited {padding:0 0 0 0px; color:#ccc; text-decoration:none;}

#footerPan p.copyright a:hover{text-decoration:none; color: #fff;}

#footerPan ul{width:700px; display:block; position:absolute; left:0px; top:25px; padding: 0; margin:0;}

#footerPan li{border-right:1px #666 solid;float:left; font:10px Verdana, Arial, Helvetica, sans-serif; font-weight:normal;padding-right:5px;}

#footerPan ul li a:link, #footerPan ul li a:visited {padding:0 0 0 5px; color:#999; text-decoration:none;}

#footerPan ul li a:hover{color:#4F6060;}

script {display: none; margin: 0; padding: 0; width: 0px; height: 0px;}


.alt {background-color:#efefef;}

#ajax_comments {display:block;}

#ajax_comments dt { border-bottom:1px dotted #ccc;}

#ajax_comments dt span a{font-size:0.5em;text-decoration:none;color:#999;}

#ajax_comments dd {margin-left:-0px;}



.alignleft{ background:url(images/left.jpg) no-repeat; padding-left:20px;}

.alignright{ background:url(images/arrow.jpg) no-repeat; padding-left:20px;}











#gallery {
  padding:0 0 0 1px; 
  margin:0px auto 12px auto;
  list-style-type: none;
  overflow: hidden; 
  width:660px; 
  height:40px; 
  background: #303030;
}

#gallery li {
  float:left;
}

#gallery li a {
  display:block; 
  height:40px;
  width:132px;
  border: 0px;
  text-decoration:none;  
}

#gallery li img {
  float: left;
  border: 0px;
  margin: 0px;
}

#gallery li a:hover {
  background:#000; 
  margin:0px;
  border:0px;
}

img.navHover {
  position: relative;
  top: 0px;
  left: 0px;
  margin: 0px;
  border: 0px;
}

#gallery li a:hover .navHover {
  position: relative;
  top: -40px;
  left: 0px;
  margin: 0px;
  border: 0px;
}
  




.breadcrumb { 

	background:url(/wp/wp-content/themes/firefly/images/bodytopbg.jpg) center no-repeat; 
	height: 35px; 
	padding-left:20px;
	font-size: 10px;
	color: #666666;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}

.breadcrumb a, .breadcrumb a:visited {color: #999999; text-decoration:none;}
.breadcrumb a:hover {color:#003366; text-decoration:none;}



	
#div.rates, p.contact {
	margin-bottom: 10px;
	font-size: 10px;
	margin-left: 20px;
}

#div.rates label {
	float: left;
	font-weight: bold;
	text-align: left;
	width: 200px;
	padding-right: 20px;
	margin-bottom: 5px;
}

p.contact label {
	float: left;
	font-weight: bold;
	text-align: right;
	width: 100px;
	padding-right: 20px;
	margin-bottom: 5px;
}

#div.rates br, p.contact br {clear: left;}



	
blockquote {
font-size: 20px;
line-height: 24px; 
font-weight: normal; 
letter-spacing: -1px; 
text-align: center; 
padding: 20px 0px;
font-style:italic;
width: 370px;
margin-bottom: 0px;
margin-top: 0px;
}

blockquote span {
font-size: 14px;
line-height: 14px; 
font-weight: normal; 
letter-spacing: 0px; 
text-align: center;
padding-top: 5px; 
}




table.schedule tr.th {text-align: left !important; font-size: 10px; background-color: #999933; color: #ffffff;}
table.schedule td {text-align: left; font-size: 10px;}