@charset "utf-8";
/* CSS Document */

body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #eeeeee ;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	 
}

a{
color: #003399;
text-decoration:underline;


}

a:hover{
color:#000033;
text-decoration:none;


}

a:active{
color: #666666;

}

a:visited{
color: #006699;

}

#leftcolumn {

padding:15px 15px 15px 15px;
font-size:12px;
}


#centercolumn .blockContent{

background-color:#ffffff; 
padding:0;
font-size:12px;
}

#centercolumn .blockContent ul li{

 
}

#centercolumn .blockContent ul{

 
width:750px;
margin-left:auto;
margin-right:auto;
 
}

 
#centercolumn .blockTitle{
width:800px;

margin-left:auto;
margin-right:auto;
margin-bottom:10px;


color:#000033;
font-size:15px;
font-weight:bold;
}

.blockContent li{

 
  
list-style-type: square;

	

} 

.newcontent{
 
 
height:35px;
margin-left:60px;
 
}

.newcontenttime{
 
height:35px;
float:left;

}

#container { 
	width: 980px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	 
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	 
	text-align: left; /* this overrides the text-align: center on the body element. */
	
		 
	 
	 
} 
#header { 
	 
	padding: 0 3px 0 3px;
	 
	margin-bottom:0;
	 
	 

} 
#header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}

.navbar{
float:right;
padding:30px 10px 0px 10px;
margin-bottom:0;

}
 #sidebar1 {
	float: left; /* since this element is floated, a width must be given */
	width: 200px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	 
	padding:0 10px;
	height:auto;
	margin-bottom:0;
	 
}

 #sidebar1 h3{
	 
	width: 180px;
	height:20px;
	font-size:small;
	color:#FFFFFF;
	 
	 
	padding:5px 10px;
	
	background-image:url(images/titlebg.jpg);
	background-repeat:no-repeat;
	
}
 #sidebar1 .content{
font-size:small;
 
}
 

 #sidebar1 .content  a{
width:175px;
padding:5px 5px 5px 10px;
display:block;
background-color:#eeeeee;
margin-bottom:1px;
border-left:solid 5px #0570b4;
 
margin-left:3px;
text-decoration:none;
color:#000000;


}

 #sidebar1   .content a:hover{
width:172px;
padding:5px 5px 5px 15px;
 
text-decoration:none;
background-color:#0570b4;
color:#FFFFFF;


 
 

}


 #mainContent { 
	 
	
	margin: 0 auto; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	width:960px;
	 
	 
	background-color:#FFFFFF;
	padding:5px;  
	 
	 
	background-position:top center;
	background-repeat:no-repeat;
	height:auto;
	float:left;
	margin-bottom:20px;
	-webkit-border-radius: 5px;

    -moz-border-radius: 5px;

	
	 
	
	
	 
} 

#allContent { 
	margin: 0 0 0  0px;  
	background-color:#FFFFFF;
	padding:6px 0 0 0; 
	height:auto;
	min-height:700px;

	 
} 


.navbar .navtitle{
	display:block;
	padding:10px;
	color:#FFF;
	
}

.navbar .navwtitle{
	 
	color:#FFF;
	
}

.smalltitle{
 
font-size:15px;
font-weight:bold;
line-height:1.6em;
padding-bottom:25px;

}

#eventContent { 
	margin: 0 0 0  0px;  
	background-color:#FFFFFF;
	padding:6px 0 0 0;
	font-size:small;
	line-height:1.6em; 
	text-align:left;
	 width:881px;
	margin-left:auto;
margin-right: auto;
	

	 
} 

.eventitle{
  
 
padding:5px 8px;
 font-size:13px;
font-weight:bold;
 background-color:#c7e5f1;
 background:url(images/titlebar.jpg) top left no-repeat;
 height:37px;
 width:866px;

}

.eventcontent{
font-size:small;
color:#333333;
 
 
padding:5px 15px; 

  
}


  
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
   
}
--> 
</style><!--[if IE 5]>
<style type="text/css"> 
/* place css box model fixes for IE 5* in this conditional comment */
 #sidebar1 { width: 230px; }

