* {box-sizing: border-box}
.site {
    max-width: 1934px;
    margin-left:auto;
    margin-right: auto;
/*    background-color: #000;*/
}

body{
    font-family: Helvitica, Arial, sans-serif;
    text-align: center;
}
#main {
    max-width: 1900px;
	margin-bottom: 2em;
}

/*For the index.php page ==================================    */
.site {
    background-color: #900;
}
.rrText{
    padding-bottom: 12px;
    border-bottom: 2px solid #FBD49F;
}
#warnDiv a img {
    border: 8px double #555;
    padding: 6px;
    margin: 12px;
    background-color: #FBD49F;
}

#warnDiv{
    background-color: #990000;
    color: #fff;
}
#warnDiv h3 {padding-bottom: 1em;}
.rrWarn {color: #ffebd1;}


.noDecorationLink {
    text-decoration: underline;
    color: #FBD49F;
}

h2 {color: #fcdaac;}
.bandwidthWarn {color: white;}
#TOC, #index {
    margin: -2em 0 -2em 0;
    padding: 2em 10px 2em 10px;
    background-color: #fff;
    border-top: 4px #000 solid;
}
/*#TOC {padding-bottom: 4em;}*/
#TOC a, #index a {
    text-decoration: none;
    margin-left: auto;
    margin-right: auto;
    display: inline-block;
    padding-top: 2px;
    padding-bottom: 2px;
    border-bottom: 1px solid #ccc;
    width: 270px;
    text-align: left;
    color: #333;
    font-weight: bold;
}
#index a {
    font-size: .85em;
}
#TOC a[class="level0"] {
    border-top: 2px solid #cecece;;
/*    border-bottom: 2px solid #ccc;*/
}
#TOC h2, #index h2 {
    color: #002399;
    text-decoration: underline;
}
.level0 {
    padding-left:.25em;
    font-size: 1.em;
/*    border-top-color: #cecece;*/
}
.level1 {
    padding-left: 1em;
    font-size: .85em;
}
.level2 {
    padding-left: 2em;
    font-size: .8em;
}
.level3 {
    padding-left: 3.5em;
    font-size: .7em;
}
.level4 {
    padding-left: 5em;
    font-size: .7em;
}
.level5 {
    padding-left: 6.5em;
    font-size: .7em;
}

#TOC a:hover, #index a:hover {
    background-color: #333;
    color: #fff;
}