/* carousel fade in */
.carousel-fade .carousel-inner .item {
  -webkit-transition-property: opacity;
          transition-property: opacity;
}
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  opacity: 0;
}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-control {
  z-index: 2;
}
/*
* Skeleton V1.1
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 8/17/2011
*/

/* Table of Content
==================================================
	#Reset & Basics
	#Basic Styles
	#Site Styles
	#Typography
	#Links
	#Lists
	#Images
	#Buttons
	#Tabs
	#Forms
	#Misc
	#Base 960 Grid
	#Mobile (Portrait)
	#Header Account Block
	#16-column feature rotator
	#13-column feature rotator
	#Main page feature blocks
	#Main page event blocks
	#Sponsor blocks
 */
	
	
/* #Reset & Basics (Inspired by E. Meyers)
================================================== */
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, 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, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline; }
	
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block; }
body {line-height: 1; }
ol, ul {list-style: none; }
blockquote, q {quotes: none; }
blockquote:before, blockquote:after,q:before, q:after {content: ''; content: none; }
table {border-collapse: collapse; border-spacing: 0; }


/* #Basic Styles
================================================== */
body {
background: #efe6dd url('/images/template/header_bg.png') repeat-x left top;
font: 14px/21px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
color: #444;
-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
-webkit-text-size-adjust: 100%;
}


#headerwrap {
height:150px;
background: url('/images/template/header_logo2.png') no-repeat 10px 55px; 
position:relative; 
z-index:97;}

#bodywrap { 
background-color: #fff; 
padding-top: 10px;
margin-bottom: 20px;
border-bottom: 2px solid #e2d3cc; 
z-index: 1;
}

#mobilewrap {
display: none;
}

	/* Basic Styles - Mobile */
	@media only screen and (max-width: 767px) {
		
		body {
		background: #ffffff;
		font: 14px/21px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
		color: #444;
		-webkit-font-smoothing: antialiased;
		-webkit-text-size-adjust: 100%;
		}
		
		#headerwrap {display: none;}
		#mobilewrap {display: block; background:#35342f; height: 60px;}
		#mobilewrap img {width: 220px; height: auto;}
		#nav {z-index: 1001;}
		#bodywrap {background-color: transparent; border: none;}	
	}




/* #Typography
================================================== */
h1, h2, h3, h4, h5, h6 {
color: #181818;
font-family: "Georgia", "Times New Roman", Helvetica, Arial, sans-serif;
font-weight: normal; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }
h1 { font-size: 32px; font-weight: bold; line-height: 37px; margin: 15px 0 8px 0; vertical-align: bottom; }
h2 { font-size: 32px; line-height: 37px; margin-bottom: 8px; }
h3 { font-size: 28px; line-height: 34px; margin-bottom: 8px; }
h4 { font-size: 21px; line-height: 30px; margin-bottom: 4px; }
h5 { font-size: 17px; line-height: 24px; margin-bottom: 4px; font-family: Helvetica, sans-serif}
h6 { font-size: 14px; line-height: 21px; }

    @media only screen and (max-width: 767px) {
    	h1 { font-size: 28px; font-weight: bold; line-height: 34px; margin: 15px 0 8px 0; vertical-align: bottom; }
    }


