/* =Reset
-------------------------------------------------------------- */
html, body, div, span, h1, h2, h3,  p, pre,
a, em, font, q, s, small, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  border: 0;
  font-family: inherit;
  font-size: 100%;
  font-style: inherit;
  font-weight: inherit;
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: baseline;
}

@font-face {
	font-family: 'GentiumBookBasicRegular';
	src: url('../fonts/GenBkBasR-webfont.eot');
	src: url('../fonts/GenBkBasR-webfont.eot?#iefix') format('embedded-opentype'), 
			 url('../fonts/GenBkBasR-webfont.woff') format('woff'),  
			 url('../fonts/GenBkBasR-webfont.ttf') format('truetype'),  
			 url('../fonts/GenBkBasR-webfont.svg#GentiumBookBasicRegular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'GentiumBookBasicItalic';
	src: url('../fonts/GenBkBasI-webfont.eot');
	src: url('../fonts/GenBkBasI-webfont.eot?#iefix') format('embedded-opentype'),  
				url('../fonts/GenBkBasI-webfont.woff') format('woff'),  
				url('../fonts/GenBkBasI-webfont.ttf') format('truetype'),  
				url('../fonts/GenBkBasI-webfont.svg#GentiumBookBasicItalic') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'GentiumBookBasicBold';
	src: url('../fonts/GenBkBasB-webfont.eot');
	src: url('../fonts/GenBkBasB-webfont.eot?#iefix') format('embedded-opentype'),  
			 url('../fonts/GenBkBasB-webfont.woff') format('woff'),  
			 url('../fonts/GenBkBasB-webfont.ttf') format('truetype'),  
			 url('../fonts/GenBkBasB-webfont.svg#GentiumBookBasicBold') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'GentiumBookBasicBoldItalic';
	src: url('../fonts/GenBkBasBI-webfont.eot');
	src: url('../fonts/GenBkBasBI-webfont.eot?#iefix') format('embedded-opentype'),  
			 url('../fonts/GenBkBasBI-webfont.woff') format('woff'),  
			 url('../fonts/GenBkBasBI-webfont.ttf') format('truetype'),  
			 url('../fonts/GenBkBasBI-webfont.svg#GentiumBookBasicBoldItalic') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'PermanentMarkerRegular';
	src: url('../fonts/PermanentMarker-webfont.eot');
	src: url('../fonts/PermanentMarker-webfont.eot?#iefix') format('embedded-opentype'),  
			 url('../fonts/PermanentMarker-webfont.woff') format('woff'),  
			 url('../fonts/PermanentMarker-webfont.ttf') format('truetype'),  
			 url('../fonts/PermanentMarker-webfont.svg#PermanentMarkerRegular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Macondo Swash Caps';
	src: url('../fonts/MacondoSwashCaps-Regular.ttf') format('truetype');
}
@font-face {
	font-family: 'DFKai-SB';
	src: url('../fonts/kaiu.ttf') format('truetype');
}
/* remember to define focus styles! */
:focus {
  outline: 0;
}
body {
	background-color: #660000;
	margin-top:10px;
	padding:0px;
  font: 14px 'GentiumBookBasicRegular', Times New Roman, Times, serif;
}
ol, ul {
 /* list-style: none;*/
}

/* tables still need 'cellspacing="0"' in the markup */
table {
  border-collapse: separate;
//   border-spacing: 0;
}

a img {
  border: 0;
}

/* Block elements */
header, footer {
  display: block;
}

/* Body, Common Classes & Wrap */

body {
  padding-top: 8px;
  font-family:'GentiumBookBasicRegular', 'Times New Roman', Times, serif;  
}

#wrapper {
  margin: 0 auto;
  width: 1200px;
  position:relative;
}

#navigation div {
  margin: 0 3%;
}

#content {
  margin: 0 33% 0 3%;
  width: 64%;
}


body, input, textarea {
  color: #373737;
}
body {
  background: #660000;
}

#wrapper {
  background: #660000;
}
a {
  color: #1982d1;
  text-decoration: none;
}
a:focus,
a:active,
a:hover {
  text-decoration: none;
}


/* Headings */
h1,h2,h3,h4,h5,h6 {
  clear: both;
}
h1 {
    font-size: 24px;
}
h2 {
    font-size: 20px;
}
h3 {
    font-size: 16px;
}

hr {
  background-color: #ccc;
  border: 0;
  height: 1px;
  margin-bottom: 1.5em;
}

/* Text elements */
p {
  margin-bottom: 0.8em;
}
ul, ol {
  margin: 0 0 1em 1em;
}
ul {
  list-style: disc;
}
ol {
  list-style-type: decimal;
}
li {margin-left:10px;}
strong {
  font-weight: bold;
}

