@import url("banner.css");
@import url("steven.css");
html {
	background:#ffffff;
}
body {
	margin:0;
	padding:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	height:100%;
	color:#333333;
}
p {
	line-height:18px;
	padding:0;
	margin:0 0 10px;
}
h1, h2, h3, h4, h5 {
	margin:0;
	padding:0;
}
a {
	color:#333333;
	text-decoration:none;
}
img {
	border:none;
	padding:0;
	margin:0;
}
.clear {
	clear:both;
}
 @font-face {
 font-family: 'NeutraText';
 src: url('Neutra_Text_Light_Alt.eot');
 src: url("Neutra_Text_Light_Alt.eot") /* EOT file for IE */,  url('Neutra_Text_Light_Altwoff') format('woff'),  url('Neutra_Text_Light_Alt.ttf') format('truetype'),  url('Neutra_Text_Light_Alt.svg#AaarghNormal') format('svg');
 font-weight: normal;
 font-style: normal;
}
 @font-face {
 font-family: 'HelveticaNarrowCERegular';
 src: url('helvetica_narrow_ce_regular-webfont.eot');
 src: url('helvetica_narrow_ce_regular-webfont.eot?#iefix') format('embedded-opentype'),  url('helvetica_narrow_ce_regular-webfont.woff') format('woff'),  url('helvetica_narrow_ce_regular-webfont.ttf') format('truetype'),  url('helvetica_narrow_ce_regular-webfont.svg#HelveticaNarrowCERegular') format('svg');
 font-weight: normal;
 font-style: normal;
}
/*==============================================================================*/
/*================================= Header =====================================*/
/*==============================================================================*/
.headerWrap {
	width:100%;
	clear:right;
}
.headerWrap, .headerGroup {
	background:#fafafa url(../images/header_bg.jpg) repeat-x center bottom;
}
.headerGroup {
	width:960px;
	margin:0 auto;
	height:136px;
}
.logo {
	width:180px;
	height:135px;
	float:left;
}
.topcontact {
	display:block;
	float:right;
	font-size:18px;
	line-height:22px;
	color:#ed0677;
	margin:20px 0 0;
	padding:8px 0;
}
.topcontact em {
	font-style:normal;
	color:#acacac;
	background:url(../images/phone_icon.jpg) no-repeat left center;
	padding:15px 0 15px 30px;
}
/*==============================================================================*/
/*=============================== Header end ===================================*/
/*==============================================================================*/

/*==============================================================================*/
/*============================= home contents ==================================*/
/*==============================================================================*/
.linkline {
	text-decoration: none;
	color: #999;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
}
.linkline:HOVER {
	text-decoration: none;
	color: #F60;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
}


.contentsWrap {
	width:100%;
}
.contentsWrap {
	background:url(../images/home_content_bg.jpg) repeat-x left top;
}
.contentGroup {
	margin:25px -10px 0;
}
.contents_col {
	width:33.33%;
	float:left;
	min-height:210px;
	padding:0 10px;
	position:relative;
}
.contents_col h2 {
	font-family: 'NeutraText';
	font-size:18px;
	color:#ed0677;
	padding:5px 0;
	margin:0 0 10px;
	font-weight:bold;
	display:block;
}
.contents_col img {
	float:left;
	margin-right:10px;
	padding-bottom:25px;
	padding-top:5px;
}
.contents_col p {
	padding-top:0;
	margin:0; font-size:14px; overflow:hidden;line-height: 24px;
}
.more-btn {
	background:url(../images/more_icon.jpg) no-repeat left center;
	line-height:16px;
	padding:5px 0 5px 20px;
	position:absolute;
	bottom:10px;
	right:10px;
	z-index:9;
}
.contents_col span a {
	color:#ed0d7c;
}
.contents_col ul {
	margin:0;
	padding:0;
	 overflow:hidden;
}
.contents_col ul li {
	list-style:none;
	display:block;
}
ul.home_features_list li {
	padding-left:10px;
	background:url(../images/bullet.jpg) no-repeat left center;
	padding:2px 0 2px 10px; font-size:14px;
}
ul.home_news_list li {
	clear:left;
	padding:2px;
}
ul.home_news_list li .newsDate, ul.home_news_list li em  {
	color:#999999;
	font-style:normal;
	float:left;
	margin-right:2px;
}
ul.home_news_list li .newsInfo {
	padding:0;
	margin:0;
}
/*==============================================================================*/
/*========================== home contents end =================================*/
/*==============================================================================*/

/*==============================================================================*/
/*========================== inner contents end =================================*/
/*==============================================================================*/
.bannerWrap {
	width:100%;
	height:174px;
}
.aboutBG {
	background:url(../images/banner_about.jpg) no-repeat center #307582;
}
.memberBG {
	background:url(../images/banner_member.jpg) no-repeat center #ff8105;
}
.programBG {
	background:url(../images/banner_program.jpg) no-repeat center #ffba3e;
}
.curriculumBG {
	background:url(../images/banner_curriculum.jpg) no-repeat center #c4ad91;
}
.newsBG {
	background:url(../images/banner_news.jpg) no-repeat center #398eb0;
}
.contactBG {
	background:url(../images/banner_contact.jpg) no-repeat center #5371b2;
}
.featuretBG {
	background:url(../images/banner_feature.jpg) no-repeat center #0039af;
}

