/*=COMBINED.CSS = COMBINED CSS STYLESHEET TABLE OF CONTENTS=====================
/*==Updated: 20100523-1417 JM
/* reset.css:reset styles to make browsers more compatible
/* text.css:basic html,headings,spacing
/* grid.css: grid settings for container, 12 col, 16 col, clearing floats - set to body 960 wide max
/* layouts.css
  /* 960 grid system container background
  /* anchors, heading, headings, branding, boxes, paragraphs, quotes, lists
  /* menus, submenus, section menus; image enlargement; tables; forms; articles
  /* site information = footer
  /* features: ajax sliding shelf; accordian, mootools, kwicks
  /* curvy250, graybuttons, hover state css
/* nav.css:main nav, horizontal & vertical subnav, 2ndary list nav
/* print-styles
/* =RESET.CSS============================================================ */
/* ==http://meyerweb.com/eric/tools/css/reset/ (v1.0 20080212)*/
    html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { background: transparent; border: 0; font-size: 100%; margin: 0; outline: 0; padding: 0; vertical-align: baseline; }
    body { line-height: 1; }
    ol, ul { list-style: none; }
    blockquote, q { quotes: none; }
    blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
    /* remember to define focus styles! */
    :focus { outline: 0; }
    /* remember to highlight inserts somehow! */
    ins { text-decoration: none; }
    del { text-decoration: line-through; }
    /* tables still need 'cellspacing="0"' in the markup */
    table { border-collapse: collapse; border-spacing: 0; }
