@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;
}

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 */
}

#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 {text-decoration:none;}
a:hover {text-decoration:underline;}

.btn a, .btn a span {
	float:right;
    background: transparent url(img/btn.gif) no-repeat scroll left 0;
    margin: 0 23px 0 0;
    padding: 0 0 0 8px;
    display: -moz-inline-box;
    display: inline-block;
    height: 19px;
    line-height:18px;
    text-decoration: none;
}
.btn a {background-position: right 0;  margin: 0; padding: 0;}
.btn a:hover span {color:#322c29;}

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

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


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

#header {
	position:relative;
	width:980px;
	height:65px;
	background:#322c29;
}

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

#logo a {
	background:url(img/logo.gif) 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:#322c29 url(img/bg_topnav.gif) no-repeat 0 -1px;
	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; 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 13px 0 13px;}
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 #322c29; border-bottom:0; border-top:none;}
ul.menu ul li a:hover {color:#322c29; border:1px solid #322c29; 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:#322c29;}
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:26px; 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:#322c29;}
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:#322c29; border:1px solid #322c29; background:none; margin-top:-1px; margin-bottom:-1px;}
ul.menu .topline {border-top:1px solid #322c29}
ul.menu .bottomline {border-bottom:1px solid #322c29; background:none;}
ul.menu .subbottomline {border-bottom:1px solid #322c29;}

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:#322c29;}
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}
#slideshow img {position:absolute; top:0; left:0; z-index:8;}
#slideshow img.active {z-index:10;}
#slideshow img.last-active {z-index:9;}




/*--------------------- 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; font-weight: normal; color:#322c29; padding: 0 0 10px 0; margin: 0; clear:both; }


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


/*--------------------- 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:#322c29; font-weight:bold;}



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

.newsletter {width:260px;}
.newsletter td {vertical-align:top; padding-bottom:10px;}
.newsletter input {float:right; width:210px; 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: #322c29; 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: #322c29; 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;}



/*--------------------- 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:#322c29; font-weight:bold;}

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


/*--------------------- 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:#322c29;}

.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:#322c29; 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:#322c29;}

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;}