/**CSS**/
body {margin:0; padding:0; color:#303030; background:#fafafa url(img/bodybg.gif) top left repeat-y; 
font:76% Georgia, serif, Verdana,Tahoma,sans-serif; letter-spacing:1px; }
ul {list-style:circle; margin:15px 0 20px 0; font-size:0.9em;}
li {margin:0 0 8px 15px;}

/**Sidebar**/
#sidebar {position:absolute; top:0; left:0; width:220px; height:100%; overflow:auto;
background:#e0e0e0 url(img/sidebarbg.gif) top right repeat-y; text-align:right;}  body > #sidebar {position:fixed;}
#menu h1 {margin:50px 18px 0 10px;  color:#606060; font-size:1.6em; letter-spacing:0px; text-align:right;}
#menu h3 {margin:20px 18px 10px 18px;  color:#606060; font-size:1.1em; font-weight:bold; letter-spacing:0px; 
text-align:right; 
padding-top : 5px; border-top:1px dashed white;}
#menu p {margin:0px 18px 18px 5px; color:#777;  font: 100% 'Lucida Sans Unicode', 'Lucida Grande', sans-serif, courier; letter-spacing:0px;
line-height:1.2em;}
#menu a {display:block; width:202px; padding:0px 18px 0px 0; color:#0099cc; background:#e0e0e0 url(img/sidebarbg.gif) top right repeat-y;
font-size:1.2em; font-weight:normal; text-decoration:none; letter-spacing:0px;}
#menu a:hover  {color:#303030; background:#e0e0e0 url(img/sidebarbg.gif) top right repeat-y; text-decoration:underline;}
#menu.img {float:right; margin:0px 0px 0px 0px; padding:1px; background:#ffffff;  border:1px solid #d0d0d0;}

/****Content ****/
#content {width:520px; margin:0 0 0 240px; padding:20px 0; background:#fafafa;}
#content a {color:#ff6633; font-weight:bold; text-decoration:none;}
#content img {float:right; margin:10px 5px 10px 10px; padding:1px; background:#ffffff;  border:1px solid #d0d0d0;}
#content a:hover {color:#505050; text-decoration:underline;}
#content p {margin:0 0 20px 0; line-height:1.5em; } 
#content h2 {clear:both; margin:30px 0 10px 0; color:#0099cc; font-weight:bold; font-size: 1.5em; letter-spacing:1px;}

.haki {  font-weight:bold; letter-spacing:0px; font-variant:small-caps;}