.subheader { color: #777; }

p { margin: 0 0 1em 0; }
p img { margin: 0; }
p.lead { font-size: 21px; line-height: 25px;}

em { font-style: italic; }
strong { font-weight: bold; color: #333; }
small { font-size: 80%; }

blockquote, blockquote p { font-size: 17px; line-height: 24px; color: #777; font-style: italic; }
blockquote { margin: 0 0 20px; padding: 9px 20px 0 19px; border-left: 1px solid #ddd; }
blockquote cite { display: block; font-size: 12px; color: #555; }
blockquote cite:before { content: "\2014 \0020"; }
blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { color: #555; }

hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 10px 0 30px; height: 0; }
	

/* #Links
================================================== */
a { color: #777; font-weight: 600; text-decoration: underline; outline: 0; }
a:hover, a:focus { color: #000; }

a.AG, a.AG:visited {color: #0a8a89; text-decoration: none;}
a.KG, a.KG:visited {color: #c24450; text-decoration: none;}
a.CE, a.CE:visited {color: #788b20; text-decoration: none;}
a.DS, a.DS:visited {color: #cd890a; text-decoration: none;}
a.DV, a.DV:visited {color: #52608a; text-decoration: none;}
a.AU, a.AU:visited {color: #77665c; text-decoration: none;}
a.TG, a.TG:visited {color: #de5b27; text-decoration: none;}

a.AG:hover, a.AG:active, a.KG:hover, a.KG:active, a.CE:hover, a.CE:active,
a.DS:hover, a.DS:active, a.DV:hover, a.DV:active, a.AU:hover, a.AU:active,
a.TG:hover, a.TG:active {text-decoration: underline;}

p a, p a:visited { line-height: inherit; }


/* #Lists
================================================== */
ul, ol { margin-bottom: 20px; }
ul { list-style: none outside; }
ol { list-style: decimal; }
ol, ul.square, ul.circle, ul.disc { margin-left: 30px; }
ul.square { list-style: square outside; }
ul.circle { list-style: circle outside; }
ul.disc { list-style: disc outside; }
ul ul, ul ol,
ol ol, ol ul { margin: 4px 0 5px 30px; font-size: 90%;  }
ul ul li, ul ol li,
ol ol li, ol ul li { margin-bottom: 6px; }
ul.large li { line-height: 21px; }
li p { line-height: 21px; }
	

/* #Images
================================================== */
img.scale-with-grid {max-width: 100%; height: auto; margin-bottom: 1em; }
img.scale-to-grid {width: 100%; height: auto; margin-bottom: 1em; }
img.overlay {width: 100%; height: 60px; }
		
img.feature {
float:right;
margin: 0 -120px 20px 20px;
padding: 5px; 
border: 1px solid #e2d3cc;
box-shadow: 3px 3px 5px #888;
max-width: 420px; }
		
img.portrait {
float:right;
margin: 10px 25px 20px;
max-width: 250px; }

img.icon_course {
float: right;
margin: 15px 8px 0 8px;
vertical-align: bottom;
height: 38px;
}

img.desc_course {
	float: left;
	max-width: 100%; 
	height: auto;
	margin: 0 1em 1em 0;
}

	/* Basic Styles - Mobile */
	@media only screen and (max-width: 767px) {
		
		img.icon_course {
		margin: 0 4px 15px 4px;
		vertical-align: bottom;
		height: 38px;
		}
		
		img.desc_course {
		float: left;
		max-width: 100%; 
		height: auto;
		margin: 1em 1em 1em 0;
		}	
	}


/* #Buttons
================================================== */
.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
background: #eee;
background: #eee -moz-linear-gradient(top, rgba(255,255,255,.2) 0%, rgba(0,0,0,.2) 100%);
background: #eee -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.2)), color-stop(100%,rgba(0,0,0,.2)));
background: #eee -webkit-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%);
background: #eee -o-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%);
background: #eee -ms-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%);
background: #eee linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%);
border: 1px solid #aaa;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
padding: 4px 12px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
color: #444;
display: inline-block;
font-size: 11px;
font-weight: bold;
text-decoration: none;
text-shadow: 0 1px rgba(255, 255, 255, .75);
cursor: pointer;
margin-bottom: 15px;
margin-left: 10px;
line-height: normal;
padding: 8px 10px;
font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
float:right;}

.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover {
color: #222;
background: #ddd; /* Old browsers */
background: #ddd -moz-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%);
background: #ddd -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.3)), color-stop(100%,rgba(0,0,0,.3)));
background: #ddd -webkit-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%);
background: #ddd -o-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%);
background: #ddd -ms-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%);
background: #ddd linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%);
border: 1px solid #888;
border-top: 1px solid #aaa;
border-left: 1px solid #aaa; }

.button:active,
button:active,
input[type="submit"]:active,
input[type="reset"]:active,
input[type="button"]:active {
border: 1px solid #666;
background: #ccc;
background: #ccc -moz-linear-gradient(top, rgba(255,255,255,.35) 0%, rgba(10,10,10,.4) 100%);
background: #ccc -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.35)), color-stop(100%,rgba(10,10,10,.4)));
background: #ccc -webkit-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%);
background: #ccc -o-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%);
background: #ccc -ms-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%);
background: #ccc linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%);}

.button.full-width,
button.full-width,
input[type="submit"].full-width,
input[type="reset"].full-width,
input[type="button"].full-width {
width: 100%;
padding-left: 0 !important;
padding-right: 0 !important;
text-align: center; }

/* Fix for odd Mozilla border & padding issues */
button::-moz-focus-inner, input::-moz-focus-inner {border: 0; padding: 0;}

input.asyncLinkKG {
	
font-size: 1.1em; 
color: #c24450; 
background: none; 
border: none; 
padding: none;
cursor: pointer;
	
}

input.asyncLinkKG:hover {
text-decoration: underline;
background: none;
border: none;
padding: none;
color: red;
}

input.asyncLinkAG {
	
font-size: 1.1em; 
color: #0a8a89; 
background: none; 
border: none; 
padding: none;
cursor: pointer;
	
}

input.asyncLinkAG:hover {
text-decoration: underline;
background: none;
border: none;
padding: none;
color: green;
}


a.action {
border: none;
background: #bdc3c7;
padding: 9px 12px 10px;
line-height: 22px;
text-decoration: none;
text-shadow: none;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
-webkit-transition: 0.25s;
-moz-transition: 0.25s;
-o-transition: 0.25s;
transition: 0.25s;
-webkit-backface-visibility: hidden;
}
	
a.action:hover{
background-color: #cacfd2;
outline: none;
-webkit-transition: 0.25s;
-moz-transition: 0.25s;
-o-transition: 0.25s;
transition: 0.25s;
-webkit-backface-visibility: hidden;
}

a.KG.action {background: #e6aaae;}
a.AG.action {background: #BAE0E1;}
a.CE.action {background: #c7d573;}
a.DS.action {background: #f2cb78;}
a.DV.action {background: #acb5cf;}
a.AU.action {background: #bfb7b2;}
a.TG.action {background: #f0a688;}
a.DV2.action {background-color: #ffffff; color: #B94A48; border: 1px solid #B94A48;}

a.KG.action:hover {background-color: #ebc1c3; color: #c24450;}
a.AG.action:hover {background-color: #c7e8e8; color: #0a8a89;}
a.CE.action:hover {background-color: #d7e48b; color: #788b20;}
a.DS.action:hover {background-color: #f3d698; color: #cd890a;}
a.DV.action:hover {background-color: #c0c7dc; color: #52608a;}
a.AU.action:hover {background-color: #d1cbc7; color: #77665c;}
a.TG.action:hover {background-color: #f5d3c6; color: #de5b27;}
a.DV2.action:hover {background-color: #f1d1d3; color: #B94A48}

/* #Tabs (activate in tabs.js)
================================================== */
ul.tabs {
display: block;
margin: 0 0 20px 0;
padding: 0;
border-bottom: solid 1px #ddd; }

ul.tabs li {
display: block;
width: auto;
height: 30px;
padding: 0;
float: left;
margin-bottom: 0; }

ul.tabs li.coursedetail {
display: block;
width: auto;
height: 30px;
padding: 0;
float: right;
margin-bottom: 0; }		
		
ul.tabs li a {
display: block;
text-decoration: none;
width: auto;
height: 29px;
padding: 0px 20px;
line-height: 30px;
border: solid 1px #ddd;
border-width: 1px 1px 0 0;
margin: 0;
background: #f5f5f5;
font-size: 13px; }

ul.tabs li a.active {
background: #fff;
height: 30px;
position: relative;
top: -4px;
padding-top: 4px;
border-left-width: 1px;
margin: 0 0 0 -1px;
color: #111;
-moz-border-radius-topleft: 2px;
-webkit-border-top-left-radius: 2px;
border-top-left-radius: 2px;
-moz-border-radius-topright: 2px;
-webkit-border-top-right-radius: 2px;
border-top-right-radius: 2px; }

ul.tabs li:first-child a.active {margin-left: 0; }

ul.tabs li:first-child a {
border-width: 1px 1px 0 1px;
-moz-border-radius-topleft: 2px;
-webkit-border-top-left-radius: 2px;
border-top-left-radius: 2px; }

ul.tabs li:last-child a {
-moz-border-radius-topright: 2px;
-webkit-border-top-right-radius: 2px;
border-top-right-radius: 2px; }

ul.tabs-content { margin: 0; display: block; }
ul.tabs-content > li { display:none; }
ul.tabs-content > li.active { display: block; }

/* Clearfixing tabs for beautiful stacking */
ul.tabs:before,
ul.tabs:after {
content: '\0020';
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0; }

ul.tabs:after {clear: both; }
ul.tabs {zoom: 1; }


/* #Forms
================================================== */
form {margin-bottom: 20px; }
fieldset {margin-bottom: 20px; }

input[type="text"],
input[type="password"],
input[type="email"],
textarea,
select {
border: 1px solid #ccc;
padding: 6px 4px;
outline: none;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
font: 13px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
color: #777;
margin: 0;
width: 210px;
max-width: 100%;
display: block;
margin-bottom: 20px;
background: #fff; }
		

input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
textarea:focus 	{
border: 1px solid #aaa;
color: #444;
-moz-box-shadow: 0 0 3px rgba(0,0,0,.2);
-webkit-box-shadow: 0 0 3px rgba(0,0,0,.2);
box-shadow:  0 0 3px rgba(0,0,0,.2); }
		
input[disabled]
{
background-color: #eeeeee;
}	
		
textarea {min-height: 60px; }

label,
legend {
display: block;
font-weight: bold;
font-size: 12px;  }
		
select {width: 220px; padding: 0; }
input[type="checkbox"] {display: inline; }

label span,
legend span {
font-weight: bold;
font-size: 13px;
color: #444; }

input#Address_State,
input#Billing_CardExpMonth,
input#Billing_CardExpYear{
display: inline-block;
width: 35px;
margin-right: 10px;}

input#Address_Zip {display: inline-block; width: 150px; clear: right;}

/* #Misc
================================================== */
.remove-bottom { margin-bottom: 0 !important; }
.half-bottom { margin-bottom: 10px !important; }
.add-bottom { margin-bottom: 20px !important; }

    @media only screen and (max-width: 767px) {
    .add-top { margin-top: 20px !important; }
    }



/* #Base 960 Grid
================================================== */
.container						{ position: relative; width: 960px; margin: 0 auto; padding: 0;}
.container .column,
.container .columns				{ float: left; display: inline; margin-left: 10px; margin-right: 10px; }
.row							{ margin-bottom: 20px; }

.column.alpha, .columns.alpha	{ margin-left: 0; }
.column.omega, .columns.omega	{ margin-right: 0; }

.container .one.column,
.container .one.columns			{ width: 40px;  }
.container .two.columns			{ width: 100px; }
.container .three.columns		{ width: 160px; }
.container .four.columns		{ width: 220px; }
.container .five.columns		{ width: 280px; }
.container .six.columns			{ width: 340px; }
.container .seven.columns		{ width: 400px; }
.container .eight.columns		{ width: 460px; }
.container .nine.columns		{ width: 520px; }
.container .ten.columns			{ width: 580px; }
.container .eleven.columns		{ width: 640px; }
.container .twelve.columns		{ width: 700px; }
.container .thirteen.columns	{ width: 760px; }
.container .fourteen.columns	{ width: 820px; }
.container .fifteen.columns		{ width: 880px; }
.container .sixteen.columns		{ width: 940px; }

.container .one-third.column	{ width: 300px; }
.container .two-thirds.column	{ width: 620px; }

.container .offset-by-one		{ padding-left: 60px;  }
.container .offset-by-two		{ padding-left: 120px; }
.container .offset-by-three		{ padding-left: 180px; }
.container .offset-by-four		{ padding-left: 240px; }
.container .offset-by-five		{ padding-left: 300px; }
.container .offset-by-six		{ padding-left: 360px; }
.container .offset-by-seven		{ padding-left: 420px; }
.container .offset-by-eight		{ padding-left: 480px; }
.container .offset-by-nine		{ padding-left: 540px; }
.container .offset-by-ten		{ padding-left: 600px; }
.container .offset-by-eleven	{ padding-left: 660px; }
.container .offset-by-twelve	{ padding-left: 720px; }
.container .offset-by-thirteen	{ padding-left: 780px; }
.container .offset-by-fourteen	{ padding-left: 840px; }
.container .offset-by-fifteen	{ padding-left: 900px; }

/*  #Mobile (Portrait)
================================================== */
    @media only screen and (max-width: 767px) {
        .container { width: 300px; }
        .container .columns,
        .container .column { margin: 0; }

        .container .one.column,
        .container .one.columns,
        .container .two.columns,
        .container .three.columns,
        .container .four.columns,
        .container .five.columns,
        .container .six.columns,
        .container .seven.columns,
        .container .eight.columns,
        .container .nine.columns,
        .container .ten.columns,
        .container .eleven.columns,
        .container .twelve.columns,
        .container .thirteen.columns,
        .container .fourteen.columns,
        .container .fifteen.columns,
        .container .sixteen.columns,
        .container .one-third.column,
        .container .two-thirds.column  { width: 300px; }

        /* Offsets */
        .container .offset-by-one,
        .container .offset-by-two,
        .container .offset-by-three,
        .container .offset-by-four,
        .container .offset-by-five,
        .container .offset-by-six,
        .container .offset-by-seven,
        .container .offset-by-eight,
        .container .offset-by-nine,
        .container .offset-by-ten,
        .container .offset-by-eleven,
        .container .offset-by-twelve,
        .container .offset-by-thirteen,
        .container .offset-by-fourteen,
        .container .offset-by-fifteen { padding-left: 0; }
        
        .row { margin-bottom: 10px; }

    }
/* #Clearing
================================================== */

    /* Self Clearing Goodness */
    .container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

    /* Use clearfix class on parent to clear nested columns,
    or wrap each row of columns in a <div class="row"> */
    .clearfix:before,
    .clearfix:after,
    .row:before,
    .row:after {
      content: '\0020';
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0; }
    .row:after,
    .clearfix:after {
      clear: both; }
    .row,
    .clearfix {
      zoom: 1; }

    /* You can also use a <br class="clear" /> to clear columns */
    .clear {
      clear: both;
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0;
    }


/* #Section Colors
================================================== */
.AG {color: #0a8a89;}
.KG {color: #c24450;}
.CE {color: #788b20;}
.DS {color: #cd890a;}
.DV {color: #52608a;}
.AU {color: #77665c;}
.TG {color: #de5b27;}
.BJG {color: #4189dd;}


/* #Header Account Block
================================================== */
#accountblock {margin-top: 20px;}

#accountblock .accountinfo {
color: #eae2d6;
font-weight: bold;
text-decoration: none;
padding: 10px;
}



/* #13-column feature rotator
================================================== */
.stage12 {width:690px; height:199px; position:relative;  background:#edf1d6; border: 2px solid #e2d3cc;}
.stage12 .stgslide {height: 169px; top:16px; left:290px; position:absolute; }
.stage12 .stgslide img {
	height:160px; 
	width:380px;  
	border: 1px solid #e2d3cc;  
	-moz-box-shadow: 3px 3px 5px #888; 
	-webkit-box-shadow: 3px 3px 5px  #888;
	 box-shadow: 3px 3px 5px #888;}
.stage12 .stgslide .stgslidecredit {display:none;}
.stage12 .stgslide .stgslideheading {display:none;}
.stage12 .stgslide .stgslidecontent {display:none;}
.stage12 .stgcredit {width:379px; top:180px; left:280px; position:absolute; font-size:9px; color:#4A4A30; text-align:right;}
.stage12 .stghrimg {width:230px; height:151px; margin:0; left:19px; position:absolute; background:#edf1d6; overflow: hidden;}
.stage12 .stghrtxt {width:230px; height: 151px; top:16px; left:26px; position:absolute; overflow: hidden;}
.stage12 .stghrtxt h1 {font-weight: bold; color: #788b20; margin-bottom: .5em;} 
.stage12 .stghrtxt h2 {font-weight: bold; padding: .25em 0; line-height: normal;}
.stage12 .stghrtxt p {font: 14px Helvetica, Arial, sans-serif; line-height:1.4em; color:#333; text-align:left; margin-bottom: 1em; }
.stage12 .stghrtxt p.date-time {font: bold 13px Helvetica, Arial, sans-serif; margin-bottom:0;  text-align:left; text-transform:uppercase; }
.stage12 .stghrtxt img {text-align:center;}
.stage12 .stghrtxt a.title {text-decoration: none;}
.stage12 .stghrtxt a.action {font-size: .9em; font-weight: bold; text-decoration: none; text-transform:uppercase;}
.stage12 .stghrtxt a.action:hover {text-decoration: underline;}
.stage12 .stgbtnwrpr {width:220px; top:175px; left:26px; position:absolute; text-align:center;}
.stage12 .stgbtnoff, .stage12 .stgbtnon {
display:block;
width:12px;
height:0;
margin: 0 10px;
padding-top:12px;
background-image:url('/images/template/nav/pagination.png');
background-position:0 0;
float:left;
overflow:hidden;}
.stage12 .stgbtnon {background-position:0 -12px;}

/* #Main page feature blocks
================================================== */
.main-feature-wrap {
padding-left: 20px;
border-left: 1px solid #cac4c8;
margin-bottom: 1em;
}

@media 
only screen and (max-width: 767px) {
.main-feature-wrap {
border-left: none;
}
}

.main-feature {
padding: 10px 0 10px 0;
margin-bottom: 15px;
min-height: 200px;
}

@media 
only screen and (max-width: 767px) {
	.main-feature-wrap {
		border-left: none;
		margin: 0 0 1em 0;
		padding-left: 0;
	}
	
	.main-feature {
		padding: 5px 0;
		min-height: 0;
	}
	
}

.main-feature img {
float: left;
width: 150px;
height: 140px;
margin: 10px 20px 10px 0;
-moz-box-shadow: 3px 3px 4px #ccc;
-webkit-box-shadow: 3px 3px 4px #ccc;
box-shadow: 3px 3px 4px #ccc;
}


.main-feature img.banner {
float: left;
width: 100%;
height: auto;
margin-bottom: 2em;
}


.main-feature h5 {
font-weight: bold;
margin: .75em 0;
color: #333;
}

.main-feature a {
text-decoration: none;
font-weight: 800;
}

.main-feature a:hover {
text-decoration: underline;
}

.main-feature h4.KG{
font-weight: bold;
border-bottom: 4px solid #c24450;
color: #c24450;
}

.main-feature a.KG {
color: #c24450;
}

.main-feature h4.AG{
font-weight: bold;
border-bottom: 4px solid #0a8a89;
color: #0a8a89;
}

.main-feature a.AG {
color: #0a8a89;
}

.main-feature h4.TG{
font-weight: bold;
border-bottom: 4px solid #de5b27;
color: #de5b27;
}

.main-feature a.TG {
color: #de5b27;
}

.main-feature h4.DV{
font-weight: bold;
border-bottom: 4px solid #52608a;
color: #52608a;
}

.main-feature a.DV {
color: #52608a;
}


/* #Main page event blocks
================================================== */
.main-event-wrap {
padding: 10px 0px 10px 0;
}

@media 
only screen and (max-width: 767px) {
	.main-event-wrap {
		padding: 10px 0px 10px 0;
		margin: 0 0 1em 0;	
	}
}

.main-event-wrap h4{
font-weight: bold;
border-bottom: 4px solid #788b20;
color: #788b20;
margin-bottom: .75em;
}

.main-event-wrap a {
text-decoration: none;
}

.main-event-wrap h4.last{
margin-top: 1.5em;
}

.main-event {
position: relative;
padding: 0 5px;
height: 60px;
margin-bottom: 15px;
line-height: 13px;
}

.main-event img {
width: 100px;
height: 60px;
float: left;
margin-right: 10px;
-moz-box-shadow: 3px 3px 4px #ccc;
-webkit-box-shadow: 3px 3px 4px #ccc;
box-shadow: 3px 3px 4px #ccc;
}

.main-event a {
position: relative;
top: 3px;
font-size: 16px;
line-height: 1.1em;
font-weight: bold;

text-transform: uppercase;
padding: 1em 0;
text-decoration: none;
}

.main-event a:hover {
text-decoration: underline;
}

.main-event p {
font-size: 12px;
font-weight: bold;
font-family: Helvetica, sans-serif;
position: absolute;
margin: 0;
bottom:3px;
left: 115px;
}

/* #Sponsor blocks
================================================== */

.sponsor-wrap {
border-top: 1px dotted #888;
border-bottom: 1px dotted #888;
padding: 10px 0;
}

.sponsor-wrap div {
text-align: center;
}

.sponsor-wrap img {
width: 200px;
}

.sponsor-wrap p {
font-style: italic;
font-weight: normal;
font-family: Georgia, serif;
color: #999;
font-size: 13px/15px;
margin: 0;
}


/* #Content Pane
================================================== */


#bodywrap h1.page {
border-bottom-width: 4px;
border-bottom-style: solid;
}

#bodywrap h1.DV {color:	#52608a; border-bottom-color: #52608a;} 
#bodywrap h1.CE {color:	#788b20; border-bottom-color: #788b20;}
#bodywrap h1.AU {color: #77665c; border-bottom-color: #77665c;}
#bodywrap h1.AG {color: #0a8a89; border-bottom-color: #0a8a89;}
#bodywrap h1.KG {color: #c24450; border-bottom-color: #c24450;}
#bodywrap h1.DS {color: #cd890a; border-bottom-color: #cd890a;}
#bodywrap h1.TG {color: #de5b27; border-bottom-color: #de5b27;}

#bodywrap h2 {
font-size: 25px;
line-height: 29px;
font-weight: bold;
margin: 0;
}

#bodywrap h3 {
font-size: 20px;
font-weight: bold;
line-height: normal;
margin: 15px 0;
}


#bodywrap hr.titlebreak {
border: solid #0a8a89; 
border-width: 4px 0 0; 
clear: both; 
margin: 10px 0 14px 0; 
height: 0;
}

#bodywrap hr.AG {border: solid #0a8a89;}
#bodywrap hr.KG {border: solid #c24450;}
#bodywrap hr.CE {border: solid #788b20;}
#bodywrap hr.AU {border: solid #77665c;}
#bodywrap hr.DV {border: solid #52608a;}
#bodywrap hr.DS {border: solid #cd890a;}
#bodywrap hr.DS {border: solid #de5b27;}


#bodywrap ul.prices {
margin-bottom: 15px;
font-weight: 500;
font-size: 1.1em;
line-height: 1.6em;
color:#788b20;
}


#bodywrap .video-frame {
position: relative;
padding-bottom: 56.25%;
padding-top: 0;
height: 0;
margin-bottom: 2em;
overflow: hidden;
}

#bodywrap .video-frame iframe,  
#bodywrap .video-frame object,  
#bodywrap .video-frame embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

#bodywrap img.course {
border: 1px solid #E2D3CC;
padding: 3px;
margin-bottom: 15px;
box-shadow: 3px 3px 5px #888;
overflow: hidden;
}

#bodywrap .textwrap {
padding: 20px;
}

#bodywrap .datetime {
font-weight: bold;
font-size: 1.1em;
margin: 0;
padding: 0;
}


/* #Secondary navigation
================================================== */

#subnav ul {
	margin-top: 0; 
	margin-bottom: 20px; 
	font-weight: bold;
}

#subnav > ul > li {padding: 5px 10px 5px 15px;}

#subnav > ul > li.head {padding:15px;}

#subnav ul li a {text-decoration: none;}

#subnav ul.AG {background-color: #D7F1F0;}
#subnav ul.KG {background-color: #f1d1d3;}
#subnav ul.CE {background-color: #e7efb6;}
#subnav ul.DS {background-color: #f8e0b0;}
#subnav ul.DV {background-color: #d1d8eb;}
#subnav ul.AU {background-color: #e0dedc;}
#subnav ul.TG {background-color: #f5d3c6;}
#subnav ul.info {background-color: #f5f5f5; font-size: small; border: 1px solid #ddd;}

#subnav > ul > li.info:hover{text-decoration: none;}
#subnav > ul > li.head:hover{text-decoration: none;}
#subnav > ul > li.head.AG {background-color: #BAE0E1;}
#subnav > ul > li.head.KG {background-color: #e6aaae;}
#subnav > ul > li.head.CE {background-color: #c7d573;}
#subnav > ul > li.head.DS {background-color: #f2cb78;}
#subnav > ul > li.head.DV {background-color: #acb5cf;}
#subnav > ul > li.head.AU {background-color: #bfb7b2;}
#subnav > ul > li.head.TG {background-color: #f0a688;}
#subnav > ul > li.head.info {background-color: #f5f5f5; border-bottom:1px solid #ddd;}

#subnav > ul > li.current.AG {background-color: #c7e8e8;}
#subnav > ul > li.current.KG {background-color: #ebc1c3;}
#subnav > ul > li.current.CE {background-color: #d7e48b;}
#subnav > ul > li.current.DS {background-color: #f3d698;}
#subnav > ul > li.current.DV {background-color: #c0c7dc;}
#subnav > ul > li.current.AU {background-color: #d1cbc7;}
#subnav > ul > li.current.TG {background-color: #f3bda8;}

#subnav > ul > li:hover{text-decoration: underline;}
#subnav > ul > li.AG:hover {background-color: #BAE0E1;}
#subnav > ul > li.KG:hover {background-color: #e6aaae;}
#subnav > ul > li.CE:hover {background-color: #c7d573;}
#subnav > ul > li.DS:hover {background-color: #f2cb78;}
#subnav > ul > li.DV:hover {background-color: #acb5cf;}
#subnav > ul > li.AU:hover {background-color: #bfb7b2;}
#subnav > ul > li.TG:hover {background-color: #f0a688;}
#subnav > ul > li.info:hover {background-color: #f5f5f5;}

#subnav > ul > li.CE.info:hover {background-color: #e7efb6; text-decoration: none;}

#subnav hr {margin: 10px 0;}


/* home-rotator - Twitter Bootstrap Carousel plug-in required
================================================== */
#home-rotator{
	
}
.carousel {
  position: relative;
  margin-bottom: 20px;
  line-height: 1;
}
.carousel-inner {
  overflow: hidden;
  width: 100%;
  position: relative;
}
.carousel-inner > .item {
  display: none;
  position: relative;
  -webkit-transition: .75s ease-in-out left;
  -moz-transition: .75s ease-in-out left;
  -o-transition: .75s ease-in-out left;
  transition: .75s ease-in-out left;
}
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  line-height: 1;
  width: 100%;
  max-height: 300px;
}
.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
  display: block;
}
.carousel-inner > .active {
  left: 0;
}
.carousel-inner > .next,
.carousel-inner > .prev {
  position: absolute;
  top: 0;
  width: 100%;
}
.carousel-inner > .next {
  left: 100%;
}
.carousel-inner > .prev {
  left: -100%;
}
.carousel-inner > .next.left,
.carousel-inner > .prev.right {
  left: 0;
}
.carousel-inner > .active.left {
  left: -100%;
}
.carousel-inner > .active.right {
  left: 100%;
}
.carousel-control {
  position: absolute;
  top: 40%;
  left: 15px;
  width: 40px;
  height: 40px;
  margin-top: -20px;
  font-size: 60px;
  font-weight: 100;
  line-height: 30px;
  color: #ffffff;
  text-align: center;
  text-decoration: none;
  background: #222222;
  border: 3px solid #ffffff;
  -webkit-border-radius: 23px;
  -moz-border-radius: 23px;
  border-radius: 23px;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.carousel-control.right {
  left: auto;
  right: 15px;
}
.carousel-control:hover,
.carousel-control:focus {
  color: #ffffff;
  text-decoration: none;
  opacity: 0.9;
  filter: alpha(opacity=90);
}
.carousel-indicators {
  position: absolute;
  bottom: 15px;
  right: 15px;
  z-index: 5;
  margin: 0;
  list-style: none;
}
.carousel-indicators li {
  display: block;
  float: left;
  width: 10px;
  height: 10px;
  margin-left: 5px;
  text-indent: -999px;
  background-color: #77665c;
  background-color: rgba(119, 102, 92, 0.25);
  border-radius: 5px;
}
.carousel-indicators .active {
  background-color: #fff;
}
.carousel-caption {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  width: 50%;
  padding: 15px 30px;
  border-radius: 0 5px 0 0;
  background: #fff;
  background: rgba(255, 255, 255, 0.85);
}

.carousel-caption p {
  color: #000;
  margin-bottom: .5em;
}
.carousel-caption h3.lead {
  margin: 0 0 .75em 0;
  color: #444;
  font-weight: normal;
  font-size: 28px;
  line-height: 34px;
}

@media 
only screen and (max-width: 767px) {
.carousel {
  position: relative;
  margin-bottom: 140px;
  line-height: 1;
}

.carousel-inner {
  overflow: visible;
  width: 100%;
  position: relative;
}

.carousel-caption {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -100px;
  width: 280px;
  padding: 15px 10px 10px 10px;
  background: #f5f5f5;
  background: rgba(245, 245, 245, 0.85);
}

.carousel-caption h1 {
  margin: 0;
  font-size: 22px;
  line-height: 25px;
}

.carousel-caption h3.lead {
  margin: 0 0 1em 0;
  color: #444;
  font-size: 17px;
  line-height: 20px;
  font-weight: normal;
}

.carousel-indicators {
  display: none;
}

}




/* #Course List table
================================================== */

#course-list
{
	font-size: 12px;
	margin: 0;
	table-layout: fixed;
	width: 100%;
	text-align: left;
	border-collapse: collapse;
}

@media 
only screen and (min-width: 768px) {
#course-list tbody:nth-child(odd) { background: #eee9e5;}
#course-list tbody.AG:nth-child(odd) { background: #D7F1F0;}
#course-list tbody.KG:nth-child(odd) { background: #f8dadd;}
#course-list tbody.TG:nth-child(odd) { background: #f5d3c6;}

#course-list tr { height: 75px;}

#course-list td
{
	padding: 8px; 
	border-top: 1px solid #cacaca;
	color: #333;
}

#course-list td.first{ width: 22%;}

#course-list td.last
{
	border-left: 1px dotted #cacaca;
	width: 60%;
}

#course-list td.detail
{	
	vertical-align: middle; 
	text-align: center;
}

#course-list p {margin: 0;}

#course-list a.courselink {
	text-decoration: none;
	font-weight: bold;
	font-size: 1.15em;
}

#course-list a.courselink:hover { text-decoration: underline;}

#course-list .keylinks {
	color: #666;
	font-size: .85em;
	text-decoration: none;
}
}
@media 
only screen and (max-width: 767px) {

	/* Force table to not be like tables anymore */
	#course-list table, #course-list thead, #course-list tbody, #course-list th, #course-list td, #course-list tr { 
		display: block; 
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	#course-list thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	#course-list td { 
		/* Behave  like a "row" */
		border: none;
		position: relative;
	}
	
	#course-list td.first { 
		padding: 8px;
		height: 40px;
	}	
	
	#course-list td.first.AG {background-color: #0a8a89;}
	#course-list td.first.KG {background-color: #c24450;}
	#course-list td.first.TG {background-color: #de5b27;}
	#course-list td.first.CE {background-color: #788b20;}	
	#course-list td a.AU {background-color: #77665c;}
	#course-list td a.DV {background-color: #52608a;}
	#course-list td a.DS {background-color: #cd890a;}
	
	#course-list td.last { 
		/* Behave  like a "row" */
		padding: 7px;
	}	
	
	#course-list td.detail { 
		display: none;
	}	
	
	#course-list td a.courselink {
		color: #fff;
		text-decoration: none;
		margin-top: 20px;
		font-weight: bold;
		font-size: 1.4em;
	}
	

	
	#course-list td img.arrowAG {float: right; width:35px; height:35px; background-image:url('/images/template/ArrowRight_sprite.png'); background-position: 0 0;}
	#course-list td img.arrowKG {float: right; width:35px; height:35px; background-image:url('/images/template/ArrowRight_sprite.png'); background-position: 0 -35px;}
	#course-list td img.arrowTG {float: right; width:35px; height:35px; background-image:url('/images/template/ArrowRight_sprite.png'); background-position: 0 -210px;}

}


#detailAG {float: right;width:35px; height:35px; text-decoration:none; display:block; background-image:url('/images/template/ArrowRight_sprite.png'); background-position: 0 0;}
#detailAG:hover {background-position:-35px 0;}
#detailKG {float: right;width:35px; height:35px; text-decoration:none; display:block; background-image:url('/images/template/ArrowRight_sprite.png'); background-position: 0 -35px;}
#detailKG:hover {background-position:-35px -35px;}
#detailAU {float: right;width:35px; height:35px; text-decoration:none; display:block; background-image:url('/images/template/ArrowRight_sprite.png'); background-position: 0 -175px;}
#detailAU:hover {background-position:-35px -175px;}
#detailTG {float: right;width:35px; height:35px; text-decoration:none; display:block; background-image:url('/images/template/ArrowRight_sprite.png'); background-position: 0 -210px;}
#detailTG:hover {background-position:-35px -210px;}

/* #CRS Detail - header block
================================================== */


#title-box.AG {border: 4px solid #0a8a89;}
#title-box.KG {border: 4px solid #c24450;}
#title-box.TG {border: 4px solid #de5b27;}

#title-box a {
	color: #fff;
	text-decoration: none;
}
#title-box a:hover {
	text-decoration: underline;
}

@media 
only screen and (min-width: 768px) {
	
	#title-group { 
	padding: 3px 0 3px 12px; 
	height: 28px; 
	font-size: 25px; 
	line-height: 28px; 
	font-weight: bold;
	}

	#title-group.AG {background-color: #0a8a89; color: #ffffff;}
	#title-group.KG {background-color: #c24450;	color: #ffffff;}
	#title-group.TG {background-color: #de5b27;	color: #ffffff;}
	
	#title-detail {
	height: 28px; 
	line-height: 28px; 
	padding: 3px;
	}
}

@media 
only screen and (max-width: 767px) {
	
	#title-box.AG {border: 4px solid #0a8a89; width: 292px;}
	#title-box.KG {border: 4px solid #c24450; width: 292px;}
	#title-box.TG {border: 4px solid #de5b27; width: 292px;}
	
	#title-group { 
	padding: 3px 0 3px 3px; 
	height: 28px; 
	font-size: 25px; 
	line-height: 28px; 
	font-weight: bold;
	width: 292px;
	}
	
	#title-group.AG {background-color: #0a8a89; color: #ffffff;}
	#title-group.KG {background-color: #c24450;	color: #ffffff;}
	#title-group.TG {background-color: #de5b27;	color: #ffffff;}
	
	#title-detail {
	height: auto; 
	line-height: inherit; 
	padding: 8px;
	}
}


/* #Classes List table - CRS Detail context
================================================== */

#classes-list
{
	font-size: 12px;
	margin: 0;
	width: 100%;
	text-align: left;
	border-collapse: collapse;
}

#classes-list tbody:nth-child(odd) { background: #eee9e5;}
#classes-list tbody.AG:nth-child(odd) { background: #D7F1F0;}
#classes-list tbody.KG:nth-child(odd) { background: #F1D1D3;}
#classes-list tbody.TG:nth-child(odd) { background: #f5d3c6;}

#classes-list tr.title {border-top: 1px solid #cacaca;}

#classes-list td
{
	padding: 8px;
	border-right: 1px dotted #cacaca;
	color: #333;
	width: 25%;
}

#classes-list td.times {font-weight: 700;}
#classes-list td.dates {font-weight: 700;}
#classes-list td.action, #classes-list td.price {text-align: center; border: none; padding: 15px;}
  
  
@media 
only screen and (max-width: 767px) {

	/* Force table to not be like tables anymore */
	#classes-list table, #classes-list thead, #classes-list tbody, #classes-list th, #classes-list td, #classes-list tr { 
		display: block; 
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	#classes-list thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	#classes-list tbody {padding: 8px;}
	
	#classes-list tr.title {border: none;}
	
	#classes-list td.name {padding-left: 0;}
	#classes-list td.action  {padding: 15px 0;}
	#classes-list td.price {text-align: left; padding-left: 27%; padding-top: 8px; padding-bottom: 8px;}
	
	#classes-list td { 
		/* Behave  like a "row" */
		border: none;
		position: relative;
		width: auto;
		padding-left: 27%;
		font-size: 1.1em;
		font-weight: 700;
	}
	
	
	#classes-list td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 8px;
		left: 5px;
		width: 25%; 
		padding-right: 10px;
		white-space: nowrap;
	}
	
	#classes-list td.price:before {content: "Price: ";}
	#classes-list td.dates:before {content: "Dates: ";}
	#classes-list td.times:before {content: "Day/Time: ";}
	#classes-list td.location:before {content: "Location: ";}
	
	#classes-list span.ages {display: block; font-size: .9em; font-weight: 500;}
	#classes-list em {font-weight: 500;}
	

	
}


/* Filter List table (Concert List, Faculty List . . .)
================================================== */

#concertFilter {
margin: 10px 0 0 0;
vertical-align: baseline;
}

#concertFilter input[type="text"]{
float: right;
display:inline;
}

#concertFilter label {
float:right;
display: inline;
}



table#filterList  {	
width: 100%;	
}

#filterList tr {
border-top: 2px solid #ccc;
}

#filterList td{
vertical-align: top;	
}

#filterList td.eventPhoto{
width: 120px;
}

#filterList td.facultyPhoto {
width:20%;
}

#filterList td.eventInfo {
padding: 20px 10px 10px 10px;
width: 370px;
}

#filterList td.eventInfoWide {
padding: 20px 10px 10px 10px;
width: 60%;
}

#filterList td.workshopInfo {
padding: 20px 10px 10px 10px;
width: 60%;
}

#filterList td.facultyName, #filterList td.facultyInfo {
padding: 10px;
text-align: left;
width: 40%;
}



#filterList td.facultyLink {
padding: 20px 10px 10px 10px;
width: 20%;
vertical-align: middle;
}

#filterList img {
width: 100px;

margin: 25px 10px;
}

#filterList td img.arrowAU{display: none;}

#filterList .blockDate {
margin: 10px;
padding: 10px;
height: 60px;
width: 40px;
border: 1px dotted #788b20;
text-align: center;
}

#filterList .blockDate .month {
display: block;
font-size: 13px;
font-weight: bold;
line-height: 12px;
text-transform: uppercase;
}

#filterList .blockDate .date {
display: block;
font: bolder 36px Georgia, serif;
line-height: 30px;
margin-left: -3px;
color: #96a844;
}

#filterList .blockDate .day {
display: block;
padding-top: 6px;
font-size: 13px;
font-weight: bold;
line-height: 16px;
text-transform: uppercase;
}

#filterList td.eventInfo a, #filterList td.eventInfoWide a {
color: #788b20;
font-weight: bold;
font-size: 1.2em;
text-decoration: none;
}

