body, html {
	/*font: 100% Verdana, Arial, Helvetica, sans-serif;*/
	font-family:Verdana,Arial, Helvetica, sans-serif;
    font-size:12px;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	background-color: white;

}

#container { 
	width: 998px;
	margin:1px auto;
	height:100%;

	position:relative;
	text-align:left;
	font: normal 100% Verdana, Sans-serif;
	background-color: #FFFFFF;
	text-align: left; 
	

} 



#header { 
	width:100%;
	height:320px;
	background-image:url(../images/headerbg.jpg);
	background-repeat: no-repeat;
	

} 


#header .left {
	float:left;

	width:200px;
	height:81px;
	background-image: url(../images/logo.png);
	background-repeat: no-repeat;	
	
}

#header .topbar{
	float:right;
	width:430px;
	margin-right:0px;
	background-repeat: no-repeat;
	margin-top:1px;
	



	
}
.searchbar{
	float:left;
	width:210px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	padding-top:2px;
}


.searchbar_course{
width:auto;
margin:0 5px;

}

.searchbox{
	width:130px;
	line-height:15px;
	border:1px solid #cccccc;
	background:#FFFFFF;	
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	padding-left:3px;
	font-weight:normal;
	margin-top:1px;

	

}

.top_button{
padding-top:4px;
height:19px;
float:left;
margin-right:10px;

}

.date{
background-image:url(../images/datebg.gif);
padding:0;
width:200px;
height:21px;
float:right;
margin-top:1px;
background-repeat:no-repeat;

}


.tab{
float:left;
margin-top:3px ;
display:inline;
width:95%;
height:auto;


}

.intro{
margin-bottom:5px;
font-size:12px;
font-family:Verdana,Arial, Helvetica, sans-serif;
text-align:justify;
color:#4c4c4c;
}



.button{
	border-bottom:2px solid #747472;
	border-right:2px solid #747472;
	border-top:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
	border-top:0px;
	border-left:0px;
	padding:1px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	background-color: #a7a8a0;
	background-position: top;
	width:auto;
}



.menubar{
	margin-top:14px;
	margin-left:8px;
	width:775px;
	height:36px;
	float:left;
	background:url(../images/button_bg.gif);
	background-repeat:no-repeat;

}

.right_line{
	border-right:1px solid #0f1d38;

}





#maincontent{
margin-top:8px;
_margin-top:4px;
display:inline;
float:left;
width:100%;
margin-bottom:40px;
_margin-bottom:10px;
}


#maincontent .left{
float:left;
width:287px;
margin-right:3px;
margin-left:4px;
background-repeat:no-repeat;

}

.promtoion_ban{
width:287px;
height:151px;

}



#mailing, #news, #highlights{
width:285px;
 float: left;
 color: #666;
height:270px;
background: url(../images/rounded-right.gif) top right no-repeat;
}




#news{
width:372px;
margin-top:2px;
_margin-top:1px;
}

#highlights{
width:310px;
float:left;
margin-left:6px;
margin-top:2px;
_margin-top:1px;
}

  .desc {
 margin: 0;
 padding: 13px 9px 4px 15px;
 background: url(../images/rounded-left.gif) top left no-repeat;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-transform:uppercase;
font-weight:bold;
color:#FFFFFF;
  }

  .ctn {
  margin: 0;
  padding: 0 0 0 9px;
  background: url(../images/rounded-left.gif) bottom left no-repeat;
  }
  .ctn em {
  display: block;
  padding: 0 9px 9px 0;
  font-style: normal;
  background: url(../images/rounded-right.gif) bottom right no-repeat;
  }
  .container a {
  font-size: 130%;
  color: #e70;
  }


#maincontent .right{
float:left;
margin-left:6px;
width:690px;

}



#maincontent .righttop{
float:left;
width:100%;
margin-top:5px;
}

#main_banner{
width:996px;
height:226px;
border:1px solid red;

}



.more{
float:right;
width:100%;
height:16px;
margin-top:9px;
margin-bottom:0px;
/*background-image:url(../images/more_button.jpg);*/
background-repeat:no-repeat;

}




.promotionbar{
width:100%;
height:120px;
margin-bottom:0;
float:left;


}

.topbanner_events{
margin-top:5px;
width:998px;
height:246px;
background-image:url(../images/event_bg.jpg);


}



.topbanner_promotion{
margin-top:5px;
width:998px;
height:246px;
background-image:url(../images/promotion_bg.jpg);


}



.topbanner_schedule{
margin-top:5px;
width:998px;
height:246px;
background-image:url(../images/schedule_bg.jpg);


}



