@charset "utf-8";

/************************* Layout Css *************************/	
body {
	margin: 0px;
	padding: 0px;
}

#wrapper {
	width: 1032px;
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	position:relative;
}

hr.hr1{
  border-color: #bbb;
  border-style: dotted;
  border-width: 1px 0 0;
  clear: both;
  margin: 0 0 10px 0;
  height: 0;
}

hr.hr2{
  border-color: #bbb;
  border-style: dotted;
  border-width: 1px 0 0;
  clear: both;
  margin: 10px 0 10px 0;
  height: 0;
}

hr.hr3{
  border-color: #bbb;
  border-style: solid;
  border-width: 1px 0 0;
  clear: both;
  margin: 0 0 0 0;
  height: 0;
}

img{border:none;}

.body-bg{
	background-image:url(../images/content-bg.jpg);
	background-position:bottom;
	background-repeat:repeat-x;
}

ul{
	list-style-type:square;
	margin: 0 0 0 15px;
	padding:0;
}

li{
	padding:0 0 10px 0;
}


/************************* Error/Status Css *************************/	
.err{
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FF0000;
}

.status{
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FF6600;
}
/************************* Header Css *************************/	


.logo{
	margin:10px 0 10px 10px;
}

.menu{
	width:1000px;
	text-align:center;
	margin:5px 0 0 0;
}

.menu a, .menu a:visited{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#fff;
	text-decoration:none;
}

.menu a:hover, .menu a:active{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#ff9933;
	text-decoration:none;
}

/******************** Home Bottom Panel Css *********************/	

#blue-bar{
	height:10px;
	background-color:#003399;
	width:1024px;
}

.panel{
	background-image:url(../images/panel-bg.jpg);
	background-position:bottom;
	background-repeat:repeat-x;
	width:1032px; height:200px;
}

.divider{
	background-color:#CCCCCC;
	width:1px;
}

.box{
	width:163px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
}

.box-hdr, .box-hdr a{
	font-size:14px;
	color:#000000;
	font-weight:bold;
	text-decoration:none;
}

/************************ Content Css *************************/	

#crumbs-bg{
	width:1024px;
}

#crumbs{
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
	color:#333333;
	margin:0 0 0 30px;
}

#content{
	margin:15px 40px 0 45px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#000;
	line-height:150%;
	width:728px;
}

.content-hdr{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#333;
}

/*Founder*/	

.founder{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#000;
	margin:0 0 0 20px;
}

.founder a{
	text-decoration:none;
}

.founder-divider{
	padding-left:10px;
}

/*Trainers*/	

.trainers{
	background-color:#eaeaea;
	width:350px; height:320px;
	text-align:justify;
}	

.trainers-img{
	padding:0 15px 0 0;
	float:left;
}

/*Why Heartpower*/	

.heartpower{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#000;
	margin:0 10px 0 10px;
}

.heartpower-hdr{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#ff9933;
}

/*Courses*/	

.course-intro{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#000;
	margin:0 0 0 20px;
}

#course{
	width:100%;
}

.course-topic{
	background-color:#003399;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	padding-left:10px;
	height:25px;
}

#course-table{
	width:100%;
}


.course-info{
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	padding:10px 0 10px 20px;
	vertical-align:top;
}


.course-hdr{
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	padding:10px 0 10px 10px;
	vertical-align:top;
}


.course-divider{
	width:1px;
	background-color:#CCCCCC;
}


ul.course {
	list-style-type:square;
	margin: 0 0 0 15px;
	padding:10px 0 10px 20px;
}


.course-content{
	padding:10px 0 10px 20px;
}

.course-content-hdr {
	font-weight:bold;
	text-decoration:underline;
}

.course-content-show {
	background-image:url(../images/courses-arrow-show.gif);
	background-repeat:no-repeat;
	background-position:left;
	padding:0 0 0 15px;
	cursor:pointer;
}

.course-content-hide {
	background-image:url(../images/courses-arrow-hide.gif);
	background-repeat:no-repeat;
	background-position:left;
	padding:0 0 0 15px;
	cursor:pointer;
}

.course-content-info{
	padding:0 0 10px 0;
}

.footnote{
	font-size:9px;
}

.btn-signup{
	background-color:#ff9933;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	border:1px solid #fff;
	padding:5px 5px 5px 5px;
}

/*Corporate*/

.intro-large{
	font-size:18px;
	font-weight:bold
}

/*Contact Us*/

.textbox{
	width:150px;
	padding:0;
	margin:0;
}

.commentbox{
	width:660px;
	padding:0;
	margin:0;
}

.btn-submit{
	background-color:#ff9933;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	border:1px solid #fff;
	padding:3px 5px 3px 5px;
	margin:5px 18px 0 0;
}

.btn-reset{
	background-color:#ccc;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	border:1px solid #fff;
	padding:3px 5px 3px 5px;
	margin:5px 10px 0 0;
}


/*Testimonials*/

