@charset "utf-8";

@import url("share/default.css");
@import url("share/fonts.css");

* {
	margin: 0;
	padding: 0;
}

html,body {
	height: 100%;
}

body {
	background: #eaeaea;
}

h1 {
	margin: 10px 10px 0 20px;
	color: #000;
	font-size: 108%;
}

	h1 a {
		color: #000;
		font-size: 86%;
	}
	h1 a:hover {
		text-decoration: none;
	}
	
div#sub {
	margin-left: 20px;
	width: 180px;
}

div#sub div.nav {
	margin-top: 12px;
}

div#sub div.opened {}
 
	div#sub h2.sub_nav_heading {
		height: 27px;
		position: relative;
		color: #fff;
		background: url(../img/sub_heading.gif) no-repeat;
		line-height: 27px;
		font-size: 100%;
		text-indent: 8px;
	}
	div#sub h2.opened {
		background-position: left -27px;
	}
	
		div#sub h2.sub_nav_heading span.toggle {
			padding: 0;
			width: 28px;
			height: 25px;
			position: absolute;
			top: 1px;
			right: 1px;
			background: url(../img/sub_nav_toggle.gif) no-repeat left top;
			cursor: pointer;
		}
			
	div#sub ul.sub_nav {
		padding: .2em 1px 7px;
		background: url(../img/sub_bg_bottom.gif) no-repeat left bottom;
		font-size: 93%;
	}
	
		div#sub ul.sub_nav li {
			border-bottom: solid #b0c4cd 1px;
			padding: 0 1em;
		}
		
			div#sub ul.sub_nav li a {
				padding: .3em 0 .3em .6em;
				display: block;
				color: #069bff;
				text-decoration: none;
				font-weight: bold;
			}
			div#sub ul.sub_nav li.last-child a {
				padding-bottom: 0;
			}
			
			div#sub ul.sub_nav li a:hover {
				text-decoration: underline;
			}