/*feature css*/

.feature{
padding:20px 50px 0 0px;
height:450px;
font-size:small;
 

}



.feature .title{
float:left;
width:420px;
height:32px;
padding:10px 10px 10px 50px;
background-image:url(images/title_blue_left.jpg);
background-repeat:no-repeat;
font-size:medium;
font-weight:bold;

}

.feature .title01{
float:left;
width:420px;
height:32px;
padding:10px 10px 10px 50px;
background-image:url(images/title_brown_left.jpg);
background-repeat:no-repeat;
font-size:medium;
font-weight:bold;

}

.feature .title02{
float:left;
width:420px;
height:32px;
padding:10px 10px 10px 50px;
background-image:url(images/title_green_left.jpg);
background-repeat:no-repeat;
font-size:medium;
font-weight:bold;

}

.feature .title03{
float:left;
width:420px;
height:32px;
padding:10px 10px 10px 50px;
background-image:url(images/title_gray_left.jpg);
background-repeat:no-repeat;
font-size:medium;
font-weight:bold;

}


 

 

.feature .fcontent{
padding-left:30px;
font-size:small;
color:#333333;
line-height:1.5em;

float:left;
width:430px;
text-align:justify;

}
.fcontentpoint{
 
font-size:small;
color:#333333;
line-height:1.5em;

float:right;
width:450px;
 

}

 

 

.feature ul{
list-style:square;

}

.feature li{
margin-bottom:10px;
margin-top:10px;

}

.fea{
padding:0;
margin:0;
height:300px;
font-weight:600;
color:#444444;
 
 
 
 

}

.fea .scontent{
float:left;
width:280px;
padding:10px 10px 10px 10px;
margin-left:20px;
font-size:0.7em;
 line-height:1.5em;
 
 

}

.fea .scontent{
float:left;
width:280px;
padding:10px 10px 10px 10px;
margin-left:20px;
font-size:0.7em;
 line-height:1.5em;
 
 

}

.fea .scontent h3{
font-size: small;
font-weight:bold;
border-bottom:solid 1px #dddddd;
 
}

.fea .scontent ul{
 list-style:square;
 padding-left:30px;
 
}

.fea .scontent li{
margin-bottom:1.5em;
 
}



/*spec css*/

.spec{
height:auto;
min-height:850px;
padding:0;
margin:0 0 20px 0;
font-weight:600;
color:#444444;
 

}

.spec .title{
float:right;
width:440px;
height:32px;
padding:25px 10px 10px 20px;
background-image:url(images/title_blue_right.jpg);
background-repeat:no-repeat;
font-size:medium;
font-weight:bold;

}

.spec .title01{
float:right;
width:440px;
height:32px;
padding:25px 10px 10px 20px;
background-image:url(images/title_brown_right.jpg);
background-repeat:no-repeat;
font-size:medium;
font-weight:bold;

}

.spec .title02{
float:right;
width:440px;
height:32px;
padding:25px 10px 10px 20px;
background-image:url(images/title_gray_right.jpg);
background-repeat:no-repeat;
font-size:medium;
font-weight:bold;

}

.spec .title03{
float:right;
width:440px;
height:32px;
padding:25px 10px 10px 20px;
background-image:url(images/title_red_right.jpg);
background-repeat:no-repeat;
font-size:medium;
font-weight:bold;

}

.spec .scontent{
float:left;
width:280px;
padding:10px 10px 10px 10px;
margin-left:20px;
font-size:0.7em;
 line-height:1.5em;
 
 

}

.spec .scontent h3{
font-size: small;
font-weight:bold;
border-bottom:solid 1px #dddddd;
 
}

.spec .scontent ul{
 list-style:square;
 padding-left:30px;
 
}

.spec .scontent li{
margin-bottom:0.8em;
font-weight:500;
color:#444444;
 
}


/*fvcbspec css*/

.specb{
height:1050px;
padding:0;
margin:0;
font-weight:600;
color:#444444;
 

}

