@charset "utf-8";
/* CSS Document */
body {
	background-color: #ffffff;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
}
img, div, input,td { behavior: url("includes/iepngfix.htc") }
.title{
	margin-top:30px;
}

#ddblueblockmenu{
	/*border: 1px solid black;*/
	border-bottom-width: 0;
	width: 148px;
	margin-top:15px;
}

#ddblueblockmenu ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}

#ddblueblockmenu li a{
	display: block;
	padding: 3px 0;
	padding-left: 9px;
	/*width: 169px; /*185px minus all left/right paddings and margins*/
	text-decoration: none;
	color: white;
	background-color: #3353aa;
	border-bottom: 1px solid #90bade;
}

#ddblueblockmenu li a:hover {
	background-color: #2586d7;
	border-left-color: #1c64d1;
}

#ddblueblockmenu div.menutitle{
	color: white;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	padding: 1px 0;
	padding-left: 5px;
	background-color: #82c341;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
}
a.list_magazine{
	text-decoration:none;
	color:#000000;
}
a.list_magazine:hover{
	text-decoration:underline;
}

div.header{
	background-image:url(images/bg_header.jpg); background-repeat:repeat-x; background-color:#128db7;
	widows:1003px;
	height:149px;
	
}
div.menutop{
	top:116px;
	position:absolute;
	height:33px;
	width:1003px;
	background-image:url(images/bg_menutop.jpg); background-repeat:repeat-x;
}
div.top{	
	position:absolute;
	height:116px;
	width:500px;
	padding-left:150px;
	padding-right:20px;
}
div.menuTopRight{
	position:absolute;
	height:17px;
	width:250px;
	padding-left:750px;
	text-align:right;
	color:#FFFFFF;
	font-weight:bold;
}
div.Language{
	position:absolute;
	top:2px;
	height:17px;
	width:70px;
	padding-left:765px;
	text-align:left;
	color:#FFFFFF;
	font-weight:bold;
}
div.top3Last{
	top:17px;
	position:absolute;
	height:98px;
	width:250px;
	padding-left:750px;
	text-align:right;	
}
.Tmenutop{
	height:33px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-weight:bold;
	font-size:10px;
}
a.menutop{
	color:#FFFFFF;
	text-decoration:none;
	/*font-weight:bold;
	font-size:10px;*/
}
a.menutop:hover{
	text-decoration:underline;
}

/*   infobox      */
.infoboxHeaderTop{
	background-image:url(images/infobox/infoboxHeader.jpg);
	background-repeat:no-repeat;
	height:39px;	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	font-weight:bold;
	padding-left:10px;
	padding-top:0px;
	text-align:left;
	padding-bottom:0px;
}
.infoboxHeader{
	background-image:url(images/infobox/infoboxHeader1.jpg);
	background-repeat:no-repeat;
	height:25px;	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	font-weight:bold;
	padding-left:10px;
	padding-top:0px;
	text-align:left;
	padding-bottom:0px;
}
.contentBox{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#000000;
	background-image:url(images/infobox/infoboxLine.jpg);
	background-repeat:repeat-y;
	padding-left:7px;
	padding-right:7px;	
}
div.infoboxFooter{
	background-image:url(images/infobox/ingoboxFooter.jpg);
	background-repeat:no-repeat;
	width:223px;
	height:5px;
}

/*   style for body */
.pic{
	white:780px;
	height:511px;
	background-image:url(images/border.gif);
	background-repeat:no-repeat;
	padding-left:4px;
	padding-right:2px;
	padding-top:2px;
}
.boxHeaderLeft{
	background-image:url(images/infobox/boxLeft.jpg);
	background-repeat:no-repeat;
	height:30px;
	width:14px;
}
.boxHeader{
	background-image:url(images/infobox/boxCenter.jpg);
	background-repeat:repeat-x;
	height:30px;	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	font-weight:bold;	
	padding-top:0px;
	text-align:left;
	padding-bottom:0px;
}
.hv{
	white-space:782px;
	height:254px;
	background-image:url(images/hv.gif);	
}
.topicContent{
	padding-left:5px;
	padding-right:5px;	
}
.topicImage{
	padding-right:5px;
}
.topicTitle{
	color:#4b9601;
	font-size:13px;
	text-decoration:underline;
	font-weight:bold;
}
.footer{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	font-weight:bold;
	width:1003px;
	text-align:center;
	padding-top:2px;
}

span.posterTitle{
	font-size:12px;
	color:#FF9900;
}

/* for list magazine      */
.stepcarousel_1{
position: relative; /*leave this value alone*/
border: 0px;
overflow: scroll; /*leave this value alone*/
width: 195px;
height: 500px; /*Height should enough to fit largest content's height*/
}

.stepcarousel_1 .belt_1{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel_1 .panel_1{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel_1 DIV*/
margin: 0px; /*margin around each panel_1*/
height:25px; /*Width of each panel_1 holding each content. If removed, widths should be individually defined on each content DIV then. */
/*width:70px; /*Width of each panel_1 holding each content. If removed, widths should be individually defined on each content DIV then. */
}

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

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

a.btn{
	background-image:url(images/bg_btn.jpg);	
	padding-left:10px;
	padding-right:10px;
	padding-bottom:5px;
	padding-top:5px;
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:none;
}

.cententL{
	/*border:solid 1px #cccccc;*/
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	padding:3px;
	text-align:right;
}

.cententR{
	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	padding:3px;
}
.TableHeader{	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#FFFFFF;
	font-weight:bold;
	padding:3px;
	height:25px;
	background-image:url(images/infobox/boxHeader.jpg);
	background-repeat:repeat-x;
}
/* end style for list       */