@charset "UTF-8";

@font-face {
    font-family: "HelveNeuUltLig";
    src: url(fonts/HelveNeuUltLig.ttf) format("truetype");
}

html {
	height:100%; /* needed for container min-height */
	overflow-y: scroll;
	background:#FFF url(backgrounds/rotator.php) no-repeat center fixed;
	background-size:cover;
	-icab-background-size:cover;
	-khtml-background-size:cover;
	-moz-background-size:cover;
	-webkit-background-size:cover;
}

html[class*="opera"] { background-size:100% auto; /* No support for background-size:cover, no -o-background-size prefix, thank God for WordPress (K2) body classes! */ }

body {
	padding:0;
	margin:0;
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:20px;
	color:#665a54;
	
	height:100%; /* needed for container min-height */
	
	/* background:url(img/shade.png) repeat-y center fixed; */
	
}

#container {
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	width:980px;
	background:#FFF;
	
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/

	min-height:100%; /* real browsers */
}


/*--------------------- BASIC STYLES --------------------- */


a,
ul.topnav li a:hover,
.title_1col,
.title_2col,
.title_3col,
.title2,
ul.news a,
ul.news a:hover, ul.news a:hover strong,
table.schedule .panel h,
.workshop_teachers,
ul.dl_news a,
ul.dl_news a:hover, ul.dl_news a:hover strong,
button.btn span {color: #FF8000;}

a {text-decoration:none;}
a:hover {text-decoration:underline;}

/*

button.btn {
	border: 0px;
	cursor: pointer;
}

.btn a, button.btn {background-position: right 0;  margin: 0; padding: 0;}
.btn a:hover span, button.btn_over span {color:#2A1B13;}
a.button, button.button {
	height:31px;
    background-clip: border-box, border-box, border-box;
    background-color: transparent;
    background-image: url("img/button.gif"), url("img/button.gif"), url("img/button.gif");
    background-origin: padding-box, padding-box, padding-box;
    background-position: 0 0, 100% -31px, 0 -62px;
    background-repeat: no-repeat, no-repeat, repeat-x;
    background-size: auto auto, auto auto, auto auto;
    color: #FFF;
    display: inline-block;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 10px;
	font-weight:normal;
	text-transform:uppercase;
    line-height: 31px;
    padding: 0 30px 0 20px;
    text-decoration: none;
	text-shadow:1px 1px 1px #000;
	border:0;
	cursor:pointer;
}
*/

.btn a {
	float:right;
    display: inline-block;
    text-decoration: none;
}

a.button, button.button, a.button_promo, button.button_promo {
	height:31px;
    background-clip: border-box;
    background-color: transparent;
    background: url("img/button_new.gif");
    background-origin: padding-box;
    background-position:right top;
    background-repeat: no-repeat;
    background-size: auto;
    color: #FFF;
    display: inline-block;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 10px;
	font-weight:normal;
	text-transform:uppercase;
    line-height: 31px;
    padding: 0 30px 0 0;
    text-decoration: none;
	border:0;
	cursor:pointer;
}

a.button span, button.button span, a.button_promo span, button.button_promo span {
	height:31px;
    background-clip: border-box;
    background-color: transparent;
    background: url("img/button_new.gif");
    background-origin: padding-box;
    background-position:0 0;
    background-repeat: no-repeat;
    background-size: auto;
    color: #FFF;
    display: inline-block;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 10px;
	font-weight:normal;
	text-transform:uppercase;
    line-height: 31px;
    padding: 0 0 0 20px;
    text-decoration: none;
	text-shadow:1px 1px 1px #000;
	border:0;
}

a.button_promo, button.button_promo {
    background: url("img/button_promo_new.gif");
    background-origin: padding-box;
    background-position:right top;
    background-repeat: no-repeat;
    background-size: auto;
}

a.button_promo span, button.button_promo span {
    background: url("img/button_promo_new.gif");
    background-origin: padding-box;
    background-position:0 0;
    background-repeat: no-repeat;
    background-size: auto;
}

button.button span, button.button_promo span {
	margin:-2px 0 0 -5px;
}

/*
a.button_promo {
	height:31px;
    background-clip: border-box, border-box, border-box;
    background-color: transparent;
    background-image: url("img/button_promo.gif"), url("img/button_promo.gif"), url("img/button_promo.gif");
    background-origin: padding-box, padding-box, padding-box;
    background-position: 0 0, 100% -31px, 0 -62px;
    background-repeat: no-repeat, no-repeat, repeat-x;
    background-size: auto auto, auto auto, auto auto;
    color: #FFF;
    display: inline-block;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 10px;
	font-weight:normal;
	text-transform:uppercase;
    line-height: 31px;
    padding: 0 20px 0 20px;
    text-decoration: none;
	text-shadow:1px 1px 1px #000;
	border:0;
}


a.button:hover, button.button_over, a.button_promo:hover {
    background-position: 0 -93px, 100% -124px, 0 -155px;
}
*/

a.button:hover, button.button_over, a.button_promo:hover, button.button_promo_over {
    background-position: right -31px;
}

a.button:hover span, button.button_over span, a.button_promo:hover span, button.button_promo_over span {
    background-position: 0 -31px;
}


p {padding:0 0 10px 0}
strong {color:#2A1B13; font-weight:bold;}

#content img {float:right; padding:0 0 10px 20px;}


/*--------------------- HEADER --------------------- */

#header {
	position:relative;
	width:980px;
	height:65px;
	background:#2A1B13;
}

#logo {
	position:relative;
	padding:17px 0 0 40px;
	float:left;
}

