/*==================================================================

  (c) 2016 Reason Consulting Systems, Inc. All Rights Reserved.
--------------------------------------------------------------------
The contents of this file and related code have been designed and 
developed by Reason Consulting Systems, Inc. and are solely owned  
by Reason Consulting Systems,Inc and its affiliate legal entities.

This is NOT PUBLIC DOMAIN CODE. Any use of this code without prior
written permission is a violation of copyright and intellectual
property law. You are hereby placed on notice that this work and
any derivative work from this belongs to and is owned by 
Reason Consulting Systems,Inc and its affliate legal entities.

==================================================================*/
 

* {
    font-family: "Helvetica Neve", Helvetica, Arial,sans-serif;
    line-height: 1.2;
    box-sizing: border-box;
  }

.row
  {
    position: relative;
    z-index:1;
    display: block;
  }

.row::before
  {
    content: "";
    clear: both;
    display: block;
  }

.row::after  
  {
    content: "";
    clear: both;
    display: block;
  }

.twocolumn {
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
}

[class*="col-"] 
  {
    float: left;
    padding: 10px;
si}
.col-1 {width: 8.33%;}
.col-2 {width: 16.66%;}
.col-3 {width: 25%;}
.col-4 {width: 33.33%;}
.col-5 {width: 41.66%;}
.col-6 {width: 50%;}
.col-7 {width: 58.33%;}
.col-8 {width: 66.66%;}
.col-9 {width: 75%;}
.col-10 {width: 83.33%;}
.col-11 {width: 91.66%;}
.col-12 {width: 100%;}

html 
  {
/*  font-family: "Helvetica Neve", Helvetica, Arial,sans-serif;
    font-size: 0.9em;   */
        color: #888;  
     /* height:95%;  */
        width: 95%; 
      display: table;
 
  }

body {
    display: table-cell;
    vertical-align: center;
    margin: 2em auto;
}

h1 {
    color: #555;
    font-size: 2em;
    font-weight: 400;
}

p { 
    margin: 0 auto;
}

p.box{
    background: #eeeeee; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(to top, rgba(0,0,0,0), #eeeeee); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(to top, rgba(0,0,0,0), #eeeeee); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(to top, rgba(0,0,0,0), #eeeeee); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to top, rgba(0,0,0,0), #eeeeee); /* Standard syntax (must be last) */

    color:#101010; 
    padding:10px;
     }

p.lf {
      background:#eeeeee;
      padding:0px;
     }


a:link    { text-decoration:  none;
          }

a:visited { text-decoration:  none; 
          }

a:hover   { text-decoration:  none;
            font-weight    :  600;
          }

a:active  { text-decoration:  none;
            color:            #aaaaaa;
          }


table
  {
  border-collapse: collapse;
  border-spacing: 0;
  border-style:solid;
  border-color:white;
  border-left-width:15px;
  }

td,th
  {
   padding:0;
  }


ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    /* background-color: #555555; */
   }

/*
li {
    float: left;
    list-style-position: outside;
    list-style-image: none;
    width:25%;
    position: relative;
    box-sizing: border-box;
}

*/
li.nav {
    float: left;
    text-align: center;
    list-style-position: outside;
    list-style-image: none;
//    width:25%;
    position: relative;
    box-sizing: border-box;
    padding: 6px 35px 6px 35px;
}

li.ftr {
    float: right;
    list-style-position: outside;
    list-style-image: none;
//    width:25%;
    position: relative;
    box-sizing: border-box;
} 

li a {
 // display: inline-block;
    color: white;
    text-align: left;
    padding: 6px 15px;      
    text-decoration: none;
    font-family: "Helvetica Neve", Helvetica, Arial,sans-serif;
    font-size: 0.95em;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: center;
}


li a.nav:hover {
   //background-color: #111111;
    background: #555555; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(to top, #000000, #808080); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(to top, #000000, #808080); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(to top, #000000, #808080); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to top, #000000, #707070); /* Standard syntax (must be last) */
      }

li a.ftr:hover {
     background-color: #eeeeee;
      }


ul li {
    //display: table-cell;
    display: block;
    width:auto;
    text-align: left;
      }

img {
     margin: 0px auto;
     display:block;
     vertical-align: top;       
    }

#formsrch {

}

#formsrch input[type="search"] {
    background: url(search-white.png) no-repeat 4px 1px #fcfcfc;
    border: 1px solid #d1d1d1;
    font: bold 12px Arial,Helvetica,Sans-serif;
    color: #bebebe;
    width: 150px;
    padding: 6px 15px 6px 35px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    text-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;
    -webkit-transition: all 0.7s ease 0s;
    -moz-transition: all 0.7s ease 0s;
    -o-transition: all 0.7s ease 0s;
    transition: all 0.7s ease 0s;
    }

#formsrch input[type="search"]:focus {
    width: 200px;
    }

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

#grad2 {
    color:#101010;
    box-sizing: border-box;
    padding:10px;
    float: left;
    background: #eeeeee; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(to top, rgba(255,0,0,0), #eeeeee); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(to top, rgba(255,0,0,0), #eeeeee); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(to top, rgba(255,0,0,0), #eeeeee); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to top, rgba(255,0,0,0), #eeeeee); /* Standard syntax (must be last) */
       }    

#bgSubHdg {
  position: absolute;
  left:  00px;
  right: 00px;	
  z-index: 1;
	  }

#ctrSubHdg {
  position: absolute;
  left:  00px;
  right: 00px;	
  z-index: 2;
	   }


@media only screen and (max-width: 860px) 
{
    p {  
        margin: 0 auto;
        min-width: 280px;
      }

    body, p {

        width: 95%;
            }   
    h1 {
        font-size: 1.5em;
        margin: 0 0 0.3em;
       }
    html
       {
        font-size: 0.8em;
        height:95%; 
        width: 95%; 
       }

    li.nav {
       padding: 4px 5px 4px 5px;
       }
    li a   {
       padding: 4px 2px 4px 2px;
       }

}

/*
 table, th, td                     
   {                               
      border:10px solid black;        
   }                               
*/                                 
  

</style>