.topbanner_about{
margin-top:5px;
width:998px;
height:246px;
background-image:url(../images/about_bg.jpg);


}




.topbanner_servcies{
margin-top:5px;
width:998px;
height:246px;
background-image:url(../images/services_bg.jpg);


}



.topbanner_career{
margin-top:5px;
width:998px;
height:246px;
background-image:url(../images/career_bg.jpg);


}



.topbanner_contact{
margin-top:5px;
width:998px;
height:246px;
background-image:url(../images/contact_bg.jpg);


}



.content{
width:100%;

float:left;


}


.content .lft{
margin-top:25px;
float:left;
width:240px;


}

.content .rght{
margin-left:15px;
float:left;
width:735px;


}
.content_txt_Label{
font-family:Verdana,Arial, Helvetica, sans-serif;
font-size:12px;
color:#2b5bb5;
}

.content_txt_error{
font-family:Verdana,Arial, Helvetica, sans-serif;
font-size:12px;
color:red;
}

.content_txt{
font-family:Verdana,Arial, Helvetica, sans-serif;
font-size:12px;
color:#333333;
}

.content_txt_sample{
font-family:Verdana,Arial, Helvetica, sans-serif;
font-size:11px;
font-style:italic;
color:#333333;

}

.content_txtb, .promotion_title{
font-family:Verdana,Arial, Helvetica, sans-serif;
font-size:12px;
color:#2b5bb5;
font-weight:bold;

}


.content_txtb a{

font-family:Verdana,Arial, Helvetica, sans-serif;
font-size:12px;
color:#0d1931;
text-decoration:none;
font-weight:bold;

}



.content_txtb a:hover{

text-decoration:underline;


}


.promotion_title{
font-size:12px;



}

.promotion_title a{
font-size:12px;
text-decoration:underline;
color:#0d1931;

}


.promotion_title a:hover{
font-size:12px;
text-decoration:none;
color:#0d1931;

}


.more{
font-family: Verdana,Arial, Helvetica, sans-serif;
font-size:10px;
color:#243a6f;
font-weight:bold;
text-decoration:none;

}


.more:hover{
text-decoration:underline;

}
.photoborder{
border:1px solid #CCCCCC;


}

.eventstitle{

font-family: Verdana,Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#333333;

}


.map_txt{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#0d1931;

}

.map_txt a{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#0d1931;
text-decoration:none;

}


.map_txt a:hover{
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#0d1931;
text-decoration:underline;

}



.orange{

	font-family:Arial;
	font-size:12px;
	color:#e44120;


}





.white{

	font-family:Arial;
	font-size:12px;
	color:#FFFFFF;
	

}


.white a{
	font-family:Verdana;
	font-size:10px;
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;

}

.white a:hover{

	color:#BFDFFF;
	


}




.rightwhiteline{
border-right:1px solid white;

}


.timefont{
	font-family:Arial;
	font-size:11px;
	color:#FFFFFF;
	padding-left:13px;


}


.paneldate{
margin:5px 2px;

}


.panelcontent{
margin:5px 2px;

}

 #footer { 
 /* this padding matches the left alignment of the elements in the divs that appear above it. */
 border-top:1px solid #ccd3da;
	background-color:#f4f4f4;
	clear:both;
	height:65px;

} 

.foot_logo{
	float:left;
	width:100%;
	display:table;
	margin-top:5px ;
	_margin-top:0px;
	margin-bottom:10px;
	
}


.bottomlink{
	
	color:#6e6e6e;
	padding:0 5px;
	font-family:Verdana,Arial;
	font-size:11px;
	float:left;
	

}


.bottomlink a{
	color:#6e6e6e;
	padding:0 5px;
	font-family:Verdana,Arial;
	font-size:11px;
	text-decoration:underline;
	font-weight:bold;
}



.bottomlink a:hover{
	color:#6e6e6e;
	padding:0 5px;
		font-family:Verdana,Arial;
	font-size:11px;
	text-decoration:none;
}


.copyright{
	clear:both;
	color:#6e6e6e;
	padding:0 5px;
	font-family:Arial;
	font-size:10px;
	float:right;
	margin:5px 0;

	
	
	}





/*tab*/


.text{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#4c4c4c;

}


.bottomline{

border-bottom:1px solid #cccccc;

}


.newsletter{
width:100%;
margin-top:20px;
margin-bottom:10px;
float:left;
border:1px solid green;
float:left;
}


.news_top{
background-image: url(../images/news_top.jpg);
width:313px;
height:33px;
float:left;
}