pre {
  background: #f4f4f4;
  font: 13px "Courier 10 Pitch", Courier, monospace;
  line-height: 1.5;
  margin-bottom: 2em;
  overflow: auto;
  padding: 0.75em 2em;
}

table {
}

th {
  font-weight: bold;
  padding:10px 10px;
  background:#555;
  color:#fff;
}

tr{
  padding:5px 5px;
}

td{
  padding:5px 5px;
}

/* clearfix hack for unxpanded div*/
.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
.clearfix {
  display: inline-block;
}
/* start commented backslash hack \*/
* html .clearfix {
  height:1%;
}
.clearfix {
  display: block;
}
.clear {
	display: block;
  clear: both;
}
/* close commented backslash hack */
.displayblock {
  display: block;
}
.displaynone {
  display: none;
}

#header {
  position: relative;
}

#header img {
  height: auto;
  max-width: 100%;
}
#header-home{height:349px;}
#home-body{
	height:346px;
	background-color:#340002;	
	background-image:url("../images/bamboo.jpg");
	background-repeat: no-repeat;
	background-position: right top;
}
#home-body22{
	height:347px;
	background-image:url("/images/scroll2_bg.png");
	background-repeat: repeat;
}
#home-body23{
	height:347px;
	background-image:url("/images/scroll1_bg_2023.png");
	background-repeat: repeat;
}
/* Scrolls */
/* Home page */
.scroll{float:left;}
.scroll-menu {z-index:10;position:relative;height:255px;width:398px;display:none;}
.scroll-menu li {
	list-style: none;font-size:16px;
	font: 16px 'GentiumBookBasicRegular', Times New Roman, Times, serif;
}
.scroll-menu a:link, .scroll-menu a:visited {display:block;color:#000000;}
.scroll-menu a:hover{color:#ff0000;text-shadow: 1px 1px 1px rgba(0,0,0,0.8);text-decoration:none;}
#scroll1{display:none;width:391px; height:346px;z-index:-10;}
#scroll2{display:none;width:398px; height:346px;z-index:-10;}
#scroll-menu-1 li,#scroll-menu-2 li{height:55px; text-align:left;}
#scroll-menu-holder-1{position:absolute;left:70px;margin-top: 60px;} 
#scroll-menu-holder-2{position:absolute;left:455px;margin-top: 35px;} 
/* home page bar menu */
.navbar2 {position:absolute;margin-top:-25px;text-shadow: 1px 1px 1px rgba(0,0,0,0.8);
	font: 16px 'GentiumBookBasicItalic', Times New Roman, Times, serif;}
.navbar2 a:link,.navbar2 a:visited {color:#ffffff;}
.navbar2 a:hover {color:#ff0000; text-shadow: 1px 1px 1px rgba(0,0,0,0.8);}
#enrolnow-link{left: 80px;}
#contactus-link{left:430px;}
#enroljp-link{left:280px;}
#home-feature-picture{position:absolute;margin-top:0px; right:0px;display:none;}

/* Page level top navigation */
.navbar3 {position:absolute;margin-top:-53px;font-size:16px;text-shadow: 2px 2px 3px #666666;font-family:GentiumBookBasicItalic;}
.navbar3 a:link, .navbar3 a:visited {color:#ffffff; width:120px; display:block;}
.navbar3 a:hover {color:#f00000;font-family:GentiumBookBasicBoldItalic;}
#enrolnow-link-nav3{left:40px;}
#contactus-link-nav3{left:370px;}
#home-link-nav3{left:500px;}
#enroljp-link-nav3{left:220px;}


.scroll-menu-top {z-index:10;position:relative;}
.scroll-menu-top li {list-style: none;font-size:14px;font: 14px 'GentiumBookBasicRegular', Times New Roman, Times, serif;}
.scroll-menu-top a:link, .scroll-menu-top a:visited {color:#000000;}
.scroll-menu-top a:hover{color:#ff0000;text-decoration:none;text-shadow: 1px 1px 1px rgba(0,0,0,0.8);}

#scroll-menu-holder-11{position:absolute;left:650px;top: 5px;} 
#scroll-menu-holder-12{position:absolute;left:940px;top: 5px;} 
#scroll-menu-11 li, #scroll-menu-12 li{height:43px;line-height:50px;text-align:left;}


#sidebar-left{background-color: #ffffff;width:300px;overflow:hidden;padding:0px;margin:0px;float:left;text-align:left;}
#page-content{background-color: #ffffff;width:890px;overflow:hidden;float:right;margin-right:5px;text-align:left; margin-bottom: 5px;}

.highlight {
  font: 16px 'GentiumBookBasicItalic', Times New Roman, Times, serif;
  color:#F00;
}


#breadcrumbs {
  font-size: 11px;
}

/* =Content
----------------------------------------------- */
#preface-area {
  padding-bottom: 5px;
}

#main {
  background-color: #eee;
  clear: both;
  padding: 2em 0 0;
}

#content-wrap {
  background-color: white;
  border-bottom: 2px solid #CCC;
  -moz-border-radius: 5px;
  border-radius: 5px;
  margin: 0 0 2em;
  padding: 0.5em 5% 2em;
  position: relative;
  width: auto;
}

/* =Footer
----------------------------------------------- */
#header{padding:0px;margin:0px;height:210px;}
#page-body{background-color: #ffffff;margin:0;}
#footer {}
#bottom {
	text-align:left;
	margin: 8px auto;
  background-color: #660000;
  color: #ffffff;
  font-size: 11px;
  width:1100px;
}

#map-icon img{
	display: inline;
	padding-right:20px;
}
#address {
	margin-top:7px;
	margin-left:10px;
	position:absolute;
	letter-spacing:1px;
	display:inline;
	font: 15px 'GentiumBookBasicRegular', 'Times New Roman', Times, serif;	
}



#bottom a, #bottom a:visited {
  color: #ffffff;
}
#bottom .copyright, 
#bottom .credit {
		font-size:10px;
		letter-spacing: 1px;
}