#filterList td.workshopInfo a {

font-weight: bold;
font-size: 1.2em;
text-decoration: none;
}

#filterList td.workshopInfo a.keylinks {
	color: #666;
	font-size: .85em;
	text-decoration: none;
}

#filterList td.workshopRegister {
	padding: 20px 10px 10px 10px;
	text-align: center;
}

#filterList td.facultyName a {
color: #77665c;
font-weight: bold;
font-size: 1.2em;
text-decoration: none;
}


#filterList .roundInfo{
margin: 15px 5px;
width:60px;
height:60px;
display:block;
border-radius:40px;
-moz-border-radius:40px;
-webkit-border-radius:40px;
-khtml-border-radius:40px;
border:#96a844 4px double;
font-size:20px;
font-weight: bold;
font-family: Georgia, serif;
font-style: italic;
color:#96a844;
line-height:60px;
text-shadow:0 1px 0 #fff;
text-decoration:none;
text-align:center;
background:#f8faec;
-moz-box-shadow: 2px 2px 4px #999;
-webkit-box-shadow: 2px 2px 4px  #999;}

#filterList .roundInfo:hover{
border:#96a844 4px double;
color:#96a844;
text-decoration:none;
background:#fff;
-moz-box-shadow: 1px 1px 3px #888;
-webkit-box-shadow: 1px 1px 3px  #888;}


