html,body { margin:0; padding:0; width:100%; height:100%; overflow:hidden; }

.Header { display:block; height:100px; background:url(bg.png); border-bottom:15px solid #000; font:36px Times; color:rgb(250,235,200); text-decoration:none;  }
.Header:hover { color:#fff; }
.Header em { display:block; height:100px; background:url(logo.png) no-repeat 30px center; }

.Index { position:absolute; float:left; width:20%; background:#8BCB37; border-bottom:15px solid rgb(81,168,24); font:14px Arial, Helvetica, sans-serif; overflow-y:scroll; }
.Index .Button { display:block; margin:5px; border:1px solid rgb(70,150,10); background:rgb(75,160,20); color:rgb(221,255,214); text-decoration:none; font:bold 14px 'Trebuchet MS',Arial,sans-serif; }
.Index .Button em { display:block; padding:3px 3px 3px 10px; border:1px solid #51A818; font-style:normal }
.Index .Button:hover { background:rgb(75,170,20); color:#fff; }
.Index .Button:hover em { border-color:rgb(95,180,20); }
.Index .SelectedButton, .Index .SelectedButton:hover { color:#111; outline:none; border-color:#549400; background:rgb(235,235,235); }
.Index .SelectedButton em, .Index .SelectedButton:hover em { border-color:rgb(255,255,255); }

.Index .SubNavigation {  padding:5px; margin:5px; background:#fff; border:1px solid #51A818; color:rgb(0,50,0);  }
.Index .SubNavigation .Title { padding:3px; font:14px Arial,sans-serif; background:#FFEFF1; color:#ff0000; border:1px solid #e5e5e5; border-left:0; border-right:0; }
.Index .SubNavigation ul { padding:0 0 0 20px; margin:0; }
.Index .SubNavigation ul li { margin:0; padding:4px; }
.Index .SubNavigation a { color:rgb(0,50,0); }
.Index .SubNavigation a:hover { text-decoration:none;  color:#000;}

.ContentNav { float:right; width:80%; margin:0; padding:0; background:#ddd; border-top:4px solid #ddd; font:12px Arial, Helvetica, sans-serif; }
.ContentNav a { display:block; float:left; padding:5px 10px 5px 10px; color:#111; text-decoration:none; }
.ContentNav a:hover { background:#eee; color:rgb(201,20,0); }
.ContentNav .Sel { background:#fff; }
.ContentNav .Sel:hover { background:#fff; cursor:default; color:#333; }

.Content { float:right; width:80%; overflow:hidden; overflow-y:scroll; border:4px solid #ddd; border-top:0; border-left:0; font:13px Verdana,sans-serif, sans-serif; }
.Content a { color:#003366;  }
.Content .Name { font:bold 36px Tahoma,Verdana; margin:0; color:#003366; }
.Content .Name a { color:rgb(0,40,100); }
.Content .Name em { font:normal bold 12px Arial, Helvetica, sans-serif; color:#666; padding-left:3px }
.Content .ParentLink { font:12px Arial; color:#111; }
.Content .ParentLink a { color:#004488; font:16px Verdana,Tahoma; }
.Content .ParentLink a:hover { color:#333; }
.Content .Title { font:24px Arial,Tahoma,Verdana; color:#003366; margin:30px 0 3px 0; padding-bottom:2px; border-bottom:1px dotted #aaa; }
.Content .SubTitle { font:18px Tahoma,Arial,Tahoma,Verdana; color:#666; margin:3px; padding:0; }
.Content h4 { font:bold 24px Tahoma,Verdana; padding-left:10px; }
.Content h5 { font:bold 14px Verdana, Geneva, Arial, Helvetica, sans-serif; padding-left:25px; }
.Content .Text { padding-top:15px; }
.Content .List { font:13px Arial, Helvetica, sans-serif; }
.Content .List li { padding:2px; }
.Content .List li b { color:rgb(0,50,100); font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; }
.Content .Page {}
.Content .Page .PageItem { padding:5px 5px 5px 10px; }
.Content .Page .PageItem .PageItemTitle { display:block; color:#003366; pad font:bold 14px Verdana,sans-serif; }
.Content .Page .PageItem .PageItemTitle:hover { text-decoration:none; color:rgb(155,0,0); }
.Content .Page .PageItem .PageItemSummary { padding-left:10px; }
.Content .Page .PageItem code { margin-left:20px; }
.Content .Block { font:12px Arial, Helvetica, sans-serif; background:rgb(220,240,255); padding:4px; margin:20px 0 10px 0; color:#111; }
.Content .Block h1 { font-size:18px; }
.Content .Block .Example { background:#fff; padding:5px; margin:5px; border:1px solid #ccc; }
.Content .Block .Example h1 { padding:5px }
.Content .Block .Example h2 { font:italic bold 16px Arial, Helvetica, sans-serif; }
.Content .Block .Example h3 { font:bold 12px Verdana, Geneva, Arial, Helvetica, sans-serif; padding-left:20px; }
.Content .Block .View { margin:5px; padding:5px; background:rgb(255,220,220); }
.Content .Pad {  padding:20px; }
//.Content pre { padding:10px 10px 10px 40px; color:rgb(100,0,0); background:rgb(240,240,240); }
.Content .Text ul li a, .Content .PageItemTitle { font:bold 14px Arial; }
.Content .RSSLink { color:#ff6600; font:bold 16px Arial,sans-serif; }

code { display:block; white-space:pre; font:12px "Courier New", Courier, monospace; padding:10px; border:1px dotted #ccc; background:rgb(245,245,245); margin:5px; }

.Clean { clear:both; }