#bottom .copyright { 
	position:relative;
	float:right;
	margin-top:52px;
	padding-right:15px;
	font: 11px 'GentiumBookBasicRegular', 'Times New Roman', Times, serif;	

}

#bottom .credit { 
  margin-right: 3%;
  float: right;
  text-align: right;
}


/* =Responsive Structure
----------------------------------------------- */
/* Smaller than standard 1060 (devices and browsers) */
@media screen and (max-width: 1200px) {
  #wrapper {
    max-width: 1200px;
  }
}

.page-header{text-decoration:none;font-family:times;font-weight:bold;border:0}
.workshop-title,.schedule-header{background-image:url('../images/title-bg.png');
	background-size: 100% 100%;
	/* line-height:65px; */
	margin: 0px 5px;
	padding: 20px 5px;
	color:#ffffff;
	font-size:23px;margin-bottom:1em;background-repeat:no-repeat;
	text-align:center;}

.title-bg{
	background-image:url('../images/title-bg.png');
	display:block;height:65px;line-height:65px;
	width:880px;color:#ffffff;
	font-size:24px;
	background-repeat:no-repeat;margin:0 auto 1em auto;
	text-align:center;
}
#workshop{font-size:16px;}
.table_title{height:26px;line-height:26px; vertical-align:middle;}
.subheadline {
  font: 16px 'GentiumBookBasicBold', Times New Roman, Times, serif;
  color: #660000;
  text-align: left;
}

#sidebar-left div {padding:0;margin:0;}
div.category-sidebar-banner img {padding:0;margin:0;display:block;}
a:link {
	color:#000;
	text-decoration: none;
}
	
a:visited {
	text-decoration: none;
	color:#333;
}
	
a:hover {
	text-decoration: underline;
	color: #F00;
}
	
a:active {
	text-decoration: none;
}

.list {line-height:35px;}
.list ul {
	font: 14px 'GentiumBookBasicRegular', Times New Roman, Times, serif;
	width: 680px;
	height: 180px;
}
.list ul li {
	float: left;
	width:680px;
	line-height: 20px;
	text-align:left;
	text-decoration: none;
	margin-left: -40px;
}

.table_title {
	font: 16px 'GentiumBookBasicBold', Times New Roman, Times, serif;
	background-image: url(../images/button_bg.png);
	background-repeat: repeat-x;
	color: #660000;
}
#workshop-enrolment, #workshop-enrolment-complete {font: 16px 'GentiumBookBasicRegular', Times New Roman, Times, serif;text-align:left;}

#workshop-enrolment .common-info {
	padding:0 0 13px 0;
	background-color:#E5DFC9;
	margin:0;
	border:1px solid #E5DFC9;
	}
#workshop-enrolment legend {
	font: 16px 'GentiumBookBasicBold', Times New Roman, Times, serif;
	width:100%;
	height:32px; 
	line-height:34px;
	background-image: url(../images/button_bg.png);
	background-position:-15px 0;
	background-repeat: repeat-x;	
	color: #660000;
	margin-bottom: 15px;
	} 
