/* ------------------------------------------------------------------
   --- $Id: $
   --- main stylesheet
   ------------------------------------------------------------------ */

body {
 background-color: #FFF;
 color:            #000;
 margin:           0px;
 padding:          0px;
 font-family:      arial, helvetica, sans-serif;
 background-image: url(../img/bg.gif);
 background-position: top left;
 background-attachment: fixed;
 background-repeat: no-repeat;
}

table {
 empty-cells:      show;
 border-spacing:   0px;
}

img {
 border:           none;
}

/* --[lists]-- */
ul {
 padding:          0px;
 margin:           2px 0px 0px 20px;
 list-style:       none;
}

ul.sparse {
 margin-top:       10px;
}

ul.plain {
 margin-left:       5px;
}

ul li {
 background-image:  url(../img/ptr.gif);
 background-repeat: no-repeat;
 background-position: 0px 0px;
 padding-left:     10px;
 text-align:       left;
}

ul.sparse li {
 padding-bottom:   5px;
}

ul.plain li {
 text-align:       justify;
}

/* --[site main page]-- */
table.main {
 width:            740px;
}

table.main td {
 vertical-align:   top;
}

#logo {
 padding-top:      5px;
 padding-left:     5px;
 padding-bottom:   10px;
}

#menu {
 padding:          0px 10px 10px 20px;
 color:            #333;
 font-size:        12px;
}

#d-row {
 border-left:      solid 1px #999;
 border-top:       solid 1px #999;
 border-bottom:    solid 1px #999;
 width:            8px;
}

#text {
 font-size:        12px; /* 90%  */
 line-height:      16px; /* 140% */
 vertical-align:   top;
 padding:          2px 5px;
 text-align:       justify;
 color:            #333;
}

/* --[menu block]-- */
table.menu {
 width:            100%;
 line-height:      14px;
}

table.menu td {
 vertical-align:   bottom;
 white-space:      nowrap;
}

table.menu a {
 text-decoration:  none;
 display:          block;
 padding:          2px 5px;
 color:            #333;
}

table.menu .head {
 background-color: #FC6;
 border-top:       solid 1px #999;
 border-right:     solid 1px #999;
 border-left:      solid 4px #666;
 border-bottom:    none;
 font-weight:      bold;
 text-indent:      5px;
}

table.menu .skip {
 background:       transparent;
 border-left:      solid 4px #666;
 border-right:     solid 1px #999;
 border-top:       solid 1px #999;
 height:           5px;
 line-height:      0px;
}

table.menu .span  {
 background-color: transparent;
 border-right:     solid 1px #999;
 border-left:      solid 1px #999;
}

table.menu .line {
 width:            65%;
 background-color: #FFF;
 border-left:      solid 4px #666;
 cursor:           pointer;
}

table.menu .selected {
 color:            #000;
 background-color: #CCC;
 border-left:      solid 4px #F33;
}

table.menu .first {
 border-top:       solid 1px #999;
}

table.menu .tabdesc {
 background-color: #FFF;
 border-top:       solid 1px #999;
 border-right:     solid 1px #999;
 font-weight:      bold;
 padding:          0px 5px;
 padding-bottom:   1px;
}

table.menu .span  {
 background-color: transparent;
 height:           10px;
}

table.menu .bottom {
 background-color: #999;
 height:           1px;
 font-size:        1px;
 line-height:      0px;
}

/* --[extras]-- */
.copyright {
 text-align:       left;
 font-size:        11px;
 padding-top:      2px;
}

.newsheader {
 background-color: #FC6;
 color:            #333;
 border:           solid 1px #999;
 border-left:      solid 2px #666;
 font-size:        12px; /* 90% */
 font-weight:      bold;
 text-indent:      5px;
 white-space:      nowrap;
}

.newsrecord {
 background-color: #FFF;
 border:           solid 1px #999;
 border-left:      solid 2px #666;
 border-top:       none;
 padding:          2px 5px;
 margin-bottom:    4px;
 text-align:       left;
}

/* --[project information]-- */
div.pinfo {
 width:            720px;
 padding:          0px 0px 10px 20px;
 font-size:        13px; /* 80% */
 color:            #333;
}

div.pinfo .header {
 border-bottom:    solid 1px #999;
 font-size:        16px; /* 130%*/
 font-weight:      bold;
}

div.pinfo .footer {
 margin-top:       10px;
 padding-top:      2px;
 padding-bottom:   20px;
 border-top:       solid 1px #999;
}

div.pinfo .text {
 padding:          5px 0px;
 text-align:       justify;
}

div.pinfo .smalltext {
 padding:          5px 0px;
 text-align:       justify;
 font-size:        10px; /* 80% */
}

div.pinfo .keywords {
 width:            400px;
 margin-top:       10px;
 font-size:        10px; /* 80% */
}

div.pinfo td.ptitle {
 border-bottom:    dashed 1px #999;
 padding-top:      20px;
 padding-bottom:   2px;
 white-space:      nowrap;
}

div.pinfo td.ctitle {
 vertical-align:   top;
 padding-right:    4px;
 white-space:      nowrap;
}

div.pinfo td.cbreak {
 padding-left:     4px;
 border-left:      dashed 1px #999;
}

div.pinfo td.cexpln {
 white-space:      nowrap;
}

div.pinfo td.shotpic {
 width:            400px;
 text-align:       right;
}

div.pinfo td.shotdesc {
 vertical-align:   top;
}

/* --[bottom menu]-- */
div.pinfo .footer a {
 background-color: #FC6;
 border:           solid 1px #999;
 border-left:      solid 2px #666;
 color:            #666;
 font-size:        12px; /* 90% */
 font-weight:      bold;
 width:            120px;
 padding-left:     5px;
 padding-right:    5px;
 margin-right:     5px;
 text-decoration:  none;
 display:          block;
 float:            left;
}

div.pinfo .footer a.right {
 float:            right;
 margin-right:     0px;
}

div.pinfo .footer a:hover {
 color:            #000;
 border-left:      solid 2px #F33;
}

/* --[timespan block]-- */
table.timespan {
 margin-top:       5px;
}

table.timespan td.bar {
 border-left:      solid 1px #999;
 width:            40px;
 height:           6px;
 line-height:      0px;
}

table.timespan td.x {
 background-color: #FC0;
}

table.timespan td.txt {
 border-top:       solid 1px #999;
 width:            40px;
 font-size:        10px; /* 80% */
}