

/*
	Page Style
*/
body { 
		-webkit-font-smoothing: subpixel-antialiased;
}
/**** FOR TEH SHOW HIDE AREA ******/
.collapsible-heading-status { position:absolute; left:-99999px; }
.collapsible-content { overflow:hidden; }
.collapsible-content-collapsed { display:none; }
#showhide_header{
	text-align: right;
	font-weight:normal;
}
#showhide_header .showhide{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	padding: 5px 10px;
	background: -moz-linear-gradient(
		top,
		#0b3c91 0%,
		#072559);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#0b3c91),
		to(#072559));
	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border: 1px solid #00163c;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(255,255,255,0.5);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(255,255,255,0.5);
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.4),
		0px 1px 0px rgba(255,255,255,0.3);

}
#showhide_header .showhide:hover{
	text-decoration:none;
	color: #0a0a0a;
		text-shadow:
		0px 1px 0px rgba(255,255,255,0.1),
		0px 0px 0px rgba(3,3,3,0.3);
}
#slideshowWrapper{
	background:url(../images/slide/slide_content_bg.gif) repeat left top #fff;
	 margin-top: 10px;
}
#slideshow{
	padding:10px;
	margin:5px auto 0;
	position:relative;
	z-index:0;
}
#slideshow-wrap{
	 left: 176px;
    position: relative;
}
#frame {
	position:absolute;
	z-index:0;
	width:739px;
	height:341px;
	top:-3px;
	left:-80px;
}

#example {
	width:600px;
	height:330px;
	position:relative;
}

/*
	Slideshow style
*/

#slides {
	position:absolute;
	top:15px;
	left:4px;
	z-index:100;
}

/*
	Slides container
	Important:
	Set the width of your slides container
	If height not specified height will be set by the slide content
	Set to display none, prevents content flash
*/

.slides_container {
	width:570px;
	height:270px;
	overflow:hidden;
	position:relative;
	display:none;
}

/*
	Each slide
	Important:
	Set the width of your slides
	Offeset for the 20px of padding
	If height not specified height will be set by the slide content
	Set to display block
*/

#slides .slide {
	padding:20px;
	width:530px;
	height:230px;
	display:block;
	background-color: #FFFFFF;
}

/*
	Next/prev buttons
*/
#slides .next,#slides .prev {
	position:absolute;
	top:107px;
	left:-39px;
	width:24px;
	height:43px;
	display:block;
	z-index:101;
}

#slides .next {
	left:585px;
}

/*
	Pagination
*/

.pagination {
	margin:26px auto 0;
	width:100px;
}

.pagination li {
	float:left;
	margin:0 1px;
	list-style:none;
}

.pagination li a {
	display:block;
	width:12px;
	height:0;
	padding-top:12px;
	background-image:url(../images/slide/pagination.png);
	background-position:0 0;
	float:left;
	overflow:hidden;
}

.pagination li.current a {
	background-position:0 -12px;
}



#slides .link {
	display:block;
	margin-top:10px;
	font-weight:800;
}
#slideshow h2{
	 border-bottom: 2px solid #0B3D91;
	 color:#2E2E2E;
	font-size:16px;
	font-weight:bold;
	line-height:16px;
	margin:0 0 10px;
	padding-bottom:7px;
}
#slideshow h2 a{
	 color:#2E2E2E;
}
#slideshow h2 a:hover{
	text-decoration:none;
}
.slide ul{
	 list-style: disc outside none;
    margin: 0 0 10px 30px;
    padding-left: 5px;
	 font-size: 12px;
    line-height: 1.3em;
}
.slide li{
    padding-bottom: 5px;
}
.slide .img_left {
    margin: 0 40px 10px 0;
}
