@charset "utf-8";
/* CSS Document */
html,  div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font,  ins, kbd, q, s, samp,small, strike, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;	padding: 0;	border: 0; 	outline: 0; 	font-weight: inherit; 	font-style: inherit; 	font-size: 100%; 	font-family: inherit; }
body{margin:0px; padding:0px;  font-family:Arial, Helvetica, sans-serif; color:#f6f6f6; background:url(../images/bgmain.jpg) repeat-y center;}
a{color:#249ae4;}
.clr{clear:both;}
#header{margin:auto; width:979px; background:#FFF}
#header #headepart{ height:71px; background:url(../images/bgheader.jpg) repeat-x;}


#menubar{ background:url(../images/bgmenu.jpg) repeat-x; height:29px;}
#menubar ul{ padding:0px; margin:0px; list-style-type:none;}
#menubar ul li{ float:left; }
#menubar ul li a{ display:block; background:url(../images/line.jpg) no-repeat right; float:left; padding:7px 20px; color:#FFF; font-size:12px; font-weight:bold; text-decoration:none}
#menubar ul li a:hover{ background:#68c0f8; text-decoration:underline;}


.ph-con{width:979px;}
.sliderwrapper{position: relative; overflow: hidden; height:284px;  }
.sliderwrapper .contentdiv{visibility: hidden;  position: absolute;    top: 0; background: white;  height: 100%;filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);-moz-opacity: 1;opacity: 1;}
.pagination{width:979px; text-align: left; background:url(images/pagination-bg.gif); line-height:20px; padding:0px 4px 0px 4px; font-size:12px; }
.pagination a{padding:2px 4px 2px 4px; text-decoration: none; color: #249ae5; line-height:20px;}
.pagination a:hover, .pagination a.selected{color: #fff; background:#249ae4; padding:2px 4px 4px 4px;  }

.line{height:5px; background:#249ae5;}
#contentpart{margin:10px 10px 5px 10px;}
#contentpart .leftpart{ float:left; width:352px;border:#e0e0e0 solid 1px;}
.expend{}
.expend h2{ font-size:20px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; padding:5px; margin:0px; color:#5b5b5b}
#contentpart .rightpart{ float:left; width:595px; margin-left:10px;}

#contentpart .rightpart .contentinner{ font-size:12px; color:#5b5b5b; line-height:19px;}
#contentpart .rightpart .contentinner h2{ font-size:18px; color:#2d9ce3; padding:0px; margin:0px; font-weight:bold; padding:0px; margin:0px;}
#contentpart .rightpart .contentinner .left_sect{ border-bottom:#e6e6e6 dashed 1px; margin-left:2px; margin-bottom:5px;}
#contentpart .rightpart .contentinner .linkcol{ font-size:12px; text-align:right }
#contentpart .rightpart .contentinner .linkcol a{ color:#ff9972; text-decoration:underline; }
#contentpart .rightpart .contentinner .linkcol a:hover{ color:#ff9972; text-decoration:none;}


:focus {	outline: 0;}
 
ol, ul { 	list-style: none; }

/* Tables still need 'cellspacing="0"' in the markup. */
table {	border-collapse: separate;	border-spacing: 0; }
caption, th, td { 	text-align: left; 	font-weight: normal;}

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after,q:before, q:after {	content: "";}
blockquote, q {	quotes: "" "";}

/*  Demo Styles                      */
 .capt, .capb {background: url("images/caps.gif") no-repeat;height:4px;         width:100%;      /*position:absolute;*/    z-index:100;   margin:0px;   padding:0px;    }
 .capt { position:absolute; background-position:0 -4px;}
 .capb { margin-top:-19px; }
 #content { float:left; }
.drawers-wrapper {position: relative; width: 352px; float:left; }
.drawers { margin-bottom:15px; color:#000; font-size:11px; line-height: 18px;  }
.drawer {background:transparent url(images/sideboxlight_bg.gif) repeat-y scroll 0pt;  color:#76797C; font-size:11px; line-height:1.3em;}
.drawer-handle { background:url(../images/bggr.jpg) repeat-x; color:#656565; cursor:pointer;   line-height:20px;   text-indent:15px; font-size:12px; width:100%; font-weight:bold }
.drawer-handle.open { background-color:#f6f6f6; background-position:-188px 0pt; color:#656565; font-weight:bold;}

/* nasty, but it fixes the indent on the first one. */
h2.drawer-handle span {   }
.drawer ul { padding: 0 12px; padding-bottom:0pt; }
.drawer li {border-bottom:1px solid #E5E5E5; line-height:16px;  padding:6px 0pt; }
.drawer-content ul { padding-top: 7px;}
.drawer-content li a {display:block; overflow:hidden;}
.alldownloads li { border:0pt none;  line-height:18px; padding:0pt; padding:0px; margin:0px; font-weight:normal}
.drawers a {color:#666666;text-decoration:none;mily:"Lucida Grande",Geneva,Arial,Verdana,sans-serif;}


.sersee{float:left; width:595px; margin-bottom:15px;	}
.serseebox { border:1px #ebebeb solid; height:auto;  }
.serinfo{ text-align:justify; font-family:Arial, Helvetica, sans-serif; font-size:11px; padding:10px; line-height:17px; color:#000}
.serinfo  ul { list-style-type:none;}
.serinfo  ul li { padding:0px; margin:0px; }
.sertab{ background:url(../images/bgtab.jpg) repeat-x; height:25px;}
.sertab ul { list-style-type:none; padding:0px; margin:0px;}
.sertab li{ padding:0px; margin:0px; color:#333; width:198px; float:left; cursor:pointer; display:inline; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; text-align:center ; background:url(../images/line1.jpg) no-repeat right; padding:3px 0px 7px 0px }
.sertab li.active{ background:#ebebeb; list-style-position:outside; color:#333; }

/* content start here */

#footer{width:962px; margin-bottom:10px; margin-left:10px;}
#footer .bgcontent{ background:#666666; }
#footer .bgcontent .cont{ width:185px; float:left; line-height:15px; font-size:11px; color:#FFF }
#footer .bgcontent .cont ul{ padding:0px; margin:0px; list-style-type:none;}
#footer .bgcontent .cont a{ text-decoration:none; color:#FFF; font-size:11px; padding:10px; background:url(../images/bulletleft.jpg) left no-repeat; padding-left:10px;}
#footerl{text-align:center; padding:0px 0px 5px 0px; font-size:11px; color:#666}

.formhome{float:left; width:250px;}
.formhome  p{ padding:0px; margin:0px 0px 10px 0px;  }
.formhome  p label{width:80px; float:left; display:block; text-align:right; margin-right:5px; }
.formhome  p label .red{ color:#F00 }


.selectedanchor{}
.anylinkcss{position: absolute;left: 0;top: 0;visibility: hidden;border: 1px solid black;border-bottom-width: 0;font: normal 12px Verdana;line-height: 18px; z-index: 100;  width: 200px;}
.anylinkcss ul{margin: 0;padding: 0;list-style-type: none;}
.anylinkcss ul li a{width: 100%;display: block;text-indent: 3px;border-bottom: 1px solid black;padding: 1px 0;text-decoration: none;font-weight: bold;text-indent: 5px; color:#FFF}
.anylinkcss a:hover{background: black;color: white; color:#fff}
.anylinkcsscols{position: absolute;left: 0;top: 0;visibility: hidden; padding-top:10px; padding: 10px;font: normal 12px Verdana;z-index: 100;  background:#68c0f8}
.anylinkcsscols .column{width: 130px;float: left;}
.anylinkcsscols .column ul{margin: 0;padding: 0;list-style-type: none;}
.anylinkcsscols li{padding-bottom: 7px;}
.anylinkcsscols li a{ color:#FFFFFF; text-decoration:none}
.anylinkcsscols li a:hover{ text-decoration:underline;}

.anylinkshadow{position: absolute;left: 0;top: 0; z-index: 99;  visibility: hidden; background:#000;}


.formhometext{width:250px; font-size:12px; margin-top:20px;}
.formhometext  p{ padding:0px; margin:0px 0px 10px 0px; color:#333}
.formhometext  p label{width:80px; float:left; display:block; text-align:right; margin-right:5px; color:#333 }
.formhometext  p .input{ background:#f6f6f6; border:#999 solid 1px;}
.formhometext  p label .red{ color:#F00 }
