html, body{
    margin:0;
    padding:0;    
    height: 100%;
    width: 100%;  
    font-family: 'Open Sans', sans-serif;
    font-size:10.5pt;
}
h1, h2, h3, h4{
    margin:0 0 0 0;
    padding:0 0 0 0;
}
a{text-decoration:none;color:#2056bb;}
a:hover{text-decoration:underline}
a, a:hover, a:active, a:visited{color:#2056bb;}

body{
    background: #7db9e8; /* Old browsers */
    background: -moz-radial-gradient(center, ellipse cover,  #7db9e8 0%, #1e5799 100%); /* FF3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#7db9e8), color-stop(100%,#1e5799)); /* Chrome,Safari4+ */
    background: -webkit-radial-gradient(center, ellipse cover,  #7db9e8 0%,#1e5799 100%); /* Chrome10+,Safari5.1+ */
    background: -o-radial-gradient(centrs
    r, ellipse cover,  #7db9e8 0%,#1e5799 100%); /* Opera 12+ */
    background: -ms-radial-gradient(center, ellipse cover,  #7db9e8 0%,#1e5799 100%); /* IE10+ */
    background: radial-gradient(ellipse at center,  #7db9e8 0%,#1e5799 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7db9e8', endColorstr='#1e5799',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

body:before{ 
   content: "";
   position: fixed;
   top: -10px;
   left: 0;
   width: 100%;
   height: 10px;
   z-index: 510;
   -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,1);
   -moz-box-shadow: 0px 0px 10px rgba(0,0,0,1);
   box-shadow: 0px 0px 10px rgba(0,0,0,1);
}
#site_holder{
    background:#fff;
    max-width:1150px;
    width:85%;
    margin:0 auto;
    /*  min-height:     100%; */

 
}
table.list td{vertical-align:top;font-size:0.8em;}
#header{
    background:#fff;
    padding:22px 0 16px 0;
    min-height:76px;
    
}
h1{
    margin:8px 0;
    text-transform:uppercase;
}
h2{
    font-family: 'Open Sans', sans-serif;
    color:#2056bb;
    text-transform:uppercase;
}
h3{
    font-family: 'Open Sans', sans-serif;
    color:#2056bb;
    text-transform:uppercase;
}
#motto{
   font-family: 'Open Sans', sans-serif; 
   float:right;
   font-size:12pt;
   font-weight:800;
   text-transform:uppercase;
   text-align:center;
   margin-top:10px;
   width:335px;
}
#menu{
    border-bottom:6px solid #2056bb;
    width:100%;
    background: #000000; /* Old browsers */
    background: -moz-linear-gradient(top,  #000000 0%, #45484d 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(100%,#45484d)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #000000 0%,#45484d 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #000000 0%,#45484d 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #000000 0%,#45484d 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #000000 0%,#45484d 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#45484d',GradientType=0 ); /* IE6-9 */
    
  
}
.full{width:100%;}
#menu_desktop{display:block;}
#menu_mobile{display:none;}



#menu .item{
        color:#fff;
    
    cursor:pointer;
    float:left;
    padding:5px 35px;
}
#menu_mobile .item{
    float:none;
}


#mobile_menu_button{
    font-family: 'Oswald', sans-serif;
    font-size:1.2em;
    text-transform:uppercase;
    text-decoration:none;
    color:#d1d1d1;   
    height:35px;
    line-height:35px; 
    margin-left:25px;
    
}






#menu .item a{
    font-family: 'Oswald', sans-serif;
    font-size:1.2em;
    text-transform:uppercase;
    text-decoration:none;
    color:#fff;
    
}
#menu .item.sel a, #menu .item.sel:hover a{
    color:#fff;
    text-shadow:1px 1px #000;
}
#menu .item:hover{
    background: #45484d; /* Old browsers */
    background: -moz-linear-gradient(top,  #45484d 0%, #000000 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#45484d), color-stop(100%,#000000)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #45484d 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #45484d 0%,#000000 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #45484d 0%,#000000 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #45484d 0%,#000000 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
    box-shadow: -15px 0 15px -15px rgba(0, 0, 0, 0.6),
                 15px 0 15px -15px rgba(0, 0, 0, 0.6);     
}
#menu .item.sel, #menu .item.sel:hover{
    background: #6e96c9; /* Old browsers */
    background: -moz-linear-gradient(top,  #6e96c9 0%, #2056bb 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6e96c9), color-stop(100%,#2056bb)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #6e96c9 0%,#2056bb 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #6e96c9 0%,#2056bb 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #6e96c9 0%,#2056bb 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #6e96c9 0%,#2056bb 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6e96c9', endColorstr='#2056bb',GradientType=0 ); /* IE6-9 */   
}
#menu .item:hover a{
    /* color:#2056bb; */
    text-shadow:1px 1px #000;
}
#logo{
    float:left;
}

#page_content{

}





.hidden{display:none;}
.clr{clear:both;}
.contain{background-repeat: no-repeat;background-size: contain;-moz-background-size: contain;}
.cover{background-repeat: no-repeat;background-size: cover;-moz-background-size: cover;}
#footer{
    border-top:4px solid #2056bb;
    width:100%;
    background:#000;
    color:#fff;
    font-size:0.8em;
    font-family: 'Open Sans', sans-serif; 
}
#footnotes{
    color:#888;
}
.col_ad{
    top:0;
    bottom:0;
    left:3%;
    right:3%;
    position:absolute;
    background-repeat: no-repeat;
    background-size: contain;
    -moz-background-size: contain;
    background-position:center center;
}
.col2{float:left;width:50%;position:relative;}
.col3{float:left;width:33.33%;position:relative;}
.col3double{float:left;width:66.67%;position:relative;}
.col4{float:left;width:25%;position:relative;}
.col5{float:left;width:20%;position:relative;}
.marg5{
    margin: 10px;
}
.pad25{
    padding:0 25px;
}






