/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
    Created on : 18-May-2017, 14:01:11
    Author     : A
*/

.topnav {
   overflow: hidden;
   background-color: #e6e6e6;
}

.topnav a {
   float: left;
   display: block;
   color: #f2f2f2;
   text-align: center;
   padding: 14px 16px;
   text-decoration: none;
   font-size: 17px;
}

.topnav a:hover {
   background-color: #ddd;
   color: black;
}

.topnav a.active {
   /*background-color: #4CAF50;*/
   background-color: #FF8100;
   color: white;
}

body{
   font-family:arial,helvetica,sans-serif;
   margin:0;
   padding:0;
   color:#444;
   background:#fff;
   /*overflow-x:scroll;*/
}

#headOut{
   width:1000px;
   overflow-y:auto;
   margin:0 auto;
}

#headIn{
   width:900px;
   /*width:60%;*/
   margin:0 auto;
   padding:2px;
   color:#fff;
   /*vertical-align: middle;*/
}

.headleft{
   width:60%;
   float:left;
   font-size:2em;
   color:#fff;
   font-weight:bold;
   /*   display: inline;
      vertical-align: top;*/
}

.headright{
   width:35%;
   float:right;
   font-size:1.4em;
   text-align:right;
}

.headright p.sml{
   font-size:0.7em;
}

.headright a{
   color:#fff;
}

.headright a:hover{
   color:#999;
}

.container{
   width:950px;
   padding:0 25px;
   background: transparent;
   margin:0 auto;
   /* display:block; */
   overflow:auto;
}

h1{
   font-size:1.8em;
}

h2{
   font-size:1.4em;
}

h3{bottom: 0px;
}

.column1, .column2{
   width:46%;
   float:left;
   padding:0 10px;
}
.column2{
   float:right;
}

p.title{
   font-weight:bold;
   font-size:145%;
}

.bold{
   font-weight:bold;
}

a:hover{
   color:#CC33FF;
}

/* SECTIONS */
.outer1, #outer2{
   width:100%;
   margin:0 auto;
   padding:15px 0;
   /* overflow:auto; */
}

.outer1{
   background:#fff;
}

.outer1 .container{
   background:transparent;
}

.outer1 .column2 img{
   max-width:400px !important;
   margin-top:15px;
   border:4px solid #e6e6e6;
   padding:2px;
   float: left;
}

#outer2{
   background:#e6e6e6;
}

#outer2 .column1{
   width:50%;
   padding-top:0;
   padding-bottom:15px;
}

#outer2 .column2{
   margin-top:15px;
   width:40%;
   color:#fff;
   text-align:center;
   border-radius:5px;
}

#outer2 .column2 .title{
   font-size:1.5em;
}

.bottom {
   bottom: 0px;
}

#footerDWD{
   clear:both;
   width:100%;
   font-size:0.8em;
   color:#999;
   margin:0 auto;
   border-top:2px solid #f1f1f1;
   padding:10px 0;
   background:#555;
}

#footerDWDin{
   text-align:right;
   width:880px;
   margin:0 auto;
}

#footerDWD a{
   color:#999;
}

.orange #headOut{

   background: #FF8100; /* For browsers that do not support gradients */
   /*            background: -webkit-linear-gradient(#FF8100, #FFA700);  For Safari 5.1 to 6.0
               background: -o-linear-gradient(#FF8100, #FFA700);  For Opera 11.1 to 12.0
               background: -moz-linear-gradient(#FF8100, #FFA700);  For Firefox 3.6 to 15 */
   background: linear-gradient(#FF8100, #FFA700); /* Standard syntax (must be last) */
}

.orange a,a:visited,a:active{
   color:#FF8100;
}

.orange h1{
   color:#FF8100;
}

.orange #outer2 .column2{
   background:#FF8100;
}