/* GLOBAL RESET */

*{
margin:0;
padding:0;
border:none;
}

/* BODY */

body{
background:#EFEFEC;
color:#ffffff;
font-family:"Trebuchet MS",Helvetica,Jamrul,sans-serif;
font-size:85%;
}

h3.justify{
text-align:justify;
}

/* SPAN */

span.italic{
font-style:italic;
}

span.bold{
font-weight:bold;
}

/* TABLE */

table{
margin-left:20px;
border:none;
}

td.spday{
width:100px;
}

td.indent{
padding-left:8px;
}

td.day{
width:50px;
}

&nbsp{
width:100px;
}

/* HEADING */

h2,h3,h4{
text-align:left;
padding:0 20px;
}

h4.classdesc{
padding:0;
}

.centered{
text-align:center;
}

/* PARAGRAPH */

p{
padding:5px 20px;
text-align:left;
}

p.content{
text-indent:40px;
}

p.classdesc{
padding:5px 0;
text-align:justify;
}

p.click{
font-weight:bold;
cursor:pointer;
}

p.header{
padding:5px 0;
color:#363A3F;
text-align:right;
}

div#footer p{
padding:0;
color:#71B771;
border:1px dashed #52A352;
text-align:center;
}

body#yarn div#content p{
padding:0 20px;
}

body#yarn div#content h2{
padding:5px 20px;
}

body#links div#content p{
padding:0 20px;
}

body#links div#content h2{
padding:5px 20px;
}

/* LIST */

ul{
display:inline;
list-style:none;
text-align:center;
}

ul.hours{
display:block;
padding-left:20px;
font-size:110%;
text-align:left;
}

ul.policy_list{
list-style:disc outside;
}

ul#classlist{
float:none;
display:block;
text-align:left;
}

ul#classlist li{
width:400px;
margin:0;
padding:0;
display:block;
text-align:left;
}

li{
float:left;
}

ul.hours li, ul#hours_two li{
float:none;
}

ul#link_bar_list li{
width:162px;
height:30px;
margin-left:10px;
display:inline;
overflow:hidden;
text-indent:-9999px;
}

ul#link_bar_list li.left{
margin:0;
}

body#about li#about_li{
background:url(images/navigation/about_us.bmp) no-repeat 0 -30px
}

body#classes li#classes_li{
background:url(images/navigation/classes.bmp) no-repeat 0 -30px
}

body#yarn li#yarn_li{
background:url(images/navigation/yarn.bmp) no-repeat 0 -30px
}

body#specials li#specials_li{
background:url(images/navigation/specials.bmp) no-repeat 0 -30px
}

body#photos li#photos_li{
background:url(images/navigation/photos.bmp) no-repeat 0 -30px
}

ul.policy_list li{
margin-left:35px;
padding:10px 20px 0 0;
float:none;
text-align:justify;
}

ul#bottom_bar li{
float:left;
display:inline;
width:80px;
margin-right:107px;
padding-top:5px;
}

ul#bottom_bar li.left{
margin:0 107px 0 11px;
}

ul#bottom_bar li.right{
margin-right:11px;
}

/* ANCHOR */

a{
text-decoration:none;
}

a.classtitle{
display:block;
}