#logo a {
	background:url(img/logo.png) no-repeat 0 0;
	width:236px;
	height:31px;
	display:block;
	border:0;
}


/*--------------------- TOP NAV --------------------- */


ul.topnav {
	position:absolute;
	list-style:none;
	right:0;
	top:0;
	padding:0;
	border:#665a54 1px solid;
	background:#2A1B13 url(img/bg_topnav.png) no-repeat 5px 3px;
	width: 230px;
	margin: 20px 40px 0 0;
	z-index:999;
}

ul.topnav li {
	position:relative;
	float:right;
	padding:0 10px 0 0;
}

ul.topnav li a {color:#FFF; font-size:11px; line-height:22px; text-decoration:none;}
ul.topnav .seperator {border-right:#FFF 1px solid; padding-right:10px;}

#open {
	display:none;
	clear:both;
}

#open div {
	position:relative;
	clear:right;
	margin:0 10px 10px 10px;
	padding-top:2px;
	border-top:#665a54 1px solid;
	font-size:11px;
	color:#FFF;
}

#open p {padding:0 0 10px 0;}

#open form {clear:both;}

#open form input {margin:0 0 5px 5px;}

#open h3 {
	font-family: HelveNeuUltLig, Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight:normal;
	line-height: 24px;
	padding:10px 0 10px 0;
	margin:0;
	width:180px;
	float:left;
}

.close_btn_dia {float:right; display:block; width: 20px; height: 20px; background:url(img/close_btn_dia.gif) no-repeat; margin-top:7px;}



/*--------------------- NAVIGATION --------------------- */


