/* CSS Document */
body{
	padding:0px;
	margin:0px;
	background:url(images/location.swf) 0 0 repeat-x #fff;
	color:#333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
}
div, p, ul, h2, img{
	margin:0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
ul{list-style-type:none;}
a{
	color:#000;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
} 

/*----TOP PANEL----*/
#topPan{
	width:768px;
	height:87px;
	position:relative;
	margin:0 auto;
}
#topPan #ImgPan{
	width:190px;
	height:52px;
	background:#fff;
	color:#666;
	position:absolute;
	top:35px;
	left:0px;
	padding:0 0 0 0px;
}
#topPan #ImgPan img{width:201px; height:52px;}


#topPan ul{
	width:465px;
	height:32px;
	position:absolute;
	top:48px;
	right:36px;
}
#topPan ul li{
	width:66px;
	height:32px;
	float:left;
}
#topPan ul li a{
	width:66px;
	height:28px;
	display:block;
	background:url(images/topmenu-normal.jpg) 0 0 no-repeat #F5F4F4;
	color:#666;
	text-decoration:none;
	font-size:10px;
	font-weight:bold;
	text-align:center;
	line-height:32px;
	margin:0 0 0 0;
}
#topPan ul li a:hover{background:url(images/topmenu-hover.jpg) 0 0 no-repeat #F5F4F4; color:#fff; text-decoration:none;}

#topPan ul li.home{background:url(images/topmenu-hover.jpg) 0 0 no-repeat #F5F4F4; color:#fff; text-decoration:none; font-size:12px; font-weight:bold; text-align:center; line-height:32px;}
/*----/TOP PANEL----*/
/*----BODY PANEL----*/
#bodyPan{
	width:689px;
	position:relative;
	margin:auto;
	overflow: visible;
	height:auto;
	background-color: #FFFFFF;
}
#bodyPan p.toptextpadding{padding:25px 0 0;}
#bodyPan p span{
	background:#fff;
	color:#990000;
}
#bodyPan p.more{width:81px; height:22px; display:block; margin:0 0 0 606px; background:url(images/more-bg.gif) 0 0 no-repeat;}
#bodyPan p.more a{width:70px; height:22px; display:block; background:url(images/arrow1.gif) 1% 60% no-repeat; line-height:22px; text-decoration:none; padding:0 0 0 11px;}
#bodyPan p.more a:hover{background:url(images/arrow2.gif) 1% 60% no-repeat; text-decoration:none;}
/*----Body Middle Panel----*/
#bodyMiddlePan{
	width:689px;
	position:relative;
	margin:0 auto;
}
/*----Middle Left Panel----*/
#MiddleLeftPan{
	width:232px;
	float:left;
	font-size: 12px;
}
#MiddleLeftPan p{
	padding:14px 0 0;
	line-height:18px;
}

#MiddleLeftPan p.largegraytext{font-size:18px;}

#MiddleLeftPan p.more{width:81px; height:22px; display:block; margin:15px 0 0 145px; background:url(images/more-bg.gif) 0 0 no-repeat; padding:0px;}
#MiddleLeftPan p.more a{width:70px; height:22px; display:block; background:url(images/arrow1.gif) 1% 60% no-repeat; line-height:22px; text-decoration:none; padding:0 0 0 11px;}
#MiddleLeftPan p.more a:hover{background:url(images/arrow2.gif) 1% 60% no-repeat; text-decoration:none;}

#MiddleLeftPan p.chat{width:232px; height:70px; padding:14px 0 36px;}
#MiddleLeftPan p.chat a{
	width:232px;
	height:250px;
	display:block;
	text-indent:-20000px;
	background-image: url(images/video.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}
#MiddleLeftPan p.chat a:hover{
	background:url(images/video.png) 0 0 no-repeat;
	text-indent:-20000px;
}

#MiddleLeftPan h2{
	width:210px;
	height:50px;
	color:#990000;
	border-bottom:1px dashed #BDB9B9;
	font-size:18px;
	line-height:22px;
	padding:0 20px 0 0;
}
#MiddleLeftPan h2 span{background:#fff; color:#545454; font-weight:bold; font-size:14px; text-transform:uppercase;}

