/*960 Grid System.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;
	max-width: 90%;
	margin: auto;
}
em {
	color: #000;
}
/* 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;
}
/* 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;
}
/* branding----------------------------------------------- */
.branding {
	color: #333;
	font-family: 'Raspoutine Medium', Constantia, Georgia, serif;
	font-style: italic;
}
h1.branding {

	font-size: 3.5em;
	font-weight: normal;
	margin-bottom: 0;
	padding: 10px 0 10px 0;
}
img.branding {
	padding: 1em;
	vertical-align: middle;
	float: left;
}
.box h2.branding {
	background: #fff;
	color: #000;
  font-size: 1.5em;
}
h3.branding {
	font-size: 1em;
	font-weight: bold;
	margin: 0 0 5px 0;
	padding-left: 10px;
		text-transform: uppercase;
	font-family: arial, sans-serif;
}
p.branding {
	padding-left: 20px;
}
/*--------------------------*/
#g12-navmain a span {
	position: fixed;
	left: 0px;
	top: 6px;
	width: 50px;
	height: 60px;
	z-index: 100;
}
/* page heading----------------------------------------------- */
h2#page-heading {
	background: #649f00;
	/*#d6d6d6;
*/
	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;
}
/* teacher branding----------------------------------------------- */
.bt {
background:
/*#390*/
	#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;
}
/* technique branding----------------------------------------------- */
.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;
}
/* boxes----------------------------------------------- */
.box {
	background: #fff;
	margin-bottom: 20px;
	padding: 10px 10px 1px 10px;
}
.box h2 {
	background: #649f00;
	color: #fff;
	font-size: 1em;
	font-weight: normal;
	margin: -10px -10px 0 -10px;
	padding: 6px 12px;
	text-transform: uppercase;
	font-family: arial, sans-serif;
}