#filterList .roundBuy{
margin: 15px 5px;
width:60px;
height:60px;
display:block;
border-radius:40px;
-moz-border-radius:40px;
-webkit-border-radius:40px;
-khtml-border-radius:40px;
border:#f8faec 4px double;
font-size:20px;
font-weight: bold;
font-family: Georgia, serif;
font-style: italic;
color:#f8faec;
line-height:60px;
text-shadow:0 1px 0 #fff;
text-decoration:none;
text-align:center;
background:#96a844;
-moz-box-shadow: 2px 2px 4px #999;
-webkit-box-shadow: 2px 2px 4px  #999;}

#filterList .roundBuy:hover{
border:#f8faec 4px double;
color:#f8faec;
text-decoration:none;
background:#a1b741;
-moz-box-shadow: 1px 1px 3px #888;
-webkit-box-shadow: 1px 1px 3px  #888;
}


@media 
only screen and (max-width: 767px) {

	/* Force table to not be like tables anymore */
	#filterList table, #filterList thead, #filterList tbody, #filterList th, #filterList td, #filterList tr { 
		display: block; 
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	#filterList thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	#filterList tr {
		border: none;
		margin-top: 2em;
	}
	
	#filterList td, #filterList td.eventInfo, #filterList td.eventInfoWide, #filterList td.workshopInfo, #filterList td.eventPhoto, #filterList td.facultyName, #filterList td.facultyInfo { 
		/* Behave  like a "row" */
		border: none;
		position: relative;
		width: auto;
		padding: 0;
		margin: 0;

	}
	#filterList td.facultyName {background: #77665c; padding: 8px; height: 40px;}
	#filterList td.facultyInfo {padding: 8px;}	
	#filterList td.facultyLink {display: none;}
	#filterList td.workshopInfo small {display:block;}
	
	
	#filterList td a.courselink {
		color: #fff;
		text-decoration: none;
		margin-top: 20px;
		font-weight: bold;
		font-size: 1.4em;
	}
	
	
	#filterList img {
		width: 300px;
		height: auto;
		margin: 0;
	}
	
	#filterList td img.arrowAU {display:block; float: right; width:35px; height:35px; background-image:url('/images/template/ArrowRight_sprite.png'); background-position: 0 -175px;}
	
	#filterList .roundBuy {
		float: right;
		margin-top: -83px;
		margin-right: 28%;
	}
	
	#filterList .roundInfo {
		margin-left: 20%;
	}
	
}



