#floating-box{
    width:60px;
    height:200px;
    border:1px solid #CCCCCC;
    background-color:#FFFFFF;
    float:left;
    margin-right:10px;
    position:absolute;
    padding: 5px;
    z-index:1;
    right: -87px;
}
    
body {
   padding: 0;
   margin: 0;
   background-color: #EAEAEA;  
   text-align: center;
   min-width: 1004px;
   font-family: arial;
   font-size: 12px;
   line-height: 19px;
}

h1 {     
   margin-bottom:0;
   margin-top:0;
   font-size: 250%;
   font-weight: normal;
   color: #333333;
   line-height: normal;
}

h2 {
   color: #333333;
   line-height: normal;
   margin-top:25px;
   /*margin-bottom: 5px;*/              
   font-size: 150%;
}

h2 a {
   color: #4271B5;
   text-decoration: none;
}

a {
   color: #4271B5;
   text-decoration: none;
}

a img { border: 0; }

a:hover {
   text-decoration: underline;
}       
  
ul {
   padding: 0;
   margin: 0;
   margin-left: 18px;
   list-style-type: disc;
}

ul li {
   padding-bottom: 0px;
}

small {
   font-size: 90%;
   font-family: arial;
   color: #999999;
}

/* */
.clear {
   clear: both;
   height: 0;
   line-height: 0;
   margin: 0;
   padding: 0;
   font-size: 0px; /*for IE*/
}

/* Columns for Generic Page */
#generic_column_left {
   float: left;
   width: 600px;
   padding: 0 15px 0 0;                   
}

#generic_column_right {
   float: right;
   width: 280px;
   margin-left: 4px;
   border-left: 1px solid #cecece;
   padding: 0 0 0 25px;                  
}

.underline {
   border-bottom: 1px solid #cecece;
}

/* Shell */
.outer_bar {
   width: 100%;
   height: 35px;
   background-color: #444444;
   line-height: 29px; /* vertical center */
   text-align: center;
}

.inner_bar {
   width: 1280px;
   margin: 0 auto;
   font-size: 90%;
   font-family: arial;
   color: #FFFFFF;
}

.thin_bar {
   background-color: #ffffff;
   height: 5px
}

#inner_bar, #welcome_text a {
   color: #99CC66;
}

.outer_search {
   width: 100%;
   height: 29px;
   text-align: right;       
   margin: 0 auto;
}

.inner_search {
   width: 149px;
   height: 20px;
   color: #FFFFFF;
   padding: 0px;
   float: right; 
   margin-right:25px;          
   text-align: center;
   background: #fff;
   padding: 11px;
   border-radius: 0 0 15px 15px;
}

.search_field {
   border: 1px solid #333333;
   font-size: 110%;
   font-family: arial;
   height: 15px;
   width: 90px;  
   margin: 0;
   padding-top: 0;
   padding-left: 4px;
}

.search_button {
   background-color: #333333;
   color: #FFFFFF;
   border: 1px solid #FFFFFF;
   font-size: 12px;
   font-family: arial;
   height: 18px;
   width: 25px;
   margin: 0;
   padding: 0;
   padding-bottom: 2px;
}

#quote {
   font-size: 90%;
   color: #999999;
   font-family: arial;
   margin-left: 20px;
   margin-top: 15px;
   padding: 5px;
}

#page {
   margin: 0 auto;
   padding: 5px;
   text-align: left;
   width: 1280px;
   position: relative;
   /*border: 1px #CCCCCC solid;*/
   background-color: #FFFFFF;
   background-repeat: repeat-y;
   /*background-image: url(images/gradient.png); 
   background-position: right top;*/
}

#logo_img {
   padding-top: 8px;
   padding-bottom: 10px;
}

/* Home page ad image */
#ad_right {
   text-align: center;
}

#ad_right a {
   color: #1676E0;
   font-size: 11px;
   font-family: arial;
   text-decoration: none;
}

#ad_right span {
   color: #999999;
   font-family: arial;
   font-size: 10px;
}
/* ------------------- */

#related_sites {
   width: 900px;
   margin: 0 auto;
   padding: 20px;
   font-size: 90%;
   color: #999999;
   font-family: arial;
}

#related_sites a {
   font-size: 90%;
   color: #999999;
   font-family: arial;
   text-decoration: underline;
}

#related_sites .title {
   font-weight: bold;
}

#footer_links a {
   color: #333333;
   margin-right: 15px;
   font-size: 90%;
   font-family: arial;
   text-decoration: underline;
}

#footer_links {
   padding: 10px;
}

/* generic page */
#generic {
   padding: 12px;
   font-family: arial;
}

/* Row */
div.row {
  clear: both;
  padding-top: 0px;
  font-family: arial;
  cursor: pointer;
  }