.specb .title{
float:right;
width:440px;
height:32px;
padding:25px 10px 10px 20px;
background-image:url(images/title_blue_right.jpg);
background-repeat:no-repeat;
font-size:medium;
font-weight:bold;

}

.specb .title01{
float:right;
width:440px;
height:32px;
padding:25px 10px 10px 20px;
background-image:url(images/title_brown_right.jpg);
background-repeat:no-repeat;
font-size:medium;
font-weight:bold;

}

.specb .title02{
float:right;
width:440px;
height:32px;
padding:25px 10px 10px 20px;
background-image:url(images/title_gray_right.jpg);
background-repeat:no-repeat;
font-size:medium;
font-weight:bold;

}

.specb .title03{
float:right;
width:440px;
height:32px;
padding:25px 10px 10px 20px;
background-image:url(images/title_red_right.jpg);
background-repeat:no-repeat;
font-size:medium;
font-weight:bold;

}

.specb .scontent{
float:left;
width:280px;
padding:10px 10px 10px 10px;
margin-left:20px;
font-size:0.7em;
 line-height:1.5em;
 
 

}

.specb .scontent h3{
font-size: small;
font-weight:bold;
border-bottom:solid 1px #dddddd;
 
}

.specb .scontent ul{
 list-style:square;
 padding-left:15px;
 margin-left:10px;
 
 
}

.specb .scontent li{
margin-bottom:0.8em;
font-weight:500;
color:#444444;
 
}

.specb .scontent li ul li{
 
  
}


/*download css*/

.download{
height:300px;
padding:0;
margin:0;
 
color:#444444;

 

}

.downloadcontent{
 
padding:20px 25px;
margin:0;
 
color:#444444;
font-size:12px;
line-height:1.6em;
 

}

/*download css*/

.system{
width:430px;
height:auto;
min-height:370px;
float:left;
 
padding:0 0 0 0;
margin:0 10px 30px 40px;
 
 
color:#444444;
background-color:#f1f1f1;
border:1px #CCCCCC solid;
 

 

}

.systemcontent{
 
padding:20px 30px;
margin:0;
 
color:#444444;
font-size:11px;
line-height:1.6em;
 

}

.inbox{
width:420px;
float:left;
height:auto;
min-height:370px;
 
padding:0 0 0 0;
margin:0 40px 30px 10px;
 
 
color:#444444;
background-color:#f1f1f1;
border:1px #CCCCCC solid;
 

 

}

.inboxcontent{
 
padding:20px 30px;
margin:0;
 
color:#444444;
font-size:11px;
line-height:1.6em;
 

}


/*gallery css*/

.gallery{
height:180px;
padding:0;
margin:0;
text-align:center;

}

 /*cardfeature css*/

.cardfeature{
padding:20px 50px 100px 0px;
height:650px;
font-size:small;
 

}



.cardfeature .title{
float:left;
width:420px;
height:32px;
padding:10px 10px 10px 50px;
background-image:url(images/title_blue_left.jpg);
background-repeat:no-repeat;
font-size:medium;
font-weight:bold;

}

.cardfeature .title01{
float:left;
width:420px;
height:32px;
padding:10px 10px 10px 50px;
background-image:url(images/title_brown_left.jpg);
background-repeat:no-repeat;
font-size:medium;
font-weight:bold;

}


 

 

.cardfeature .fcontent{
padding-left:30px;
font-size:1em;
color:#333333;
line-height:1.5em;

float:left;
width:430px;
 

}

.cardfeature .fcontentall{
padding-left:60px;
font-size:0.95em;
color:#333333;
line-height:1.5em;

float:left;
 
 
 

}

.cardfeature .fcontent .smalltitle{
 
font-size:0.7em;
color:#333333;
font-weight:bold;

}

.cardfeature ul{
list-style:square;

}

