@charset "utf-8";
/* CSS Document */

/*clear formatting*/

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, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	font-weight: normal;
}
ol, ul {
	ul.disc-bullets {list-style-type: disc;}
	ul.disc-bullets li {margin-left: 20px;}
}
a {
	text-decoration: none;
}
a:hover, a:active{
	border-style: none;
}

@font-face {
    font-family: 'OverlockRegular';
    src: url('fonts/Overlock-Regular-OTF-webfont.eot');
    src: url('fonts/Overlock-Regular-OTF-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Overlock-Regular-OTF-webfont.woff') format('woff'),
         url('fonts/Overlock-Regular-OTF-webfont.ttf') format('truetype'),
         url('fonts/Overlock-Regular-OTF-webfont.svg#OverlockRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OverlockItalic';
    src: url('fonts/Overlock-Italic-OTF-webfont.eot');
    src: url('fonts/Overlock-Italic-OTF-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Overlock-Italic-OTF-webfont.woff') format('woff'),
         url('fonts/Overlock-Italic-OTF-webfont.ttf') format('truetype'),
         url('fonts/Overlock-Italic-OTF-webfont.svg#OverlockItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OverlockBold';
    src: url('fonts/Overlock-Bold-OTF-webfont.eot');
    src: url('fonts/Overlock-Bold-OTF-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Overlock-Bold-OTF-webfont.woff') format('woff'),
         url('fonts/Overlock-Regular-OTF-webfont.ttf') format('truetype'),
         url('fonts/Overlock-Regular-OTF-webfont.svg#OverlockRegular') format('svg');
    font-weight: bold;
    font-style: normal;

}

/* Contain floats: h5bp.com/q */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

body {
	font-family: OverlockRegular, Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	line-height: 1.2em;
	margin: 0;
	padding: 0;
	color: #144556;
	background-color: #1C6072;
}

.center {
	width: 860px;
	margin: 0 auto;
}

.bold, b, strong {
	font-weight: bold;
}

a, a:visited{
	font-weight: bold;
	color: #8F9840;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
}

a:hover, a:active{
	color: #F7C959;
}

p {
	margin: 0 0 5px 0;
	padding: 0;
}

p.end {
	margin: 0 0 15px 0;
	padding: 0;
}

h1 {
	font-size: 150%;
	font-weight: bold;
	color: #067373;
	margin: 0;
	padding: 0 0 10px 0;
}

h2 {
	font-size: 150%;
	font-weight: bold;
	color: #067373;
	margin: 0;
	padding: 0 0 10px 0;
}

h3 {
	font-weight: bold;
	font-size: 135%;
	font-style: italic;
	line-height: 1.2em;
	color: #7E7733;
	text-align: center;
	margin: 0;
	padding: 0 0 10px 0;
}

h4 {
	font-size: 110%;
	font-weight: bold;
	color: #067373;
	margin: 0;
	padding: 0 0 10px 0;
}

h5 {
	font-size: 120%;
	letter-spacing: .1em;
	padding: 0 0 5px 0;
	text-align: center;
}

.amber {color: #F7C959;}

.blockquote {
	font-style: italic;
	font-size: 115%;
	text-align: left;
	padding: 0 30px 0 0;
	margin: 0 25px 20px 0;
	line-height: 2.0em;
}

.emphasis {
	font-weight: bold;
	color: #067373;
	margin: 0px;
	padding: 0px;
}

.clearit {
	clear: both;
	display: block;
}

.vSpace10 {
	padding: 0 0 10px 0;
}

.vSpace20 {
	padding: 0 0 20px 0;
}

.textCenter {
	text-align: center;
}

.textLeft {
	text-align: left;
}

.textRight {
	text-align: right;
}

.floatLeft {
	float: left;
	margin: 0;
	padding: 0;
}

.floatRight {
	float: right;
	margin: 0;
	padding: 0;
}

img.floatLeft {
	margin: 0 20px 10px 0;
}

img.floatRight {
	margin: : 0 0 10px 20px;
}

.phrase {
	white-space: nowrap;
}

ul {margin-bottom: 5px;}
ul.styled {list-style: disc;}
li {margin-left: 15px; padding-top: .5rem;}

hr {background-color: #F7C959; height: 1px; border: 0; margin: 10px 0;}

{!-- begin header section--}

#head {
	margin: 0;
	padding: 0;
}

#header {
	height: 180px;
	margin: 20px auto 0 auto;
	background-image: url(../images/SMY_logo-header.gif);
	background-repeat: no-repeat;
}

#logo {
	text-align: right;
	padding: 50px 0 0 0;
	margin: 0;
}

#headNav {
	height: 40px;
	background-image: url(../images/SMY_nav-bkgd.gif);
	background-repeat: repeat-x;
}