/* =TEXT.CSS============================================================= */
/* learn more ~ http://960.gs/licensed under gpl and mit.
/* TEXT:BASICS */
        body { color: #fff; font: 16px/1.5 Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif; max-width: 960px; margin: auto; }
        a:focus { outline: 1px dotted invert; }
        hr { border-color: #ccc; border-style: solid; border-width: 1px 0 0; clear: both; height: 0; }
/* TEXT > HEADINGS */
        h1{ font-family: 'Raspoutine Classic', Constantia, georgia, serif; }
        h2, h3, h4, h5, h6 { font-family: constantia, georgia, serif; }
        h1 { font-size: 64px; }
        h2 { font-size: 24px; }
        h3 { font-size: 22px; }
        h4 { font-size: 21px; }
        h5 { font-size: 18px; }
        h6 { font-size: 16px; }
/* TEXT:SPACING */
        ol { list-style: decimal; }
        ul { list-style: square; }
        li { margin-left: 30px; }
        p, dl, hr, h1, h2, h3, h4, h5, h6, ol, ul, pre, table, address, fieldset { margin-bottom: 20px; }
/* =====GRID.CSS ===================================================================== */
/* learn more ~ http://960.gs/licensed under gpl and mit.
/* =GRID >> CONTAINERS */
    .container_12, .container_16 { margin-left: 4%; margin-right: 4%; width: 92%; }
/* =GRID >> GLOBAL */
    .grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12, .grid_13, .grid_14, .grid_15, .grid_16 { display: inline; float: left; margin-left: 1%; margin-right: 1%; }
    .container_12 .grid_3, .container_16 .grid_4 { width: 23%; }
    .container_12 .grid_6, .container_16 .grid_8 { width: 48%; }
    .container_12 .grid_9, .container_16 .grid_12 { width: 73%; }
    .container_12 .grid_12, .container_16 .grid_16 { width: 98%; max-width: 960px }
/* =GRID >> CHILDREN (ALPHA ~ FIRST,OMEGA ~ LAST) */
    .alpha { margin-left: 0; }
    .omega { margin-right: 0; }
/* =GRID >> 12 COLUMNS */
    .container_12 .grid_1 { width: 6.333%; }
    .container_12 .grid_2 { width: 14.666%; }
    .container_12 .grid_4 { width: 31.333%; }
    .container_12 .grid_5 { width: 39.666%; }
    .container_12 .grid_7 { width: 56.333%; }
    .container_12 .grid_8 { width: 64.666%; }
    .container_12 .grid_10 { width: 81.333%; }
    .container_12 .grid_11 { width: 89.666%; }
/* =GRID >> 16 COLUMNS */
    .container_16 .grid_1 { width: 4.25%; }
    .container_16 .grid_2 { width: 10.5%; }
    .container_16 .grid_3 { width: 16.75%; }
    .container_16 .grid_5 { width: 29.25%; }
    .container_16 .grid_6 { width: 35.5%; }
    .container_16 .grid_7 { width: 41.75%; }
    .container_16 .grid_9 { width: 54.25%; }
    .container_16 .grid_10 { width: 60.5%; }
    .container_16 .grid_11 { width: 66.75%; }
    .container_16 .grid_13 { width: 79.25%; }
    .container_16 .grid_14 { width: 85.5%; }
    .container_16 .grid_15 { width: 91.75%; }
 /* =GRID >> PREFIX EXTRA SPACE >> GLOBAL */
    .container_12 .prefix_3, .container_16 .prefix_4 { padding-left: 25%; }
    .container_12 .prefix_6, .container_16 .prefix_8 { padding-left: 50%; }
    .container_12 .prefix_9, .container_16 .prefix_12 { padding-left: 75%; }
/* =GRID >> PREFIX EXTRA SPACE >> 12 COLUMNS */
    .container_12 .prefix_1 { padding-left: 8.333%; }
    .container_12 .prefix_2 { padding-left: 16.666%; }
    .container_12 .prefix_4 { padding-left: 33.333%; }
    .container_12 .prefix_5 { padding-left: 41.666%; }
    .container_12 .prefix_7 { padding-left: 58.333%; }
    .container_12 .prefix_8 { padding-left: 66.666%; }
    .container_12 .prefix_10 { padding-left: 83.333%; }
    .container_12 .prefix_11 { padding-left: 91.666%; }
/* =GRID >> PREFIX EXTRA SPACE >> 16 COLUMNS */
    .container_16 .prefix_1 { padding-left: 6.25%; }
    .container_16 .prefix_2 { padding-left: 12.5%; }
    .container_16 .prefix_3 { padding-left: 18.75%; }
    .container_16 .prefix_5 { padding-left: 31.25%; }
    .container_16 .prefix_6 { padding-left: 37.5%; }
    .container_16 .prefix_7 { padding-left: 43.75%; }
    .container_16 .prefix_9 { padding-left: 56.25%; }
    .container_16 .prefix_10 { padding-left: 62.5%; }
    .container_16 .prefix_11 { padding-left: 68.75%; }
    .container_16 .prefix_13 { padding-left: 81.25%; }
    .container_16 .prefix_14 { padding-left: 87.5%; }
    .container_16 .prefix_15 { padding-left: 93.75%; }
/* =GRID >> SUFFIX EXTRA SPACE >> GLOBAL */
    .container_12 .suffix_3, .container_16 .suffix_4 { padding-right: 25%; }
    .container_12 .suffix_6, .container_16 .suffix_8 { padding-right: 50%; }
    .container_12 .suffix_9, .container_16 .suffix_12 { padding-right: 75%; }
/* =GRID >> SUFFIX EXTRA SPACE >> 12 COLUMNS */
    .container_12 .suffix_1 { padding-right: 8.333%; }
    .container_12 .suffix_2 { padding-right: 16.666%; }
    .container_12 .suffix_4 { padding-right: 33.333%; }
    .container_12 .suffix_5 { padding-right: 41.666%; }
    .container_12 .suffix_7 { padding-right: 58.333%; }
    .container_12 .suffix_8 { padding-right: 66.666%; }
    .container_12 .suffix_10 { padding-right: 83.333%; }
    .container_12 .suffix_11 { padding-right: 91.666%; }
/* =GRID >> SUFFIX EXTRA SPACE >> 16 COLUMNS*/
    .container_16 .suffix_1 { padding-right: 6.25%; }
    .container_16 .suffix_2 { padding-right: 16.5%; }
    .container_16 .suffix_3 { padding-right: 18.75%; }
    .container_16 .suffix_5 { padding-right: 31.25%; }
    .container_16 .suffix_6 { padding-right: 37.5%; }
    .container_16 .suffix_7 { padding-right: 43.75%; }
    .container_16 .suffix_9 { padding-right: 56.25%; }
    .container_16 .suffix_10 { padding-right: 62.5%; }
    .container_16 .suffix_11 { padding-right: 68.75%; }
    .container_16 .suffix_13 { padding-right: 81.25%; }
    .container_16 .suffix_14 { padding-right: 87.5%; }
    .container_16 .suffix_15 { padding-right: 93.75%; }
/* =GRID >> CLEAR FLOATED ELEMENTS */
   /* http://sonspring.com/journal/clearing-floats */
    html body * span.clear, html body * div.clear, html body * li.clear, html body * dd.clear { background: none; border: 0; clear: both; display: block; float: none; font-size: 0; height: 0; list-style: none; margin: 0; overflow: hidden; padding: 0; visibility: hidden; width: 0; }
  /* http://www.positioniseverything.net/easyclearing.html */
    .clearfix:after { clear: both; content: '.'; display: block; height: 0; visibility: hidden; }
    .clearfix { display: inline-block; }
    * html .clearfix { height: 1%; }
    .clearfix { display: block; }
/* =====LAYOUT.CSS===================================================================== */
/* learn more ~ http://960.gs/licensed under gpl and mit:fluid960 ~ http://www.designinfluences.com/fluid960gs/
/* LAYOUT >> 960 GRID SYSTEM CONTAINER BACKGROUND */
    body { background: #099 url(../img/bt-logo-transparent.png) no-repeat fixed; border-top: 5px solid #090; color: #333; font-size: 14px; padding: 0 0 40px; }
    .container_12, .container_16 { background: #fff; margin: auto; max-width: 90%; }
    em { color: #000; }
/* LAYOUT >> ANCHORS */
    a { color: #030; font-weight: bold; }
    	a:visited { color: #360; }
    	/*a:visited:before{content:"\2713 ";}*/       
    a:hover { color: #360; text-decoration: underline; }
    	a:focus { background: #0f0; color: #000; outline: 0; }
    	a:active { color: #000; }
    	a:sue, a:cindy, a:judy { color: #fff; }
    	a:paulette { color: #000; }
    .curvybanner a { color: #fff; text-decoration: none; }
/* LAYOUT:HEADINGS */
    h1, h2, h3, h4, h5, h6 { line-height: 1.2em; margin-bottom: .3em; }
    h2 { margin-top: 1em; }
    h5 { font-size: 1.2em; }
    h6 { font-size: 1em; text-transform: uppercase; }
    h1 a { font-weight:normal;text-decoration: none }
    	h1 a:hover { font-weight:normal;text-decoration: none }
    hr { background: #099; color: #099; padding: 2px; }
/* LAYOUT:BRANDING */
    .branding { color: #333; font-family: 'Raspoutine Medium', Constantia, Georgia, serif; }
    h1.branding { font-size: 56px; font-weight: normal; margin-bottom: 0; padding: 10px 0 0 0; text-align: center; }
    img.branding { float: left; padding: 0.5em; vertical-align: middle; border: 15px solid #000; 	border-color:  #00f #f60 #3cf #c06;}
    h2.branding {color: #0f0; font-family: constantia, serif; font-size: 24px; font-style: italic; padding: 10px 15px; position: relative; text-align: center; z-index: 100; }
    h3.branding { font-family: arial, sans-serif; font-size: 1em; font-weight: bold; margin: 0 0 5px 0; padding-left: 10px; text-transform: uppercase; }
    p.branding { padding-left: 20px; }
/* LAYOUT:BRANDING:G12-SPAN */
    #g12-navmain a span { height: 60px; left: 0px; position: fixed; top: 6px; width: 50px; z-index: 100; }
/* LAYOUT:BRANDING:PAGE HEADING */
    h2#page-heading { background: #349f00; border-bottom: solid 2px #360; color: #000; font-family: constantia, serif; font-style: italic; font-weight: bold; margin: 0; padding: .5em 1em; }
    h2#secure-page-heading { background: red; border-bottom: solid 2px #360; color: #000; font-family: constantia, serif; font-style: italic; font-weight: bold; margin: 0; padding: .5em 1em; }
/* LAYOUT:BRANDING:TEACHERS */
    .bt { background: #649f00; color: #fff;}
    .about { border: double 4px #030; color: #030; }
    .sue { background: #c06; color: #fff; }
    .sueborder { border: double 4px #c06; color: #000; }
    .suetext { color: #c06; }
    .judy { background: #00f; color: #fff; }
    .judyborder { border: double 4px #00f; }
    .judytext { color: #00f; }
    .sueborder { border: double 4px #c06; color: #000; }
    .cindy { background: #f60; color: #000; }
    .cindyborder { border: double 4px #f60; color: #000; }
    .cindytext { color: #f60; }
    .paulette { background: #3cf; color: #000; }
    .pauletteborder { border: double 4px #3cf; color: #000; }
    .paulettetext { color: #3cf; }
/* LAYOUT:BRANDING:TECHNIQUE  */
    .stringing { background: #00af00; color: #fff; padding-bottom: 2px; /*med green*/ }
    .stitching { background: #ec9f00; color: #fff;  /*gold*/ }
    .chainmaille { background: #b74e00; color: #fff; /*copper*/ }
    .fibers { background: #15aa9d; color: #fff; /*bluegreen*/ }
    .metalwork { background: #c06; color: #fff; /*pink*/ }
    .polymer { background: #90288e; color: #fff; /*purple*/ }
    .wirework { background: #0000cc; color: #fff; /*med blue*/ }
    .next { background: #c09; color: #fff; }
    .19 { background: #0000AB; color: #fff; }
    .22 { background: #015BBE; color: #fff; }
    .25 { background: #008EB3; color: #fff; }
    .31 { background: #00AF00; color: #fff; }
    .34 { background: #00AF00; color: #fff; }
    .36 { background: #b74e00; color: #fff; }
/* LAYOUT:BRANDING:INFO BOXES ON INDEX PAGE */
   #box-about-classes, #box-about-private, #box-about-parties, #box-what-to-bring {background: #f0f0f0; color: #030;}
/* LAYOUT:BOXES */
    .box { background: #fff; margin-bottom: 20px; padding: 10px 10px 1px 10px; }
    	.box h2 { background: #649f00; color: #fff; font-family: arial, sans-serif; font-size: 1em; font-weight: normal; margin: -10px -10px 0 -10px; padding: 6px 12px; text-transform: uppercase; }
    		.box h2.bt { background: #060; color: #fff; }
    		.box h2.branding { background: transparent; color: #c06; }
    		.box h2.stringing { background: #00af00; color: #fff; /*med green*/ }
    		.box h2.stitching { background: #ec9f00; color: #fff; /*gold*/ }
    		.box h2.chainmaille { background: #b74e00; color: #fff; /*copper*/ }
    		.box h2.fibers { background: #15aa9d; color: #fff; /*bluegreen*/ }
    		.box h2.kids { background: #c00; color: #fff; /*dk hard red*/ }
    		.box h2.metalwork { background: #c06; color: #fff; /*green blue*/ }
    		.box h2.polymer { background: #90288e; color: #fff; /*purple*/ }
    		.box h2.wirework { background: #0000cc; color: #fff; /*med blue*/ }
    		.box h2 a, .box h2 a.visible { background: #333 url("../img/switch_minus.gif") 97% 50% no-repeat; border: none; color: #fff; display: block; margin: -6px -12px; padding: 6px 12px; }
    .grid_4 .box h2 a { background-position: 97% 50%; }
    .grid_5 .box h2 a { background-position: 98% 50%; }
    .grid_12 .box h2 a { background-position: 99% 50%; }
    .box h2 a.hidden, .box h2 a.hidden:hover { background-image: url("../img/switch_plus.gif"); }
    .box h2 a:hover { background-color: #111; }
    /*.box.img-left{float:left;padding-right:10px;}*/
    .block { padding-top: 10px; }
    	.block.center-img { padding: 0 18px; }
    div.menu { padding: 0; }
    	div.menu h2 { margin: 0; }
    	div.menu .block { padding-top: 0; }
/* LAYOUT:PARAGRAPHS, QUOTES AND LISTS */
    p { margin-bottom: 1em; }
    blockquote { border-left: 4px solid #ccc; font-family: Georgia, 'Times New Roman', serif; font-size: 1.1em; padding-left: 1em; }
    	blockquote cite { font-size: .9em; }
    ul, ol { padding-top: 0; }
/* LAYOUT:MENUS */
    ul.menu { border-top: 1px solid #bbb; list-style: none; }
    	ul.menu li { margin: 0; }
    		ul.menu li a { border-bottom: 1px solid #ccc; display: block; padding: 4px 10px; }
    			ul.menu li a:hover { background: #eee; }
    			ul.menu li a:active { background: #ccc; }
/* LAYOUT:MENUS:SUBMENUS */
    ul.menu ul { list-style: none; margin: 0; }
    		ul.menu ul li a { padding-left: 30px; }
/* LAYOUT > MENUS >SECTION MENUS */
    ul.section { border-top: 0; margin-bottom: 0; }
    	ul.section li { text-transform: uppercase; }
    		ul.section li a { background: #bbb; }
    			ul.section li a:hover { background: #aaa; }
    			ul.section li a:active { background: #666; color: #fff; }
    		ul.section li li a { background: #ddd; border-bottom: 1px solid #eee; }
    			ul.section li li a:hover { background: #ccc; }
    			ul.section li li a:active { background: #fff; color: #000; }
    	ul.section ul li { text-transform: none; }
    	ul.section ul.current li a { background: #eee; border-bottom: 1px solid #fff; }
    		ul.section ul.current li a:hover { background: #ddd; }
    		ul.section ul.current li a:active { background: #fff; }
    	ul.section li a.current { background: #666; color: #fff; }
    		ul.section li a.current:hover { background: #555; }
    		ul.section li a.current:active { background: #444; }
    	ul.section li a.active { background: #fff; cursor: default; }
    	ul.section li.current > a.active, ul.section li.current > a.active:hover { background: #666; color: #fff; cursor: default; }
/* LAYOUT:IMAGE ENLARGEMENT:Thank you to Stu Nicholls at http://www.cssplay.co.uk/menu/safari.html */
    img.fade { left: -9999px; position: absolute; top: 0; z-index: 10; }
    a img.fade { -webkit-transition: opacity 1s ease-in; opacity: 0; }
    a:hover { white-space: nowrap; }
    	a:hover img.fade { border: 0; cursor: default; left: 0; opacity: 1; }
    /* rectangular pix in class listings */
    .enlarge-rect { -webkit-transition-duration: 0.5s; -webkit-transition-property: margin-left, border-color, width, height, position, z-index; -webkit-transition-timing-function: ease-out; border: 2px solid #eee; height: 200px; position: relative; width: 240px; z-index: 1; }
    	.enlarge-rect:hover { border-color: #6f6f6f; height: 320px; margin-left: 0; position: relative; width: 480px; z-index: 500; }
    /* square pix in class listings */
    .enlarge-sq { -webkit-transition-duration: 0.5s; -webkit-transition-property: margin-left, border-color, width, height, position, z-index; -webkit-transition-timing-function: ease-out; border: 2px solid #eee; height: 240px; position: relative; width: 240px; z-index: 1; }
    	.enlarge-sq:hover { border-color: #6f6f6f; height: 320px; margin-left: 0; position: relative; width: 320px; z-index: 500; }
    .enlarge-tall:hover { border-color: #6f6f6f; height: 480px; margin-left: 0; position: relative; width: 320px; z-index: 500; }
/* LAYOUT:TABLE */
    table { border: 1px solid #bbb; margin-bottom: 10px; width: 100%; }
    col.colC { width: 8em; }
    th, td { line-height: 1.5; padding: .2em 1em; text-align: left; }
    thead th { background: #ccc; border-bottom: 2px solid #888; padding: .4em 1em .2em; }
    	thead th.table-head { background: #555; border: 1px solid #555; color: #fff; font-size: 1em; font-weight: normal; text-transform: uppercase; }
    tbody th, tbody td { background: #eee; border-bottom: 1px solid #bbb; border-top: 1px solid #bbb; }
    tbody tr.odd th, tbody tr.odd td { background: #fff; padding-bottom: 2px; }
    tbody tr.month th, tbody tr.month td { background: #d0d0d0; font-weight: bold; }
    tfoot th, tfoot td { background: #eee; border-top: 2px solid #666; }
    tfoot tr.total th, tfoot tr.total td { border-top: 6px double #666; }
    tfoot tr.total th { text-transform: uppercase; }
    th.currency, td.currency { text-align: right; }
    .img-left { float: left; padding-right: 10px; }
/* LAYOUT:FORMS */
    form { overflow: hidden; }
    fieldset { background: #e9e9e9; border: 1px solid #bbb; margin-bottom: 10px; padding: 10px; position: relative; }
    legend { background: #fff; border: 1px solid #f0f; font-size: 1.1em; padding: .4em .8em; }
    fieldset.login p { margin-bottom: 1em; margin-top: 0pt; }
    fieldset p label { width: 98%; }
    fieldset p input { width: 98%; }
    fieldset p select { width: 99%; }
    fieldset.login p label { float: left; line-height: 2em; margin-right: 3%; text-align: right; width: 32%; }
    fieldset.login p input { width: 60%; }
    fieldset.login input.button { margin-left: 35%; }
    form p.notice { font-weight: bold; }
    input.search.text { width: 66%; }
    input.search.button { margin-left: 2%; width: 28%; }
/* LAYOUT:ARTICLES */
    .articles { padding: 0; }
    	.articles h2 { margin: 0; }
    .articles { padding-top: 0; }
    .article { border-top: 1px solid #666; padding-top: .5em; }
    .box .article { border-top: 3px solid #fff; padding: 13px 10px 0 10px; }
    .article h2 { background: transparent; border: none; color: #333; font-size: 2em; font-weight: normal; margin: 0; padding: 0; text-transform: none; }
    .article h3 { font-size: 1.6em; margin-bottom: .2em; }
    .box .first { border-top: none;}
    .article h4 { font-size: 1.2em; margin-bottom: .5em; text-transform: uppercase; }
    .article a.image { background: #fff; border: 1px solid #bbb; float: left; margin: 3px 10px 3px 0; padding: 4px; }
    	.article a.image:hover { border: 1px solid #666; }
    	.article a.image img { float: left; }
    .article p.meta { border-bottom: 1px dotted #999; border-top: 1px dotted #999; color: #333; margin-bottom: .8em; padding: .3em 0; }
/* LAYOUT:SITE INFORMATION (FOOTER) */
    #site_info .box { background: #649f00; border-top: 1px solid #360; color: #000; margin-bottom: 10px; }
    #site_info a { color: #000; }
    	#site_info a:hover { color: #000; }
/* LAYOUT:FEATURES:AJAX SLIDING SHELF */
    #loading { float: right; margin-right: 14px; margin-top: -2px; }
    .block { padding-bottom: 1px; }
/* LAYOUT:FEATURES:ACCORDIAN */
    .toggler { background: #eee; border-bottom: 1px solid #ddd; border-left: 1px solid #f5f5f5; border-right: 1px solid #ddd; border-top: 1px solid #f5f5f5; color: #222; font-size: 1.1em; font-weight: normal; margin: 0; padding: 2px 5px; }
    .element h4 { line-height: 1.2em; margin: 0; padding: 4px; }
    .element p { margin: 0; padding: 4px; }
    .float-right { float: right; padding: 10px 20px; }
    #accordian-block1 { background: #f0f; padding-bottom: 10px; }
    #accordian-block2 { background: #0f0; padding-bottom: 10px; }
    #accordian-block3 { background: #ff0; padding-bottom: 10px; }
/* LAYOUT:FEATURES:MOOTOOLS KWICKS */
    #kwick-box { overflow: hidden; padding: 0; }
    	#kwick-box h2 { margin: 0; }
    #kwick { position: relative; }
    	#kwick .kwicks { background: #999; display: block; height: 180px; list-style: none; margin: 0; overflow: hidden; }
    	#kwick li { float: left; margin: 0; padding: 0; }
    	#kwick .kwick { background: #fff; cursor: pointer; display: block; height: 180px; overflow: hidden; padding: 10px; width: 215px; }
    		#kwick .kwick span { color: #fff; }
    	#kwick .one { background: #c06; }
    	#kwick .two { background: #00f; }
    	#kwick .three { background: #f60; }
    	#kwick .four { background: #3cf; }
    	#kwick .one-registration { background: #c06; height: 200px; }
/* LAYOUT:FEATURES:CURVY BANNER  see http://www.cssplay.co.uk/boxes/curves.html for details*/
    .curvybanner { background: #649f00; color: #fff; margin: 0.5em 0.5em; position: relative; width: 600px; }
    #ctl, #cbl, #ctr, #cbr { background: #fff; color: #060; font-style: normal; height: 20px; overflow: hidden; position: absolute; width: 20px; z-index: 1; }
    #ctl { left: 0; top: 0; }
    #cbl { bottom: 0; left: 0; }
    #ctr { right: 0; top: 0; }
    #cbr { bottom: 0; right: 0; }
    .curvybanner em b { color: #649f00; font-family: arial; font-size: 150px; font-weight: normal; line-height: 40px; position: absolute; }
    #ctl b { left: -8px; }
    #ctr b { left: -25px; }
    #cbl b { left: -8px; top: -17px; }
    #cbr b { left: -25px; top: -17px; }
    .curvybanner p { font-family: constantia, serif; font-size: 24px; font-style: italic; padding: 10px 15px; position: relative; text-align: /*center*/LEFT; z-index: 100; }
/* LAYOUT:FEATURES:CURVY250 */
    .curvy250 { background: #649f00; color: #fff; margin: 0.5em 0.5em; position: relative; width: 250px; }
    #ctl, #cbl, #ctr, #cbr { background: #fff; color: #060; font-style: normal; height: 20px; overflow: hidden; position: absolute; width: 20px; z-index: 1; }
    #ctl { left: 0; top: 0; }
    #cbl { bottom: 0; left: 0; }
    #ctr { right: 0; top: 0; }
    #cbr { bottom: 0; right: 0; }
    .curvy250 em b { color: #649f00; font-family: arial; font-size: 150px; font-weight: normal; line-height: 40px; position: absolute; }
    #ctl b { left: -8px; }
    #ctr b { left: -25px; }
    #cbl b { left: -8px; top: -17px; }
    #cbr b { left: -25px; top: -17px; }
    .curvy250 p { font-family: constantia; font-size: 24px; font-style: italic; padding: 10px 10px; position: relative; text-align: center; z-index: 100; }
/* LAYOUT:FEATURES:GRAYBUTTONS */
/* Credits:Dynamic Drive CSS Library URL:http://www.dynamicdrive.com/style/ */
    a.ovalbutton { background: transparent url('oval-gray-left.gif') no-repeat top left; display: block; float: left; font: normal 13px tahoma; height: 24px; /* Change 13px as desired */ line-height: 16px; padding-left: 11px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */ text-decoration: none; /* Height of button background height */ /* Width of left menu image */ }
    a:link.ovalbutton, a:visited.ovalbutton, a:active.ovalbutton { color: #494949; /*button text color*/ }
    a.ovalbutton span { background: transparent url('oval-gray-right.gif') no-repeat top right; display: block; padding: 4px 11px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/ }
    a.ovalbutton:hover { background-position: bottom left; /* Hover state CSS */ }
    	a.ovalbutton:hover span { background-position: bottom right; color: black; /* Hover state CSS */ }
    .buttonwrapper { overflow: hidden; width: 100%; /* Container you can use to surround a CSS button to clear float */ /*See:http://www.quirksmode.org/css/clearing.html */ }
/* ======NAV.CSS==================================================================== */
/* NAV:COLOR CHART */
    .sue { background-color: #c06; color: #fff; }
    .judy { background: #00f; color: #fff; }
    .cindy { background: #f60; color: #fff; }
    .paulette { background: #3cf; color: #000; }
    .beadtrotters { background: #090; color: #fff; }
/* NAV:HORIZONTAL SUBNAVIGATION */
    ul.nav, ul.nav * { margin: 0; padding: 0; }
    ul.nav { background: #666; height: 2.5em; max-width: 100%; position: relative; }
    	ul.nav li { cursor: pointer; float: left; font-weight: normal; list-style-type: none; text-align: center; }
    		ul.nav li ul { background-position: 0 0 !important; cursor: default; height: auto; left: -9000px; max-width: 100%; position: absolute; top: 2.5em; width: 100%; }
    			ul.nav li ul li { border: none; max-width: none; padding: 0; width: auto; }
    		ul.nav li a { background: #f0f; color: #fff; display: block; float: left; font-weight: bold; height: 2.4em; line-height: 2.5em; padding: 0 1em; text-decoration: none; }
    		ul.nav li ul li a { background-position: 0 50% !important; color: #666; cursor: pointer !important; font-weight: normal; height: 2em; line-height: 2em; position: relative !important; white-space: nowrap; /* ie Mac */ }
    		ul.nav li:hover a, ul.nav li a:hover, ul.nav li a:focus { background: #ccc; color: #000; }
    		ul.nav li a:active { background: #fff; color: #666; }
    		ul.nav li:hover ul { left:0;z-index: 10 }
    		ul.nav li ul, ul.nav li { background: #ccc !important }
    		ul.nav li:hover ul li a { color: #444; }
    			ul.nav li:hover ul li a:hover { background: #fff; color: #000; }
    			ul.nav li:hover ul li a:active { background: #fff; color: #666; }
    		ul.nav li.current a { background: #fff; color: #666; cursor: default; font-weight: bold; }
    		ul.nav li.current ul { left:0;z-index: 5 }
    		ul.nav li.current ul, ul.nav li.current { background: #ccc !important }
    		ul.nav li.current ul li a { background: #ccc; color: #444; font-weight: normal; }
    			ul.nav li.current ul li a:hover { background: #fff; color: #000; }
    		ul.nav li ul li.current a, ul.nav li ul li.current a:hover, ul.nav li.current:hover ul li a:active { background: #fff; color: #666; }
/* NAV:VERTICAL SUBNAVIGATION */
    ul.nav { background: #d6d6d6 url(bg-nav.png) repeat-x; border-bottom: 1px solid #360; border-top: 1px solid #360; color: #030; }
    ul.main li { left: 0; position: relative; top: 0; }
    	ul.main li ul { border-top: 0; }
    		ul.main li ul li { float: left; }
    	ul.main li a { background: #d6d6d6 url(bg-nav.png) repeat-x; border: 0; color: #fff; height: 2.5em; line-height: 2.5em; }
    	ul.main li ul li a { background: #d6d6d6 url(bg-nav-highlight.png) repeat-x; border-top: 1px solid #444; color: #fff; height: 2em; line-height: 2em; text-align: left; width: 12em; }
    	ul.main li a:focus { background: ##649f00 url(bg-nav-highlight.png) repeat-x; color: #000; }
    	ul.main li ul li a:hover { background: #f0f; color: #f0f; }
    	ul.main li:hover a { background: #0d0; color: #000; }
    	ul.main li:hover ul li a { background: #360; color: #fff; }
    		ul.main li:hover ul li a:hover { background: #0f0 url(bg-nav-highlight.png) repeat-x; color: #000; }
    		ul.main li:hover ul li a:hover#beadtrotters { background: #3c0; color: #000; }
    		ul.main li:hover ul li a:hover#sue { background: #c06; color: #fff; }
    		ul.main li:hover ul li a:hover#judy { background: #00f; color: #fff; }
    		ul.main li:hover ul li a:hover#cindy { background: #f60; color: #fff; }
    		ul.main li:hover ul li a:hover#paulette { background: #3cf; color: #000; }
    	ul.main li:hover a:active { background: #0f0; color: #000; }
    	ul.main li:hover ul li a:active { background: #0f0; color: #000; }
/* NAV:SECONDARY LIST NAVIGATION  */
    ul.nav li.secondary { background: transparent !important; color: #cde; float: right; }
    	ul.nav li.secondary span.status { float: left; font-size: 0.9em; height: 2.77em; line-height: 2.77em; padding: 0 1em; }
    		ul.nav li.secondary span.status a { background: transparent; color: #fff; display: inline; float: none; height: auto; line-height: auto; padding: 0; }
    			ul.nav li.secondary span.status a:hover { background: transparent; color: #fff; }
    		ul.nav li.secondary span.status span { text-transform: capitalize; }
    	ul.nav li.secondary:hover a { background: #360; color: #fff; }
    		ul.nav li.secondary:hover a:hover { background: #0d0; color: #000; }
    		ul.nav li.secondary:hover a:active { background: #0f0; color: #000; }
/* =====PRINT-STYLES===================================================================== */
    .noprint { display: none !important; }
/* ========================================================================== */
    /*20090623-1234 - COMBINED 20100529-2205 JM*/