div.row span.left {
  float: left;
  width: 100px;     
  height: 30px;            
  margin-top: 1px;
  margin-left: 1px;                 
}

div.row span.right {
  float: right;
  width: 50px;          
  height: 30px;                     
  margin-top: 1px;
  margin-right: 1px;          
  }
  
#login_form {
   font-size: 90%;
}

/* button time */
#login_links {
   float: right;
   width: 410px;
   height: 32px;
   color: #ffffff;
   font-size: 120%;
   margin-right: 0px;
}

#login_links a {
   color:#ffffff;
   text-decoration: underline;
}

#login_links a:hover {
   text-decoration: none;
}

#login_links span {
   color: #ffffff;
   font-size: 120%;
}

fieldset {
	border: 1px solid #CECECE;
}

fieldset > legend {
	font-weight: bold;
}

#buttons {
   width: 540px;
   float: left;
   height: 32px;
   line-height: 23px;
}

#buttons ul{
   list-style: none;
   margin: 0;
   padding: 0;
   display: block;
}

#buttons ul li{
display:inline;
margin:0;
padding:0;
}

#buttons a {
float:left;
background:url(/images/button_left_both.png) no-repeat left top;
margin:0;
padding:0 0 0 5px;
}

#buttons a span {
float:left;
display:block;
background:url(/images/button_right_both.png) no-repeat right top;
padding:5px 24px 4px 17px;
text-decoration:none;
font-weight: bold;
text-decoration: none;
font-family: arial;
font-size: 120%;
color: #ffffff;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#buttons a span {float:none;}
/* End IE5-Mac hack */

#buttons a:hover span {
color: #20558a;
}

#buttons #current a {
background-position:0 -32px;
}

#buttons #current a span {
background-position:100% -32px;
color: #20558a;
}

#buttons a:hover {
background-position:0% -32px;
text-decoration: none;
}

#buttons a:hover span {
background-position:100% -32px;
}


#sub_buttons {
   width: 100%;
   height: 35px;
   background-color: #ffffff;
}
#sub_buttons ul {
   width: 1280px;
   list-style: none;
   margin: 0 auto;
   padding: 0;
   height: 32px;
}
#sub_buttons ul li {
   color: #666666;
   height: 32px;
   padding: 5px 0 0 5px;
   line-height: 32px;
   margin-left: 5px;
   margin-right: 12px;
   float: left;
   list-style-image: url(/images/list_image.gif);
}
#sub_buttons ul li.first {
   list-style-image: none;
}
#sub_buttons ul li a:link, #sub_buttons ul li a:visited {
   color: #666666;
   text-decoration: none;
   font-family: arial;
   font-size: 120%;
}
#sub_buttons ul li a:hover {
   color: #666666;
   text-decoration: underline;
   font-family: arial;
   font-size: 120%;
}
#sub_buttons ul li.current a:link, #sub_buttons ul li.current a:visited {
   color: #20558A;
   text-decoration: none;
   font-weight: bold;
   font-family: arial;
   font-size: 120%;
}

/* Google CSE */

table.gsc-search-box {
  margin-top: -7px !important;
}

input.gsc-input {
    background: none !important;
}

input.gsc-search-button-v2 {
      padding: 6px 11px !important;
      margin-left: 0px !important;
}

input.gsc-search-button {
      background-color: #000 !important;
}

.gsc-search-box-tools .gsc-search-box .gsc-input {
    padding-right: 0px !important;
}

.gsc-input-box {
   height: 24px !important;
   margin-top: -1px !important;
}


.wrap {
  width: 1280px;
  margin: 0 auto;
}

.menu-toggle {
  display: none;
}


#buttons #sub_buttons {
  display: none;
}




@media only screen and (max-width:1340px) {
  body, .inner_bar {
    min-width: 320px;
    width: 100%;
    max-width: 100%;
  }
  .inner_bar {
    line-height: 20px;
  }
  .wrap, #page, #related_sites, #sub_buttons ul {
    max-width: 1140px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }

}
@media only screen and (max-width:1200px) {
    .wrap, #page, #related-sites, #sub_buttons ul {
    max-width: 960px;
  }
  #generic_column_left {
    width: 575px;
  }
 
}

