﻿/**
 * ----------------------------------------------------------------------------
 * toggleElements.css - Stylesheet for jQuery-Plugin toggleElements
 * ----------------------------------------------------------------------------
 */

/* Screen ------------------------------------------------------------------- */

@media projection, screen {
body {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;
	color: #000;
	background-color: #fff;
	text-align: center;
	overflow: scroll;
	/* part 1 of 2 centering hack */
	}

html {
scrollbar-3dlight-color:#fff; /*-  -*/
scrollbar-highlight-color:#fff; /*-  -*/
scrollbar-face-color:#fff; /*-  -*/
scrollbar-arrow-color:#000; /*- ͷ -*/
scrollbar-shadow-color:#fff; /*- Ҷ -*/
scrollbar-darkshadow-color:#fff; /*- һ -*/
scrollbar-base-color:#fff; /*- ɫ -*/
scrollbar-track-color:#fff;/*-  -*/
} 
a {
	text-decoration: none;
	color: #000000;
	outline: none;
	}
a:focus, a:hover, a:active {
	text-decoration: none;
	color: #5AA723;
}
.ahem {
	display: none;
	}
strong, b {
	font-weight: bold;
	}
p{
	margin:0px 0px 0px 3px;
	list-style-type:none;
}
ul{
margin-left: 0px;margin-bottom: 0px;
} 
li{
	margin:0px 0px 10px 0px;
	list-style-type:none;
}
hr{
	border-top:1px solid #333;
	}
/* weird ie5win bug: all line-height to font-size ratios must agree or box gets pushed around. UPDATE: this has turned out to be very rare. my current recommendation is IGNORE this warning. at the moment i'm leaving it in only in case the issue turns up again. possibly the original bug in march 2001 was caused by an unusual combination of factors, although this solved it at the time.*/

h1 {
	font-size: 24px;
	line-height: 44px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
h2 {
	font-size: 18px;
	line-height: 40px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
h3 {
	font-size: 16px;
	line-height: 22px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
h4 {
	font-size: 14px;
	line-height: 26px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
h5 {
	font-size: 12px;
	line-height: 22px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
h6 {
	font-size: 10px;
	line-height: 18px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
img {
	border: 0;
	}
.nowrap {
	white-space: nowrap;
	font-size: 10px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
/* must be combined with nobr in html for ie5win */
	}
.tiny {
	font-size: 9px;
	line-height: 16px;
	margin-top: 15px;
	margin-bottom: 5px; 
	}
.logo {
	font-size: 40px;
	font-weight: bold;
	margin-top: 20px;
	margin-bottom: 15px; 
	text-align: left;
	}
.nav01 {
	line-height: 1em;
	font-weight: 100;
	margin-top: -20px;
	margin-bottom: 20px;
	text-align: left;
	color: #00CC00;
	}
.about {
	text-align:left;
	margin:0px 0 0px 0;
	width: 100%;
	}
.aboutleft {
	width:100px;
	float: left;
	}
.aboutmiddle {
	width:100px;
	float: left;
	}
.aboutright {
	width:525px;
	margin: 0px 0px 0px 220px;
	padding: 0px;
	}
.title {
	width:125px;
	font-size: 12px;
	text-align: left;
	float: left;	
	}
.title01 {
	width:133px;
	font-size: 12px;
	text-align: left;
	float: left;	
	}
.title02 {
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	}
.title03 {
	clear:left;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	}
#Container {
	position:relative;
	margin:0 auto;
	padding: 0px;	
	width: 960px;
	}
#Banner {
	height: 120px;
	}	
#footer{
	width: 960px;
	height:100%;
	font-size: 12px;
	border-top: 0px solid #ccc;
	}
#scrollbar {
	width: 15px;
	border: 1px solid #ccc;
	}	
#content {
	margin:0 auto;
	padding: 0px;	
	background: #fff;
	border: 0px solid #ccc;
	text-align:left; /* part 2 of 2 centering hack */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 800px;
	}	

/* WindsPhoto */
.imgoutline {
	width:100px;
	height:60px;
	padding:6px;
	margin:6px 6px 20px 6px;
	border:1px solid #000;
}
.imgcut {
	width:100px;
	height:60px;
	margin:0px 0px 10px 0px;
	border:1px solid #c0c0c0;
	overflow:hidden;	
}

a:link .imgcut, a:visited .imgcut {
	text-decoration: none;
	border:1px solid #c0c0c0;
}
a:hover .imgcut {
	border:1px solid #5AA723;
}

a:link .wp_top, a:visited .wp_top {
	text-decoration: none;
	border:0px solid #5AA723;
}

a:link .wp_small, a:visited .wp_small {
  max-width:144px;
	padding:6px;
	border:0px solid #ffffff;
}

a:hover .wp_top,a:hover .wp_small {
	border:0px solid #5AA723;
}

.wp_list{
  max-width:470px;
}
/* WindsPhoto */
	/* Toggler - default style ʽABOUT ME */
	.toggler {

		margin:25px 0 25px 0;
		cursor:pointer;
		text-decoration: none;
		text-align:right;
		font-size: 0.8em;
		font-weight:bold;
		line-height:20px;
		display: block;
	}
	.toggler-closed {
		color:#000;
		padding-left:20px;
		height:5px;
		background: #FFF url('togglerc.gif') center right no-repeat;
		border: solid 0px white;
	}
	.toggler-closed:hover {
		color: #5AA723;
		padding-left:20px;
		height:5px;
		background: #FFF url('togglerch.gif') center right no-repeat;
		border: solid 0px #e3e3e3;
	}
	.toggler-opened {
		color:#666;
		padding-left:20px;
		height:5px;
		background: #FFF url('togglero.gif') center right no-repeat;
		border: solid 0px white;
	}
	.toggler-opened:hover {
		color: #000;
		padding-left:20px;
		height:5px;
		background: #fff url('toggleroh.gif') center right no-repeat;
		border: solid 0px #e3e3e3;
	}

	/* Container - default style */
	

	.toggler-c {
	clear:left;
	color: #333;
	font-size: 0.8em;
	text-align:left;
	text-decoration: none;
	}
	.toggler-c-closed {
	   background:transparent;
	   border:solid 0px #e3e3e3;
		margin:-25px 0px 25px 0px;
	   padding:25px;
	}
	.toggler-c-opened {
		margin:-25px 0px 25px 0px;
	   padding:25px;
	   background:#fff;
	   border:solid 0px #000;
	}
	

#general {margin:30px;}
			
#myHiddenDiv {display:none;}
#myHiddenDiv2 {display:none;}
			
.popup {
	background:#FFF;
	border:1px solid #333;
	padding:1px;
	text-align: left;
}
.popup-header {height:24px; padding:7px; background:url("bgr_popup_header.jpg") repeat-x;}
.popup-header h2 {margin:0; padding:0; font-size:18px; float:left;}
.popup-header .close-link {float:right; font-size:11px;}
.popup-body {padding:10px;}			
form {margin:0; padding:0;}
form * {font-size:12px;}
input {margin-bottom:12px;}
label {display:block;}
/*
	


}

/* Print -------------------------------------------------------------------- */
@media print {

	.toggler-c { margin-bottom:25px; }
	.toggler { display: none; }

}

/* LIN -------------------------------------------------------------------- */
.copyright {
	background:#FFF;
	border-top:0px solid #333;
	text-align: center;
}
.loadcss {
	background-color:#00CC00;
	color:#000;
	width:100%;
	font-size:12px;	
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	position:absolute;
	line-height:22px;
	z-index:30;
}
.tj {
	font-size:1px;
	color:#fff;
	text-align: right;
}