/*=============== main ========================*/
body	{
	margin: 0;
	padding: 0;
	background-color: #bfbfbf;
}

body,div,span,div,p{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #333;
	text-decoration: none;
}

#maincontainer {margin:0px auto; width:1000px;  padding:0px; background-color:#FFFFFF;}

#maincontainer #header {background: url(images/head.jpg) no-repeat; height:254px;}

#maincontainer #header #bannercontainner{ width:728px; height:90px; text-align:center; padding-left:100px; padding-top:15px;}


#flashmain{ height: 316px; clear:both;}

#menuhead{height: 59px; clear:both;}

#contentwrapper{
float: left;
width: 100%;
}

#contentcolumn{
margin-left: 252px; /*Set left margin to LeftColumnWidth*/
}

#leftcolumn{
float: left;
width: 252px; /*Width of left column*/
margin-left: -1000px; /*Set left margin to -(MainContainerWidth)*/
}

#footer {margin:0px; margin-top:10px; padding:5px; background-color:#F1F1F1; text-align:center;}

.bg_hot	{
	margin: 0;
	padding: 0;
	width: 748px;
	/*height: 86px;*/
	background: url(images/h_hotprogram.gif) no-repeat;
}
.bg_training	{
	margin: 0;
	padding: 0;
	width: 748px;
	/*height: 86px;*/
	background: url(images/h_training.gif) no-repeat;
}
.bg_map	{
	margin: 0;
	padding: 0;
	width: 748px;
	/*height: 86px;*/
	background: url(images/h_map.gif) no-repeat;
}
.bg_gallery	{
	margin: 0;
	padding: 0;
	width: 748px;
	/*height: 86px;*/
	background: url(images/h_gallery.gif) no-repeat;
}
.bg_contact	{
	margin: 0;
	padding: 0;
	width: 748px;
	/*height: 86px;*/
	background: url(images/h_contact.gif) no-repeat;
}
.bottom
{
    WIDTH: 1000px;
    TEXT-ALIGN: center;
	padding:0px 0px;
	background-color: #dadada;

}
.gallerypic {border:1px solid #D3D3D3; padding:1px;
}

.galleryDiv{float:left; width: 220px; padding-left:60px; padding-top:20px; text-align:center;}

.searchbar{
    /*text-align:right;*/
    padding: 65px;
}

.innertube{ padding-left:15px;}

.clear {clear:both;}

.categoryBar{
    border-bottom:solid 1px #CCCCCC;
    margin-left:5px;
    margin-top:15px;
    padding-bottom:1px;
    font-weight:bold;
    font-size:14px;
}
/*=============== button 1========================*/

a.button_home{
    background: url(images/b_home.gif) no-repeat top left;
    display:block;
    float:left;
    width:106px; height:59px;
}
a.button_home:hover{
    background-position: bottom left;
}

/*=============== button 2========================*/
a.button_course{

    background: url(images/b_course.gif) no-repeat top left;
    display:block;
    float:left;
    width:209px; height:59px;
}
a.button_course:hover{
    background-position: bottom left;
}

/*=============== button 3========================*/
a.button_promotion{

    background: url(images/b_promotion.gif) no-repeat top left;
    display:block;
    float:left;
    width:197px; height:59px;
}
a.button_promotion:hover{
    background-position: bottom left;
}

/*=============== button 4========================*/
a.button_map{

    background: url(images/b_map.gif) no-repeat top left;
    display:block;
    float:left;
    width:212px; height:59px;
}
a.button_map:hover{
    background-position: bottom left;
}

/*=============== button 5========================*/
a.button_gallery{

    background: url(images/b_gallery.gif) no-repeat top left;
    display:block;
    float:left;
    width:116px; height:59px;
}
a.button_gallery:hover{
    background-position: bottom left;
}

/*=============== button 6========================*/
a.button_contact{

    background: url(images/b_contact.gif) no-repeat top left;
    display:block;
    float:left;
    width:160px; height:59px;
}
a.button_contact:hover{
    background-position: bottom left;
}

/*=============== Paging ========================*/
   .paging{  
       padding:5px;  
       font-size:12px;  
       color:#000000;  
       font-weight:bold;  
   }  
      
   .paging a{  
       padding:4px 7px 4px 7px;  
       margin:0px 2px 0px 2px;  
       border:1px solid #FF9900;  
       background:#FFFFFF;  
       color:#FF9900;  
       text-decoration:none;  
   }  
     
  .paging a:hover{  
       border:1px solid #FF9900;  
       background:#FF9900;  
       color:#FFFFFF;  
       text-decoration:none;  
   }  

/*=============== text ========================*/
.txtfooter{
    font-size:11px;
}

.title1{
	font-size: 16px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	color: #c84302;
	text-decoration: none;
}

.title14 {
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	color: #c84302;
	text-decoration: none;
}

.txt_note{
    margin-left: 50px;
}

/*=============== link ========================*/
a:link {
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #C84302;
	text-decoration: none;
}
a:visited {
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #C84302;
	text-decoration: none;
}
a:hover {
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #C84302;
	text-decoration: underline;
}
a:active {
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #C84348;
	text-decoration: none;
}
.a1:link {
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	color: #0099FF;
	text-decoration: none;
}
.a1:visited {
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	color: #0099FF;
	text-decoration: none;
}
.a1:hover {
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	color: #0099FF;
	text-decoration: underline;
}
.a1:active {
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	color: #0099FF;
	text-decoration: none;
}

.a2:link {
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	color: #0099FF;
	text-decoration: none;
}
.a2:visited {
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	color: #0099FF;
	text-decoration: none;
}
.a2:hover {
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	color: #0099FF;
	text-decoration: underline;
}
.a2:active {
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	color: #0099FF;
	text-decoration: none;
}

/*======================= Form Layout =============================*/
p.cssform{
    clear: left; margin:0; padding: 2px 0 5px 0; 
    padding-left: 150px; /* width of left column containing the label elements*/
}

p.cssform big{
    font-size: 12px;
    font-weight: bold;
    float:left;
    margin-left: -150px;
    width:140px;
}

.bg_gray{ background-color:#DCE7EF;}

.inputbox
{
  color:#006666;
  background-color: #FFFFFF;
  border:solid 1px #D4D4D4;
  width:250px;
}