#headerNav {
	margin: 0 auto;
	width: 860px;
	text-align: center;
}

#headerNav ul {
	margin: 0;
	padding: 0;
}

#headerNav ul li {
	display: inline;
	padding: 0 40px;
	line-height: 40px;
}

#headerNav a, #headerNav a:visited{
	font-style: italic;
	font-size: 150%;
	font-weight: bold;
	padding: 0;
	color: #F7C959;
}

#current a {
	font-style: normal !important;
	font-weight: bolder !important;
	color: #FFF !important;
}

#headerNav ul li a:hover, #headerNav ul li a:focus {
	color: #144556;
}

{!--begin main section--}

#main {
	padding: 20px 0;
	background-color: #FFF;
}

.nav {
	align-items:center
}

{!-- begin main content, 2 columns--}

#mainContent {
	padding: 0 20px 0 0;
	width: 500px;
	float: left;
}

{!--begin right sidebar--}

#sidebarR {
	padding: 0 0 0 20px;
	float: right;
	width: 306px;
}

#sideBarImg {
	padding: 10px 0;
	text-align: center;
}

#sideBarImg img {
	padding: 0 10px;
}
	
{!--begin single column--}

#mainFullWidth {
	margin: 0 40px;
}

{!--begin teachers--}

.teacher {
	margin: 0 0 10px 0;
	padding: 0;
}

.teacherPic {
	margin: 0;
	padding: 5px 10px 10px 0;
	float: left;
}

.teacherPhone {
	font-weight: bold;
	white-space: nowrap;
	float: left;
}

.teacherWeb {
	float: right; 
}

{!--begin events & schedule--}

.event {
	margin: 0 0 15px 0;
	padding: 0 0 20px 0;
	border-bottom: 1px solid #067373;
}

.eventPic {
	margin: 0;
	padding: 0 0 10px 10px;
	float: right;
}

.schedDay {
	margin: 5px;
	padding: 5px;
	border-bottom: 1px solid #F7C959;
}

.schedDay:last-child {border-bottom:none;}

.schedClass {width: 80%; float:right; margin-bottom: 10px;}

.schedClass div {float:left;}

.class {width:40%;}
.classTeacher {width:33%; font-weight: bold; color: #067373;}
.classDetail {width:25%;}

.name {
	font-style: italic;
	font-size: 110%;
	letter-spacing: .1em;
	display: block;
	margin-right: 15px;
}

.price {margin-left:15px;}
/*.schedRow {
	margin: 5px;
	padding: 5px;
}

.schedDay {
	padding: 5px 0 0 25px;
	font-weight: bold;
	float: left;
}

.schedClass {
	width: 250px;
	margin: 0 0 0 250px;
	padding: 5px 0;
}



.schedRight {
	width: 150px;	
	padding: 5px 0;
	float: right;
	font-weight: bold;
	color: #067373;
}

.schedTeacher {	
	padding: 5px 0;
	font-weight: bold;
}

.schedCost {
	width: 150px;
	float: right;
	padding: 5px 10px 0 0;
}*/

{!--begin footer--}

#footer {
	font-size: 85%;
	text-align: left;
	color: #FFF;
	margin: 0;
	padding: 20px 0;
}