body{
  height:100%;
  margin:auto;
  padding:0px;
  text-align:center
}
body, html
{
	background: url(  '../Image/bg.jpg' );
	scrollbar-face-color: #E0E0E0;
	scrollbar-darkshadow-color: #E0E0E0;
	background-repeat: repeat-x;
}
html{
  height:100%
}

*{
  font:8pt tahoma
}

img{
  margin:auto
}

ul{
  list-style:none;
  text-decoration:none
}

a{
  text-decoration:none
}
a [ href ]{
 color: -moz-hyperlinktext !important;/* For Firefox... mark as important, otherwise it becomes black */
 text-decoration:-moz-anchor-decoration/* For Firefox 3, otherwise no underline will be used */
}

a:hover{
  color:#DF5900;
  text-decoration:underline
}

.LeftToRight{
  direction:ltr
}

.RightToLeft{
  direction:rtl
}

#Header
{
	margin: 0 auto;
	overflow: hidden;
	width: 1002px;
	
}

#Header img
{
	margin: auto;
	width: 1002px;
}

#div_Menu{
 background:url(  '../Image/menu_background.png' );
 border-left:#cbcbcb 1px solid;
 border-right:#cbcbcb 1px solid;
 height:30px;
 margin:0px auto;
 width:1000px
}

#div_Menu input{
  background:none;
  border:none
}
/****** Box's ********/
/** TyneBox **/

.box-top{
  background:url(../Image/Boxs/Box-Top.png) no-repeat;
  color:#FF9;
  height:19px;
  padding-top:6px;
  text-align:center;
  width:181px
}

.LinksItem{
  background:url(../Image/Icons/bullet-orange.gif) no-repeat right;
  display:block;
  float:right;
  padding-right:11px
}

.box-center
{
	border-left: 1pt solid #ACB6BE;
	border-right: 1pt solid #ACB6BE;
	text-align: right;
	width: 179px;
}

.box-down{
  background:url(../Image/Boxs/box-down.png ) no-repeat;
  height:23px;
  width:181px
}

.center-box-top
{
	background: url(../Image/Boxs/center-box-top.png) no-repeat;
	height: 20px;
	padding-top: 6px;
	text-align: right;
	width: 578px;
	margin: 0 auto;
	padding-right: 12px;
}

.center-box-border
{
	border-left: 1pt solid #a8b2bb;
	border-right: 1pt solid #a8b2bb;
	margin: 0 auto;
	overflow: auto;
	padding-left: 10px;
	padding-right: 10px;
	width: 568px;
	text-align: right;
}

.center-box-down{
  background:url(../Image/Boxs/center-box-down.png ) no-repeat;
  height:14px; margin:0 auto;
  width:590px
}
/*******/

.center-box-top-LastNews{
	background: url(../Image/Boxs/enternal-news.png) no-repeat;
 height:20px;
 padding-top:6px;
 text-align:right;
 width:578px;
 margin:0 auto;
 padding-right:12px
}

.Banner{
  background:url(../Image/Banner.png);
  height:170px;
  margin:0px 60px 0px 0px;
  margin:0 auto;
  width:900px
}
#ColLeft
{
	float: left;
	margin: 5px;
	width: 180px;
}

#ColCenter
{
	float: left;
	width: 610px;
}

#TopHeader{	border-top: #cbcbcb 1px solid;}
#div_Date,#TopHeader
{
	background: #F0F0F0;
	border-left: #cbcbcb 1px solid;
	border-right: #cbcbcb 1px solid;
	height: 24px;
	margin: 0 auto;
	padding-top: 5px;
	text-align: right;
	width: 1000px;
}

#div_Date input{
  background:none;
  border:none
}

#colRight{
  float:right;
  margin:5px;
  width:180px
}

#content
{
	background: #FFF;
	border-left: #cbcbcb 1px solid;
	border-right: #cbcbcb 1px solid;
	margin: auto;
	width: 1000px;
}

#footer
{
    background-image: url( '../Image/footer.png');
    background-repeat: no-repeat;
    height: 29px;
    margin: 0 auto;
    padding-top: 33px;
    text-align: center;
    width: 1003px;
}
/******Coenter Div Content  ******/
/******* Tabs *********/

    #TabContainer
{	margin: auto;
	text-decoration: none;
	border-bottom: 1pt solid #a8b2bb;
	margin-top: 10px;
	width: 590px;
}
    #TabContainer ul
{margin: auto;
	display: table-row;
	list-style: none;
}
    #TabContainer li
{
	display: inline;
	margin: auto;
	
}
    #TabContainer a
{
	float: right;
	background: url(  "../Image/tableft4.gif" ) no-repeat left top;
	margin: auto;
	padding: 0 0 0 7px;
	text-decoration: none;
}
    #TabContainer a span
{
	display: block;
	background: url( "../Image/tabright4.gif" ) no-repeat right top;
	padding: 5px 15px 4px 6px;
	color: #6B78A9;
}
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #TabContainer a span {float:none;}
    /* End IE5-Mac hack */
    #TabContainer a:hover span
{
    color: #566394;
}
    #TabContainer a:hover {
      background-position:0% -42px;
      }
    #TabContainer a:hover span {
      background-position:100% -42px;
      }
      #TabContainer ul a.active span
{
	background-position: 100% -42px;
}