/* Multiple column list
================================================== */
#multiple ul{
  width:100%;
  margin-bottom:20px;
  overflow:hidden;
}
#multiple ul li{
  line-height:1.5em;
  float:left;
  display:inline;
}
#double li  { width:50%;} /* 2 col */
#triple li  { width:33.333%; } /* 3 col */


/* Class Cart table
================================================== */
#hor-minimalist-b
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	background: #fff;
	margin: 15px;
	width: 100%;
	border-collapse: collapse;
	text-align: left;
}
#hor-minimalist-b th
{
	font-size: 14px;
	font-weight: normal;
	color: #039;
	padding: 10px 8px;
	border-bottom: 2px solid #6678b1;
}
#hor-minimalist-b td
{
	border-bottom: 1px solid #ccc;
	color: #669;
	padding: 6px 8px;
}
#hor-minimalist-b td.last
{
	border: none;
}
#hor-minimalist-b tbody tr:hover td
{
	color: #009;
}

/* Faculty Roster table
================================================== */
#box-table-a
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 0;
	width: 100%;
	overflow-x: scroll;
	text-align: left;
	border-collapse: collapse;
}

#box-table-a p
{
	margin: 0 0 .25em 0;
}

#box-table-a th
{
	font-size: 13px;
	font-weight: bold;
	padding: 8px;
	background: #b9c9fe;
	border-top: 4px solid #aabcfe;
	border-bottom: 1px solid #fff;
	color: #039;
}
#box-table-a td
{
	padding: 8px;
	background: #e8edff; 
	border-bottom: 1px solid #fff;
	vertical-align: top;
	color: #669;
	border-top: 1px solid transparent;
	border-left: 1px dotted transparent;
}
#box-table-a tr:hover td
{
	background: #d0dafd;
	color: #339;
	border-left: 1px dotted #fff;
}