.cardfeature li{
margin-bottom:10px;
margin-top:10px;

}




 #zmainContent { 
	margin: 0 0 0  0px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 0 ; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background-color:#FFFFFF;
	padding:6px 0 0 0;  
	background-color:#FFFFFF;
	background-image:url(images/maincontop.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	height:1400px;
	 
} 

 #cardmainContent { 
	margin: 0 0 0  0px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 0 ; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background-color:#FFFFFF;
	padding:6px 0 0 0;  
	background-color:#FFFFFF;
	background-image:url(images/maincontop.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	height:1800px;
	 
} 

 #qmainContent { 
	margin: 0 0 0  0px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 0 ; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background-color:#FFFFFF;
	padding:6px 0 0 0;  
	background-color:#FFFFFF;
	background-image:url(images/maincontop.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	height:900px;
	 
} 

 #amainContent { 
	margin: 0 0 0  0px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 0 ; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background-color:#FFFFFF;
	padding:0 0 0 0;  
	background-color:#FFFFFF;
	background-image:url(images/about_overview.jpg);
	 
	height:750px;
	 
} 

 #amainContent .atitle{ 
   
	margin:0 0 10px 0;
	font-size:medium;
	 
	color:#000000;
	line-height:1.5em;
	font-weight:bold;
	 
	 
	 
} 

 #amainContent .acontent{ 
   
	padding:180px 150px 0 150px;
	 
	 
	font-size:0.7em;
	float:left;
	color:#333333;
	line-height:1.5em;
	font-weight:bold;
	text-align:justify;
	 
	 
	 
} 

 #ccmainContent { 
	margin: 0 0 0  0px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 0 ; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background-color:#f4f4f4;
	background-image: url(images/contact_info.jpg);
	background-repeat:no-repeat;
	height:auto;
	min-height:800px;
 
	 
} 

 #ccmainContent .ctitle{ 
   
	margin:0 0 10px 0;
	font-size:medium;
	 
	color:#000000;
	line-height:1.5em;
	font-weight:bold;
	 
	 
	 
} 

 #ccmainContent .ccontent{ 
   
	padding:180px 150px 150px 150px;
	font-size:0.7em;
	float:left;
	color:#333333;
	line-height:1.5em;
	font-weight:bold;
	text-align:justify;

	 
	 
	 
} 
 #pmainContent { 
	margin: 0 0 0  0px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 0 ; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background-color:#FFFFFF;
	padding:0 0 0 0;  
	background-color:#FFFFFF;
	background-image:url(images/about_pressroom.jpg);
	
	 
	height:800px;
	 
} 

.ptitle{ 
   
	margin:0 0 10px 0;
	font-size:medium;
	 
	color:#000000;
	line-height:1.5em;
	font-weight:bold;
	 
	 
	 
} 

.pcontent{ 
   
	padding:10px 100px  0px 100px;
	font-size:12px;
	float:left;
	color:#333333;
	line-height:1.5em;
	 
	text-align:justify;
	 
	 
	 
} 

 #cfmainContent { 
	margin: 0 0 0  0px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 0 ; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background-color:#FFFFFF;
	padding:0 0 0 0;  
	background-color:#FFFFFF;
	background-image:url(images/about_coverflow.jpg);
	
	 
	height:900px;
	 
} 

 #cfmainContent .ptitle{ 
   
	margin:0 0 10px 0;
	font-size:medium;
	 
	color:#000000;
	line-height:1.5em;
	font-weight:bold;
	 
	 
	 
} 

 #cfmainContent .pcontent{ 
   
	padding:110px 100px  0px 100px;
	font-size:0.7em;
	float:left;
	color:#333333;
	line-height:1.6em;
	 
	text-align:justify;
	 
	 
	 
} 

 #fhonemainContent { 
	margin: 0 0 0  0px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 0 ; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background-color:#FFFFFF;
	padding:0 0 0 0;  
	background-color:#FFFFFF;
	 
	height:1200px;
	 
} 

 #adminmainContent { 
	margin: 0 0 0  0px;  
	padding:0;  	 
	background-color:#ffffff;


} 

 #mainContent .blockTitle{
padding:15px;
font-size:medium;
font-weight:bold;
	 
} 

 #mainContent .blockContent{

	 
} 


 #mainContent .news{
 
