/* -- General Body Styles -- */

body {
        margin:0px;
        padding:0px;
        font-family:verdana, arial, helvetica, sans-serif;
        color:#333;
        background-color:#455C79;
        }
        
a img {
        border: none;
        }

a {
        font-weight:600;
        font-family:verdana, arial, helvetica, sans-serif;
        }
        
a:hover {color:#C00;} 
        
h2      {
        font-size:1.3em;
        font-weight:900;
        color:#339;
        }

h3      {
        /* text-align:left; */
        color:#600;
        }

h4 {
        font-size: 1.1em;
        margin-bottom: .5em;
        padding: 0;
        }

h6 {
        font-size: 1.6em;
        font-weight: bold;
        color: #339;
        }

p, ul, #Content {
        font: 0.9em/1.2em verdana, arial, helvetica, sans-serif;
        margin: 10px 0px 10px 0px;
        padding: 0px;
        }

.center {
        text-align: center;
        }
/*

.bookcover {
float: left;
margin-bottom: 10px;
margin-right: 10px
}
*/

/* ---End  --  General Body Styles--- */


/* +++Content Section Styles+++ */


#wrapper { /* wrapped around the content div */
        clear: both;
        }


#Content {
        margin:20px 221px 0px 280px;   /* from the top , right side , bottom , left side    was  -10px 171px 0px 180px; */
        padding:15px 21px 10px 25px;
        text-align: justify;
     /*   background: url("corner.gif"*tpa=http://www.tokyopc.org/img/corner.gif*) no-repeat top left; */
        background-color: white;   /*  white  or  grey  #E5E5E5   */
        padding-bottom: 2em;
        }

#Content div.loginLinks {
        padding: .25em .5em 0 .5em;
        font-size: 11px;
        float: right;
        border: 1px dashed black;
        margin: 0 0 1.5em 1.5em;
        text-align: center;
        }

#Content .loginLinks ul {
        padding: 0;
        }

#Content .loginLinks li {
        margin: .25em 0;
        list-style-type: none;
        }

#Content .loginLinks a {
        margin: 1px 1px .25em 1px; padding: .25em .5em;
        background-color: #7096C4;
        font: 11px/18px Verdana, sans-serif;
        text-decoration: none;
        border: 1px solid black;
        color: white;
        text-align: center;
        display: block;
        width: 90px;
        }

#Content .loginLinks a:hover {
        background-color: #455C79;
        }

        .list { * for the Living in Yokohama Mailing List *
                * border: 1px solid #787244; *
                background-color: #FFC;
                padding: 0 .5em;
clear: both;
                }
/*
.listtitle {
        line-height: 1.5em;
        font-weight: bold;
        text-align: center;
        background-color: #000;
        color: white;
        margin: 0 -.5em .5em;
        }

.mag    {　* Algorithmica Japonica *
        padding: 0;
        margin: 0;
        float: left;
        clear: none;
        width: 100%;
        background-color: white;
        margin-top: 10px;
        padding-top: 5px;
        border-top: 1px dashed gray;
        }

#Content .current { * For Newest Magazine Issue (left column) *
        float: left;
        clear: none;
        width: 48%;
        padding-right: 2%;
        list-style-position: inside;
        text-align: left;
        padding-right: 5px;
        border-right: 1px dashed gray;
        }

#Content .old { * For Public Magazine Issue (right column)*
        float: right;
        clear: none;
        width: 48%;
        list-style-position: inside;
        text-align: left;

.button {
        color: white;
        background-color: #455C79;
        border: 2px solid #7096c4;
        border-bottom-color: #303C4C;
        border-right-color: #303C4C;
        text-decoration: none;
        padding: 2px;
        font-weight: normal;
        }

.button:hover {
        font-weight: bold;
        color: white;
        }

#Content>p {margin:0px;
        margin-bottom: 1em;
        }
*/

/* --- End -- Content Section Styles--- */


#Header {
        margin:0px 0px 10px 0px;
        padding: 1px 0 0 30px;
        /* For IE5/Win's benefit height = [correct height] + [top padding] + [top and bottom border widths] */
        height:104px; /* 14px + 17px + 2px = 33px */
        /* border-style:solid;
 *         border-color:black; 
 *                 border-width:1px 0px; /* top and bottom borders: 1px; left and right borders: 0px */
        line-height:11px;
        background-color:#455C79;
        voice-family: "\"}\"";
        voice-family:inherit;
        height:100px; /* the correct height */
        }


body>#Header {height:100px;}

