/* `XHTML, HTML4, HTML5 Reset
----------------------------------------------------------------------------------------------------*/
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, dialog, div, dl, dt, em, embed, fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, hr, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, meter, nav, object, ol, output, p, pre, progress, q, rp, rt, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video, xmp {border: 0; margin: 0; padding: 0; font-size: 100%;}
html, body {height: 100%;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
b, strong {font-weight: bold;}
img {color: transparent; font-size: 0; vertical-align: middle; -ms-interpolation-mode: bicubic; border: 0}
li {display: list-item;}
table {border-collapse: collapse; border-spacing: 0;}
th, td, caption { font-weight: normal; vertical-align: top; text-align: left;}
q {quotes: none;}
q:before, q:after {content: ''; content: none;}
sub, sup, small {font-size: 75%;}
sub, sup {line-height: 0; position: relative; vertical-align: baseline;}
sub { bottom: -0.25em;}
sup {top: -0.5em;}
svg {overflow: hidden;}

/* `Basic HTML
----------------------------------------------------------------------------------------------------*/
body {
  font: 13px/1.5 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;
}

pre, code {
  font-family: 'DejaVu Sans Mono', Monaco, Consolas, monospace;
}

hr {
  border: 0 #ccc solid;
  border-top-width: 1px;
  clear: both;
  height: 0;
}

/* `Headings
----------------------------------------------------------------------------------------------------*/

h1 {
  font-size: 25px;
}

h2 {
	font-size: 20px;
	color: #291a72;
}

h3 {
	font-size: 16px;
	color: #666599;
}

h4 {
  font-size: 15px;
}

h5 {
  font-size: 17px;
}

h6 {
  font-size: 15px;
}

/* `Spacing
----------------------------------------------------------------------------------------------------*/

ol {
  list-style: decimal;
}

ul {
  list-style: disc;
}

li {
  margin-left: 30px;
}

p,
dl,
hr,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
ul,
pre,
table,
address,
fieldset,
figure {
  margin-bottom: 15px;
}

h1 {margin: 0 0 10px 0; padding: 0;}


body,td,th, div, p, li {
	font-family: Arial, Helvetica, sans-serif;
}
body.home {
	background-image: url(../images/background-home.jpg);
	background-repeat: repeat-x;
}
body {
	background-image: url(../images/backgroundsub.png);
	background-repeat: repeat-x;
}

.container_12 #banner {
	width: 960px;
	height: 137px;
	margin-left: 0px;
}
.container_12 #banner #logo {
	margin-top: 20px;
}


.container_12 #buttons h1 {
	font-size: 19px;
}

.container_12 #body h1 {
	font-size: 24px;
	color: #291a72;
}

.container_12 #body h2 {
	color: #291a72;
}

a, a:link, a:visited {
	color: #26328c;
	text-decoration: underline;
}

a:hover, a:active {
	color: #666599;
	text-decoration: none;
}



/* Navigation
---------------------------------------------------------------------*/
#navigation,
#navigation ul {
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: 1;
	z-index: 9999;
}

#navigation li{
	float: left;
	margin: 5px 40px 15px 0;
	padding: 0;
	font-size: 18px;
	font-weight: bold;
}

#navigation li a{
	display: block;
	color: #cbc9ff;
	text-decoration: none;
	margin: 0;
	padding: 10px 0;
	outline: 0;
}

#navigation li:hover a,
#navigation li.sfhover a{
	color: #fff;
}

/* second-level lists */
#navigation li ul {
	position: absolute;
	width: 160px;
	left: -999em;
}

#navigation li:hover ul, 
#navigation li.sfhover ul {
	left: auto;
}

#navigation li li{
	width: 160px;
	margin: 0;
	padding: 0;
	font-size: 13px;
	font-weight: normal;
}

#navigation li:hover li a,
#navigation li.sfhover li a {
	color: #cbc9ff;
	padding: 8px 10px;
	line-height: 20px;
	border-top: 1px solid #ccc;
	background: #7270AD;
}

#navigation li:hover li a:hover,
#navigation li.sfhover li a:hover{
   background: #9492CC;
   color: #fff;
}

.container_12 #body {
	width: 960px;
	margin-left: 0px;
}
.container_12 #body #gallery {
	height: 464px;
	width: 700px;
	margin-top: -5px;
}

.container_12 #body #welcome {
	margin-left: 0px;
	margin-top: -5px;
	color: #FFF;
}
.container_12 #body #welcome #welcomepic {
	background-image: url(../images/welcome.png);
	height: 66px;
	width: 220px;
	margin-bottom: 15px;
}
.container_12 #bottomtitles {
	width: 960px;
	margin-left: 0px;
	margin-top: 70px;
}

.container_12 #bottomtitles h1 {
	font-size: 17px;
	color: #291a72;
}
.container_12 #bottomtitles #privategroup #grouppic {
	height: 146px;
	width: 220px;
	margin-left: 0px;
	margin-top: -15px;
}

.container_12 #bottomtitles #instructors #instructorspic {
	height: 146px;
	width: 220px;
	margin-left: 0px;
	margin-top: -15px;
}

.container_12 #bottomtitles #faq #faqpic {
	height: 146px;
	width: 220px;
	margin-left: 0px;
	margin-top: -15px;
}

.container_12 #bottomtitles #shop #shoppic {
	height: 146px;
	width: 220px;
	margin-left: 0px;
	margin-top: -15px;
}


.container_12 #footer p {
	font-size: 12px;
	color: #959595;
	margin-left: 30px;
	margin-top: 40px;
	margin-bottom: 40px;
}

.container_12 #footer a {
	font-size: 12px;
	color: #959595;
	text-decoration: none;	
}

.container_12 #footer a:hover {
	font-size: 12px;
	color: #666599;;
	
}

.container_12 #banner #social {
	margin-top: 52px;
}

.container_12 #banner .social-icons {
	width: 32px;
	float: left;
	margin-right: 4px;
}

.container_12 #banner .social-icons-last {
	width: 32px;
	float: left;
	margin-right: 0;
}

.container_12 #banner #constant-contact {
	margin-top: 10px;
	text-align: center;
}

.container_12 #banner #social h3 {
	font-size: 19px;
	margin-left: 2px;
	color: #291a72;
}

.purple_box {
	background-color: #f5f4fe; 
	border: 1px solid #c8c6ee; 
	padding: 5px;
}

.bp10 {
	padding-bottom: 10px;
}