@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,700,800);
body { background-image: url(images/bg.jpg); margin-top: 0px; margin-bottom: 0px; }
.footer { color: #000000; font-size: 8pt; font-family: Arial, Helvetica }
.class1 { color: #FFFFFF; font-weight: bold; font-size: 9pt; font-family: Arial, Helvetica }
.article-text { color: #000000; font-size: 9pt; font-family: Arial, Helvetica }
.article-title { color: #000000; font-size: 14pt; font-weight: bold; font-family: Arial, Helvetica }
.title { color: #000000; font-size: 14pt; font-weight: bold; font-family: Arial, Helvetica }
.category-text { color: #000000; font-size: 9pt; font-family: Arial, Helvetica }
.home-text { color: #000000; font-size: 9pt; font-family: Arial, Helvetica }
.table, a.table, a.table:visited { color: #363636; font-size: 16px; line-height: 27px; font-family: 'Open Sans', Arial, Helvetica }
h1, h2 { font-size: 26px; line-height: 34px; font-weight: 800; padding-bottom: 4px; }
h3 { font-size: 18px; color: #a82400; line-height: 28px; }
.n { font-size: 18px; color: #a82400; font-weight: bold; margin-right: 3px; }

.text { color: #000000; font-size: 9pt; font-family: Arial, Helvetica; text-align: justify; margin-right: 15pt; margin-left: 15pt }
.bullets { color: #000000; font-size: 9pt; font-family: Arial, Helvetica; text-align: left; margin-right: 15pt; margin-left: 15pt }
.articles { color: #FFFFFF; font-size: 9pt; font-family: Arial, Helvetica; text-align: left; margin-right: 15pt; margin-left: 15pt }
a.nav { color: #000000; font-size: 9pt; font-weight: bold; font-family: Arial, Helvetica; text-decoration: none }
a.nav:hover { text-decoration: underline }
a.blue { color: #1688BC; font-size: 9pt; font-weight: bold; font-family: Arial, Helvetica; text-decoration: none }
a.blue:hover { text-decoration: underline }
a.white { color: #FFFFFF; font-size: 10pt; font-family: Arial, Helvetica; text-decoration: none }
a.white:hover { text-decoration: underline }
a.bot { color: #333333; font-size: 8pt; font-family: Arial, Helvetica; text-decoration: none }
a.bot:hover { text-decoration: underline }
#mainvert { text-align: center; padding: 4px 1px 1px 8px; float: right; overflow: hidden; }
#mainphoto img { text-align: center; padding: 7px 2px 0px 10px; float: right; overflow: hidden; }
.sidebar { font-family: 'Open Sans', Arial, Helvetica; font-size: 14px; color: #000000; }
ul.sidebar { list-style-type: none; margin: 10px 0px 8px 0px; padding: 10px 0px 8px 0px; }
li.sidebar a { color: #4A497A; background-color: #F8F6F2; display: block; padding: 10px 0 10px 0; margin: 0px 5px 0px 5px; text-decoration: none; border-bottom: 1px solid #BFBFBF; }
li.sidebar a:hover { color: #C04019; background-color: #F9EBBE; text-decoration: underline; }

.clear { clear:both;}
.container { max-width:1000px; margin:0 auto;}
header .header-detail { border-left:5px solid #bfbfbf;border-right:5px solid #bfbfbf;background:#174061;}
header .header-detail img { max-width:100%;}
.content {}
.content .content-detail { background:#fbfbfb; border-left:5px solid #bfbfbf;border-right:5px solid #bfbfbf;}
.content .content-detail .content-left { width:100%; float:left; background:#F3F0ED; color: #363636;font-size: 16px;line-height: 27px;font-family: 'Open Sans', Arial, Helvetica; padding:0 10px; box-sizing:border-box;} 
/*.content .content-detail .content-right { width:21%; float:right;background:#f3ebd6;}*/
.content .content-detail .content-right ul {}
.content .content-detail .content-right ul li { text-align:center;}
.bottom-calculator { text-align:center;}
.bottom-calculator2 { width:400px;}

footer .footer-detail{ background:url(images/footer-bg.png) repeat-x; text-align:center; border-left:5px solid #bfbfbf;border-right:5px solid #bfbfbf;border-bottom:5px solid #bfbfbf; border-radius:0 0 10px 10px; font-size:10px; line-height:25px;}
footer  .copy-right { font-size:14px; line-height:30px; text-align:right; font-family:Arial, Helvetica, sans-serif;}
footer  .copy-right a { font-size:14px; line-height:30px; text-align:right; font-family:Arial, Helvetica, sans-serif;}
#indeed_widget_wrapper { width:100% !important; box-sizing:border-box; }
#Calculator_COL { display:inline-block;}
.saving-calculator { display:inline-block;}

.hourly-object { width:600px !important;}


@media screen and (max-width: 992px) {
  .content .content-detail .content-left { width:100%;}
  /*.content .content-detail .content-right{ width:30%;}*/
  
}
@media screen and (max-width:767px) {
  
  
}
@media screen and (max-width:640px) {
  .content .content-detail .content-left { width:100%;}
  /*.content .content-detail .content-right{ width:100%;}*/
  .content .content-detail .content-left  h1 { font-size:18px;}
  .content .content-detail .content-left  h3 , h2{ font-size:18px;}
  header .header-detail img { min-height:30px;}
   #mainphoto img { float:none;}
   #mainvert { float:none; margin-top:15px;}
   #iframe-0 { width:100% !important;}
   .hourly-object { width:100% !important;}
  
  
}
@media screen and (max-width:480px) {
   .bottom-calculator2 { width:90%;}
   #mainphoto {text-align:center;}
   #mainphoto img { float:none;}
   #mainvert { float:none; margin-top:15px;}
   #paycheck-calc { max-width:100% !important;}
   #savingsCalheaderDiv { width:100% !important}
   #savingsCalbodyDiv { width:101% !important; box-sizing:border-box;}
   #savingsCalfooterDiv { width:100% !important;}
   .after-tax { width:100% !important;}
   #ccCalheaderDiv { width:100% !important;}
   #ccCalbodyDiv { width:92% !important;}
   #ccCalfooterDiv { width:100% !important;}
   body { margin:0px;}
   header .header-detail , .content .content-detail , footer .footer-detail { border-left:0px; border-right:0px;}
  }