/*
    border: 1px solid #000;
*/
* {
    margin: 0;
    padding: 0;
}
img { border: none; }

a {
    text-decoration: underline;
    color:#136BA6;
}

body {
    font: normal 16px "Verdana", sans-serif;
    text-align: center;
    background: #fff; 
    padding: 0px;
    margin: 0px;
}

div.pageframe {
    text-align: left;
    background-color: #fff;
    width: 765px;
    margin: 20px auto 0 auto;
    padding: 0 8px;
}

div.header {
    margin-bottom: 8px;
    background: url("image/header.gif") no-repeat;
    width: 765px;
    height: 109px;
}
    div.header h1 {
	color: #004b85;
	font-size: 28px;
	text-align: right;
	padding-top: 15px;
	padding-right: 15px;
    }

div.header {
    float: right;
}

div.content-pane {
    float: left;
    font-size: 11px;
    padding-top: 20px;
}
    div.content-pane h1, div.content-pane h3 {
	text-align: center;
	padding-bottom: 5px;
    }

    div.content-pane table {
	width: 100%;
	text-align: center;
	border: 1px solid #000;
    }

    div.content-pane th {
	font-size: 12px;
    }

    div.content-pane tr {
	padding: 10px;
    }

    div.content-pane tr.pink-row {
	background-color: #fcc;
    }
	
	div.content-pane tr.green-row {
	background-color: #C5FFBC;
	}

    div.content-pane tr.blue-row {
	background-color: #cff;
    }

div.content-pane-left {
    float: left;
    width: 240px;
    font-size: 11px;
    padding-top: 20px;
}
    div.content-pane-left p {
	padding-bottom: 8px;
	margin-left: 4px;
	margin-right: 4px;
    }

    div.content-pane-left h3 {
	background: url("image/h3-left.png") no-repeat;
	color: #666;
	padding-top: 5px;
	width: 213px;
	height: 20px;
	text-align: center;
    }

    div.content-pane-left-box {
	border-left: solid 1px #cecece;
	border-right: solid 1px #cecece;
	width: 211px;
	padding: 0px;
	margin: 0px;
    }

    div.content-pane-left-box-bottom {
	background: url("image/h3-left-bottom.png") no-repeat;
	padding: 0px;
	margin: 0px;
	width: 213px;
	height: 13px;
    }

div.content-pane-right {
    width: 520px;
    float: right;
    font-size: 12px;
}

    div.content-pane-right p, div.content-pane-right h1, div.content-pane-right h2 {
	padding-bottom: 8px;
	margin-left: 8px;
	margin-right: 8px;
    }

    div.content-pane-right h1, div.content-pane-right h2 {
	padding-top: 8px;
	font-size: 16px;
	color: #666;
    }

    div.content-pane-right-box ul, div.content-pane-right-box ol {
	padding-left: 26px;
	padding-bottom: 8px;
    }

    div.content-pane-right-box div.maruku_toc ul {
	padding-left: 8px;
	padding-bottom: 8px;
	display: block;
	padding-top: 4px;
    }

    div.content-pane-right-box div.maruku_toc li {
	padding-bottom: 4px;
    }

    div.content-pane-right-box table {
	width: 100%;
	padding: 0px 8px;
    }

    div.content-pane-right h3 {
	background: url("image/h3-right.png") no-repeat;
	color: #666;
	padding-top: 5px;
	width: 515px;
	height: 20px;
	text-align: center;
    }

    div.content-pane-right-box {
	border-left: solid 1px #cecece;
	border-right: solid 1px #cecece;
	width: 513px;
	padding: 0px;
	margin: 0px;
    }

    div.content-pane-right-box-bottom {
	background: url("image/h3-right-bottom.png") no-repeat;
	padding: 0px;
	margin: 0px;
	width: 515px;
	height: 13px;
    }

div.menu {
    padding-top: 20px;
    clear: both;
    font-size: 13px;
}

div.menu ul {
    list-style: none;
}

div.menu li {
    display: block;
    float: left;
    text-align: center;
}

div.menu li a {
    color: #fff;
    text-decoration: none;
    background: url("image/menu-button.gif") no-repeat top right;
    padding-top: 6px;
    width: 103px;
    height: 33px; /* height + padding = image size */
    display: block;
}

div.menu li a:hover {
    background: url("image/menu-button.gif") no-repeat bottom left;
}

div.menu-family {
	clear: both;
	height: 273px;
	width: 514px;
}

div.menu-family p {
    text-align: right;
    font-size: 11px;
    color: #fff;
}

div.footer {
    clear: both;
    padding-top: 13px;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
}