﻿body
{
	font-size: 14px;
	line-height:150%;
	text-align: center;
	color:#515151;
	margin:0px;
	font-family: Tahoma, Arial;
	overflow:auto;
	background-color:gray;
}
#wrap{width:1000px; text-align:left; background-color:White; }

a
{
	color:#535252;
	text-decoration:none;
}
a:hover
{
	color:Red;
	text-decoration:underline;
}


#navigate{ clear:both; background-color:#fff; height:60px;}
#navigate #cqit
{
	float: left;
	width: 211px;
	height: 60px;
	background-image: url( 'Images/cqit.gif' );
	background-repeat: no-repeat;
}
#navigate #nav{ float:right;margin-right:5px;}
#navigate #nav #ql{ clear:both;}
#navigate #nav #ql ul{list-style:none;  float:right; }
#navigate #nav #ql li{display:inherit; float:left; margin:5px;}
#navigate #nav #ql a
{
	background-position: left center;
	display: block;
	background-color: #efefef;
	color: Black;
	border: solid 1px gray;
	border-bottom-width: 0px;
	text-decoration: none;
	background-image: url( 'Images/arrow.gif' );
	background-repeat: no-repeat;
	padding-left:10px;
	padding-right:2px;
}
#navigate #nav #ql a:hover{display:block; background-color:White; color:blue; border:solid 1px gray; border-bottom-width:0px; text-decoration:none;
	background-image: url( 'Images/arrow.gif' );
	background-repeat: no-repeat;
	padding-left:10px;
	padding-right:2px;}
#navigate #nav #list{ clear:both; float:right;border-top:solid 1px gray; padding-top:2px;}
#navigate #nav #list a{color:Black;text-decoration:none; display:block;}
#navigate #nav #list a:hover
{
	display: block;
	color: red;
	text-decoration:underline;
}

#header
{
	height: 194px;
	width: 1000px;
	border-top: solid 3px #242424;
	background-image: url( 'Images/pic.gif' );
	background-repeat: no-repeat;
	border-bottom:solid 1px gray;
}

#mainer{}


.listBox{ float:left; width:480px; margin-left:10px; margin-top:10px;}
.listBox .htitle{height:25px; text-align:left; background-color:Gray; border-bottom:solid #3c3c3c 2px;}
.listBox .htitle h1{ padding-left:20px; padding-top:5px; float:left;color:White;font-weight:bold; font-size:14px; }
.listBox .htitle .btn{float:right;padding:5px;}

.listBox .list{text-align:left; float:left;}
.listBox .content{ padding:10px; text-align:left;}
.listBox .content .pic{ float:left; padding:5px; padding-left:10px; padding-right:10px;}

.title{height:25px; text-align:left;  border-bottom:solid #efefef 2px; color:Maroon; margin:10px;
        font-weight:bold; padding:5px; padding-left:10px;}


#footer{ clear:both; background-color:#ebeded; padding:10px;text-align:right; height:40px; margin-top:10px;}



#ItemRow
{
	border-bottom:dashed 1px #efefef;
}
#ItemRow .arrow{ width:20px; text-align:center;}
#ItemRow .tilte{ text-align:left;}
#ItemRow .time{ text-align:left; width:100px;}

#itemInfo
{
	text-align: left;
	margin: 10px;
	padding:20px;
	width:800px;
	border: solid 3px #efefef;
	background-color:White;
	filter: progid:DXImageTransform.Microsoft.Shadow(Color=#333333,Direction=120,strength=5);
}
#itemInfo #con{ padding:10px;}


hr{ color:#dfdfdf; height:1px; width:86%; }