@media only screen and (max-width:1023px) {
    .wrap, #page, #related_sites, #sub_buttons ul, #related_sites {
    max-width: 100%;
  }
  #generic_column_left, #generic_column_right {
    float: none;
    clear: both;
    width: 100%;
  }
  #generic_column_right {
    padding: 0;
    margin: 0;
    border: none;
  }
  .outer_search {
    display: none;
  }
  .buttons_login {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
  }
  #buttons {
    order: 2;
  }
  #login_links {
    order: 1;
  }
  #floating-box {
    position: fixed;
    right: 0;
  }
  header br.clear {
    display: none;
  }
  .header_logo {
    margin: 0 auto;
  }


  
  .menu-toggle, .sub-menu-toggle {
      background-color: #fff;
      border-width: 0;
      color: #333;
      display: block;
      margin: 0 auto;
      overflow: hidden;
      text-align: center;
      visibility: visible;
      padding: 16px 24px;
  }
  .menu-toggle:focus, .menu-toggle:hover {
      background-color: #fff;
      border-width: 0;
  }

  .menu-toggle {
      line-height: 22px;
      position: relative;
      width: 100%;
      z-index: 1000;
      border-top: 1px solid #eee;
  }
  .menu-toggle:focus, .menu-toggle:hover {
      border-top: 1px solid #eee;
  }
  .menu-toggle:before {
      font-size: 1.5em;
      margin-right: 10px;
      text-rendering: auto;
  }
  .sub-menu-toggle {
      float: right;
      padding: 13px 10px;
      position: absolute;
      right: 0;
      top: 0;
      z-index: 100;
  }
  .sub-menu .sub-menu-toggle {
      padding: 12px 10px;
  }
  .sub-menu-toggle:before {
      display: inline-block;
      text-rendering: auto;
      -webkit-transform: rotate(0);
      -ms-transform: rotate(0);
      transform: rotate(0);
      -webkit-transition: transform .25s ease-in-out;
      -ms-transition: transform .25s ease-in-out;
      -webkit-transition: -webkit-transform .25s ease-in-out;
      transition: -webkit-transform .25s ease-in-out;
      -o-transition: transform .25s ease-in-out;
      transition: transform .25s ease-in-out;
      transition: transform .25s ease-in-out,  -webkit-transform .25s ease-in-out;
  }
  .sub-menu-toggle.activated:before {
      -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      transform: rotate(180deg);
  }
  .genesis-responsive-menu .genesis-nav-menu .menu-item {
      display: block;
      float: none;
      position: relative;
      text-align: left;
  }
  #buttons ul {
    display: none;
  }
 #buttons ul li {
    display: block;
    padding: 0;
  }

  #buttons ul li a {
      background: none;
      float: none;
      padding: 0;
      text-align: left;
  }

  #buttons ul li a span {
      background: none;
      color: #000;
      border-bottom: 1px solid #557AB9;
      padding: 8px 5px 8px 10px;
      font-weight: normal;
  }

  #buttons {
      height: auto;
      background: white;
  }

  #sub_buttons {
      display: none;
  }
  #buttons #sub_buttons, #buttons #sub_buttons ul {
    display: block;
  }
  #buttons #sub_buttons {
    height: auto;
  }
  #buttons #sub_buttons ul {
    width: 100%;
    height: auto;
    padding-left: 25px;
  }
  #buttons #sub_buttons ul li {
    float: none;
    text-align: left;
  }
  
}
@media only screen and (max-width:860px) {
   .outer_bar {
    height: auto;
   }
   .outer_bar.final {
    padding-bottom: 65px;
  }
     .fb_reset {
    display: none;
  }
  #floating-box div {
    margin: 0 10px;
  }
  #floating-box {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    width: 100%;
    height: 50px;
    bottom: 0;
    left: 0;
    right: auto;
    justify-content: center;
  }
  .site-inner {
      padding: 5% 5% 0;
  }
  .wrap {
      padding-left: 5%;
      padding-right: 5%}
  .after-entry, .archive-description, .author-box, .comment-respond, .entry, .entry-comments, .entry-pings {
      padding: 30px;
      margin-bottom: 5%}
  .sidebar {
      margin-bottom: 5%}
  .sidebar .widget {
      padding: 30px;
      margin-bottom: 5%}
  .pagination {
      margin: 5% auto;
  }
  .archive-pagination li a {
      margin-bottom: 4px;
  }
  .five-sixths, .four-sixths, .one-fourth, .one-half, .one-sixth, .one-third, .three-fourths, .three-sixths, .two-fourths, .two-sixths, .two-thirds {
      margin: 0;
      width: 100%}
  .nav-secondary {
      padding: 20px 0;
  }
  .nav-secondary .genesis-nav-menu {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  }
  .nav-secondary .genesis-nav-menu li {
      width: 100%;
      text-align: center;
      margin-bottom: 10px;
  }
  .tools-listing li {
      width: 100%}
  .home-middle .home-middle-posts .most-recent {
      margin: 0 auto;
  }
  .home-middle .home-middle-posts .allposts .other-recent {
      text-align: center;
  }
}
@media only screen and (max-width: 727px) {
  #above_the_fold_728 {
    overflow: hidden;
  }
}
@media only screen and (max-width:580px) {
    .article-section {
    display: block;
  } 
}
@media only screen and (max-width:468px) {
   #generic_column_left input[name="title"] {
    width: 100%;
   }
}