/* CSS Document */
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #eee6c8;
}

h4.trigger {
	padding-left:25px;
	margin-bottom:5px;
	background: url(../img_sub/h2_trigger_a.gif) no-repeat;
	line-height: 35px;
	width: 650px;
	font-size: 90%;
	float: left;
    background-color: #ffffff;
	text-align:left;
}
h4.trigger a {
    background-color: #ffffff;
	color:#990033;;
	text-decoration: none;
	display: block;
}
h4.trigger a:hover { 
        color: #000000;
}
h4.active {
        background-position: left bottom;
} /*--When toggle is triggered, it will shift the image to the bottom to show its "opened" state--*/

h5 {
        text-align:left;
		background: url(../img_sub/line.gif) repeat-x bottom;
        padding:5px;
        font-size: 95%;
       	color:#660000;
}
.toggle_container {
	margin: 0 0 5px;
	padding: 0;
	overflow: hidden;
	font-size: 80%;
	width: 680px;
 	clear: both;
	text-align:left;
}
.toggle_container .block {
        line-height: 180%;
	padding: 5px; /*--Padding of Container--*/
        background-color: #ffffff;
        }
.staff{
	line-height: 160%;
	font-size: 90%;
	color: #cc6600;
}
.subtitle{
        padding-top:10px;
	font-size: 90%;
        border-bottom:1px dashed #ccc;
}