/* Hides from IE-mac \*/

* html .clearfix {
	height: 1%;
}
.middle_right_centent a {
	color:#333;
	text-decoration: none;
}
.middle-content a:hover,
.middle_right_centent a:hover {
	color: #FF7F50;
}
/* tooltips section */
a.info{
	position: relative; /*this is the key*/
	z-index: 24;
	background-color: #CCCCCC;
	color: #000000;
	text-decoration: none;
}

a.info span{
	display: none;
}

a.info:hover{
	z-index: 25;
	background-color: #FFFF00;
}

a.info:hover span{
	/*the span will display just on :hover state*/
	display: block;
	position: absolute;
	top: 2em;
	left: 2em;
	width: 15em;
	border: 1px solid #00CCFF;
	background-color: #CCFFFF;
	color: #000000;
	text-align: center;
}

body {
	margin: 0;
	padding: 0;
}

img {
	border: 0;
}

table {
	font-size:12px;
}
img.frame {
	border: 1px solid #C2C2C2;
	background-color: #FFFFFF;
	padding: 8px 8px 8px 8px;
}
img.shower {
	width:160px;
	height:95px;
}
.frame {
	clear:both;
	display:block;
	border: 1px solid #C2C2C2;
	background-color: #FFFFFF;
	margin-left:15px;
	margin-right:15px;
	margin-top:0px;
	margin-bottom:0px;
	padding: 4px 0px 0px 0px;
	text-align: center;
}

UL#globalnav-menu {
	float: left;
	position: absolute;
	left: 196px;
	top: 14px;
	display: inline;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin: 0;
	border-top: 0px;
	border-right: 0px;
	border-bottom: 0px;
	border-left: 0px;
	height: 43px;
	background-repeat: no-repeat;
	list-style-type: none;
}

UL#globalnav-menu LI {
	BORDER-RIGHT: 0px;
	PADDING-RIGHT: 0px;
	BORDER-TOP: 0px;
	DISPLAY: block;
	PADDING-LEFT: 0px;
	FLOAT: left;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px;
	BORDER-LEFT: 0px;
	LINE-HEIGHT: 40px;
	PADDING-TOP: 0px;
	BORDER-BOTTOM: 0px;
	HEIGHT: 40px;
}

UL#globalnav-menu LI.pipe {
	BORDER-RIGHT: 0px;
	PADDING-RIGHT: 0px;
	BORDER-TOP: 0px;
	PADDING-LEFT: 0px;
	BACKGROUND-IMAGE: url(../img/pipe.png);
	PADDING-BOTTOM: 0px;
	MARGIN: 0px;
	BORDER-LEFT: 0px;
	WIDTH: 1px;
	PADDING-TOP: 0px;
	BORDER-BOTTOM: 0px;
	HEIGHT: 40px;
}

UL#left-menu {
	margin-left: 22px;
	padding: 0px;
	margin-top: 4px; 
	/*
	border-top: 0px;
	border-right: 0px;
	border-bottom: 0px;
	border-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	*/
	list-style-type: none;
}

UL#left-menu LI {
	margin-left: 0px;
	height: 20px;
	font-size:9pt;
	padding-left:6px;
	padding-top:0px;
}
UL#left-menu LI a{
	color: #555;
	font-size:9pt;
	width:144px;
	height:20px;
	text-decoration:none;
	background-image: url(../img/left_menu_bak.gif);
	min-height:20px;
}
UL#left-menu LI UL.sub{
	color: #555;
	font-size:9pt;
	height:20px;
	text-decoration:none;
	background: #333;
	border:0;
	min-height:20px;
}


UL#left-menu LI a:hover{
	width:144px;
	height:20px !important;
	background-image: url(../img/left_menu_bak_over.gif);
	list-style-type: none;
	color:#fff;
}

UL#left-menu LI.sel{
	color:#fff;
	height:20px;
	margin: 0;
	text-decoration:none;
	background-color: #5297cf;
	padding-top:6px;
}
UL#left-menu LI.nosel{
	color: #434343;
	height:20px;
	margin: 0;
	text-decoration:none;
	padding-top:6px;
	background-image: url(../img/left_menu_bak.gif);
}

UL#left-menu LI.nosel a:hover{
	background: url(../img/left_menu_bak_over.gif) no-repeat left;
	padding:2px 80px 2px 6px;
	margin:0px;
	width:144px;
	height:20px;
	list-style-type: none;
}
UL.list-left {
	float: left;
	width: 240px;
	margin-top: 6px;
	margin-left: 35px;
	padding-left: 0px;
	display: inline;
}

