div#doc {
	display : block;
	padding : 20px;
	vertical-align: middle ;
	text-align : center;
	}
div#docpage {
	display : table-row ;
	margin-top : 40px ;
	margin-left : 30px;
	left : 40px;
	}

div#docpage h1 {
	display : inline;
	color : black ;
	top : 30px;
	background : transparent;
	font: bold italic 18px serif;
	}

div#docpage h2 {
	text-align : left;
	padding : 10px; 
	font:  12px arial;
	}

div#docpage.left {
	display: table-cell ; 
	background: url("../images/note_page_left.png") no-repeat;
	height : 400px ;
	width : 300px;
	text-align : center;
	vertical-align: middle ;
	}
div#docpage.left h2 li {
	display : block;
	}
div#docpage.right {
	display: table-cell ; 
	background: url("../images/note_page_right.png") no-repeat;
	width : 300px;
	height : 400px ;
	vertical-align: middle ;
	text-align : center;
	}
div#docpage a img {
	border: none;
	}
div#sidedoc {
	display : table-cell ;
	}
div#sidedoc a {
	display: block;
	background: url("../images/sticky.png") no-repeat;
	padding: 10px ;
	width : 120px;
	height : 10px ;
	margin-top : 20px ;
	margin-left : 40px ;
	vertical-align: middle ;
	text-align : center;
	}