#ContentArea
{
	margin: auto;
	border-left: 1pt solid #a8b2bb;
	border-right: 1pt solid #a8b2bb;
	padding: 3px;
	width: 582px;
}

#down-tabContent{
  background:url(../Image/Boxs/center-box-down.png ) no-repeat;
  height:14px;	margin: auto;
  width:590px
}

#TabContainer ul a.active, #TabContainer ul a.active:hover
{
	background-position: 0% -42px;
	color: #F90;
}

/******** Members ******/

.Vertical_menu{
 margin-right:3px;
 text-decoration:none
}

.Vertical_menu ul{
 margin:0px;
 padding:0px;
 list-style:none;
 font-size:7.5pt;
 color:#09C;
 width:176px;
 right:176px
}
/*Top level list items*/

.Vertical_menu ul li{
 margin-right:0px;
 padding-top:7px;
 display:block;
 position:relative;
 background:url(../Image/v_menu_bg.png);
 list-style:none;
 height:23px;
 color:#369
}
/*Top level menu link items style*/

.Vertical_menu ul li a{
 
/*background of tabs (default state)*/
 text-decoration:none
}

* html.Vertical_menu ul li a{/*IE6 hack to get sub menu links to behave correctly*/
 display:inline-block
}

.Vertical_menu ul li a:hover{
 color:#FF0000;
}
/*1st sub level menu*/

.Vertical_menu ul li ul{
 position:absolute;
 visibility:hidden;
 z-index:800
}
/*Sub level menu list items (undo style from Top level List Items)*/

.Vertical_menu ul li ul li{
 top:-33px;
 display:list-item
}
/*All subsequent sub menu levels vertical offset after 1st level sub menu */

.Vertical_menu ul li ul li ul{
 top:inherit;
 float:none
}
/* Sub level menu links style */

.Vertical_menu ul li ul li a{
 font:normal;
 width:180px;/*width of sub menus*/
 margin:0px;
 height:33px
}

.Vertical_menu ul li ul li a:hover{
/*sub menus hover style*/
 background:0px 65px;
 color:#FF3300
}

.Vertical_menu .downarrowclass{
 margin:0px auto;
 top:12px;
 left:1px;
 float:left;
 right:auto
}
/*-----------------------------------------------------*/

.Horizontal_Menu{
 height:30px;
 margin:0px auto;
 width:1000px
}

.Horizontal_Menu ul{
 margin:0px;
 padding:0px;
 list-style:none
}
/*Top level list items*/

.Horizontal_Menu ul li{
 position:relative;
 display:inline-block;
 float:right;
 color:#369;
 text-align:right
}
/*Top level menu link items style*/

.Horizontal_Menu ul li a{
 display:block;/*background of tabs (default state)*/
 background:url('../Image/menu_background.png' );
 padding:8px 10px;
 border-right:1pt solid #cbcbcb;
 text-decoration:none
}

* html.Horizontal_Menu ul li a{/*IE6 hack to get sub menu links to behave correctly*/
 display:inline-block
}

.Horizontal_Menu ul li a:hover{
 color:#FF3300;
 display:block/*tab link background during hover state*/
}
/*1st sub level menu*/

.Horizontal_Menu ul li ul{
 position:absolute;
 display:block;
 visibility:hidden
}
/*Sub level menu list items (undo style from Top level List Items)*/

.Horizontal_Menu ul li ul li{
 display:list-item
}
/*All subsequent sub menu levels vertical offset after 1st level sub menu */

.Horizontal_Menu ul li ul li ul{
 top:0px;
 float:right;
 right:171px;
 text-align:right
}
/* Sub level menu links style */

.Horizontal_Menu ul li ul li a{
 font:normal;
 width:160px;/*width of sub menus*/
 padding:5px;
 margin:0px;
 height:22px
}

.Horizontal_Menuz ul li ul li a:hover{/*sub menus hover style*/
 color:#FF3300
}
/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
 float:inherit;
 position:absolute;
 top:12px;
 right:7px
}

.rightarrowclass{
 position:absolute;
 top:10px;
 left:5px
}
/*---------------*/

#loading_screen{
  background:#000;
  color:#FFF;
  display:none;
  filter: alpha(opacity=50);
  height:100%;
  left:0px;
  opacity:0.5;
  padding-top:100px;
  position:absolute;
  text-align:center;
  top:0px;
  width:100%
}