#box-table-a tr td a:hover
{
	background: transparent;
	text-decoration: underline;
}

/* Class grid table
================================================== */
#grid-day
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 0;
	width: 100%;
	text-align: left;
	border-collapse: collapse;
}

#grid-day p
{
	font-size: .8em;
	margin: 0 0 .25em 0;
}

#grid-day th.AG
{
	font-size: 13px;
	font-weight: bold;
	padding: 8px;
	background: #D7F1F0;
	border-top: 1px solid #0a8a89;
	border-bottom: 1px solid #fff;
	color: #0a8a89;
}

#grid-day th.TG
{
	font-size: 13px;
	font-weight: bold;
	padding: 8px;
	background: #f5d3c6;
	border-top: 1px solid #de5b27;
	border-bottom: 1px solid #fff;
	color: #de5b27;
}


#grid-day th.KG
{
	font-size: 13px;
	font-weight: bold;
	padding: 8px;
	background: #f1d1d3;
	border-top: 1px solid #c24450;
	border-bottom: 1px solid #fff;
	color: #c24450;
}

#grid-day td
{
	padding: 8px 8px 20px 8px;
	background: #fff; 
	vertical-align: top;
	color: #669;
	border-top: 1px solid transparent;
	border-left: 1px dotted transparent;
}