UL.list-left li {
	margin-left: 0px;
	padding-left: 0px;
	list-style-type: none;
}

UL.list-right {
	float: left;
	width: 224px;
	margin-top: 6px;
	margin-left: 16px;
	margin-right: 0px;
	padding-left: 0px;
	display: inline;
}

UL.list-right li {
	margin-left: 0px;
	padding-left: 0px;
	list-style-type: none;
}

.middle-content ul li {
	padding:0;
	margin:0px 0px 4px 0px;
}
.clear {
	clear: both; display: block; margin-top:16px;
}
/* end tooltip */
.clearboth {
	/*clear: both;
	display: none;*/
	clear: both; display: block; font: 1px/1px sans-serif;
}
/*
.clearfix {
	display: inline-table;
}
*/
.clearfix {
	display: block;
}

/* End hide from IE-mac */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.date {
	color: #5999D6;
	font-weight: bold;
	font-size: 0.9em;
	margin-left: 0px;
	padding-left: 0px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; /*background-color: #00FA9A;*/
}

.middle_right_centent {
	margin-top: 15px;
	font-size: 9pt;
	color: #7A7A7A;
	width: 190px;
	margin-left: 15px;
	padding-bottom: 8px;
}

.middle_right_centent p {
	text-align: left;
}

.middle-content {
	margin-top: 0px;
	margin-left: 35px;
	padding-left: 0px; /*margin-right:45px;*/
	padding-top: 4px;
	width: 462px; 
	/*background-color: #9932CC;*/
}
.middle-celebration {
	margin-top: 0px;
	margin-left: 0px;
	padding-left: 0px; /*margin-right:45px;*/
	padding-top: 0px;
	width: 462px; 
	/*background-color: #9932CC;*/
}
.middle-content2 {
	margin-top: 0px;
	margin-left: 35px;
	padding-left: 0px; /*margin-right:45px;*/
	padding-top: 4px;
	width: 462px; 
	/*background-color: #9932CC;*/
}
.middle-content ul {

}
.middle-content ul li {
display: block;
list-style: circle;
margin-left:-30px;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size:12px;
}
.middle-content ul li a {
color:#666;
text-decoration:none;
}
.middle-content ul li a:hover {
color: #0059AE;
text-decoration:none;
}
.middle-content ul li.alter {
	background: #EAEAEA;
}
.middle-content2 p {
	color: #F6F6F6;
	font-size: 9pt;
	margin-top: 4px;
	padding-top: 0px;
}
.middle-content p {
	color: #6B6B6B;
	font-size: 9pt;
	margin-top: 4px;
	padding-top: 0px;
}
.middle-content p a {
	color: #6B6B6B;
	font-size: 9pt;
	text-decoration: none;
}
.middle-content p a:hover {
	color: #045182;
}

#adward {
	margin-left: 22px;
}

#container {
	width: 100%;
	padding:0;
	margin: 0px auto 0px;
	min-height: 350px;
	/*
	PADDING-RIGHT: 0px; 
	padding-bottom: 0px;
	padding-left: 0px;
	padding-top: 0px;
	*/
}
#copy {
	float: left;
	color: #7E7E7E;
}
#copy a {
	color: #7E7E7E;
	font-size:10px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-decoration:none;
}
#copy a:hover {
	color: #333;
}
#copy p {
	padding: 30px 0 0 60px;
	text-align: center;
	font-size: 12px;
}
#flash_header {
	margin-top:0px;
	position:absolute;
	top:58px;
	left:0px;
}
#flash_menu {
	margin-top:0px;
	position:absolute;
	top:272px;
	left:200px;
}
#flash_menu_content {
	margin-top:0px;
	position:absolute;
	top:158px;
	left:200px;
}
#footer {
	clear: both;
	margin: 15px auto;
	padding: 0;
	border-top: 1px solid #E4E4E0;
	border-bottom: 1px solid #E4E4E0;
	height: 75px;
	font-size: 0.9em;
	color: #FAFAD2;
}
#footer_logo {
	float: left;
	width: 202px;
}
#header {
	margin-left: 0px;
	width: 951px;
	height: 378px;
	/*background: url(../img/main_header2.jpg) no-repeat top left;*/
}
#header_content {
	margin-left: 0px;
	width: 951px;
	height: 220px;
	background: url(../img/main_header_content.jpg) no-repeat top left;
}

