body
{
	margin:0;
	padding:0;
	background-color:#87de7c;
	background-image:url(/Public/image/volunteer/standard/home/background.gif);
	background-repeat:repeat-x;
	font-size:12px;
	font-family:Tahoma;
}
.hide{
	display:none;
}

/* inline-block */
.inlineBlock{
	display:inline-block;
	/* ie8,firefox3,safari,opera */
	display:-moz-inline-stack;
	/* firefox2,-moz-inline-box其实也可以，但在某些情况下会有些异常-_-b */
	*display:inline;
	zoom:1;
	/*
	ie6,7，在ie中，如果该class应用在行内元素中的时候，
        display:inline-block 会触发layout.
	从而使该元素拥有inline-block的特性，但为了考虑到通用性，
        使其能在块元素中应用，所以使用zoom：1来触发layout
	*/
}

.clear{
	clear:both;
	height:0;
	line-height:0;
	font-size:0;
}

#frame-top
{
	height:246px;
}

#frame-top-left
{
	width:74px;
	background-image:url(/Public/image/volunteer/standard/home/top_left.gif);
}

#frame-top-view
{
	width:240px;
}

#frame-top-view-top
{
	height:33px;
	background-image:url(/Public/image/volunteer/standard/home/top_view.gif);
}

#frame-top-view-view
{
	height:180px;
}
#rollimages
{
	width:240px;
	height:180px;
	overflow:hidden;
}

#frame-top-view-bottom
{
	height:33px;
	background-position:0 -33px;
	background-image:url(/Public/image/volunteer/standard/home/top_view.gif);
}

#frame-top-right
{
	width:686px;
}

#frame-top-right-top
{
	height:73px;
	background-image:url(/Public/image/volunteer/standard/home/top_right_top.gif);
}

#frame-top-right-left
{
	width:380px;
	height:173px;
	background-image:url(/Public/image/volunteer/standard/home/top_middle.gif);
}

#frame-top-right-right
{
	width:306px;
	height:173px;
	background-image:url(/Public/image/volunteer/standard/home/top_right_right.gif);
	cursor:pointer;
}

#frame-left
{
	width:702px;
	height:308px;
}

#frame-right
{
	width:298px;
	height:308px;
	background-image:url(/Public/image/volunteer/standard/home/bottom_right.gif);
}

#frame-left-left
{
	width:50px;
	height:158px;
	background-image:url(/Public/image/volunteer/standard/home/center_left.gif);
}

#frame-left-center
{
	width:632px;
	height:158px;
	background-image:url(/Public/image/volunteer/standard/home/center_middle.gif);
}

#frame-left-right
{
	width:20px;
	height:158px;
	background-image:url(/Public/image/volunteer/standard/home/center_right.gif);
}

#frame-left-middle
{
	width:702px;
	height:150px;
	background-image:url(/Public/image/volunteer/standard/home/bottom_left.gif);
}

/*#frame-left-center td
{
	color:#a7f394;
}

#frame-left-center td h1
{
	font-size:14px;
	font-weight:bold;
	color:#c6fdbe;
	margin:4px 0 2px 0;
	padding:0 0 0 18px;
	background-image:url(/Public/image/volunteer/standard/home/title_icon.gif);
	background-repeat:no-repeat;
}
#frame-left-center td h1 a
{
	color:#c6fdbe;
	text-decoration:none;
}
#frame-left-center td h1 a:hover
{
	color:#fff;
	text-decoration:underline;
}

#frame-left-center td h2
{
	font-size:12px;
	font-weight:normal;
	margin:0;
	padding:0 0 0 18px;
	line-height:16px;
}*/

#frame-left-center img
{
	border:none;
}
#frame-left-center .left-con
{
	float:left;
	width:400px;
	height:150px;
	overflow:hidden;
}
#frame-left-center .left-con h1
{
	padding:0 5px;
	margin:0;
	font-weight:bold;
	font-size:14px;
	color:#fff;
	height:18px;
	overflow:hidden;
}
#frame-left-center .left-con p
{
	padding:12px 5px 5px 32px;
	margin:0;
	color:#c6fdbe;
	background:url(/Public/image/utility/quotation_left.png) left top no-repeat;
	line-height:20px;
	height:95px;
	overflow:hidden;
}
#frame-left-center .left-con h2
{
	padding:3px 8px 0 5px;
	margin:0;
	text-align:right;
	font-size:12px;
	font-weight:normal;
}
#frame-left-center .left-con h2 a
{
	color:#D0D75E;
}
#frame-left-center .left-con h2 a:hover
{
	color:#fff;
}
#frame-left-center .right-con
{
	float:left;
	width:230px;
	height:140px;
	overflow:hidden;
	padding:5px 0;
}
#frame-left-center .right-con a
{
	color:#c6fdbe;
	text-decoration:none;
	font-weight:normal;
	padding:3px 3px 3px 20px;
	display:block;
	background:url(/Public/image/volunteer/standard/home/title_icon.gif) left top no-repeat;
}
/*#frame-left-center .right-con a:hover
{
	color:#fff;
	background-color:#48BF34;
}*/
#frame-left-center .right-con a.selected
{
	color:#fff;
	background-color:#48BF34;
}

#frame-bottom
{
	height:50px;
	color:#0c7501;
	background-image:url(/Public/image/volunteer/standard/home/bottom.gif);
	padding-right:44px;
	line-height:18px;
}

#frame-bottom a
{
	color:#0c7501;
	text-decoration:none;
}

#frame-bottom a:hover
{
	color:#fff;
	border-bottom:dashed 1px #fff;
}

#download-div
{
	width:100%;
	height:100px;
}

#download-button
{
	margin-left:40px;
	margin-top:64px;
	margin-bottom:2px;
	float:left;
	width:328px;
	height:50px;
	background-position:0 0;
	background-image:url(/Public/image/volunteer/standard/home/download_button.gif);
}

#download-button:hover
{
	background-position:0 -50px;
}

#frame-main-menu
{
	color:#d4ffc9;
	font-size:14px;
	padding-left:30px;
}

#frame-main-menu a
{
	color:#d4ffc9;
	text-decoration:none;
	line-height:21px;
}

#frame-main-menu a:hover
{
	color:#fff;
	border-bottom:dashed 1px #d4ffc9;
}

.login-text
{
	background-color:#42c02a;
	border:none;
	border-bottom:dashed 1px #b0efa1;
	color:#b0efa1;
}

#frame-hot-list
{
	width:220px;
	height:30px;	
	margin:50px 58px 0px 20px;
	color:#0b6700;
}

#frame-hot-list-head
{
	width:180px;
	height:44px;
	line-height:16px;
}

#frame-hot-list-tabs
{
	padding:0 15px 0 5px;
	line-height:15px;
}

#frame-hot-list-tabs a
{
	color:#fff;
	float:left;
	width:16px;
	text-decoration:none;
	background-image:url(/Public/image/volunteer/standard/home/hotpot.gif);
	background-repeat:no-repeat;
	margin-bottom:4px;
	padding:18px 0 0 2px;
}

#frame-hot-list-tabs a:hover
{
	background-position-y:-16px !important;
}


.frame-hot-list-tabs-expanded
{
	height:auto;
	margin-bottom:8px;
	overflow:visible;
	background-position-y:-16px !important;
}

.frame-hot-list-tabs-minimized
{
	height:0px;
	overflow:hidden;
	background-position-y:0px !important;
}

#frame-hot-list-content td
{
	padding-top:3px;
	line-height:15px;
}