#grid-day td.AG
{
	border-top: 3px solid #0a8a89;
	background: #BAE0E1;
	padding-bottom: 8px;
}

#grid-day td.TG
{
	border-top: 3px solid #de5b27;
	background: #ebaa90;
	padding-bottom: 8px;
}

#grid-day td.KG
{
	border-top: 3px solid #c24450;
	background: #e6aaae;
	padding-bottom: 8px;
}

#grid-day tr td a.AG
{
	font-weight: 100;
	color: #0a8a89;
	text-decoration: none;
	display: block;
}

#grid-day tr td a.AG:hover
{
	background: #D7F1F0;
	color: #000;
}

#grid-day tr td a.TG
{
	font-weight: 100;
	color: #de5b27;
	text-decoration: none;
	display: block;
}

#grid-day tr td a.TG:hover
{
	background: #f5d3c6;
	color: #de5b27;
}


#grid-day tr td a.KG
{
	font-weight: 100;
	color: #c24450;
	text-decoration: none;
	display: block;
	white-space: nowrap;
}

#grid-day tr td a.KG:hover
{
	background: #f1d1d3;
	color: #000;
}


#grid-day tr td a.title.AG
{
	margin: 10px;
	font-size: .9em;
	font-weight: 300;
	color: #0a8a89;
	text-decoration: none;
	display: inline;
}

#grid-day tr td a.title.AG:hover
{
	background: #D7F1F0;
}

#grid-day tr td a.title.TG
{
	margin: 10px;
	font-size: .9em;
	font-weight: 300;
	color: #de5b27;
	text-decoration: none;
	display: inline;
}

#grid-day tr td a.title.TG:hover
{
	background: #ebaa90;
}

#grid-day tr td a.title.KG
{
	margin: 10px;
	font-size: .9em;
	font-weight: 300;
	color: #c24450;
	text-decoration: none;
	display: inline;
}

#grid-day tr td a.title.KG:hover
{
	background: #f1d1d3;
}

/* Referrals jukebox list
================================================== */
.stylelist{
font-size: 110%;
font-weight: 500;
}

.stylelist li {
margin-bottom: .5em;
list-style: square;
list-style-position: inside;
}


.tracklist li {
margin-top: .25em;
list-style: none;
}


.tracklist li a {
font-weight: normal;
color: #77665c;
text-decoration: none;
}

.tracklist li a:hover {
font-weight: 400;
}


/* Superfish Global Menu
================================================== */
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			960px; /* left offset of submenus need to match (see below) */
}
.sf-menu ul.megamenu {
	width: 960px;
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
	z-index:		99;
}

/*** DEMO SKIN ***/
.sf-menu {
	float:			left;
	margin-bottom:	1em;
}

.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#000;

	text-decoration:none;
}

.sf-menu a.top-level {
	font: bold 14px 'Galaxie Copernicus', Georgia, serif;
	color:			#fff;
	text-align: center;
	border-bottom:	1px solid #000;
	
	padding: 		.75em 1em;
	text-decoration:none;
	text-shadow: black 0.1em 0.1em 0.2em;
}

.sf-menu li {
	width: 160px;

}

.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	color: 			#333;
	background:		transparent;
	outline:		0;
}

.sf-menu li#KG {
	background:		#c24450 url(/images/template/nav_item_gradient_6.gif) right no-repeat;

}
.sf-menu li#KG:hover a.top-level {
	color:		#c24450;
	text-shadow: none;
	background:		#fff url(/images/template/nav_item_gradient_6.gif) right no-repeat;

}

.sf-menu li#AG {
	background:		#0a8a89 url(/images/template/nav_item_gradient_6.gif) right no-repeat;
}
.sf-menu li#AG:hover a.top-level {
	color:		#0a8a89;
	text-shadow: none;
	background:		#fff url(/images/template/nav_item_gradient_6.gif) right no-repeat;

}

.sf-menu li#CE {
	background:		#788b20 url(/images/template/nav_item_gradient_6.gif) right no-repeat;
}
.sf-menu li#CE:hover a.top-level {
	color:		#788b20;
	text-shadow: none;
	background: #fff url(/images/template/nav_item_gradient_6.gif) right no-repeat;

}

.sf-menu li#DS {
	background:		#cd890a url(/images/template/nav_item_gradient_6.gif) right no-repeat;
}
.sf-menu li#DS:hover a.top-level {
	color:		#cd890a;
	text-shadow: none;
	background: #fff url(/images/template/nav_item_gradient_6.gif) right no-repeat;

}

.sf-menu li#DV {
	background:		#52608a url(/images/template/nav_item_gradient_6.gif) right no-repeat;
}
.sf-menu li#DV:hover a.top-level {
	color:		#52608a;
	text-shadow: none;
	background: #fff url(/images/template/nav_item_gradient_6.gif) right no-repeat;
	
}

.sf-menu li#AU {
	background:		#77665c url(/images/template/nav_item_gradient_6.gif) right no-repeat;
}
.sf-menu li#AU:hover a.top-level {
	color:		#77665c;
	text-shadow: none;
	background: #fff url(/images/template/nav_item_gradient_6.gif) right no-repeat;

}

#AG > ul,
#AG:hover > ul,
#AG.sfhover > ul {
	left: -160px;
	border: 0;
}


#CE > ul,
#CE:hover > ul,
#CE.sfhover > ul {
	left: -160px;
	border: 0;
}


#DS > ul,
#DS:hover > ul,
#DS.sfhover > ul {
	left: -320px;
	border: 0;
}

#DV > ul,
#DV:hover > ul,
#DV.sfhover > ul {
	left: -640px;
	border: 0;
}

#AU > ul,
#AU:hover > ul,
#AU.sfhover > ul {
	left: -800px;
	border: 0;
}


