@charset "utf-8";
body {
	font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	background: #dddee3 url(http://img.step98.com/bg_line2.jpg);
	margin: 0;
	padding: 0;
	color: #000;
}
.logo{
	/*
	background-image: linear-gradient(top, #e0e8f5, #6190ec);
	background-image: -moz-linear-gradient(top, #e0e8f5, #6190ec);
	background-image: -webkit-linear-gradient(top, #e0e8f5, #6190ec);
	background-image: -o-linear-gradient(top, #e0e8f5, #6190ec);
	background-image: -ms-linear-gradient(top, #e0e8f5, #6190ec);
	*/
		background: #dddee3 url(img/bg_top1-1.png) repeat-x;
	display:block;}
.header {
	/*
	background-image: linear-gradient(top, #e0e8f5, #6190ec);
	background-image: -moz-linear-gradient(top, #e0e8f5, #6190ec);
	background-image: -webkit-linear-gradient(top, #e0e8f5, #6190ec);
	background-image: -o-linear-gradient(top, #e0e8f5, #6190ec);
	background-image: -ms-linear-gradient(top, #e0e8f5, #6190ec);
	*/
		background: #dddee3 url(img/bg_top1-1.png) repeat-x;
}

#clock{ 
font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
float:right;
padding:5px 10px;
border-radius: 0px 0px 0px 20px;
	background-image: linear-gradient(top, #15294c, #4599be);
	background-image: -moz-linear-gradient(top, #15294c, #4599be);
	background-image: -webkit-linear-gradient(top, #15294c, #4599be);
	background-image: -o-linear-gradient(top, #15294c, #4599be);
	background-image: -ms-linear-gradient(top, #15294c, #4599be);
	color:#ffe151;
}
#news{
font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
float:right;
padding:5px 10px;
margin-top:60px;
position: absolute;
margin-left:230px;
/*
margin-right:-188px;*/
width:950px;
height:20px;
border-radius: 100px 0px 0px 0px;

	background-image: linear-gradient(top, #ffffff, #97a0b0);
	background-image: -moz-linear-gradient(top, #ffffff, #97a0b0);
	background-image: -webkit-linear-gradient(top, #ffffff, #97a0b0);
	background-image: -o-linear-gradient(top, #ffffff, #97a0b0);
	background-image: -ms-linear-gradient(top, #ffffff, #97a0b0);
	}
	
#top_menu{
/*background:#F00;*/
float: left;
width:700px;
height:40px;
position: absolute;
margin-left:250px;
font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
	}


#top_menu ul {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style-type: none;
}
#top_menu  a {
    float: left;
    width:90px;
    text-decoration: none;
    color: #fff;
	text-align:center;
    padding: 4px 8px;
	border-radius: 0px 0px 10px 10px;
	margin:0px 2px;
	background:#091d35;
	font-size:13px;
	font-weight:bold;
	font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;

	
}

#top_menu  a:hover {
	background-image: linear-gradient(top, #4283ad, #8fb2f2);
	background-image: -moz-linear-gradient(top, #4283ad, #8fb2f2);
	background-image: -webkit-linear-gradient(top, #4283ad, #8fb2f2);
	background-image: -o-linear-gradient(top, #4283ad, #8fb2f2);
	background-image: -ms-linear-gradient(top, #4283ad, #8fb2f2);
	 color: #FF0;
}

#top_menu  li {
    display: inline;
}

	
/* ~~ Element/tag selectors ~~ */
ul, ol, dl { 
	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;	
	padding-right: 15px;
	padding-left: 15px;
}
a img { /* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */
	border: none;
}

/* ~~ Styling for your site's links must remain in this order - including the group of selectors that create the hover effect. ~~ */
a:link {
	color: #000;
	text-decoration: underline; /* unless you style your links to look extremely unique, it's best to provide underlines for quick visual identification */
}
a:visited {
	color: #000;
	text-decoration: underline;
}
a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
	text-decoration: none;
}

/* ~~this fixed width container surrounds the other divs~~ */
.container {
	width: 1200px;
	background: #FFF;
	margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout */
	border-left:4px #000066 solid;
	border-right:4px #000066 solid;
	font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
}




.sidebar1 {
	float: left;
	width: 230px;
	background: #d6e3ec;
	padding-bottom: 10px;
}
.content {
font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
	padding: 10px 0;
	width: 970px;
	float: left;
}
.content2 {
font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
	padding: 10px 0;
	width: 970px;
	float: left;
}

/* ~~ This grouped selector gives the lists in the .content area space ~~ */
.content ul, .content ol { 
	padding: 0 15px 15px 40px; 
}



ul.nav {
	list-style: none; /* this removes the list marker */
	border-top: 1px solid #32487a; /* this creates the top border for the links - all others are placed using a bottom border on the LI */
	margin-bottom: 15px; /* this creates the space between the navigation on the content below */
}
ul.nav li {
	border-bottom: 1px solid #32487a; /* this creates the button separation */
	font-weight:bold;

}
ul.nav a, ul.nav a:visited {
	padding: 5px 5px 5px 15px;
	display: block;
	width: 210px;  
	text-decoration: none;

	background-image: linear-gradient(top, #815d07, #da9a00);
	background-image: -moz-linear-gradient(top, #815d07, #da9a00);
	background-image: -webkit-linear-gradient(top, #815d07, #da9a00);
	background-image: -o-linear-gradient(top, #815d07, #da9a00);
	background-image: -ms-linear-gradient(top, #815d07, #da9a00);

}
ul.nav a:hover, ul.nav a:active, ul.nav a:focus {
     background-image: linear-gradient(top, #c08905, #684c07);
	background-image: -moz-linear-gradient(top, #c08905, #684c07);
	background-image: -webkit-linear-gradient(top, #c08905, #684c07);
	background-image: -o-linear-gradient(top, #c08905, #684c07);
	background-image: -ms-linear-gradient(top, #c08905, #684c07);
	color: #000;
}

ul.nav2 {
	list-style: none; /* this removes the list marker */
	border-top: 1px solid #32487a; /* this creates the top border for the links - all others are placed using a bottom border on the LI */

}
ul.nav2 li {
	border-bottom: 1px solid #32487a; /* this creates the button separation */
	font-weight:bold;
	padding:0px 20px;

}
ul.nav2 a, ul.nav2 a:visited {
	display: block;
	text-decoration: none;
	width:190px;

	background-image: linear-gradient(top, #d2d2d2, #eeeeee);
	background-image: -moz-linear-gradient(top, #d2d2d2, #eeeeee);
	background-image: -webkit-linear-gradient(top, #d2d2d2, #eeeeee);
	background-image: -o-linear-gradient(top, #d2d2d2, #eeeeee);
	background-image: -ms-linear-gradient(top, #d2d2d2, #eeeeee);

}

/* ~~ The footer ~~ */
.footer {
	padding: 10px 0;
	background: #e25125 url(img/footer.jpg) repeat-x ;
	position: relative;
	clear: both;
	height:25px;
	text-align:center;
	font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
}




.bt{  padding:5px 10px; color:#000; }
.ta{text-align:center;}
.txt{  padding:5px 10px; color:#000; border:1px #333 solid; }
.txtq{ padding:5px 10px; color:#000; border:1px #333 solid; font-size:16px; text-align:center;}
.txtq2{ padding:1px 2px; color:#000; border:1px #333 solid; font-size:13px; text-align:center;}
.bb{ font-weight:bold;}
.r12{color: #FF0000; font-size:12px;}
.cr {color: #FF0000;}
.cbu {color: #0000FF;}
.cb {color: #000000;}
.cw {color: #FFFFFF;}
.cg {color: #0C0;}
.cy {color: #FF0;}
.cor{ color:#e98d1c;}
.cnum{ color:#febf00; font-size:12px;}
.cnum2{ color:#00F; font-size:12px;}
.sa{ border-bottom:1px  solid #262929;	}
.sb{ border-bottom:1px dashed #000;	}
.sb2{ border-bottom:1px dashed #000;	}
.cu{ cursor:pointer;}
.ball td{border:1px  solid #262929; height:25px;	 font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;}
.tcr{ text-decoration:underline; color:#F00; font-weight:bold;}

.cd{ border:1px  solid #000; text-align:center; font-weight:bold; background:#6CF; margin-right:5px; width:30px; float:left;}
.pbill{border:1px  solid #000; text-align:center; background:#6CF; margin-right:5px; padding:3px 5px; float:left; cursor:pointer;}
.pbill:hover{ background:#FC0;}

.pbill3{border:1px  solid #000; text-align:center; background:#F00; margin-right:5px; padding:3px 5px; float:left; cursor:pointer;}
.pbill3:hover{ background:#FFF;}

.pbill2{border:1px  solid #000; text-align:center; background:#6CF; margin-right:5px; padding:3px 5px; float:left; cursor:pointer;}
.pbill2:hover{ background:#FC0;}
.cs{ border:1px  solid #000; text-align:center; background:#6CF; margin-right:5px; width:40px; float:left; font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;}

.sel{ background:#F90;}

#line {
	height: 5px;
	/*background: #4110FD;*/
	margin: -10px 0px 0px 0px;
	width: 100%;
	animation: myfirst 1s;
	-webkit-animation: myfirst 1s; /* Safari and Chrome */
}

.xsboku{

	color: #fff;
	font-weight: bold;
	height:25px;
	text-align:center;
	background-image: linear-gradient(top, #815d07, #da9a00);
	background-image: -moz-linear-gradient(top, #815d07, #da9a00);
	background-image: -webkit-linear-gradient(top, #815d07, #da9a00);
	background-image: -o-linear-gradient(top, #815d07, #da9a00);
	background-image: -ms-linear-gradient(top, #815d07, #da9a00);
	font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
	}
	
.xleage{
	color: #FFF;
	background:#999;
	height:25px;
	font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
	}

	
@keyframes myfirst {
from {
width:0%;
background:  #9cbcf5;
}
to {
width:100%;
background: #182d5a;
}
}
 @-webkit-keyframes myfirst /* Safari and Chrome */ {
from {
width:0%;
background:  #9cbcf5;
}
to {
width:100%;
background:  #182d5a;
}
}




#bottom_menu{
/*background:#F00;*/
float: left;
width:700px;
height:40px;
position: absolute;
top: 36px;
margin-left:256px;
font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
	}


#bottom_menu ul {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style-type: none;
}
#bottom_menu  a {
    float: left;
   /* width:130px;*/
    text-decoration: none;
    color: #fff;
	text-align:center;
    padding: 4px 20px;
	border-radius: 10px 10px 0px 0px;
	margin:0px 2px;
	background:#263B7A;
	font-size:13px;
	font-weight:bold;
	font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;

	
}

#bottom_menu  a:hover {
	background-image: linear-gradient(top, #4283ad, #8fb2f2);
	background-image: -moz-linear-gradient(top, #4283ad, #8fb2f2);
	background-image: -webkit-linear-gradient(top, #4283ad, #8fb2f2);
	background-image: -o-linear-gradient(top, #4283ad, #8fb2f2);
	background-image: -ms-linear-gradient(top, #4283ad, #8fb2f2);
	 color: #FF0;
}

#bottom_menu  li {
    display: inline;
}