.TandCBG {
	background:url(../images/banner_t_and_c.jpg) no-repeat center #307582;
}

.innerWrap {
	width:100%;
	background:url(../images/home_content_bg.jpg) repeat-x center top;
}
.innerGroup {
	width:960px;
	margin:0 auto;
	padding-top:10px;
}
.leftCol {

}
.rightCol {

}
h2.innerTitle {
	font-size:30px;
	font-family: 'NeutraText';
	padding:5px 15px 10px 0;
	color:#ed0677;
	background:#fff;
	float:left;
	width:auto;
	display:block;
	line-height:30px;
	font-weight:lighter;
}
.titleWrap {
	width:100%;
	background:url(../images/inner_title_bg.jpg) repeat-x left center;
}

.saperateline {
	width:100%;
	background:url(../images/inner_title_bg.jpg) repeat-x left center;
	height:8px;
	margin:5px 0 15px;
	clear:left;
}

.leftCol ul {
	margin:0;
	padding:0;
}
.leftCol ul li {
	list-style:none;
	display:block;
	background:url(../images/side_list_bg.jpg) repeat-x left top;
}
.leftCol ul li:first-child {
	background:none;
}
.leftCol ul li a {
	display:block;
	font-family:HelveticaNarrowCERegular;
	font-size:18px;
	padding:10px 0 5px 10px;
	color:#7b7a7a;
	line-height:20px;
}
.leftCol ul li a.current {
	color:#555555 !important;
 *color:#555555;
}
.rightCol h3 {
	font-size:24px;
	line-height:5px;
 *line-height:18px;
	margin:15px 0 0;
	padding:0 0 15px;
	font-weight:lighter;
	display:block;
}
.aboutContentBg {
	background:url(../images/about_bg.jpg) no-repeat right -5px;
}
span.highlight {
	color:#ed0677;
	font-weight:bold;
	display:block;
	width:100%;
}
ul.divList {
	margin:0;
	padding:0;
}
ul.divList li {
	list-style:none;
	width:170px;
	margin:0 1px;
	padding:0;
	float:left;
	display:block;
}
.divList p {
	padding:5px;
}
.display_01 {
	float:left;
	margin-right:20px;
	margin-top:5px;
	border:1px solid #d9d9d9;
}
.display_02 {
	float:left;
	margin-right:30px;
	margin-top:5px;
	border:1px solid #d9d9d9;
}

.display_03 {
	float:right;
	margin-left:30px;
	margin-top:5px;
	border:1px solid #d9d9d9;
}

ul.list {
	margin:0;
	padding:0;
}
ul.list li {
	background: url(../images/achive_list_bullet.jpg) no-repeat left 5px;
	list-style:none;
	display:block;
	padding:5px 0 5px 18px;
}
.topLeft {
	width:50%;
	border-bottom:dotted 1px #888;
	border-right:dotted 1px #888;
}
.topRight {
	width:50%;
	border-bottom:dotted 1px #888;
}
.bottomLeft {
	width:50%;
	border-right:dotted 1px #888;
}
.bottomRight {
	width:50%;
}
.topLeft p, .topRight p, .bottomLeft p, .bottomRight p {
	background:url(../images/open_mark.jpg) no-repeat left top;
	padding-right:10px;
	margin-left:10px;
	margin-top:10px;
	min-height:100px
}
.topLeft p span, .topRight p span, .bottomLeft p span, .bottomRight p span {
	background:url(../images/close_mark.jpg) no-repeat right bottom;
	display:block;
	padding:30px 0 30px 30px;
	font-style:italic;
	font-size:12px;
}
h4.name {
	margin:10px 0 10px;
	padding:5px 0;
	font-size:18px;
	line-height:18px;
	font-weight:lighter;
}
p.divide {
	background:url(../images/side_list_bg.jpg) repeat-x left center;
	padding:2px 0;
}
.ProgrammesleftCol {
	width:570px;
	float:left;
	margin-right:45px;
	margin-bottom:20px;
}
.ProgrammesDisplay {
	width:345px;
	float:right;
	margin-bottom:20px;
}
.table_01 {
	background:#f4f4f4;
}
.table_title {
	background:#ed0677;
	color:#ffffff;
	padding:12px 8px;
}
.table_row_01 {
	border-bottom:1px solid #c9c9c9;
	padding:12px 8px;
}
.table_row_end_01 {
	padding:12px 8px;
}
ul.featureList {
	margin:0;
	padding:0;
}
ul.featureList li {
	list-style:none;
	display:block;
	background:url(../images/features_list.jpg) no-repeat left top;
	padding-left:25px;
}
ul.featureList li strong {
	color:#f13892;
	text-transform:capitalize;
}
ul.featureList li strong span {
	font-size:18px;
}
.newsDisplay {
	width:405px;
	float:right;
	margin-bottom:20px;
}
.newsleftCol {
	width:510px;
	float:left;
	margin-right:45px;
	margin-bottom:20px;
}