.box h2.bt {
	background: #060;
	color: #fff;
}
.box h2.stringing {
	background: #00af00;
/*med green*/
	color: #fff;
}
.box h2.stitching {
	background: #ec9f00;
/*gold*/
	color: #fff;
}
.box h2.chainmaille {
	background: #b74e00;
/*copper*/
	color: #fff;
}
.box h2.fibers {
	background: #15aa9d;
/*bluegreen*/
	color: #fff;
}
.box h2.kids {
	background: #c00;
/*dk hard red*/
	color: #fff;
}
.box h2.metalwork {
	background: #c06;
/*green blue*/
	color: #fff;
}
.box h2.polymer {
	background: #90288e;
/*purple*/
	color: #fff;
}
.box h2.wirework {
	background: #0000cc;
/*med blue*/
	color: #fff;
}
.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;
}
/* 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;
}
/* 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;
}
/* submenus----------------------------------------------- */
ul.menu ul {
	list-style: none;
	margin: 0;
}
ul.menu ul li a {
	padding-left: 30px;
}
/* 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;
}
/* 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: 300px;
	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: 200px;
	position: relative;
	width: 200px;
	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;
}
/* table----------------------------------------------- */
table {
	border: 1px solid #bbb;
	margin-bottom: 10px;
	width: 100%;
}
col.colC {
	width: 8em;
}
th, td {
	padding: .2em 1em;
	text-align: left;
	line-height: 1.5;
}
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;
}
/* forms----------------------------------------------- */
form {
	overflow: hidden;
}
fieldset {
	background: #e9e9e9;
	border: 1px solid #bbb;
	margin-bottom: 10px;
	padding: 10px;
	position: relative;
}
legend {
	background: #fff;
	border: 1px solid #bbb;
	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%;
}
/* 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;
}
/* site information----------------------------------------------- */
#site_info .box {
background:
/*#cfc*/
	#649f00;
	border-top: 1px solid #360;
	color: #000;
	margin-bottom: 10px;
}
#site_info a {
	color: #000;
}
#site_info a:hover {
	color: #000;
}
/* AJAX sliding shelf----------------------------------------------- */
#loading {
	float: right;
	margin-right: 14px;
	margin-top: -2px;
}
.block {
	padding-bottom: 1px;
}
/* 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 {
	padding-bottom: 10px;
	background: #f0f;
}
#accordian-block2 {
	padding-bottom: 10px;
	background: #0f0;
}
#accordian-block3 {
	padding-bottom: 10px;
	background: #ff0;
}
/* 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;
}
/*---------------------------------------------------*/
/* curvy banner   see http://www.cssplay.co.uk/boxes/curves.html for details*/
.curvybanner {
	position: relative;
	width: 500px;
background:
/*3090009*/
	#649f00;
	color: #fff;
	margin: 0.5em 0.5em;
}
#ctl, #cbl, #ctr, #cbr {
	position: absolute;
	width: 20px;
	height: 20px;
	color: #060;
	background: #fff;
	overflow: hidden;
	font-style: normal;
	z-index: 1;
}
#ctl {
	top: 0;
	left: 0;
}
#cbl {
	bottom: 0;
	left: 0;
}
#ctr {
	top: 0;
	right: 0;
}
#cbr {
	bottom: 0;
	right: 0;
}
.curvybanner em b {
	position: absolute;
	font-size: 150px;
	font-family: arial;
	color: #649f00;
	line-height: 40px;
	font-weight: normal;
}
#ctl b {
	left: -8px;
}
#ctr b {
	left: -25px;
}
#cbl b {
	left: -8px;
	top: -17px;
}
#cbr b {
	left: -25px;
	top: -17px;
}
.curvybanner p {
	position: relative;
	z-index: 100;
	padding: 10px 15px;
	font-size: 18px;
	font-family: constantia, serif;
	font-style: italic;
	text-align: center;
}
/* curvy250------------------------------------------*/
.curvy250 {
	position: relative;
	width: 250px;
	background: #649f00;
	color: #fff;
	margin: 0.5em 0.5em;
}
#ctl, #cbl, #ctr, #cbr {
	position: absolute;
	width: 20px;
	height: 20px;
	color: #060;
	background: #fff;
	overflow: hidden;
	font-style: normal;
	z-index: 1;
}
#ctl {
	top: 0;
	left: 0;
}
#cbl {
	bottom: 0;
	left: 0;
}
#ctr {
	top: 0;
	right: 0;
}
#cbr {
	bottom: 0;
	right: 0;
}
.curvy250 em b {
	position: absolute;
	font-size: 150px;
	font-family: arial;
	color: #649f00;
	line-height: 40px;
	font-weight: normal;
}
#ctl b {
	left: -8px;
}
#ctr b {
	left: -25px;
}
#cbl b {
	left: -8px;
	top: -17px;
}
#cbr b {
	left: -25px;
	top: -17px;
}
.curvy250 p {
	position: relative;
	z-index: 100;
	padding: 10px 10px;
	font-size: 24px;
	font-family: constantia;
	font-style: italic;
	text-align: center;
}
/*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;
/* Change 13px as desired */
	line-height: 16px;
/* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
	height: 24px;
/* Height of button background height */
	padding-left: 11px;
/* Width of left menu image */
	text-decoration: none;
}
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 {
/* Hover state CSS */
	background-position: bottom left;
}
a.ovalbutton:hover span {
/* Hover state CSS */
	background-position: bottom right;
	color: black;
}
.buttonwrapper {
/* Container you can use to surround a CSS button to clear float */
	overflow: hidden;
/*See: http://www.quirksmode.org/css/clearing.html */
	width: 100%;
}
/*--------------------------------------------------*/
@media screen {
.noscreen {
	display: none;
}
}
/* common code for screen and print */
/*...@media screen {
#caption {
	display: none;
}
#navmenu {
	display: block;
}
}
/*@media print {
body {
	margin: 0;
	padding: 0;
	font: 12pt;
}
#caption {
	display: block;
}
#navmenu {
	display: none;
}
th {
	background: #fff;
}
* {
	background: #fff;
}
*box {
	color: #000;
}
noprint {
	display: none;
}
*/
}
/*20090623-1234 JM*/