body, ul, li, h2, h3, h4
{
  font: 12px/18px arial, verdana, lucidia, geneva, sans-serif;
  list-style: none;
  margin: 0;
  padding: 0;
}
.style17 {
  font-variant: small-caps;
  font-size:20px;
}
body
{
  text-align: center;
}
.clear
{
  clear: both;
}
p {margin: 5px 0;}
img {border: 0;}
a {
    outline: none;
}
#container
{
  margin: 3px auto;
  position: relative;
  text-align: left;
  width: 820px;
}
#masthead
{
  background: url(../images/masthead_bg.gif);
  height: 97px;
  position: relative;
}
#masthead h1
{
  margin: 0 0 0 33px;
  width: 270px;
}
#masthead li, #masthead h1
{
  float: left;
  display: inline;
}
#masthead ul
{
  background: url(../images/nav/nav_over.gif);
  height: 22px;
  position: absolute;
  top:45px;
  right: 42px;
  width: 475px;
}
#masthead li
{
  height: 22px;
  text-indent: -9000px;
}
#masthead a
{
  display: block;
  height: 100%;
  width: 100%;
}

#home {width: 66px;}
#home a {background: url(../images/nav/home.gif);}
#home.active {background: url(../images/nav/home_active.gif);}

#classes {width: 82px;}
#classes a {background: url(../images/nav/classes.gif);}
#classes.active {background: url(../images/nav/classes_active.gif);}

#merch {width: 118px;}
#merch a {background: url(../images/nav/merch.gif);}
#merch.active {background: url(../images/nav/merch_active.gif);}

#sales {width: 65px;}
#sales a {background: url(../images/nav/sales.gif);}
#sales.active {background: url(../images/nav/sales_active.gif);}

#location {width: 90px;}
#location a {background: url(../images/nav/location.gif);}
#location.active {background: url(../images/nav/location_active.gif);}

#faq {width: 54px;}
#faq a {background: url(../images/nav/faq.gif);}
#faq.active {background: url(../images/nav/faq_active.gif);}

#masthead a:hover {background: none;}

#masthead li ul {
  display: none;  
  position: absolute; 
}
#masthead li  ul {
	background: none;
	left: 80px; 
	padding-top: 3px;
	top:22px; 	
	width: 200px;
}
#classLanding  #masthead  li  ul  {top: 18px}
#masthead li  ul  li {
	background: #fff;
	display: block;
	float: none;
	text-indent: 0;
	height: 22px;
	width: 200px;
}
#masthead li ul li a {
	background: #eee;
	color: #666;
	display: block;
	font-size: 12px;
	font-variant: small-caps;
	height: 22px;
	padding-left: 5px;
	text-decoration: none;
	width: 200px;
}
#masthead li ul li a:hover {
	background: #c4c2c2;
	color: #fff;
}
#masthead li:hover ul, #masthead li.over ul { display: block;} 
#content
{
  background: url(../images/repeat_bg.gif);
  clear: both;
  height: 200px;
  padding: 0 30px;
}
html>body #content
{
  height:auto;
  min-height: 200px;
}
#content li
{
  background: url(../images/arrow.gif) 0 5px no-repeat;
  padding-left: 16px;
  margin-bottom: 10px;
}
#content strong, #content a, h3, h4
{
  color: #7B4B59;
}
#content a:hover
{
  text-decoration: none;
}
#left_col, #right_col
{  
  float: left;
  margin-top: 10px;
}
#left_col
{
  background: #c4c2c2;
  padding: 10px;
  margin-right: 20px;
  width: 180px;
}
#left_col h3
{
  border-bottom: 1px solid #fff;
  color: #fff;
  font-variant: small-caps;
  padding: 0;
}
#left_col ul
{
  padding-top: 11px;
}
 #left_col li
{
  font-size: 11px;
}
#right_col { width: 530px; }
#right_col_classes_landing { width: 760px; float:left; margin-top:10px; }

h2#classes_h, h2#sales_h, h2#merch_h, h2#location_h, h2#faq_h, h2#new_h, h2#mail_h, h2#group-classes_h, h2#project-of-the-month_h
{
  height: 21px;
  margin-bottom: 10px;
  text-indent: -900px;
}
h2#project-of-the-month_h
{
  background: url(../images/project-of-the-month-h.gif) no-repeat;
  width:300px;
}

h2#new_h
{
  background: url(../images/new-h.gif);
  width:121px;
}
h2#classes_h
{
  background: url(../images/classes-h.gif);
  width:81px;
}

h2#group-classes_h
{
  background: url(../images/group-classes-h.gif);
  width:250px;

}
h2#sales_h
{
  background: url(../images/sales-h.gif);
  width:59px;
}
h2#merch_h
{
  background: url(../images/merch-h.gif);
  width:138px;
}
h2#location_h
{
  background: url(../images/location-h.gif);
  width:99px;
}
h2#faq_h
{
  background: url(../images/faq-h.gif);
  height: 26px;
  width:300px;
}
h2#mail_h
{
  background: url(../images/email-h.gif);
  width:107px;
}
h3, h4
{
  clear: both;
  font-weight: normal;
  font-size: 16px;
  padding: 5px 0;
}
h4
{
  font-size: 14px;
  font-variant: small-caps;	
}
#footer
{
  background: url(../images/footer_bg.gif);
  clear: both;
  color: #fff;
  font-size: 11px;
  height: 48px;
  padding-top: 30px;
  text-align: center;
}
#footer a
{
  color: #fff;
}
#topnav 
{  
  position:absolute;
  top: 0px;
  right: 50px;
  height: 20px;
}
#topnav li
{
  float: left;
}
#topnav li a 
{
  color: #7B4B59;
  font-size: 10px;
}
#topnav li a:hover
{
  text-decoration: none;
}