/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('/images/sf/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url('/images/sf/shadow.png') no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}
/*
Mega Column Styles
*/

.megawrapper {background: #fff; width: 960px;}
.megawrapper a {text-decoration: none; font: 600 14px/21px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;}

.megawrapper .header {font-weight: bold; color: #666;}



#CE .megamenu	{width: 640px;}
#DS .megamenu	{width: 640px;}

#KG .megawrapper {border-bottom: 5px solid #c24450; border-top: 5px solid #c24450;}
#AG .megawrapper {border-bottom: 5px solid #0a8a89; border-top: 5px solid #0a8a89;}
#CE .megawrapper {border-bottom: 5px solid #788b20; border-top: 5px solid #788b20; width: 640px;}
#DS .megawrapper {border-bottom: 5px solid #cd890a; border-top: 5px solid #cd890a; width: 640px;}
#DV .megawrapper {border-bottom: 5px solid #52608a; border-top: 5px solid #52608a;}
#AU .megawrapper {border-bottom: 5px solid #77665c; border-top: 5px solid #77665c;}

#KG .megawrapper a, #KG .megawrapper .header {color: #c24450;}
#AG .megawrapper a, #AG .megawrapper .header {color: #0a8a89;}
#CE .megawrapper a, #CE .megawrapper .header {color: #788b20;}
#DS .megawrapper a, #DS .megawrapper .header {color: #cd890a;}
#DV .megawrapper a, #DV .megawrapper .header {color: #52608a;}
#AU .megawrapper a, #AU .megawrapper .header {color: #77665c;}

#KG .megawrapper a:hover, #KG .megawrapper a:focus, #KG .megawrapper a:active,
#AG .megawrapper a:hover, #AG .megawrapper a:focus, #AG .megawrapper a:active,
#CE .megawrapper a:hover, #CE .megawrapper a:focus, #CE .megawrapper a:active,
#DS .megawrapper a:hover, #DS .megawrapper a:focus, #DS .megawrapper a:active,
#DV .megawrapper a:hover, #DV .megawrapper a:focus, #DV .megawrapper a:active,
#AU .megawrapper a:hover, #AU .megawrapper a:focus, #AU .megawrapper a:active {
	text-decoration: underline;
}

.megacolumn {
	width: 200px;
	float: left;
}

.megacolumn-content {
	padding: 0 12px;
	text-align:left;
}

.megacolumn-content h5 {
	font-weight: bold;
	margin: 0;
}

.megacolumn-content p {
	margin-bottom: .5em;
}

.megacolumn-content ul.big {
	margin-bottom: 2em;
}

.megafooter, .megaheader {
	clear: both;
	padding: 0 12px 12px;
}

#mega_c1, #mega_c2, #mega_c3 {
	border-right: 1px dotted #000;
	overflow: hidden;
}

.clearfloat {
	clear: both;
	height: 0;
	line-height: 0.0;
	font-size: 0;
}

.sf-menu ul .megawrapper ul {
	background-image: none;
	position: relative;
	top: auto;
	width: auto;
	margin: 0 0 1em 0;
}


.sf-menu ul .megawrapper ul li {
	background-color: transparent;	
	padding: 5px 10px 0 10px;
}



.sf-menu ul .megawrapper ul li ul li {
	background-color: transparent;
	margin-bottom: .25em;
}



@media screen and (min-width: 768px) {
#nav {
display: none;
}
  .js #nav.closed {
    max-height: none;
  }
  #nav-toggle {
    display: none;
  }

}



@media screen and (max-width: 767px) {

#nav ul {
  margin: 0;
  padding: 0;
  width: 100%;
  display: block;
  list-style: none;
}



.js #nav {
  clip: rect(0 0 0 0);
  max-height: 0;
  position: absolute;
  display: block;
  overflow: hidden;
  zoom: 1;
}

#nav.opened {
  max-height: 9999px;
}

#nav,
#nav * {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

#nav,
#nav ul {
  list-style: none;
  width: 100%;
  float: left;
  background: #000;
}

#nav li {
  float: left;
  width: 100%;
  margin: 0;
}

#nav a {
  color: #fff;
  text-decoration: none;
  width: 100%;
  background: #77665c;
  border-bottom: 1px solid white;
  padding: 0.7em 1em;
  float: left;
}

#nav a.AG {background: #0a8a89;}
#nav a.KG {background: #c24450;}
#nav a.TG {background: #de5b27;}
#nav a.CE {background: #788b20;}
#nav a.DS {background: #cd890a;}
#nav a.DV {background: #52608a;}
#nav a.AU {background: #77665c;}

#nav ul ul a {
  background: #ca3716;
  padding-left: 2em;
}

#nav-toggle {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 70px;
  height: 55px;
  float: right;
  text-indent: -9999px;
  overflow: hidden;
  background: #35342f url("/images/template/nav/hamburger_ebe3d6.png") no-repeat 50% 40%;
      -webkit-background-size: 100px 100px;
    -moz-background-size: 100px 100px;
    -o-background-size: 100px 100px;
    background-size: 100px 100px;
}

}

/* Twitter Bootstrap Labels, Badges & Alerts
================================================== */
.label,
.badge {
  display: inline-block;
  padding: 2px 4px;
  font-size: 11.844px;
  font-weight: bold;
  line-height: 14px;
  color: #ffffff;
  vertical-align: baseline;
  white-space: nowrap;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #999999;
}
.label {
  margin-left: 10px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.badge {
  padding-left: 9px;
  padding-right: 9px;
  -webkit-border-radius: 9px;
  -moz-border-radius: 9px;
  border-radius: 9px;
}
.label:empty,
.badge:empty {
  display: none;
}

a.label {
  color: #fff;
  text-decoration: none;
  font-weight: inherit;
}

a.label:hover,
a.label:focus,
a.badge:hover,
a.badge:focus {
  color: #ffffff;
  text-decoration: none;
  cursor: pointer;
}
.label-important,
.badge-important {
  background-color: #b94a48;
}
.label-important[href],
.badge-important[href] {
  background-color: #953b39;
}
.label-warning,
.badge-warning {
  background-color: #f89406;
}
.label-warning[href],
.badge-warning[href] {
  background-color: #c67605;
}
.label-success,
.badge-success {
  background-color: #468847;
}
.label-success[href],
.badge-success[href] {
  background-color: #BAE0E1;
  color: #0a8a89;
}
.label-info,
.badge-info {
  background-color: #0a8a89;
}
.label-info[href],
.badge-info[href] {
  background-color: #2d6987;
}

.label-AG,
.badge-AG {
  background-color: #0a8a89;
}
.label-AG[href],
.badge-AG[href] {
  background-color: #2d6987;
}
.label-KG,
.badge-KG {
  background-color: #c24450;
}
.label-KG[href],
.badge-KG[href] {
  background-color: #2d6987;
}

.label-AU,
.badge-AU {
  background-color: #77665c;
}
.label-AU[href],
.badge-AU[href] {
  background-color: #77665c;
}

.label-inverse,
.badge-inverse {
  background-color: #BAE0E1;
}
.label-inverse[href],
.badge-inverse[href] {
  background-color: #1a1a1a;
}
.btn .label,
.btn .badge {
  position: relative;
  top: -1px;
}
.btn-mini .label,
.btn-mini .badge {
  top: 0;
}

.hide-text {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.input-block-level {
  display: block;
  width: 100%;
  min-height: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.alert {
  padding: 8px 35px 8px 14px;
  margin-bottom: 20px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  background-color: #fcf8e3;
  border: 1px solid #fbeed5;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.alert,
.alert h4 {
  color: #c09853;
}
.alert h4 {
  margin: 0;
}
.alert .close {
  position: relative;
  top: -2px;
  right: -21px;
  line-height: 20px;
}
.alert-success {
  background-color: #dff0d8;
  border-color: #d6e9c6;
  color: #468847;
}
.alert-success h4 {
  color: #468847;
}
.alert-danger,
.alert-error {
  background-color: #f2dede;
  border-color: #eed3d7;
  color: #b94a48;
}
.alert-danger h4,
.alert-error h4 {
  color: #b94a48;
}
.alert-au {
  background-color: #e0dedc;
  border-color: #77665c;
  color: #77665c;
}
.alert-au h4 {
  color: #77665c;
}

.alert-kg {
  background-color: #f1d1d3;
  border-color: #c24450;
  color: #c24450;
}


.alert-bjg {
  background-color: #de5b27;
  border-color: #de5b27;
  color: #fff;
}

.alert-tg {
  background-color: #de5b27;
  border-color: #de5b27;
  color: #fff;
}

.alert-dv {
  background-color: #d1d8eb;
  border-color: #52608a;
  color: #52608a;
}
.alert-dv h4 {
  color: #52608a;
}
.alert-block {
  padding-top: 14px;
  padding-bottom: 14px;
}
.alert-block > p,
.alert-block > ul {
  margin-bottom: 0;
}
.alert-block p + p {
  margin-top: 5px;
}

.accordion {
  margin-bottom: 20px;
}
.accordion-group {
  margin-bottom: 2px;
  border: 1px solid #e5e5e5;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.accordion-heading {
  border-bottom: 0;
}
.accordion-heading .accordion-toggle {
  display: block;
  padding: 8px 15px;
}
.accordion-toggle {
  cursor: pointer;
}
.accordion-inner {
  padding: 9px 15px;
  border-top: 1px solid #e5e5e5;
}

/* small main feature */
.main-feature-small {
    min-height: 75px;
}

.main-feature-small img.banner {
    float: left;
    width: 100%;
    height: auto;
    margin-bottom: 1em;
    border-radius: 10px;
}

.main-feature-small a {
    text-decoration: none;
    font-weight: 800;
}

/*kids classes table grid */
#wwsib, #ww612, #wwlull, #ww1224, #ww23, #wwmti {
	overflow-x: scroll;
	width: 100%;
}