@charset "UTF-8";
/* CSS Document */

body{ background:url(../images/bg.jpg) repeat; margin:0; color:#3e3326; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:16px; }

#header{background:url(../images/header-bg.jpg) top center repeat-x; height:336px; }

#menu{ margin:0px; padding:0px; text-align:center;}

h1 {height:192px; margin:0; text-align:center; background:url(../images/header.jpg) top center no-repeat; text-indent:-9999px;}

h2 {font-size:20px; line-height:28px; color:#5251AE;}

h3 {font-size:13px; font-weight:strong; border-bottom:1px solid #5251AE; padding:0 0 3px 0; margin:0;}

/* New Menu */

#nav { display:block; height: 31px; clear: both; width:896px; padding:0; margin:0 auto; margin-top:-4px; background:url(../images/nav_bg.jpg)}
#nav ul {list-style-type:none; padding: 0px; width:114px; margin: 0px 0px 0px 0px; display:inline; overflow:hidden;}
#nav li {list-style-type:none; float:left;  height:31px; padding: 0px;  display:inline; overflow:hidden;}
#nav li#home {background:transparent url(../images/menu-home.gif); background-repeat:no-repeat; padding: 0px; margin:0 17px 0 78px; display:inline;}
#nav li#classes {background:transparent url(../images/menu-classes.gif); background-repeat:no-repeat; padding: 0px; margin:0 17px 0 0; display:inline;}
#nav li#events {background:transparent url(../images/menu-events.gif); background-repeat:no-repeat; padding: 0px; margin:0 17px 0 0; display:inline;}
#nav li#quilt-racks {background:transparent url(../images/menu-quilt-racks.gif); background-repeat:no-repeat; padding: 0px; margin:0 17px 0 0; display:inline;}
#nav li#machine {background:transparent url(../images/menu-machine-quilting.gif); background-repeat:no-repeat; padding: 0px; margin:0 17px 0 0; display:inline;}
#nav li#location {background:transparent url(../images/menu-store-location.gif); background-repeat:no-repeat; padding: 0px; margin:0 17px 0 0; display:inline;}
#nav a {display:block; height: 31px; width:114px; text-indent: -9999px; border-bottom: none;}

#nav #home a {background:transparent url(../images/menu-home.gif) no-repeat;}
#nav #classes a {background:transparent url(../images/menu-classes.gif) no-repeat;}
#nav #events a {background:transparent url(../images/menu-events.gif) no-repeat;}
#nav #quilt-racks a {background:transparent url(../images/menu-quilt-racks.gif) no-repeat;}
#nav #machine a {background:transparent url(../images/menu-machine-quilting.gif) no-repeat;}
#nav #location a {background:transparent url(../images/menu-store-location.gif) no-repeat;}

#nav #home a:hover, #nav #home a.selected {background-position:-114px 0px; z-index:50;}
#nav #classes a:hover, #nav #classes a.selected {background-position:-114px 0px; z-index:50;}
#nav #events a:hover, #nav #events a.selected {background-position:-114px 0px; z-index:50;}
#nav #quilt-racks a:hover, #nav #quilt-racks a.selected {background-position:-114px 0px; z-index:50;}
#nav #machine a:hover, #nav #machine a.selected {background-position:-114px 0px; z-index:50;}
#nav #location a:hover, #nav #location a.selected {background-position:-114px 0px; z-index:50;}


#shelf{background:url(../images/shelf-piece-by-piece.jpg) no-repeat; width:896px; height:126px; margin:0 auto; padding:0; text-align:center; }

#wrapper{width:896px; margin:0 auto; }

#wrapper2{width:896px; background:url(../images/wrapper-bg.jpg) repeat-y; margin:0 auto;}

#main-bg{background:url(../images/wrapper-bg.jpg) repeat-y;}

#main{background:url(../images/main-image.jpg) no-repeat; width:896px; height:360px; float:left; }

a:link {color:#5251AE;}

a:hover {color:#8C382F;}

#main2{background:url(../images/main-image2.jpg) no-repeat; width:896px; float:left; }

.left {float:left; width:300px; margin:20px 0 0 80px;}

.left img{background:url(../images/photo_bg.png) no-repeat; padding:9px 9px 9px 11px;}

.right {float:left; width:400px; margin:20px 0 0 16px;}

.right hr, #content hr{height:1px; border:0; color:#999; background:#999; }

.right .dates {color:#5251AE;font-size:12px;}

.right span{font-size:10px;}

.right h4 {font-size:14px; line-height:18px; color:#5251AE; font-weight:bold; margin-bottom:5px;}

.right .instructor {font-size:12px; font-style:italic; padding-bottom:5px;}

.register{width:226px; height:45px; text-indent:-9999px; overflow:hidden; display:block; background:url(../images/register_btn.gif); margin:0 0 0 30px;}

.class_photo {margin:0px 0px 10px 15px; border:1px solid #5251AE;}

.clear {clear:both;}

#content{width:225px; height:340px; margin-left:604px;}

#content-bottom{width:750px; margin:0 auto; }

#footer{margin:0 auto; background:url(../images/footer.jpg) no-repeat; width:896px; color:white; font-size:11px; text-align:center; height:39px; padding:45px 0px 15px 0px;}

#footer a {color:white;text-decoration:none;}
#footer a:hover {color:#DDDBCF;text-decoration:underline;}