img { border: 0; }

body {
    /*background: #FAFAFA;
    color: #FFFFFF;*/
    font-family: "Open+Sans", sans-serif;
    text-align: left;
    padding:0 0 0 0;
}

div.container
{ background: #FFFFFF;
 width: 900px;
 /*text-align: center;*/
 margin:0px auto;
 color: #000000;
}

b.rtop, b.rbottom{display:block;background: #FAFAFA}
b.rtop b, b.rbottom b{display:block;height: 1px;
        overflow: hidden; background: #FFFFFF}
b.r1{margin: 0 5px}
b.r2{margin: 0 3px}
b.r3{margin: 0 2px}
b.rtop b.r4, b.rbottom {margin-bottom:0px} b.r4{margin: 0 1px;height: 0px}

.rs1{margin: 0 2px}
.rs2{margin: 0 1px}



.box {
    background: #FFFFFF;
    border-color: #FFFFFF;
    color: #000000;
    margin-left: 10px;
    margin-right: 10px;
    text-align: left;
}
.box1 {
    background: #FFFFFF;
    border-color: #FFFFFF;
    color: #000000;
    font-weight:bold;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
    text-align: center;
    font-size:120%;
}

.box_img {
    background: #FFFFFF;
    border-color: #FFFFFF;
    color: #000000;
    margin-left: 10px;
    margin-right: 10px;
    text-align: center;
}


.boxHeader {
    background: #FFFFFF;
    border-color: #FFFFFF;
    color: #A02D2D;
    font-weight:bold;
    /*margin-left: 10px;*/
    text-align: left;
}

.boxHeaderBigger {
    background: #FFFFFF;
    border-color: #FFFFFF;
    color: #A02D2D;
    font-weight:bold;
    /*margin-left: 10px;*/
    text-align: left;
    font-size:110%;
}


a.a2 {
    background: #FFFFFF;
    border-color: #FFFFFF;
    color: #A02D2D;
    font-size:90%;
    text-align: left;
}


a.a1 {
   font-weight:bold;
   text-decoration: underline;
   color: #000000;
}


a {
   text-decoration: underline;
   #font-weight:bold;
   color: #000000;
}


a:hover {
   color: #A02D2D;
}


#nav{
    background-color: #1F1F1F;
    border:0px;
    border-width:0 0 0 0;
    list-style:none;
    font-size:110%;
    margin:0;
    padding:0;
    text-align:center;
    background-image: linear-gradient(to right, #ccc, #333, #ccc);
}

#header{
    color: #000000;
    font-size:200%;
    font-weight: bold;
    border:0px;
    border-width:0 0 0 0;
    text-align:center;
    background-image: linear-gradient(to right, #333, #ccc, #333);
}
    
#header1{
    color: #FFFFFF;
    font-size:110%;
    font-weight: bold;
    border:0px;
    border-width:0 0 0 0;
    text-align:center;
    background-image: linear-gradient(to right, #ccc, #333, #ccc);
}

#header2{
    color: #FFFFFF;
    display:inline-block;
    padding:10px 10px 10px 10px;
    font-size:120%;
    width: 100%;
    text-decoration: none;
    text-align:center;
    background-image: linear-gradient(to right, #ccc, #333, #ccc);
}
    
#nav li{
    display:inline;
}

#nav a{
    color: #FFFFFF;
    display:inline-block;
    padding:10px 10px 10px 10px;
    font-size:120%;
    width: 110px;
    /*font-weight: bold;*/
    text-decoration: none;
}

#nav a:hover {
   /*color: #90171A;*/
   background-color: #A02D2D;
}

/* https://css-tricks.com/examples/hrs/ */

/* Gradient color1 - color2 - color1 */

hr.style-one {
    border: 0;
    height: 1px;
    background: #333;
    background-image: linear-gradient(to right, #ccc, #333, #ccc);
}

hr.style-two {
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}