margin-bottom:5px;
padding:0 50px 0px 50px;
	 
} 

 #mainContent .news a{
color:#003366;
font-weight:bold;
text-decoration:none;
	 
} 

 #mainContent .news a:hover{
 
 
text-decoration:underline;
	 
} 

 #mainContent .itemTitle{
padding:5px 8px;
 font-size:13px;
font-weight:bold;
 background-color:#c7e5f1;
 background:url(images/titlebar.jpg) top left no-repeat;
 height:37px;
 width:866px;
	 
} 

 #mainContent .itemInfo{
 
font-size:0.7em;
 
	 
} 

 #mainContent .itemBody{
 
padding:15px;
font-size:0.8em;
 
	 
} 
 #mainContent .itemAdminLink{
 
padding:15px;
font-size:0.7em;
 
	 
} 

 #mainContent .itemPermaLink{
 
padding:15px;
font-size:0.7em;
 
	 
} 
 #mainContent .number{
padding:10px 50px 10px 50px;
 
font-size:0.7em;
background-color:#eeeeee;

 
} 

 #mainContent .itemAdminLink{
text-align:right;

 
} 

 #mainContent .icon{
text-align:right;
padding:0 20px 0 0;

 
} 

 #mainContent .profile{
 
padding:20px 50px 50px 50px;
background-color:#eeeeee;
font-size:0.7em;

 
} 

 #mainContent .profile tr{
background-color:#FFFFFF;
padding:1px;

 
} 

 #mainContent .profile td{
background-color:#ffffff;
 
padding:8px;


 
} 

 #mainContent .profile td .head{
background-color:#60b8df;
font-weight:bold;


 
} 

 #mainContent .profile td .odd{
background-color:#dddddd;
font-weight:bold;


 
} 

 #mainContent .profile td .even{
background-color:#dddddd;
font-weight:bold;


 
} 

 #mainContent .sample{
 
padding:0px 30px 100px 30px;
 
 
font-size:11px;
line-height:1.6em;
 
height:auto;
 
margin:0 0 20px 0;
 
color:#444444;

 
} 

 #mainContent .sample .title{
margin-bottom:10px;
 
font-weight:bold;
font-size:medium;

 
} 
 #mainContent .sample .content{
 
 
 
 line-height:1.5em;
 
	text-align:justify;
} 


#allContent .sample{
 
 
 
 
font-size:11px;
line-height:1.6em;
 

height:auto;
min-height:450px;
 
margin:0 auto;
font-weight:600;
color:#444444;
 

 
} 

#allContent .sample .title{
margin-bottom:10px;
 
font-weight:bold;
font-size:medium;

 
} 
#allContent .sample .content{
 
 
 
 line-height:1.5em;
 
	text-align:justify;
} 


 #mainContent .contact{
 
padding:0px 150px 100px 150px;
 
font-size:0.7em;

 
} 

 #mainContent .contact tr{
background-color:#eeeeee;
padding:1px;

 
} 

 #mainContent .contact th{
background-color:#c7e5f1;
padding:8px;

 
} 

 #mainContent .contact td{
background-color:#eeeeee;
 
padding:8px;


 
} 

 #mainContent .contact td .even{
background-color:#eeeeee;
 
padding:8px;


 
} 

 #mainContent .qa{
 
padding:200px 50px 100px 50px;
background-image:url(images/supporttitle.jpg);
background-repeat:no-repeat;

 
font-size:0.7em;
 
 line-height:1.5em;
 
	text-align:justify;

 
} 

 
 

 #mainContent .qa tr{
background-color:#eeeeee;
padding:1px;

 
} 

 #mainContent .qa th{
background-color:#c7e5f1;
padding:8px;

 
} 

 #mainContent .qa td{
background-color:#eeeeee;
 
padding:8px;


 
} 

 #mainContent .qa .itemHead{
background-color:#c7e5f1;
  

 
} 





 #mainContent .qa td .even{
background-color:#eeeeee;
 
padding:8px;


 
} 

 #mainContent .qa .item{
 
 
 