ul.menu {list-style:none; padding:10px 40px 0 20px; height:28px; margin:0; background:url(img/bg_menu.gif) repeat-x bottom}
ul.menu * {margin:0; padding:0}
ul.menu a {display:block; color:#665a54; text-decoration:none;}
ul.menu a span {display:block; padding:0 10px 0 10px;}
ul.menu li {position:relative; float:left; margin-right:2px}
ul.menu ul {position:absolute; left:2px; top:28px; background:#FFF; display:none; opacity:0; list-style:none}
ul.menu ul li {position:relative; width:148px; margin:0;}
ul.menu ul li a {display:block; padding:5px 10px 6px 10px; background:url(img/submenu_line.gif) no-repeat bottom; border:1px solid #2A1B13; border-bottom:0; border-top:none;}
ul.menu ul li a:hover {color:#2A1B13; border:1px solid #2A1B13; background:none; margin-top:-1px; margin-bottom:-1px; z-index:999}
ul.menu ul ul {left:147px; top:-1px; z-index:1}
ul.menu .menulink {font-size:14px; line-height:28px;}
ul.menu .menulink:hover, ul.menu .menuhover, .act {background:#FFF url(img/menu_tab_left.gif) no-repeat left bottom; color:#2A1B13;}
ul.menu .menulink:hover span, ul.menu .menuhover span, ul.menu .act .menulink span {background: url(img/menu_tab_right.gif) no-repeat right bottom;}
ul.menu .submenulink {font-size:14px; line-height:28px;}
ul.menu .submenulink span {padding-right:21px; background:url(img/submenulink_arrow.gif) no-repeat right bottom;}
ul.menu .submenulink:hover, ul.menu .menuhover {url(img/menu_tab_left.gif) no-repeat left bottom; color:#2A1B13;}
ul.menu .submenulink:hover span, ul.menu .menuhover span, ul.menu .act .submenulink span {background: url(img/submenulink_tab_right.gif) no-repeat right bottom;}
ul.menu .sub {background:url(img/right_arrow.png) 136px 12px no-repeat}
ul.menu .sub a:hover, ul.menu .sub .menuhover {color:#2A1B13; border:1px solid #2A1B13; background:none; margin-top:-1px; margin-bottom:-1px;}
ul.menu .topline {border-top:1px solid #2A1B13}
ul.menu .bottomline {border-bottom:1px solid #2A1B13; background:none;}
ul.menu .subbottomline {border-bottom:1px solid #2A1B13;}

ul.menu .lang_select {position:relative; float:right;font-size:12px; line-height:12px; padding:0; margin:0; margin-top:10px; color:#e5e5e5;}
ul.menu .lang_select a:hover {color:#2A1B13;}
ul.menu .lang_seperator {padding-right:5px; border-right:1px solid #e5e5e5; margin-right:5px;}


/*--------------------- INTRO / SLIDESHOW ---------------------*/


#intro {width:980px; height:300px; padding:50px 0 10px 0; background:url(img/bg_intro.gif) repeat-x bottom;}
.intro_col {float:left; width: 260px; padding:20px 0 20px 40px;}

#slideshow {position:relative; float:right; height:300px; width:640px}


/*--------------------- CONTENT ---------------------*/


#content {
	clear:both;
	padding:40px 10px 160px 10px; /* bottom padding for footer */
	background:url(img/content_shade.gif) repeat-x 0 0;
}

.block_1col {width: 260px; padding: 30px; background:url(img/top_1col.gif) no-repeat 0 0; min-height:200px; float:left; clear:right}
.block_2col {width: 580px; padding: 30px; background:url(img/top_2col.gif) no-repeat 0 0; min-height:200px; float:left; clear:both}
.block_3col {width: 900px; padding: 30px; background:url(img/top_3col.gif) no-repeat 0 0; min-height:200px;}

.title_1col {
	font-family: HelveNeuUltLig, Arial, Helvetica, sans-serif;
	font-size: 32px;
	font-weight:normal;
	line-height: 32px;
	width:100%;
	background:url(img/line_260.jpg) bottom no-repeat;
	padding:0 0 10px 0;
	margin:0 0 10px 0;
	clear:both;
}

.title_2col {
	font-family: HelveNeuUltLig, Arial, Helvetica, sans-serif;
	font-size: 32px;
	font-weight:normal;
	line-height: 32px;
	width:100%;
	background:url(img/line_580.jpg) bottom no-repeat;
	padding:0 0 10px 0;
	margin:0 0 10px 0;
	clear:both;
}

.title_3col {
	font-family: HelveNeuUltLig, Arial, Helvetica, sans-serif;
	font-size: 32px;
	font-weight:normal;
	line-height: 32px;
	width:100%;
	background:url(img/line_900.jpg) bottom no-repeat;
	padding:0 0 10px 0;
	margin:0 0 10px 0;
	clear:both;
}

.title {font-size: 24px; line-height:24px; font-weight: normal; color:#2A1B13; padding: 0 0 10px 0; margin: 0; clear:both; }


.title2 {font-size: 18px; font-weight: normal; padding:0; margin:0; }


.block_1col_promo {width: 300px; padding:10px; background:url(img/top_1col.gif) no-repeat 0 0; min-height:200px; float:left; clear:right}
.block_1col_promo_inside {width:260px; padding:19px; background:#bfbab8; border:#2a1b13 1px solid; text-align:center;}

.title_1col_promo {
	font-family: HelveNeuUltLig, Arial, Helvetica, sans-serif;
	font-size: 32px;
	color:#2a1b13;
	font-weight:normal;
	line-height: 32px;
	width:100%;
	padding:0 0 10px 0;
	margin:0 0 10px 0;
	clear:both;
}




/*--------------------- COLUMNS HOMEPAGE ---------------------*/

.cols {padding-bottom:20px;}
.cols td {vertical-align:top;}

ul.news {list-style:none; margin:0; padding:0;}
ul.news li {float:left; width:260px; padding:0; margin:0; padding-bottom:5px; margin-bottom:5px; background:url(img/line_260.jpg) no-repeat bottom; clear:both;}
ul.news .news_date {float:left;}
ul.news a {float:right; width:190px; display:block; text-decoration:none;}
ul.news a strong {color:#2A1B13; font-weight:bold;}



/*--------------------- NEWSLETTER ---------------------*/

.newsletter {width:260px;}
.newsletter td {vertical-align:top; padding-bottom:10px;}
.newsletter input {float:right; width:185px; color:inherit;}



/*--------------------- SCHEDULE ---------------------*/

.schedule_nav { clear:both; padding-bottom:20px; min-height:20px;}
.btn_prev_week { clear:both; float:left; background:url(img/left_arrow_act.png) no-repeat left; padding-left:10px;}
.btn_next_week { clear:right; float:right; background:url(img/right_arrow_act.png) no-repeat right; padding-right:10px;}

.dropdown {color:#665a54; width:150px; margin-left:10px}

table.schedule{ font-size: 12px; line-height: 24px; border-top: 0px solid #f1f1f1; width: 100%; margin-bottom: 20px; clear:both;}
table.schedule th, table.schedule td{ border-bottom: 1px solid #f1f1f1; color: #555555; }
table.schedule th{ padding-bottom: 3px; }

table.schedule .times{ width: 100px !important; }
table.schedule .name{ width: auto; }
table.schedule .level { width: 100px; }
table.schedule .teacher{ width: 200px; }
table.schedule .location{ width: 100px; }
table.schedule .book{ width: 62px; }

.rel{ position:relative; }
table.schedule td.panels{ border: none; }
table.schedule .panel{ width: 898px; background: #FFF url(img/bg_panel.jpg) repeat-x 0 0; padding: 0px; border: 1px solid #f1f1f1; border-top: 0px; overflow:hidden; }
table.schedule .panel .content_wrapper{ padding: 20px; overflow:hidden; }
table.schedule .panel h3{ float:left; font-weight: normal; font-size: 18px; width: 800px; padding:0 0 20px 0; margin:0; }
table.schedule .panel .btn_close_panel{ float:right; display:block; width: 20px; height: 20px; background:url(img/close_btn.gif) no-repeat; font-size: 11px; }
table.schedule .panel .content_left{ float:left; width: 640px; }
table.schedule .panel .content_left img{ float:left; padding:0 10px 10px 0;}

table.schedule .panel .content_right{ float:right; width: 200px; line-height: 18px; }
table.schedule .panel .content_right .img{ margin-bottom: 10px; }
table.schedule .panel .related_links{ border: 1px solid #cecece; padding:10px; }
table.schedule .panel .related_links p{ color: #2A1B13; font-size: 12px; padding:0; margin:0; }
table.schedule .panel .related_links ul{ font-size: 12px; list-style:none; padding:0; margin:0;}
table.schedule .panel .related_links ul li{ margin: 0px; }

table.schedule .panel td{ border-bottom: 0px solid #f1f1f1; color: #555555; }
table.schedule .panel td.label{ width: 105px; }


.days {font-size: 24px; font-weight: normal; color: #2A1B13; padding: 0 0 10px 0; margin: 0; clear:both; }
.date {font-size: 14px; font-weight: normal; color: #665a54; }

.hidden {display: none;}



/*--------------------- WORKSHOPS ---------------------*/

.workshop {padding:15px 0 20px 0; margin-bottom:5px; background:url(img/line_900.jpg) no-repeat bottom; clear:both;}
.workshop .photos {width:220px;}
.workshop img {float:right; padding:0 0 10px 0;}



/*--------------------- BLOCKS ---------------------*/

.block {padding-bottom:10px; margin-bottom:10px; background:url(img/line_580.jpg) no-repeat bottom;}
.block img {float:right; padding:0 0 10px 10px;}



/*--------------------- REGISTER FORM ---------------------*/

.register_form td {text-align:left; vertical-align:top;}
.register_form input {margin:0 5px 5px 5px;}

.question_form {text-align:left;}
.question_form input, .question_form select {margin:0 0 5px 0;}
.question_form input.question_formfield {width:200px;}



/*--------------------- NEWS ---------------------*/

ul.dl_news {list-style:none; margin:0; padding:0}
ul.dl_news * {margin:0; padding:0}
ul.dl_news li {float:left; width:580px; padding:0; margin:0; padding-bottom:5px; margin-bottom:5px; background:url(img/line_580.jpg) no-repeat bottom; clear:both;}
ul.dl_news .news_date {float:left;}
ul.dl_news a {float:right; width:510px; display:block; text-decoration:none;}
ul.dl_news a strong {color:#2A1B13; font-weight:bold;}

.newsart_date {font-size:11px; color:#C1BFBE;}



/*--------------------- MEDIA ---------------------*/


.media {padding:15px 0 20px 0; margin-bottom:5px; background:url(img/line_580.jpg) no-repeat bottom; clear:both;}
#content .media img {float:left; padding:0;}

/*--------------------- MEMBERS TABS ---------------------*/

.tab_3col {width: 940px; padding: 10px; background:url(img/tab_3col.gif) no-repeat 0 0; min-height:200px;}
.tab_3col_padding {width: 900px; padding: 20px;}
#tabs ul {width:785px; height:31px; list-style:none; margin:0; padding:0; text-align:center; background:url(img/tabs.gif) no-repeat 0 0}
#tabs ul.tab1 {background-position:0 0;}
#tabs ul.tab2 {background-position:0 -31px;}
#tabs ul.tab3 {background-position:0 -62px;}
#tabs ul.tab4 {background-position:0 -93px;}
#tabs ul.tab5 {background-position:0 -124px;}
#tabs ul li {float:left; width:157px; line-height:30px; background:none;}
#tabs ul li a {font-size:14px; color:#665a54; text-decoration:none; background:none;}
#tabs ul li a:hover, #tabs ul li a.act {color:#2A1B13;}

.left {float:left;}
.right {float:right;}
.clear {clear:both;}

.MemberTableLeft {width:100px;}

table.member td {border-bottom: 1px solid #f1f1f1; color: #555555; vertical-align:top;}
table.member .date {width:140px; font-size:12px;}
table.member .date_short {width:80px;}
table.member .time {width:40px;}
table.member .teacher {width:150px;}
table.member .payment {width:200px;}
table.member .class {width:200px;}
table.member .status {width:60px;}
table.member .web {width:40px; text-align:center;}
table.member .ref {width:70px;}
table.member .color {width:70px;}
table.member .size {width:40px;}
table.member .price {width:60px;}
table.member .quantity {width:60px;}
table.member .tax {width:50px;}
table.member .amount {width:60px;}
table.member .remaining {width:80px;}
table.member .current {width:60px;}

.tab_3col input {margin-bottom:5px;}


/*--------------------- TEACHER TRAINING ---------------------*/

ul.TT_SubNav {list-style:none; margin:0; padding:0;}
ul.TT_SubNav li {}
ul.TT_SubNav li a {display:block; color:#665a54; font-size:14px; padding:5px 0 6px 0; background:url(img/line_260.jpg) no-repeat center bottom; text-decoration:none;}
ul.TT_SubNav li a:hover {color:#FF8800;}
ul.TT_SubNav li.SubAct a {font-weight:bold;}


/*--------------------- FOOTER ---------------------*/

#footer {
	position: absolute;
	clear: both;
	width: 940px;
	height: 120px;
	bottom: 0; /* stick to bottom */
	padding: 20px;
	background: url(img/bg_footer.jpg) repeat-x 0 0;
	font-size: 11px;
	text-align:center;
	color: #c1bfbe;
}

ul.footnav {list-style:none; margin:0 auto; padding:0 0 10px 0;}
ul.footnav li {position:relative; display:inline;}
ul.footnav li a {font-size:11px; color:#665a54; text-decoration:none; padding:0 10px 0 10px;}
ul.footnav li a:hover {color:#2A1B13;}

.footlogo {position:relative; width: 940px; background:url(img/footer_logo.png) no-repeat center top; padding:55px 0 0 0}



/*--------------------- BOTTOM NAV ---------------------*/

table.bottom_nav {position:fixed; bottom:0; min-width:940px; width:100%; margin:0; padding:0; z-index:49;}
table.bottom_nav th, table.bottom_nav td {height:37px; margin:0; padding:0}
table.bottom_nav .bnav_left {position:relative; background:url(img/bottom_nav_left.png) no-repeat 0 0; width:42px; height:37px;}
table.bottom_nav .bnav_center {position:relative; background:url(img/bottom_nav_bg.png) repeat-x 0 0; height:26px; padding-top:11px; color:#2A1B13; line-height:26px;}
table.bottom_nav .bnav_right {position:relative; background:url(img/bottom_nav_right.png) no-repeat 0 0; width:42px; height:37px;}

table.bottom_nav .channels {float:left; padding:0 10px 0 10px; border-right:1px solid #e5e5e5;}

table.bottom_nav a {color:#AAA; text-decoration:none; border:0; padding-left:10px; font-size:11px;}
table.bottom_nav a:hover {color:#2A1B13;}

table.bottom_nav img {vertical-align:middle; padding-right:4px; border:0; margin-top:-1px;}

.addthis_toolbox { float:right; padding:5px 10px 5px 10px; border-left:1px solid #e5e5e5; line-height:16px;}
.addthis_button_email, .addthis_button_print, .addthis_button_favorites {padding-right:5px;}



/*--------------------- BOTTOM NAV ---------------------*/

.ns_block {
	width:100%;
	background:url(img/line_580.jpg) bottom no-repeat;
	padding:10px 0 10px 0;
	margin:0 0 10px 0;
	clear:both;
}