/************************************************************************

	Author: [ www.comicsand.com ]

	Mail: [ comicsand@hotmail.com ]
	
	CreatDate: [  Feb,26th,2006 ]  

************************************************************************/

/* 
 * ========================================
 *  Global Styles
 * ========================================
 */

*{
	padding:0;
	margin:0;
	font-family:verdana,sans-serif;
	color: #444;
	font-size:12px;
	word-wrap: break-word;
	
}
html{
	overflow-x:no; 
	scrollbar-face-color:#F6F6F6;
    scrollbar-highlight-color:#FFF; 
    scrollbar-shadow-color:#CCC; 
    scrollbar-3dlight-color:#CCC; 
    scrollbar-arrow-color:#CCC; 
    scrollbar-track-color:#F6F6F6; 
    scrollbar-darkshadow-color:#FFF;
}
body{
	background:#BCC2DA url(../images/bg.gif);
	text-align:center;
}
body *{
	text-align:left;
}
img{
	border:0;
}
h1, h2, h3, h4, h5, h6{
	text-align: left;
	padding: 0;
	text-transform:capitalize;
}
form{
	margin:0;
	padding:0;
}
ol, ul{
	margin:0;
	padding:0;
	}

li {
	list-style-position:inside;
}
.contentlist{
	margin:0 20px;
}
.contentlist li{
	list-style-position:outside;
}
table {
	width: 100%;
}
td{
	text-align:left;
}
table.datatable{ 
	background:#666;
	margin-bottom:20px;
	width:515px;
}
table.datatable td{ 
	background:#FFF;
	padding:3px;
	vertical-align:top;
}
table.datatable tr.titleline td{ 
	background:#ddd;
	text-align:center;
	font-weight:bold;
}
table.datatable tr.titleline1 td{ 
	background:#eee;
	text-align:center;
	font-weight:bold;
}
p {
	line-height:150%;
	margin:1em 0;
}
strong, b{
	font-weight:bold;
}
a{
	color:#727474;
	text-decoration:none;
	font-family:verdana,sans-serif;
}
a:hover {
	text-decoration:underline;
	color:#FAA02B;
}
.hide {
	display:none;
}
.Font10{
	font-size:10px;
}
.Font12{
	font-size:12px;
}


/* 
 * ========================================
 * body 
 * ========================================
 */
.introtext:after,
.intro:after,
.head:after,
.main:after,
.content:after,
.left:after,
.right:after,
{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
/* Hides from IE-mac \*/
* html .introtext,
* html .intro,
* html .head,
* html .main,
* html .content,
* html .left,
* html .right
{
	height: 1%;
}
/* End hide from IE-mac */
.main{
	background:#FFF;
	width:790px;
	border-left:1px solid #787B89;
	border-right:1px solid #787B89;
	padding:0 1px;
	margin:0 auto;
}
.head{
	background:#FFF url(../images/head_bg.gif) repeat-x;
	height:73px;
}
#headlogo{
	float:left;
}
#headright{
	float:right;
}
.nav{
	background:#5A92D9 url(../images/nav_bg.gif)  repeat-x;
	border-bottom:3px solid #99DEEA;
	margin:0 1px;
}
.nav a,.nav a:hover{
	color:#FFF;
}

.navl{
	background:url(../images/nav_bg_l.gif) no-repeat;
}
.navr{
	color:#FFF;
	background:url(../images/nav_bg_r.gif) right top no-repeat;
	padding:6px 15px 5px;
}
.content{
	margin:10px 15px 10px;
	padding:0;
	clear:both;
}
.left{
	float:left;
	width:210px;
	border-right:1px solid #CBCDCF;
	border-left:1px solid #CBCDCF;
	border-bottom:1px solid #CBCDCF;
	background:#F3F3F3;
	overflow:hidden;
}
.left img{
	margin-bottom:10px;
}
.left{
	background:#f6f6f6;
	border:none;
}
.left h1{
	background:#fff url(../images/h1_pink.gif) 2px 8px no-repeat;
	padding:6px 15px 2px;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
}
.left ul {
	margin-bottom:10px;
}
.left ul li{
	padding:4px 0px 3px;
	list-style:none;
	border-bottom:1px solid #ccc;
	white-space : nowrap;
}
.left h2{
	font-weight:normal;
	padding:1px 15px;
	position:relative;
	top:-10px;
}
/*
.leftt h1{
	color:#0049aa;
	padding:6px 10px 3px;
	border-top:1px solid #C5C6CA;
	border-bottom:1px solid #C5C6CA;
	background:#FFF url(../images/left_h1_bg.gif) left bottom repeat-x;
}

.left ul li{
	padding:1px 5px 3px;
}
*/
.left h1,.left  a.more,.left  a.more:hover{
	color:#0049aa;
}
.left ul,.right ul{
	padding:10px 10px !important;
	padding:5px 0px;
}

.right ul li a{
	padding:0px 0px !important;
	padding:0px 5px;
}
.left ul li a,.left ul li a:hover{
	padding:0px 0px !important;
	padding:0px 5px;
	color:#F0801B;
}

.right{
	float:left;
	background:#FFF;
	margin-left:15px;
	width:530px !important;
}
.right ul{
	margin:0 0px;
}
.right li{
	list-style-position:outside;
	padding-bottom:5px;
}
.article h1{
	color:#727474;
	margin:10px 0;
	border-bottom:1px solid #0FB1C8;
	padding-left:35px;
	background:url(../images/title_pink.gif) left top no-repeat;
}
.article{
	padding:5px;
	line-height:150%;
}

.article img{
	padding:1px;
	margin:5px 0;
	border:3px solid #eee;
}
.bottomnav{
	border-top:10px solid #FFF;
	clear:both;
	height:27px;
	background:#0FA7BC;
	border-bottom:3px solid #99DEEA;
}
.bottom{
	text-align:center;
	clear:both;
	padding:10px;
	color:#8B8F8F;
}

.news-list{
	padding:10px 0;
}

.title{
	padding: 8px 5px 1px 8px;
	width:350px !important;
	width:360px;
	text-align:left;
	line-height:150%;
	float:left;
	background:url(../images/line.gif)  left bottom repeat-x;
}
.date{
	padding: 8px 5px 11px;
	color:#666;
	text-align:right;
	width:150px;
	line-height:150%;
	font-size:10px;
	background:url(../images/line.gif)  left bottom repeat-x;
}
/* 
 * ========================================
 *  Ê×Ò³
 * ========================================
 */
.intro{
	background:#fff url(../images/index_bg.jpg) right bottom no-repeat;
	margin-top:1px;
	padding:15px 25px;
	margin:0 1px;
}
.introtext{
	width:400px;
	line-height:150%;
}
#title{
	margin-bottom:10px;
}
.block{
	width:255px;
	float:left;
}