.feature_desc{
    font-size:0.8em;
    margin-left:10px;
    color:#444;
    margin-bottom:10px;
    padding:3px;
    text-shadow:1px 1px #fff;
}
.feature_title{
    padding:3px;
    margin-top: 5px;
    margin-left:5px;
    text-shadow:1px 1px #fff;

}
.feature{
    border:1px solid #ccc; 
    margin:5px;
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f1f1f1), color-stop(51%,#e1e1e1), color-stop(100%,#f6f6f6)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */
}
.feature a{
    color:#333;
}
.h3feature{
    text-shadow:1px 1px #000;
    border:1px solid #ccc;
    border-bottom:1px solid #666;
    border-right:1px solid #666;
    color: #fff;
    background: #45484d; /* Old browsers */
    background: -moz-linear-gradient(top,  #45484d 0%, #000000 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#45484d), color-stop(100%,#000000)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #45484d 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #45484d 0%,#000000 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #45484d 0%,#000000 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #45484d 0%,#000000 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
    padding:6px 4px;    
}
.h3feature a{color:#ff0;}




/*==================================================
 * Effect 1
 * ===============================================*/
.effect1{
	-webkit-box-shadow: 0 10px 6px -6px #777;
	   -moz-box-shadow: 0 10px 6px -6px #777;
	        box-shadow: 0 10px 6px -6px #777;
}
/*==================================================
 * Effect 2
 * ===============================================*/
.effect2
{
  position: relative;
}
.effect2:before, .effect2:after
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #777;
  -webkit-box-shadow: 0 15px 10px #777;
  -moz-box-shadow: 0 15px 10px #777;
  box-shadow: 0 15px 10px #777;
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}
.effect2:after
{
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
  right: 10px;
  left: auto;
}
/*==================================================
 * Effect 3
 * ===============================================*/
.effect3
{
  position: relative;
}
.effect3:before
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #777;
  -webkit-box-shadow: 0 15px 10px #777;
  -moz-box-shadow: 0 15px 10px #777;
  box-shadow: 0 15px 10px #777;
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}
/*==================================================
 * Effect 4
 * ===============================================*/
.effect4
{
  position: relative;
}
.effect4:after
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  right: 10px;
  left: auto;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #777;
  -webkit-box-shadow: 0 15px 10px #777;
  -moz-box-shadow: 0 15px 10px #777;
  box-shadow: 0 15px 10px #777;
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
}
/*==================================================
 * Effect 5
 * ===============================================*/
.effect5
{
  position: relative;
}
.effect5:before, .effect5:after
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 25px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #777;
  -webkit-box-shadow: 0 35px 20px #777;
  -moz-box-shadow: 0 35px 20px #777;
  box-shadow: 0 35px 20px #777;
  -webkit-transform: rotate(-8deg);
  -moz-transform: rotate(-8deg);
  -o-transform: rotate(-8deg);
  -ms-transform: rotate(-8deg);
  transform: rotate(-8deg);
}
.effect5:after
{
  -webkit-transform: rotate(8deg);
  -moz-transform: rotate(8deg);
  -o-transform: rotate(8deg);
  -ms-transform: rotate(8deg);
  transform: rotate(8deg);
  right: 10px;
  left: auto;
}


/*==================================================
 * Effect 6
 * ===============================================*/
.effect6
{
  	position:relative;       
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.effect6:before, .effect6:after
{
	content:"";
    position:absolute; 
    z-index:-1;
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
    box-shadow:0 0 20px rgba(0,0,0,0.8);
    top:50%;
    bottom:0;
    left:10px;
    right:10px;
    -moz-border-radius:100px / 10px;
    border-radius:100px / 10px;
}


/*==================================================
 * Effect 7
 * ===============================================*/
.effect7
{
  	position:relative;       
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.effect7:before, .effect7:after
{
	content:"";
    position:absolute; 
    z-index:-1;
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
    box-shadow:0 0 20px rgba(0,0,0,0.8);
    top:0;
    bottom:0;
    left:10px;
    right:10px;
    -moz-border-radius:100px / 10px;
    border-radius:100px / 10px;
} 
.effect7:after
{
	right:10px; 
    left:auto;
    -webkit-transform:skew(8deg) rotate(3deg); 
       -moz-transform:skew(8deg) rotate(3deg);     
        -ms-transform:skew(8deg) rotate(3deg);     
         -o-transform:skew(8deg) rotate(3deg); 
            transform:skew(8deg) rotate(3deg);
}

/*==================================================
 * Effect 8
 * ===============================================*/
.effect8
{
  	position:relative;       
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.effect8:before, .effect8:after
{
	content:"";
    position:absolute; 
    z-index:-1;
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
    box-shadow:0 0 20px rgba(0,0,0,0.8);
    top:10px;
    bottom:10px;
    left:0;
    right:0;
    -moz-border-radius:100px / 10px;
    border-radius:100px / 10px;
} 
.effect8:after
{
	right:10px; 
    left:auto;
    -webkit-transform:skew(8deg) rotate(3deg); 
       -moz-transform:skew(8deg) rotate(3deg);     
        -ms-transform:skew(8deg) rotate(3deg);     
         -o-transform:skew(8deg) rotate(3deg); 
            transform:skew(8deg) rotate(3deg);
}



@media (max-width: 825px) {
    #menu_desktop{display:none;}
    #menu_mobile{display:block;}
    #logo{float:none;clear:both;width:210px;margin:0 auto;}
    #motto{float:none;width:100%;}
    #header{min-height:140px;}

}