#left_col {
	position:absolute;
	/*float: left;*/
	width: 200px;
	min-height: 300px;
	left:0px;
	margin: 0;
	padding: 10px 0 15px 0;
	background: url(../img/left_bg.jpg) no-repeat;
}
#left_col_content {
	float: left;
	width: 200px;
	min-height: 300px;
	margin: 0;
	padding: 10px 0 15px 0;
	/* background: #00BFFF; */
	background-image: url(../img/left_bg_content.jpg);
	background-repeat: no-repeat;
	height: 350px;
	min-height: 350px;
}
#logo {
	float: left;
	margin-top: 14px;
	margin-left: 4px;
	width: 161px;
	height: 43px;
}

#menu {
	margin-left: 8px;
}

#middle_col {
	/*
	left: 200px;
	position: absolute;
	display: inline;
	*/
	margin-top:0;
	margin-bottom:0;
	margin-left:200px;
	padding: 0px 0px 0px;
	background-color: #6b9;
	
}

#middle_col_content {
	/* this definition could compare with middle_col */
	float:left;
	width:750px;
	margin-top:0;
	margin-bottom:0;
	margin-left:0px;
	padding:0;
	background: #f6f6f5;
	/*
	width:750px;
	margin: 0;
	left: 200px; 
	position: absolute;
	display: inline;
	background: #f6f6f5;
	*/
}
#middle_col_content2 {
	/* this definition could compare with middle_col */
	float:left;
	width:750px;
	margin-top:0;
	margin-bottom:0;
	margin-left:0px;
	padding:0;
	background: #5297cf;
	/*
	width:750px;
	margin: 0;
	left: 200px; 
	position: absolute;
	display: inline;
	background: #f6f6f5;
	*/
}
#middle_left_content {
	/*display:block;*/
	float: left;
	width: 516px;
	margin-left: 0px;
	margin-top: 0px;
	padding-left: 0px;
	padding-top: 0px;
	min-height: 350px;
}
#middle_left_content2 {
	/*display:block;*/
	width:750px;
	float: left;
	margin-left: 0px;
	margin-top: 0px;
	padding-left: 0px;
	padding-top: 0px;
	min-height: 350px;
	/**background: #9C9D91;**/
	z-index: 10;
}
#middle_left {
	/*display:block;*/
	float: left;
	width: 530px;
	margin-left: 0px;
	margin-top: 0px;
	padding-left: 0px;
	padding-top: 0px;
	background-image: url(../img/middle_left.jpg);
	background-repeat: no-repeat;
	min-height: 350px;
}

#middle_right {
	float: left;
	width: 220px;
	height: 300px;
	background: #F2F2F2;
	display: inline;
	position: absolute;
	left: 730px;
	margin-top: 0px;
}
#middle_right2 {
	float: left;
	width: 220px;
	height: 300px;
	display: inline; /*margin-left:730px;*/
	position: absolute; /* this prop is strange */
	left: 720px; /* if middle_left has no content the porp's attribute is not correctly*/
	top:230px;
	margin-top: 0px;
	border:1px solid #fff;
	background: url(../img/bg-hatch.gif) repeat left top;
	z-index: 100;
}
#middle_right2 .hori-bar {
	background: url("../img/hori-bar.gif") repeat-x 0 100%;
	padding: 16px 0px 0px 0px;
	margin: 0 16px 0 16px;
	text-align: center;
}
#middle-list {
	margin-left: 0px;
	padding-left: 0px;
	color: #6B6B6B;
	font-size: 9pt;
	width: 480px;
	display: inline;
	background: #FF8C00;
}

#middle-list a {
	color: #6B6B6B;
	text-decoration: none;
}

#middle-list a:hover {
	color: #FFA500;
	text-decoration: none;
}

#right_col {
	float: right;
	padding: 0;
	background: #F4A460;
}


