@charset "utf-8";
/* CSS Document */
/* create date: 2010.02.04  pengdan */
/* ======================================================== PUBLIC ==========================================================*/
html, body, form, h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl {
	margin:0;
	padding:0;
	border:0;
}
html {
	overflow-x:hidden;
}
body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
	background-color:#fff;
}
h1{
	font-size:38px;
	color:#0099cc;
	font-weight:normal;
}
ul li {
	list-style-type:none;
}
.left {
	float:left;
}
.right {
	float:right;
}
.clear {
	clear:both;
}
.centered {
	text-align:center;
}
img {
	vertical-align:middle;
}
.relative{
	position:relative;
}
a img {
	border:none;
}
.DLine {
	margin:0 5px;
}
.PLine{
	padding:5px 0;
}
.Smallerbox {
	margin-bottom:5px;
}
.Smallbox {
	margin-bottom:10px;
}
.Midbox {
	margin-bottom:15px;
}
.box {
	margin-bottom:20px;
}
.margintop10{
	margin-top:10px;
}
.SmallFont {
	font-size:11px;
}
.SmallerFont{
	font-size:10px;
}
.BigFont {
	font-size:14px;
}
.BigerFont {
	font-size:16px;
}
.BigestFont{
	font-size:20px;
}
.icon{
	margin-right:5px;
}
.icon_big{
	margin-right:10px;
}
.icon_biger {
	margin-right:15px;
}
.icon_bigest {
	margin-right:25px;
}
/*=============================================================color============================================*/
.Blue{
	color:#0070c0;
}
.BlueThin{
	color:#56a6d1;
}
.Green{
	color:#92d050;
}
.Black{
	color:#000;
}
.Gray{
	color:#888;
}
/*===========================================================header=================================================*/
.CenterBox{
	width:980px;
	margin:0 auto;
}
.TopBar{
	padding:20px 0 10px 0;
}
.SubMenu{
	background:url(../images/menu_bg.gif) left top repeat-x;
	height:33px;
	padding:5px 0;
}
ul.Menu li{
	background:url(../images/menu_line.gif) right 1px no-repeat;
	float:left;
	display:block;
	text-align:center;
	max-width:100px;
	width:expression( this.scrollWidth > 99 ? "100px" : "auto" );
	padding:8px 15px 0;
	height:32px;
}
ul.Menu li a{
	color:#333;
	font-size:13px;
	font-weight:bold;
	text-decoration:none;	
}
ul.Menu li a:hover{
	color:#000;
}
.SubHeader{
	background:url(../images/subheader_bg.gif) left top repeat-x;
	text-align:left;
	height:94px;
	padding:30px 0;
	color:#fff;
	font-size:36px;
}
.LeftCol{
	width:695px;
	float:left;
}
.RightCol{
	width:280px;
	float:right;
}
.Bluebox{
	background:url(../images/blue_bg.gif) left top repeat-y;
	width:670px;
	padding:5px 0 5px 20px;
	font-weight:bold;
	color:#fff;
	font-size:22px;
}
ul.Features li{
	background:url(../images/arrow_red.gif) left 5px no-repeat;
	padding-left:20px;
	margin-bottom:15px;
}
.YellowBox-top{
	background:url(../images/yellow_top.gif) left top no-repeat;
	width:278px;
	padding-top:26px;
}
.YellowBox-top .mid{
	background:url(../images/yellow_mid.gif) left top repeat-y;
	padding:0 20px;
}
.YellowBox-top .btm{
	background:url(../images/yellow_btm.gif) left top no-repeat;
	padding-bottom:21px;
}
.PinkBox-top{
        background:url(../images/pink_top2.gif) left top no-repeat;
        width:278px;
        padding-top:26px;
}
.PinkBox-top .mid{
        background:url(../images/pink_mid2.gif) left top repeat-y;
        padding:0 20px;
}
.PinkBox-top .btm{
        background:url(../images/pink_btm2.gif) left top no-repeat;
        padding-bottom:21px;
}

/*=========================================================footer===========================================*/
.Footer{
	background-color:#095f9d;
	height:70px;
	color:#fff;
	padding-top:20px;
}
.FooterBox{
	width:250px;
	text-align:center;
	float:left;
	margin-left:20%;
}

/* 	-----------------------------
	FlickNetwork
	http://www.flickevents.com
	Created by Yan
----------------------------- */
.fn {
	max-width: 630px;
	padding : 1em;
	background : #F7F7FA;
	border:1px solid #ccc;
	-moz-border-radius : 0.5em;
	-webkit-border-radius : 0.5em;
	border-radius : 0.5em;
	margin: 36px 0;
}
 
.fn h3 {
	border-bottom: 1px solid #ccc;
	padding-bottom: .8em;
	font-weight: bold;
	font-size: 1.5em;
	color: #326E96;
	margin-bottom: 18px;
}
 
.fn p {
	margin-bottom: 18px;
}
 
.fn a { 
	color : #777;
}
 
.fn a:hover {
	color: #326E96;
	text-decoration: none;
}
 
.fn a:active, .fn a:focus { 
	color : #333;
	position : relative; 
	top : 1px; 
	outline :none;
}