/*----/Middle Left Panel----*/
/*----Middle Right Panel----*/
#MiddleRightPan{width:384px; float:left; padding:0 0 0 73px;}
#MiddleRightTopPan{
	width:384px;
	height:203px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	border-color: #0000D6;
}

#MiddleRightTopPan p.fresh{width:108px; height:24px; display:block; margin:0 0 0 208px; font-size:20px; text-transform:uppercase;}
#MiddleRightTopPan p.text1{width:170px; height:20px; display:block; margin:0 0 0 210px; background:url(images/dotline.gif) 0 100% repeat-x #fff; color:#6BB600; font-size:27px; text-transform:uppercase; text-align:right;}

#MiddleRightPan h2{
	width:380px;
	height:20px;
	color:#990000;
	font-size:18px;
}
#MiddleRightPan p{padding:8px 0 0;}

#RightListfastPan{
	width:200px;
	float:left;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 0;
}
#RightListfastPan ul{width:200px;}
#RightListfastPan ul li{width:200px; height:20px; float:left;}
#RightListfastPan ul li a{
	width:190px;
	line-height:20px;
	background:url(images/bullet.gif) 0 6px no-repeat #fff;
	color:#666;
	text-decoration:underline;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 20px;
}
#RightListfastPan ul li a:hover{
	background:url(images/bullet-hover.gif) 0 6px no-repeat #fff;
	color:#000;
	text-decoration:none;
}

#RightListnextPan{
	width:180px;
	
	float:left;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 0;
}
#RightListnextPan ul{width:180px;}
#RightListnextPan ul li{width:180px; height:20px; float:left;}
#RightListnextPan ul li a{width:160px; line-height:20px; background:url(images/bullet.gif) 0 6px no-repeat #fff; color:#666; text-decoration:underline; padding:0 0 0 18px;}
#RightListnextPan ul li a:hover{background:url(images/bullet-hover.gif) 0 6px no-repeat #fff; color:#000; text-decoration:underline;}

/*----/Middle Right Panel----*/

/*----Footer Panel----*/
#footermainPan{background:url(images/footerbg.gif) 0 0 repeat-x #F4F4F4; color:#212121; position:relative; margin:0 auto; height:133px; clear:both;}
#footerPan{
	width:689px;
	position:relative;
	margin:0 auto;
	font:12px/15px,Arial, Helvetica, sans-serif;
	font-weight:normal;
	padding:15px 0 0;
}

#footerPan ul{
	width:450px;
	height:18px;
	position:relative;
	margin-top: 2px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#footerPan li{float:left; }
#footerPan ul li a{padding:0 10px 0; color:#212121; background:#F4F4F4; text-decoration:none;}
#footerPan ul li a:hover{text-decoration:underline;}

#footerPan ul.zooestudio{width:190px; background:#F4F4F4; color:#212121; display:block; position:relative; margin:0 auto; }
#footerPan ul.zooestudio li{height:20px;}
#footerPan ul.zooestudio li a{background:#F4F4F4; display:block; color:#212121; text-decoration:none; padding:0px;}
#footerPan ul.zooestudio li a:hover{text-decoration:underline;}

#footerPan p.copyright{width:250px; background:#F4F4F4; color:#212121; position:relative; margin:0 auto;}

#footerPanhtml{
	width:64px;
	height:19px;
	display:block;
	position:absolute;
	top:77px;
	left:268px;
}
#footerPanhtml a{width:59px; height:18px; background:#fff; color:#6A6A6A; border:1px solid #B6B6B6; display:block; position:absolute; top:0px; left:0px; line-height:19px; text-align:center; font-weight:bold; text-transform:uppercase; text-decoration:none;}
#footerPanhtml a:hover{background:#D2D0D0; color:#353427; text-decoration:none;}

#footerPancss{width:64px; height:19px; display:block; position:absolute; top:73px; left:336px;}
#footerPancss a{width:49px; height:18px; background:#fff; border:1px solid #B6B6B6; color:#6A6A6A; display:block; position:absolute; top:0px; left:0px;line-height:19px; text-transform:uppercase; font-weight:bold; text-align:center; text-decoration:none;}
#footerPancss a:hover{background:#D2D0D0; color:#353427; text-decoration:none;}