#workshop-enrolment legend span{padding-left:10px;line-height:30px;}	
#workshop-enrolment label{width:130px; display:inline-block;text-align:right;margin-right:10px;}
div.align-top label{vertical-align:top;}
#workshop-enrolment fieldset div {margin-bottom:7px;}
#workshop-enrolment fieldset input {height:16px;}
#workshop-enrolment .textarea {width:500px;height:60px;}

.inputfield{width:150px; margin-right:20px;}

#participants {border-collapse:collapse;	border:1px solid #999999;}
#participants {margin:10px 0 10px 10px;}
#participants th{height:18px;padding:5px;margin:0;}
#participants th, #participants td {border:1px solid #666666; vertical-align:middle;}
#participants-list {width:830px;}
#fieldset-company-info{}
#fieldset-billing-info{}
#fieldset-participant-info {}
#fieldset-enrolform-notes{}
#enrolform-notes{padding-left:10px;}
#enrolform-notes label {text-align:left;}
#participants select{float:left;height:22px;margin-right:20px;}
#addPeople a {line-height:32px; width:110px;
	background-image: url(../images/add-people.png);
	background-repeat: no-repeat;padding-left:35px;float:right;display:block;}

	
#workshop-enrolment fieldset.width50{width:580px;text-align:left;float:left;padding:0 10px;}
#workshop-selector{padding-left:10px;}
.contact-info{background-color:#F5F0E1;}
.workshop-class-row{display:none;}
.address-box{display:inline-block;}
#form_confirm fieldset div {margin-bottom:5px;}
#form_confirm td{vertical-align:middle;}
fieldset p {padding:0 10px 0 10px;}

.sidebar-box-border{border:3px solid #f89938; background-color: #FFF1E2;}

.workshop_date {
	font: 16px 'GentiumBookBasicBold', Times New Roman, Times, serif;
	line-height: 30px;
	float: left;
	width: 840px;
	height: 30px;
	list-style-type: none;
	margin-left: 3px;
	margin-right: 3px;
	margin-top:0px;
	margin-bottom: 10px;
}
.workshop_date li {
	float: left;
	width: 105px;
	margin: 3px;
	background-color: #B8A091;
	text-align: center;
	display:block;
}
li.workshop_date_enrol {background-color:#ffffff;}
.workshop_date a:link,
.workshop_date a:visited{color:#000000; display:block;}

#related-workshops {background-color: #FFF1E2;}
#workshop-list-button {padding-bottom:15px;margin:auto;}
#workshop-list-button li{
	list-style:none;
	padding:0;
	overflow:hidden;
	margin-bottom: 5px;	
	border: 1px solid #ff9933;
	background-image:url('../images/bg-btn-grad.png');
	background-repeat:repeat-x;
	width:275px; 
	height:58px;
}
#workshop-list-button li:hover {
	background-image:url('../images/bg-btn-grad-mo.png');
	background-repeat:repeat-x;color:#660000;
}

#workshop-list-button li div{
	display: table-cell;
	vertical-align: middle;	
	width:275px; 
	height:58px;	
}
	
#workshop-list-button a:link, #workshop-list-button a:visited {
	text-align:left;
	line-height:18px;
	font-size:15px;
	font-weight:bold;
	text-decoration:none;
	padding: 5px 5px 5px 5px;
	display:block;
	color:black;
}
#workshop-list-button a:hover{

}
	

#workshop-by-category  {padding-bottom:15px;}
#workshop-by-category li{
	list-style:none;	
	margin-left:0;
	margin-bottom: 3px;
	border: 1px solid #ff9933;
	width:260px; height:50px;
	overflow:hidden;
	background-image:url('../images/bg-btn-grad.png');
	background-repeat:repeat-x;	
}
#workshop-by-category li div{	
	display: table-cell;
	vertical-align: middle;
	width:260px; 
	height:50px;	
}

#workshop-by-category li:hover {
	background-image:url('../images/bg-btn-grad-mo.png'); 
	background-repeat:repeat-x;
	color:#660000;
}
	
a.category-button {
	text-align:left;
	font-size:16px;
	font-weight:bold;
	text-decoration:none;
	display:block;
	color:#000000;
	padding: 5px 5px 5px 5px;
}
	
a.category-button:link, a.category-buttona:visited {
	color:#000000;	
}
	
a.category-button:hover{
		text-decoration:none;
	}

#workshop-by-month {
	background-color: #fff1e2;
}
#workshop-by-month ul {}

