/* COMMON */

html {
    height:     100%;
}
body {
    margin:     0;
    padding:    0;

    min-height: 100%;
    height:     auto !important;
    height:     100%;
}
body, div, img {
    position:   relative;
}
a {
    text-decoration:    none;
}
a img {
    border:     none;
}
a:hover {
    text-decoration:    underline;
}
a.active:hover {
    text-decoration:    none;
}
a:active,
a:focus {
    outline:    none;
}
p {
    padding:            0 0 0 0;
    margin-top:         0;
    margin-bottom:      0.8em;
}

/* FONTs, GRAPHICS and COLORs */

body {
    font-size:          10pt;

    background-image:   url('/img/background.jpg');
    background-position:50% 0%;
    background-color:   black;
    background-repeat:  repeat-y;
    color:              silver;
}
body, input, textarea, option {
    font-family:        /*'Segoe UI',*/ 'Trebuchet MS', sans-serif;
}

div#content {
    font-size:  100%;
    color:      black;
    background-color:    white;
    background-position: 50% 100%;
}
a { color: white; }
div#content a {
    color: navy;
}
p.footnote {
    clear:      both;
    font-style: italic;
    color:      SteelBlue;
}
p.enum {
    text-align: center;
}

hr {
    border-top:     1px solid #027;
    border-bottom:  1px solid #DDF;
    border-left:    none;
    border-right:   none;
    padding-top:    2px;
}
h1 { font-size: 100%; display: inline; }
h1.full { display: block; }
h2, h1.full { font-size: 166%; text-align: center; }
h3 { font-size: 133%; }
h1, h2, h3 {
    font-weight:    normal;
}
h2, h3 {
    font-style:     italic;
    color:          #000;
}
h2, h1.full {
    text-shadow:        #AAF 2px 1px 3px;
}
h1.full, div#description {
    /* background-color:   white; */
    background-image:   url('/img/tngalpha.png');
    text-shadow:    #fff 0 0 3px, #fff 0 0 6px;
}
div#description {
    color:          black;
    font-weight:    bold;
}
h3 {
    text-shadow:    #CCD 16px 6px 4px, #CCD 8px 4px 8px;
}
div#head,
div#notes {
    background-image:   url('/img/pattern2.jpg');
    background-position: 50% 0%;
}
div#notes a {
    font-weight:        bold;
}
div#index,
div#end {
    background-image:   url('/img/waist.gif');
    background-position:50% 0%;
    background-repeat:  no-repeat;
    background-color:   black;
}
div#foot {
    background-image:   url('/img/foot.gif');
    background-color:   gray;
    background-position:0% 0%;
    background-repeat:  repeat-x;
    color:              black;
}
div#menu a {
    color:              white;
    font-weight:        normal;
    text-shadow:        #09F 0px 8px 12px, #09F 0px 2px 24px, #09F 0px 4px 18px;
}
div#menu a.active {
    background-color:   white;
    color:              black;
    border:             none;
    font-weight:        bold;
    text-shadow:        none;
}
i {
    color:              SteelBlue;
}

.menu00 {
    background-image:   url('/img/menu00.png');
}
.menu01 {
    background-image:   url('/img/menu01.png');
}
.menu00,
.menu01 {
    background-position:0% -1px;
    background-repeat:  no-repeat;
}

div#neck {
    background-image:   url('/img/neck.gif');
    background-position:50% 0%;
    background-repeat:  no-repeat;
}
div#subtitle,
div#separator {
    min-height:         4px;
    height:             4px;
}

/* LAYOUT */

body {
    text-align:     center;
    cursor:         default;
}

div.base { width: 980px; margin: 0 auto; }
div.base2,
div#head,
div#subtitle,
div#body,
div#separator { width: 980px; text-align: left; }

div#head {
    min-height: 92px; /* 92px */
}
div#menu {
    float:      right;
    margin:     62px 0 0 8px;
    padding:    0 8px 16px 0;
    top:        6px;
    left:       5px;
    z-index:    3;
}
div#menu a {
    text-align: center;
    padding:    4px 8px 5px 8px;
    margin:     0;
}
div#menu a.active {
    padding:    8px 12px;
}
.menu00,
.menu01 {
    height:     100%;
    padding:    8px 8px 8px 0;
}

div#title {
    position:   relative;
    z-index:    4;
}
div#title h1.full {
    display:    inline;
    text-align: left;
}
div#body {
    clear:      both;
}
div#content {
    padding:    10px 12px;
    margin:     0 11px;
    text-align: left;
}
div#content.image {
    text-align: center;
    padding:    10px 0;
    background-position:    50% 100%;
    background-repeat:      no-repeat;
}

div#separator {
    padding-bottom: 60px;
}
h1.full {
    padding:  10px 24px 12px 24px;
}
div#description {
    position: absolute;
    z-index:  4;
    right:     10px;
    top:      -22px;
    height:   20px;
    padding:  2px 1em 0 1em;
}

div#rest {
    clear:      both;
    position:   absolute;
    left:       0;
    bottom:     0;
    width:      100%;
    text-align: center;
}
div#foot {
    padding:    4px 0 4px 0;
}
div#notes {
    padding:    8px 8px 12px 8px;
    min-height: 48px;
    height:     auto !important;
    height:     48px;
}
div#index {
    height:     128px;
    padding:    0 25px;
    white-space: nowrap;
}
div#parade1 {
    height:     118px;
    overflow:   hidden;
}
div#parade {
    display:        block;
    height:         116px;
    padding:        12px 0 6px 16px;
}
div#parade img {
    margin-right:   12px;
}
div#end {
    min-height: 4px;
    height:     auto !important;
    height:     4px;
}
div#navrcholu {
    float: right;
}

/* LOGO */

img#logo {
    height: 128px;
    float:  left;
    margin-bottom: -36px;
    
    position: relative;
    left:     6px;
    top:      4px;
    z-index:  3;
}
img#index_prev,
img#index_next {
    position:   absolute;
    z-index:    4;
    top:        6px;
}
img#index_prev {
    left: 25px;
}
img#index_next {
    right: 25px;
}

img#iimage {
    width:  958px;
}
img.thumbnail {
    height: 102px;
}