.newsleftCol h3{
	line-height:18px;
	padding-bottom:10px;
	font-size:14px;
}
.contactLeftCol {
	width:435px;
	float:left;
	margin-right:30px;
	margin-bottom:20px;
}
.contactRightCol {
	width:495px;
	float:left;
	margin-bottom:20px;
}
.contactLeftCol h4 {
	font-size:16px;
	line-height:18px;
	padding:5px 0;
	margin-top:10px;
}
/*==============================================================================*/
/*========================== inner contents end =================================*/
/*==============================================================================*/

/*==============================================================================*/
/*============================= Contact form ===================================*/
/*==============================================================================*/
.content {
}
.content .left {
	width:193px;
	float:left;
}
.left-header {
	border-bottom:solid 3px;
	color:#F00;
	padding-bottom:10px;
	padding-left:5px;
	margin-top:30px;
}
.left-navi {
}
.left-navi ul {
	margin:10px 0 0 0;
	padding:0;
}
.left-navi ul li {
	list-style:none;
	padding: 5px 0 5px 5px;
}
.left-navi ul li a {
	display:block;
	background:url(file:///J|/personal%20stuff/work/freelance_09/html/images/arrow.gif) no-repeat left 3px;
	color:#333;
	padding:0 0 0 10px;
}
.left-navi ul li a:hover {
	background:url(file:///J|/personal%20stuff/work/freelance_09/html/images/arrow.gif) no-repeat left 3px;
	color:#F00;
	padding:0 0 0 10px;
	text-decoration:underline;
}
.block {
	padding:6px 0;
}
.content .right {
	width:731px;
	float:left;
	margin-left:32px;
}
.box {
	width:219px;
	background:#f4f4f4;
	border:solid 1px #bbbbbb;
	float:left;
	margin:0 10px;
}
.box-ttle {
	font-size:14px;
	padding:10px;
	color:#F00;
}
.box-desc {
	padding:10px;
	line-height:18px;
}
.header-content {
	font-size:16px;
	font-weight:bold;
}
.content-banner {
}
.breadcrum {
	font-family:Dotum, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666;
	padding:15px 0;
}
.inner-content-body {
	width:730px;
	padding-top:10px;
	clear:left;
	text-align:justify;
}
.inner-content-body .left {
	float:left;
	width:430px;
}
.inner-content-body .left2 {
	float:left;
	width:400px;
}
.inner-content-body .ttl {
	margin:10px 0;
	font-size:18px;
	line-height:25px;
	text-align:left;
}
.inner-content-body .ttl2 {
	font-size:12px;
	font-weight:bold;
	color:#333;
}
.input-box {
	width:495px;
	margin-bottom:15px;
	float:left;
}
.input-box .padding {
	margin:0 5px 10px 0;
	width:242px;
	float:left;
}
.input-box .textpadding {
	margin:10px 0;
	float:left;
}
.input-box input {
	width:226px;
	padding:3px 3px;
	margin-top:5px
}
.input-box textarea {
	border:solid #CCC 1px;
	padding:5px;
	float:left;
	width:470px;
	height:150px;
	margin-top:5px;
}

.input-box .contactradio {
	float:left;
	text-align:left;
	width:20px;
	margin:10px 0;
}

.input-box .radioLabel{
	float:left;
	margin:8px 0 10px;/* Applies to all major browsers */
	*margin:10px 0 10px;
	font-size:12px;
	padding:0;
	line-height:18px;
}
.subscribeBTN2 {
	width:80px;
	height:35px;
	margin:10px 0;
	cursor:pointer;
	background:url(images/button-send.gif) no-repeat top left;
	border:none;
}
.inner-content-body .right {
	width:262px;
	float:left;
	margin-left:30px;
}
.inner-content-body .right2 {
	width:280px;
	float:left;
	margin-left:40px;
}
#imageField3 {
	width:auto;
	height:auto;
}
form.cmxform label.error, label.error {
	/* remove the next line when you have trouble in IE6 with labels in list */
	color: red;
	font-style: italic;
	float:left;
}

.thankbg{
	min-height:300px;
}
/*==============================================================================*/
/*========================== Contact form end ==================================*/
/*==============================================================================*/

/*==============================================================================*/
/*=============================== footer =======================================*/
/*==============================================================================*/
.footerWrap {
	width:100%;
	padding:10px 0 35px;
}
.footerWrap, .footerGroup {
	background:#e6e6e6;
}
.footerGroup {
	margin:0 auto;
	padding:10px 0;
}
.footerGroup ul {
	margin:0;
	padding:0;
}
.footerGroup ul li {
	float:left;
	list-style:none;
	border-right:1px solid #888; margin-right:10px;
}
.footerGroup ul li:last-child {border:0;}
.footerGroup ul li a {
	display:block;
	padding:0 10px 0 0; font-size:12px;
}

ul.footerIcon {
	margin:5px 0 0;
	padding:0;
	float:right;
}
ul.footerIcon li {
	float:right;
	display:block;
	list-style:none;
}
/*==============================================================================*/
/*=============================== footer =======================================*/
/*==============================================================================*/