font-size:1.3em;
 
 line-height:1.5em;
 
	text-align:justify;
	padding-bottom:15px;

 
} 

 #mainContent .qa .itemTitle{
 
 background-color:#c7e5f1;
  
 

 
} 

.contactbar{
background-image:url(images/contactbar.jpg);
background-repeat:no-repeat;
width:303px;
height:20px;
padding:5px;
font-weight:bold;

}
.lan{
margin:0px 0 10px 0;
float:right;
padding:9px 30px 1px 30px;
position:relative;
background:url(images/lngbarbg.jpg) no-repeat ;
width:190px;
height:26px;

}

.lan select{
 
width:190px;
border: none;
background:#FFF;
color:#000000;
 
 font-size:11px;
 

}

.lan option{
 
 
color:#333333;
 
}
 

 

 
 .navbar{
float:right;
padding:10px 10px 0px 10px;
margin-bottom:0;
position:relative;
 
width:606px;
height:18px;
margin-right:0px;

}



.logo{
	float:left;
	margin-top:25px;
	
	
}

#header { 
	 
	padding: 0 3px 0 3px;
	 
	margin-bottom:0;
	 
	 

} 

 


  

 
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
   
}

/*newindex css*/

.leftblock{
	margin-top:10px;
	margin-bottom:10px;
	float:left;
	width:200px;
	 
	margin-right:5px;
	background:url(images/newblocksmallbg.jpg) no-repeat #eeeeee;
	 
	padding:10px;
	-webkit-border-radius: 5px;

    -moz-border-radius: 5px;
	min-height:230px;
	 height:230px;
	
}
.leftblock:hover{
	 
	background: #f5f5f5;
	 
	 
	
}

.midblock{
	margin-top:10px;
	margin-bottom:10px;
	float:left;
	width:200px;
	 
	margin-left:5px;
	margin-right:0px;
	background:url(images/newblocksmallbg.jpg) no-repeat #eeeeee;
	 
	padding:10px;
	-webkit-border-radius: 5px;

    -moz-border-radius: 5px;
	min-height:230px;
	 height:230px;
}
  .midblock:hover{
	 
	background: #f5f5f5;
	 
	 
	
}

.rightblock{
	margin-top:10px;
	margin-bottom:10px;
	float: right;
	width:475px;
	 
	margin-left:0px;
	background:url(images/newblockbg.jpg) no-repeat #d9e5e7;
	 
	padding:10px;
	-webkit-border-radius: 5px;

    -moz-border-radius: 5px;
	min-height:230px;
	 height:230px;
	
}

.newblocktitle{
	margin-top:5px;
	font-size:14px;
	margin-bottom:5px;
	font-weight:bold;
	color:#666666;
	
}

.newblockcontent{
	font-size:12px;
	
	margin-top:5px;
	line-height:1.6em;
	
	color:#333;
	 
	
}

.newsblocktitle{
	margin-top:5px;
	font-size:14px;
	padding-bottom:5px;
	margin-bottom:5px;
	font-weight:bold;
	border-bottom:1px solid #dddddd;
	color:#666666;
	
}

.newsblockcontent{
	font-size:12px;
	
	margin-top:5px;
	line-height:1.6em;
	
	color:#333;
	 
	
}

.newsblockcontent ul{
	font-size:11px;
	list-style:none;
	padding:0 0 0 0px;
	margin:0;
	color:#333;
	 
	
}

.newsblockcontent ul li{
    
	padding:0px 0px;
	margin:0 0 0 0;
	
	
	
}




.more{
	display:block;
	width:80px;
	font-size:11px;
	text-align: center;
	padding:1px 5px;
	float:right;
	 
	 
	
	color:#666666;
	-webkit-border-radius: 5px;

    -moz-border-radius: 5px;
	
	
}

.more:hover{
	 
	 
	
	color:#333333;
	 
	
}
.smalltime{
display:block;
	width:65px;
	font-size:11px;
	float:left;
	color:#333333;
	 
	 
		 
	 
}