#workshop-by-month li{
	list-style:none;
	width: 55px;
	height: 24px;
	float: left;
	border: 1px solid #ff9933;
	line-height:24px;
	margin-right:10px;
	margin-bottom:5px;
	background-image: url('../images/bg-btn-grad.png');	
	background-position: 0 -8px;
}
#workshop-by-month a:link, #workshop-by-month a:visited {text-decoration:none; color:#9a3433; 
	text-align:center;
	display:block;
	text-transform:uppercase;}
#workshop-by-month a:hover{	
	background-image:url('../images/bg-btn-grad-mo.png'); 
	background-position: 0 -38px;
	color:#000000;
}

a.half-year:link, a.half-year:visited{
	display:inline-block;
	width: 65px;
	height: 24px;
	border: 1px solid #ff9933;
	line-height:24px;
	margin-right:10px;
	margin-bottom:5px;
	text-align:center;
	background-image: url('../images/bg-btn-grad.png');	
	background-position: 0 -8px;
	text-decoration:none;
}
a.half-year:hover{	
	background-image:url('../images/bg-btn-grad-mo.png'); 
	background-position: 0 -38px;
	color:#000000;
}
#halfyear-schedule {width:300px; height:138px;}
#halfyear-schedule {background-image:url('../images/public_workshop_schedule/schedule_form/schedule_button.gif');}
#halfyear-schedule:hover {background-image:url('../images/public_workshop_schedule/schedule_form/schedule_button2.gif');}
#halfyear-schedule a {width:300px; height:138px;display:block;}

ul.red-checkbox
{
list-style-image:url('../images/red-checkbox.png');
padding-left:20px;
}

#testimonials-block{
	width:100%;

}
div.testimonial-item {
	float:left;
	padding:20px;
	margin:0 30px 30px 0;
	width:360px; 
	min-height:168px;
	display:table;
}

.testimonial-item.text{
	background:#ffffcc;
	box-shadow:5px 5px 5px rgba(0,0,0,0.2);	
}

.testimonial-inner  {
  display: table-cell;
  vertical-align: middle;	
 }

.testimonial-text {
	font: 16px 'GentiumBookBasicBoldItalic', Times New Roman, Times, serif;	
	margin-bottom:15px;
}
.testimonial-author {
	text-align:right;
	font: 12px 'GentiumBookBasic', Times New Roman, Times, serif;
}
.testimonial-item.image{
	background:#ffffff;
}

.testimonial-image img{
	width: 360px;
	height: 180px;
}

.workshop-detail.training-notes img{
margin-right:7px;height:21px; width:21px;
 vertical-align:text-bottom;}
.workshop-detail.training-notes p {line-height:24px;} 
.red {color:#ff0000;}
.sidebar-box-title{text-align:center;}
#discountcode-info{vertical-align:middle;}
#share-links{display:block;text-align:right;clear:both; height:24px;padding:0;margin-bottom:5px;}
#share-links p {line-height:24px;padding:0;}
#share-links img, #share-links a{vertical-align:middle;}
.button{
	font: 14px 'GentiumBookBasicBold', Times New Roman, Times, serif;
	background-image: url(../images/button_bg.png);
	background-repeat: repeat-x;
	padding:5px;
	line-height:16px;
}

    #floating-icons {
      top:400px;
      position:fixed;
      right:25px;
      padding:5px;
      float:right;
    }
		#btnClose{padding:0px;width:12px; height:12px; color:#cccc00; float:right; right:0px;}
    .sticker{
    	width:180px;
    	height:110px;
    }
    .sticker img {
    	width:180px;
    	height:110px;
    	padding:0px;
		}
    .sticker p {
    	position:relative;
    	top:-85px;
 			padding:10px; 
 			line-height:15px;
 			font-size:12.5px;
		}   
    .sticker .wrkname {
    	position:relative;
    	top:-90px;
 			padding:0px 10px; 
 			line-height:15px;
 			font-size:12.5px;
			text-align:center;
		}   
	.sticker .comment{
	    	position:relative;
    		top:-100px;
		font-size:16px;
		color:red;
		font-weight:bold;	
		text-align:center;
		padding:0px 7px;
		overflow: hidden;
		height:18px;
	}
#package {margin-left:10px;}
#package table {
	border-collapse: collapse;
	border: 1px solid black;
	width:60%;
}

#package tr td {
  	border: 1px solid black;
	vertical-align:middle;
	text-align:center;
	}

#package .title {
	text-align:center;
	color: #660000;
	font-weight:bold;
	background-color:white;
}
#package .bg {background-color:#FFE1AB;}
#package .bgw {background-color:white;}
.ij_font {
	font-family: 'Macondo Swash Caps', cursive;
	font-weight:bold;
}
.chi_font {
	font-family: 'DFKai-SB';
	font-size: 22px;
}