.news_middle{
background-image: url(../images/news_middle.jpg);
width:313px;
height:34px;
background-repeat:repeat-y;
float:left;
display:table;

}



.news_bot{
background-image: url(../images/news_bot.jpg);
width:313px;
height:14px;
background-repeat:no-repeat;
float:left;

}

.news_text{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#4c4c4c;
font-weight:bold;


}


.form_box{

margin:0;
}

/**slideshow**/


.stepcarouse_left{
background-repeat:repeat-x;
width:30px;
height:114px;
float:left;
margin-left:3px;

}

.stepcarouse_right{
background-repeat:repeat-x;
width:31px;
height:114px;
float:left;
margin-left:0;

}


.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width:925px;
_width:900px;
float:left;
height: 114px; /*Height should enough to fit largest content's height*/
background-image:url(../images/promotionbg.jpg);
background-repeat:repeat-x;
margin:0 0px;

}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#61b7f3;
font-weight:bold;
padding-left:5px;
padding-top:5px;
margin-bottom:5px;



}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin-top: 7px; /*margin around each panel*/
width: 250px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
background-image:url(../images/separate_line.jpg)right;
font-size:11px;
font-weight:normal;
_margin-top:10px;


}

p.samplebuttons{
width: 320px;
text-align: center;
}

p.samplebuttons a{
color: #2e6ab1;
padding: 1px 2px;
margin-right: 3px;
text-decoration: none;
}



.title{
font-family:Arial, Helvetica, sans-serif;
color:#0d1931;
font-size:15px;
font-weight:bold;
text-transform:uppercase;


}


.titleline{
border-bottom:2px solid #8ea3cd;

}


.handcursor{
cursor:hand;
cursor:pointer;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#243a6f;
margin-bottom:10px;
}


.coursetitle{
cursor:hand;
cursor:pointer;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#243a6f;
margin-bottom:10px;


}


.blueline{

border-bottom:1px solid #8ea3cd;

}

.greyline{
border-bottom:1px solid #e6e6e6;

}




.tabletitle{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#243a6f;
font-weight:bold;


}

.formbr{
margin:0;

}

.newbar{
margin:0 auto;
width:231px;}


.newbar .top{
background-image:url(../images/news_events_title.jpg);
width:231px;
height:43px;

}


.newbar .middle{
background-image:url(../images/middle.jpg);
width:231px;
background-repeat:repeat-y;


}


.newbar .bot{
background-image:url(../images/bottom.jpg);
width:231px;
height:20px;
background-repeat:repeat-y;

}

.newbarcontent{
margin:0 13px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#333333;
border:0;
}

.dt{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#0d1931;


}


.newcontent{
width:95%;
border-bottom:1px solid #CCCCCC;
padding-bottom:10px;
padding-top:10px;
font-family:Verdana,Arial, Helvetica, sans-serif;
font-size:11px;
padding-left:4px;


}

.newcontent a{
width:95%;
padding-bottom:10px;
padding-top:10px;
font-family:Verdana,Arial, Helvetica, sans-serif;
font-size:12px;
padding-left:4px;
text-decoration:none;
color:#333333;

}

.newcontent a:hover{
width:95%;
padding-bottom:10px;
padding-top:10px;
font-family:Verdana,Arial, Helvetica, sans-serif;
font-size:12px;
padding-left:4px;
text-decoration:underline;
color:#0d1931;

}


.joinmailing{
margin:8px 3px;

}


.joinmailing .top{
background:url(../images/mailing1.jpg);
width:231px;
height:43px;

}

.joinmailing .middle{
background:url(../images/mailing2.jpg);
width:231px;
background-repeat:repeat-y;

}


.joinmailing .bottom{
background:url(../images/mailing3.jpg);
width:231px;
height:16px;
background-repeat:no-repeat;

}



.welcometitle{
margin-bottom:10px;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#243a6f;
font-weight:bold;

}


.bot_button{
width:1000px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
font-weight:bold;
margin-left:0;

}

.bot_button .left{
float:left;
width:12px;
height:33px;
background-image:url(../images/bt_left.jpg);

}

.bot_button .middle{
float:left;
width:970px;
height:33px;
background-image:url(../images/bt_middle.jpg);
background-repeat:repeat-x;
padding-top:2px;


}



.bot_button .rightside{
float:left;
width:12px;
height:33px;
background-image:url(../images/bt_right.jpg);
background-repeat:no-repeat;

}

.leftbanner{
margin:10px 2px;

}


.bg_bottom{
background-image:url(../images/bg_box.jpg);
width:720px;
background-repeat:no-repeat;
background-position:bottom;


}


.picborder{

border:1px solid #d9d9d9;

}