#sponsor { /* Top Right Corner Ad */
        position: absolute;
        top: 10px;
        right: 15px;
        background-color: #787878;
        color: white;
        padding: 5px 0;
        border: 1px solid white;
        width: 140px;
        text-align: center;
        font-size: .8em;
        }

#sponsorlogo {
        margin-top: 3px;
        }

.announcements {
   color: white;
   position: absolute;
   top: 10px;
   right: 170px;
   padding-right:8px;
   text-align:right;
   }

#login_links {
   margin-bottom: 1em;
   }
	
/* ---Header Styles--- */
        
/* +++Page Notes+++ */

#notes {
        padding-top: 1em;
        position: absolute;
        top: 100px;
        right: 0px;
        width: 170px;
        background-color: #455C79;
        }
        
#notes .item {
        width: 130px;
        margin-right: auto;
        margin-left: auto;
        background-color: #787878;
        border: 1px solid white;
        padding: 5px;
        font-size: 1em;
        color: white;
        text-align: left;
        margin-bottom: 1em;
        }
        
#notes .item li {
        list-style-type: none;
        }

/* --- end   Page notes--- */ 



#Menu {
        position:absolute;
        top:100px;
        left:00px;
        width:182px;
        padding:10px;
        padding-top: 40px;
        background-color:#455C79;
        /* border:1px solid black; */
        line-height:17px;
/* Again, the ugly brilliant hack. */
        voice-family: "\"}\"";
        voice-family:inherit;
        width:160px;
        }
/* Again, "be nice to Opera 5". */
body>#Menu {width:160px;}

#Menu a,
#Header a {
        font-size: .7em;
        }

#Menu .block,
#Header .block {
        border: 1px solid white;
        background-color: #787878;
        margin-top: 1em;
        font-size: .8em;
        color: white;
        font-weight: bold;
        text-align: center;
        }

#Header .block {
        margin-top: .5em;
        padding: 2px 1em 0;
        }

#Menu .block a,
#Header .block a {
        font-size: 1em;
        color: white;
        font-weight: normal;
        text-decoration: underline;
        }

#Menu .block a:hover,
#Header .block a:hover {
        background-color: #787878;
        }

#Menu .block .image,
#Header .block .image {
        text-align: center;
        padding: .5em 3px;
        }

#Menu .block .inside,
#Header .block .inside {
        padding: .5em 3px;
        font-weight: normal;
        text-align: left;
        }


#Menu .links {
        border: 1px solid white;
        }

#Menu .links a {
        display: block;
        border-top: 1px solid white;
        background-color: #787878;
        color: white;
        margin: 0;
        padding-left: 1em;
        padding-right: 1em;
        line-height: 2em;
        text-decoration: none;
        font-weight: normal;
        }

#Menu .links a.top {
        border-top: none;
        }

#Menu .links a:hover {
        background-color: #7096C4;
        color: #336;
        }

#Menu .sidebanner { /* for unenclosed banners */
        margin-top: 1em;
        text-align: center;
        }

/* ---Menu--- */




#navcontainer {
        width: 160px;
        border: 1px solid #eee;
        }

#navcontainer ul {
        margin: 0;
        padding: 0;
        list-style-type: none;
        font-family: Helvetica, Arial, sans-serif;
        font-size: 1em;
        }



#navcontainer li { margin: 0; }

#navcontainer ul ul li { margin: 0; }

#navcontainer ul ul a {
        display: block;
        padding: 3px 3px 3px 30px;
        width: 127px;
        color: #FFF;
        background-color: #787878;
        text-decoration: none;
        }

#navcontainer ul ul a:hover {
        color: #fff;
        background-color: #7096C4;
        text-decoration: none;
        font-weight: bold;
        }


#navcontainer a {
        display: block;
        padding: 3px 10px;
        width: 140px;
        background-color: #787878;
        border-bottom: 1px solid #eee;
        text-decoration: none;
        }

#navcontainer a:link, #navlist a:visited {
        color: #EEE;
        text-decoration: none;
        }

#navcontainer a:hover {
        background-color: #7096C4;
        color: #336;
        }

/*  added later to suit custom styling  */ 

.entry {
        clear: both;
        margin: 5px 0px;
        } 

.clear {
        clear: both;
        }


.articleEntry {
        margin-bottom: 5px; 
        padding-bottom: 5px; 
        border-bottom: 1px dotted black;
        }

.bookcover {
        float: left; 
        margin-right: 10px;
        }

.summary {
        border: 2px solid gray;
        padding: 15px;
        background-color: #E5E5E5;
        float: left;
        width: 95%;
        }

.posted {
        clear: both;
        margin-top: 15px;
        }