body {
 background-color: #f8f8f0;
 color:  #111100;
 text-align: center;
}

a{ color:#3333ff; text-decoration: none; }
a:link{ color:#3333ff; text-decoration: none; }
a:visited{ color:#3333ff; text-decoration: none; }
a:active{ color:#3333ff; text-decoration: none; }
a:hover{ color:#cc0000; text-decoration: underline; }
a.icon:hover { text-decoration: none; }
a.img:hover { text-decoration: none; }

/* container */
#container-pnl {
 background: transparent url(images/top_bg.gif) no-repeat scroll left top;
 background-color: #fefefe;
 margin: auto;
 width: 850px;
 text-align: left;
}

/* header */
div.header-pnl {
 width: auto;
 height: 200px;
}

div.header-box {
 width: auto;
 height: 200px;
 vertical-align: middle;
 white-space: nowrap;
 overflow: hidden;
}

div.header-copy-box {
 margin-top: 50px;
 margin-left: 90px;
 color: #ccccff;
 font-size: 14px;
 line-height: 18px;
 font-weight: bold;
}

div.header-title-box {
 margin-top: 10px;
 margin-left: 430px;
 color: #ffffcc;
 font-size: 22px;
 line-height: 28px;
 font-weight: bold;
}

span.winter {
 color: #ffcc66;
 font-size: 1.5em;
}

/* footer */
div.footer-pnl {
 width: auto;
 height: auto;
 padding: 4px 10px;
}

div.footer-box {
 margin-top: 2em;
 padding-top: 0.5em;
 padding-bottom: 1em;
 border-top: solid 1px #c0c0e0;
 text-align: center;
 font-size: 0.8em;
}

/* main contents */
#main-contents-pnl {
}

#main-contents-box {
}

#main-contents-split {
}

#main-contents-left {
 vertical-align: top;
 padding: 4px;
}

#main-contents-center {
 vertical-align: top;
 padding: 4px;
}

#main-contents-right {
 margin: auto;
 vertical-align: top;
 padding: 4px;
 padding-top: 60px;
}

/* main menu */
div.main-menu-pnl {
 width: 180px;
}

.main-menu-title {
 background-color: #f0f0ff;
 border-top: solid 1px #c0c0e0;
 border-left: solid 4px #c0c0e0;
 border-right:solid 4px #c0c0e0;
 border-bottom: solid 1px #c0c0e0;
 line-height: 1.5em;
 text-align: center;
 vertical-align: middle;
}

.main-menu-title p {
 font-weight: bold;
}

.main-menu-margin {
 margin-top: 1em;
}

.main-menu-box {
 border-left: solid 1px #c0c0e0;
 border-right:solid 1px #c0c0e0;
 border-bottom:solid 1px #c0c0e0;
 padding-top: 10px;
 padding-bottom: 10px;
}

.main-menu-box li {
 list-style-type: none;
 margin: 2px 4px;
 padding: 6px;
 overflow: hidden;
}

.main-menu-box span {
 white-space: nowrap;
 line-height: 1.2em;
 font-size: 0.8em;
}

.main-menu-box .select {
 background-color: #eeeeee;
}

/* menu */
div.menu-bar-pnl {
 width: auto;
 height: auto;
}

div.menu-bar-box {
 margin: 1px;
 padding: 2px;
 background-color: #f8f8f0;
 border-color: #ffffff;
 border-width: 1px;
 border-style: outset;
}

div.menu-left-box {
 float: left;
 text-align: left;
}

div.menu-right-box {
 text-align: right;
}

/* content */
div.content-pnl {
 width: auto;
 height: auto;
}

div.content-box {
 width: 620px;
 padding: 0px 10px 10px 10px;
 min-height: 30em;
}

div.content-box a img {
 border-width: 0px;
}