@charset "utf-8";
/* CSS Document */

body{
	padding:0px; margin:0px;
}
.main_container{
	float:left; width:645px; height:265px; position:relative;
}
.nav_container{
	float:left; position:absolute; left:0px; top:0px; z-index:10;
}
#slideshow {float: left; left:153px;}

#nav { width:159px; margin:0px 0px 0px 0px; float:left; padding:0px;}

#nav li { width:159px; float: left; margin:0px; list-style:none; padding:0px; background:url(../img/home_page/nav_bg.jpg) no-repeat; 
}

#nav a { width:159px; height:56px; display: block; font: bold 12px Arial, Helvetica, sans-serif; color:#4573ba; padding:5px 5px 5px 10px; }

#nav a:hover{background:url(../img/home_page/nav_highlight_new.gif) no-repeat; width:170px; height:56px; display: block; }

#nav a.activeSlide { background:url(../img/home_page/nav_highlight_new.gif) no-repeat; }

#nav a:focus { outline: none; }

#nav img { border: none; display: block; }



/*************************** home page news system *************************/
/*.news_container{
	float:left; width:500px; background:#CCCCCC;
}
.news_container_title{
	float:left; width:480px; height:25px; background:url(../img/home_page/news_container_title_bg.jpg) repeat-x;
	font:bold 11px/25px Arial, Helvetica, sans-serif; color:#FFFFFF; padding-left:20px;
}
.news_content{
	float:left; background:url(../img/home_page/news_content_bg.jpg) repeat-x; width:450px; height:54px; border-top:1px solid #000000;
	padding:10px 25px 10px 25px;
}*/
.news_container{
	float:left; width:600px; background:#CCCCCC; margin-left:22px;
}
.news_container_title{
	float:left; width:580px; height:25px; background:url(../img/home_page/news_container_title_bg.jpg) repeat-x;
	font:bold 12px/25px Arial, Helvetica, sans-serif; color:#FFFFFF; padding-left:20px;
}
.news_content{
	float:left; background:url(../img/home_page/news_content_bg.jpg) repeat-x; width:550px; height:54px; border-top:1px solid #000000;
	padding:10px 25px 10px 25px;
}

/* Slider CSS */
#mygallerylong{overflow: hidden;}

.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 470px;
margin-left:40px;
height: 54px; /*Height should enough to fit largest content's height*/
}
.stepcarousel .belt{
	position: absolute; /*leave this value alone*/
	left: 0px;
	top: 0px;
}
.stepcarousel .panel{
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	width:470px;
	margin:0px 40px 0px 0px; /*margin around each panel*/
	font:11px/14px Arial, Helvetica, sans-serif; color:#FFFFFF;
	 /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}
.stepcarousel .panel a{
	font:11px/16px Arial, Helvetica, sans-serif; color:#FFFFFF; text-decoration:none;
}
.stepcarousel .panel a:hover{
	font:11px/16px Arial, Helvetica, sans-serif; color:#FFFFFF; text-decoration:underline;
}