a:link    {color:#ffffff;font-weight:bold;}
a:visited {color:#ffffff;font-weight:bold;}
a:hover   {color:#ffffff;text-decoration:underline;}
a:active  {color:#ffffff;}

body#classes a:link    {color:#ffffff;text-decoration:none; font-weight:bold;}
body#classes a:visited {color:#ffffff;text-decoration:none; font-weight:bold;}
body#classes a:hover   {color:#ffffff;font-weight:bold;}


ul#link_bar_list a{
display:block;
height:30px;
text-indent:-9999px;
}

a.hideSticky {margin-right:20px; padding:2px;}
a.hideSticky:hover {color:#ffffff; border:1px dashed #ffffff;}

a#about_link {background:url(images/navigation/about_us.bmp) no-repeat;}
a#about_link:hover   {background:url(images/navigation/about_us.bmp) no-repeat 0 -30px}
a#about_link:active  {background:url(images/navigation/about_us.bmp) no-repeat;}

a#classes_link {background:url(images/navigation/classes.bmp) no-repeat;}
a#classes_link:hover   {background:url(images/navigation/classes.bmp) no-repeat 0 -30px}
a#classes_link:active  {background:url(images/navigation/classes.bmp) no-repeat;}

a#yarn_link {background:url(images/navigation/yarn.bmp) no-repeat;}
a#yarn_link:hover   {background:url(images/navigation/yarn.bmp) no-repeat 0 -30px}
a#yarn_link:active  {background:url(images/navigation/yarn.bmp) no-repeat;}

a#specials_link {background:url(images/navigation/specials.bmp) no-repeat;}
a#specials_link:hover   {background:url(images/navigation/specials.bmp) no-repeat 0 -30px}
a#specials_link:active  {background:url(images/navigation/specials.bmp) no-repeat;}

a#photos_link {background:url(images/navigation/photos.bmp) no-repeat;}
a#photos_link:hover   {background:url(images/navigation/photos.bmp) no-repeat 0 -30px}
a#photos_link:active  {background:url(images/navigation/photos.bmp) no-repeat;}

ul#bottom_bar a:link    {color:#71B771}
ul#bottom_bar a:visited {color:#71B771}
ul#bottom_bar a:hover   {color:#52A352}
ul#bottom_bar a:active  {background:#EFEFEC;color:#71B771}

    

/* IMAGE */

img{
border-style:none;
margin:20px;
}

img#logo{
margin:10px;
}

img.book_thumb{
margin:0;
}

img.supplies{
float:left;
}

img.sticky{
margin:5px 20px;
}

img.gallery{
float:left;
margin:5px;
}

/* DIV */

div#container{
width:851px;
margin:0 auto;
padding-top:30px;
float:none;
overflow:auto;
background:#EFEFEC;
}

div.closed{
display:none;

}

div.opened{
width:350px;
display:block;
margin:0 0 20px 40px;
}

div#header_left{
float:left;
margin-bottom:10px;
width:425px;
background:#EFEFEC;
text-align:left;
}

div#header_right{
float:left;
margin-bottom:10px;
width:425px;
background:#EFEFEC;
text-align:right;
float:right;
}

div#link_bar{
width:850px;
height:30px;
float:left;
display:inline;
}

body#home div#content_left,
body#about div#content_left,
body#classes div#content_left,
body#policies div#content_left,
body#specials div#content_left{
border-right:solid #ffffff 1px;
letter-spacing:1px;
}

body#home div#content_right,
body#about div#content_right,
body#classes div#content_right,
body#specials div#content_right{
border-left:solid #ffffff 1px;
letter-spacing:1px;
position:relative;
right:1px;
}

body#home div#content_left{
width:475px;
}

body#home div#content_right{
width:373px;
}

div#hours{
float:left;
}

div#featuredbook{
width:370px;
float:left;
}

div#content{
float:left;
width:850px;
background:#7A52A3;
text-align:justify;
}

div#content_left{
float:left;
padding:20px 0;
width:425px;
}

body#policies div#content_right{
width:420px;
}

div#content_right{
float:left;
padding:20px 0;
width:423px;
float:right;
}

div#content_wide{
padding:20px 0;
width:850px;
float:left;
background:#707883;
}

div.thumb_wrapper{
float:left;
}

div.book_holder{
float:none;
width:110px;
margin:20px 0 0 20px;
padding-left:5px;
}

div.caption_holder{
float:none;
width:110px;
height:50px;
margin-left:20px;
text-align:center;
font-size:80%;
}

div#footer{
float:left;
width:850px;
overflow:auto;
background:#EFEFEC;
text-align:center;
}

div.gallery{
padding-left:40px;
}
/*  FORMS */

form fieldset{
margin:10px 20px;
border:none;
}

form legend{
color:#ffffff;
}

form label{
width:120px;
display:inline-block;
line-height:20px;
vertical-align:center;
}

form fieldset li{
list-style:none;
padding:5px;
}

form fieldset fieldset{
border:none;
margin:3px 0 0;
}

form fieldset fieldset label{
margin-left:123px;
display:block;
width:auto;
}

input{
width:200px;
height:18px;
color:#363A3F;
background:#EFEFEC;
border:#B2B7BD 1px solid;
}

form fieldset fieldset input{
width:10px;
}

.submit input{
width:70px;
height:25px;
background:#EFEFEC;
border:outset 2px #EFEFEC;
font-weight:bold;
}

input.radio{
color:#707883;
background:#707883;
border:none;
}

textarea{
width:200px;
height:120px;
overflow:auto;
vertical-align:top;
background:#EFEFEC;
border:#B2B7BD 1px solid;
}