.smallsource{
	 display:block;
	 width:70px;
	font-size:11px;
	  float:left;
	 
	 
	  
	color:#333333;
	 
	 
	 
}


.smallnewtxt{
	 float:left;
	 display:block;
	font-size:11px;
	 width:300px;
	padding-left:10px;
	color:#333333;
	 
	 
	 
	 
	 
		 
}

.smalltxt{
    display:block;
	border-left:#FFF solid 1px;
	font-size:11px;
	margin-left:75px;
	padding-left:10px;
	color:#666666;
}  
  
/*sixblock css*/

.bigblock{
	float:left;
 
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
background:#cddce1;
margin-bottom:10px;
padding:5px 5px 10px 5px;
width:950px;
margin-top:10px;
 
height:auto;
min-height:500px;
}	
.bigblockinfo{
padding:20px 60px;
font-size:12px;
line-height:1.6em;
color:#666666;
text-align:justify;


}

 

/*support css*/

.rightnav{
 
float:left;
height: auto;
width:230px;
margin:10px 0;
border-right:#eeeeee solid 1px ;
padding:5px;
font-size:12px;
line-height:1.6em;

 
margin-top:10px;

}

.rightnav button{
 
 
font-size:11px;
 

}

.rightnavcontent{

 
 
padding:10px;
 border-bottom:#eeeeee solid 1px;
 
margin-top:0px;
margin-bottom:15px;
line-height:1.6em;

}

.rightnavcontent  ul{
	width:100%;
	padding:0;
	margin:0;
	 

}


.rightnavcontent  li{
	 
	padding:5px 10px;
	display:block;
	margin:10px 0 0 0;
	background-color:#eeeeee;
	border-left: solid 1px #cccccc;
	border-right: solid 1px #cccccc;
 

}

.leftside{

height:auto;
padding:10px; 
margin-left:240px;

}

.bigleftside{

height:auto;
padding:15px 10px 10px 10px; 
margin-left:245px;

}

.bigcontent ul{
	margin-left:10px;
	padding-left:10px;
	 
}

.bigcontent li{
	list-style:none ;
	width:300px;
	margin:10px 0px;
	display: inline-block;
	background-color:#b1e5f2;
	padding:5px
	
	 
}
.bigcontenttitle{
	font-size:15px;
	font-weight:bold;
	background-color:#FFF;
	padding:5px 10px;
	 
	margin-bottom:10px;
	
	
	
}

.leftbox{
 
width:340px;
padding:5px;
 
float:left;
position:relative;


}

 


 
.leftcontent{
 
width:320px;
padding:0px 10px;
background:url(images/conerbg.jpg) repeat-y;
height:230px;
overflow:hidden;
font-size:12px;
line-height:1.6em;
 

}

.leftcontentsmall{
 
width:320px;
padding:0px 10px;
background:url(images/conerbg.jpg) repeat-y;
height:170px;
overflow:hidden;
font-size:12px;
line-height:1.6em;
 

}

.infocenter{
	padding:10px 15px;
	
}

.infocenter textarea{
	 width:100%;
	border:none;
	font-size:12px;
line-height:1.6em;
background-color: #f5f5f5;
	
}


.fixinfo{
	
	margin-left:0px;
	border-left:solid 1px #FFF;
	float:right;
	width:200px;
	
	
}

.bread{
	background:url(images/bigbg.jpg) repeat-y;
	height:20px;
	padding:3px 15px 0px 15px;
	font-size:11px;
}


.bigcontent{
	background:url(images/bigbg.jpg) repeat-y;
	min-height:350px;
	padding:10px 15px 25px 15px;
	font-size:12px;
}

.leftside .livetalk{
 
 
padding:5px 0px 5px 0px;
 
 

}

#footer { 
	padding: 13px 10px 7px 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */	 
	background-image:url(images/footerbg.jpg);
	background-repeat:no-repeat;
	width:940px;
	height:23px;
	color:#FFFFFF;
    font-size:11px;
	text-align: right;
	float:left;
	margin-bottom:3px;
	 
}