#menu1Container,#menu2Container,#menu3Container,#menu4Container,#menu5Container,#menu6Container { visibility:hidden; left:0px; top:150px; overflow:hidden; z-index:10; }
#menu1Container,#menu1Content { position:absolute; width:150px; height:350px; }
#menu2Container,#menu2Content { position:absolute; width:150px; height:350px; }
#menu3Container,#menu3Content { position:absolute; width:150px; height:350px; }
#menu4Container,#menu4Content { position:absolute; width:150px; height:350px; }
#menu5Container,#menu5Content { position:absolute; width:150px; height:350px; }
#menu6Container,#menu6Content { position:absolute; width:150px; height:350px; }
.loadmenu a { background-color: #fff; border-bottom: 0px solid #acacac; border-left: 1px solid #acacac; border-right: 1px solid #acacac; color: #000000; display: block; font-size: 9pt; padding: 5px; text-align: left; text-decoration: none; }
.loadmenu a:hover { background-color: #FFEC80; text-decoration: none;color: #2C5900; }
#menu1Content.menu_top {
	background: url(../img/menu_top.gif) no-repeat;
}
#menu1Content.menu_bottom {
	background: url(../img/menu_bottom.gif) no-repeat;
}
.b_line {
	border-bottom: 1px solid #F5F5F5;
}
.article {
	text-indent: 2em;
	text-align: justify;
	line-height: 1em;
	padding-bottom: 10px;
}
.article h3 {
	clear: both;
	position:relative;
	display: block;
	margin-left:0px;
	padding-left:0px;
}
.article h3 a {
	font-size:16px;
	color:#2f78b1;
	text-decoration: none;
}
.article h3 a:hover {
	color: Orange;
}
.article2 {
	text-indent: 2em;
	text-align: justify;
	line-height: 1em;
	padding-bottom: 10px;
}
.article2 img {
	border: 6px solid #fff;
}
.article img {
	border: 6px solid #E6E6E6;
}
.black {
	color:#666;
	line-height: 1.5em;
	font-size: 12px !important;
	font-size: 9pt;
}
.grey,.grey a {
	color: #F1F1F1;
	line-height: 1.5em;
	font-size: 12px !important;
	font-size: 9pt;
}
.grey a:hover {
	color: Orange;
}
.orange,.orange a {
	color: #FF8C00;
	font-size: 12px !important;
	font-size: 9pt;
	text-decoration:none;	
}
.orange a:hover {
	color:#fff;
}
img.left_float {
	border: 1px solid #AAAAAA;
	float:left;
	margin:6px 6px 6px 0px;
	padding:0;
}
object.left_float {
	border: 1px solid #AAAAAA;
	float:left;
	margin:6px 6px 6px 0px;
	padding:0;
}
.middle-content h1 {
	color:#ad6e0a;
	font-size:1.4em;
	border-bottom:1px solid #dedede;
	padding-top:15px;
	padding-bottom:10px;
	margin-top:0px;
}
.inline-two-col {
	width:700px;
	float:left;	
}
.inline-two-col p {
	text-align:center;
}
.inline-two-col-left {
	float:left;
	width:50%;
	text-align:center;
}
.inline-two-col-right {
	float:left;
	width:50%;
	text-align:center;
}

/*
-----------------mygroup----------------------
*/
#myvideo {
	width: 300px;
	height: 260px;
	position: absolute;
	left: 620px;
	top: 60px;
	border-top: 1px solid #347B8B;
	border-left: 1px solid #347B8B;
	border-bottom: 1px solid #347B8B;
	border-right: 1px solid #347B8B;
	overflow: hidden;
	background-color: #DAE0E2;
	font-size: 10px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; /*
opacity: .6;
filter: alpha(opacity=60);
-moz-opacity: .6;
*/
}

#myvideo .grp_head {
	border-left: 1px solid #FFFFFF;
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #0365b1;
	border-bottom: 1px solid #0365b1;
	background: #0365b1;
	height: 20px;
}

#myvideo object {
	margin: 0px;
	padding:0px;
}

#myvideo .grp_head img.close {
	margin-top: 2px;
	margin-right: 6px;
	float: right;
	border:0px;
}

#myvideo fieldset {
	position: relative;
	padding: 0 0 0 0;
	margin: 0 0 0 16px; /*background: #FFD700;*/
}

#myvideo fieldset img.caution {
	position: relative;
	margin: 10px 0px 0px 10px;
	border: 0px;
	float: left;
}

#myvideo fieldset input {
	left: 0px;
	float: left;
	font-size: 12px !important;
	font-size: 9pt;
}

#myvideo ul.grp_result {
	margin-left: 5px;
	margin-right: 5px;
	padding-left:0px;
	font-size: 9pt;
	text-align: left;
	border: 1px solid #C0D7DC;
}

#myvideo ul.grp_result li {
	position: relative;
	padding-top: 5px;
	font-size: 9pt;
	list-style-type: none;
	height: 20px;
	padding-top: 3px;
	padding-left: 5px;
}

#myvideo ul.grp_result li a {
	text-decoration: none;
	color: #26606D;
}

#myvideo ul.grp_result li a:hover {
	color: #EEA532;
}

#myvideo ul.grp_result li img.zoom {
	position: absolute;
	left: 260px;
	border: 0px;
}

#myvideo ul.grp_result li.even {
	background: #CAD5D7;
}

#myvideo ul.grp_result li.odd {
	background: #E6EAEB;
}