.testimonial{
	font-size:11px;
	cursor: url(magnify.cur), -moz-zoom-in; opacity: 1;
}

.testimonial .photo{
	border:1px solid #CCCCCC; 
	width:130px;
}

/*Discussion*/

.title{
	color:#666;
	font-size:12px;
	font-weight:bold;
}

.more, .more a{
	text-decoration:underline;
	text-align:right;
	color:#000000;
}

.comments{
	border:1px solid #ccc;
	background-color:#efefef;
	width:100%;
	color:#666;
	font-size:11px;
	padding:10px 15px 10px 15px;
}

.responses{
	width:100%;
}

.updated_date{
	font-size:10px;
	color:#999999;
}

/*Pagination for Discussion*/
.pagination{
	font-size:11px;
	color:#999999;
}
.pagination .choice{
	font-size:11px;
	color:#999999;
}
.pagination A{
	font-size:10px;
	color: #FF9900;
	text-decoration:none;
	border: 1px solid #CCCCCC;
}
.pagination A:hover{
	color:#FFFFFF;
	background: #FF9900;
	text-decoration:none;
	border: 1px solid #666666;
}
/*Payment*/

.signup-txtbox{
	width:275px;
	font-size:11px
}


.signup-dropbox{
	width:350px;
	font-size:11px
}

.btn-pay{
	background-color:#ff9933;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	border:1px solid #fff;
	padding:3px 5px 3px 5px;
}

/*Sign-up form*/

.textfield{
	font-size:12px;
	border:1px solid #999999
}

.compulsory_field{
	color: #990000;
	font-size:12px
}


/*********************** Right Panel Css ***********************/	

#nav-bg{
	background-image:url(../images/nav-bg.jpg);
	width:203px; height:372px;
}

.nav{
	width:190px;
	text-align:center;
	margin:20px 10px 0 10px;
}

.nav a, .nav:visited{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#333;
	text-decoration:none;
}

.nav a:hover, .nav a:active{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#ff9933;
	text-decoration:none;
}


/*Latest Events*/

#events{
	margin:15px 0 0 10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#000;
	line-height:150%;
	width:200px;
}

.events-hdr, .events-hdr a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#ff9933;
	text-decoration:none;
}

ul.events, ul.events a{
	list-style-type:square;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	text-decoration:none
}
ul.events a:hover{
	color:#000;
	text-decoration:underline
}




/************************* Footer Css **************************/	

.footer-home{
	height:45px;
	background-color:#003399;
	width:1032px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#FFFFFF;
	text-decoration:none;
}

.footer{
	height:45px;
	background-color:#003399;
	width:1024px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#FFFFFF;
	text-decoration:none;
}

.footer a, .footer-home a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#FFFFFF;
	text-decoration:none;
}

.footer a:hover, .footer-home a:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#FFFFFF;
	text-decoration:underline;
}


.spacer{
	width:20px;
}


/***********************Event Calendar***********************/


/* start: event calendar*/

div.calendar{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#77685c;
	width:95%;
}

div.calendarleft { 
	color:#ffffff;
	font-size:12px;
}

div.calendarleft .month{
	color:#ffffff;
	font-size:14px;
	font-weight:bold;
	text-decoration:none
}
div.calendarleft .month A{
	color:#ffffff;
	font-size:14px;
	font-weight:bold;
	text-decoration:none
}

div.calendarleft .legend{ 
	font-size:10px;
	color: #F3F3F3
}

div.calendarleft  table{
	background-color:#3366cc;
	font-size:12px;
	color:#ffffff;
}
div.calendarleft  .day{
	font-size:13px;
	height:25px;
	color:#ff9933;
	font-weight:bold
}


div.calendarleft .today{
	font-size:12px;
	color:#999999;
	font-weight:bold
}


div.calendarleft  .event A{
	font-size:12px;
	color:#ff9933;
	text-decoration:none
}

div.calendarleft  .event A:hover{
	font-size:12px;
	color:#ff9933;
	text-decoration:underline
}

div.calendarright .displaydate{ 
	font-weight:bold;
	font-size:14px;
	color:#333333;
} 

div.calendarright .heading{ 
	font-weight:bold;
	font-size:12px;
	color:#666666;
} 

div.calendarright .promoheading { 
	font-weight:bold;
	font-size:12px;
	color:#666666;
} 

div.calendarright .promoheading A{ 
	color:#666666;
	text-decoration:none
} 

div.calendarright .promoheading A:hover{ 
	color:#666666;
	text-decoration:underline
} 

div.calendarright .promodesc{ 
	color:#000000;
	font-size:12px
} 

#dek {
	POSITION:absolute;
	text-align:left;
	VISIBILITY:hidden;
	Z-INDEX:200;
	margin-left:30px
}

.daywithevent_popup{
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	color:#666666;
	text-align:left
}

.faq {
	font-weight:normal
}
.faq .questions A{
	text-decoration:none;
	color:#000099;
	font-weight:bold
}
.faq .questions A:hover{
	color:#000099;
	text-decoration:underline;
}