@charset "utf-8";
/* CSS Document */
body{ margin:0; padding:0; box-sizing:border-box; background: -webkit-linear-gradient(#F8F4aa, #d0cc7c);}
img{ max-width:100%; border:0; vertical-align:middle}
.clearfix{ clear:both;}
#header{ position:relative}
.top{ width:100%; height:auto; float:left; text-align:center; background-color:#a0c0fa;}
.yellow_bg{ width:100%; min-height:70px; height:auto; float:left; background-color:#e6c230;}
.title{ width:100%; position:absolute; bottom:10px; left:0; text-align:center; font-family:"Times New Roman", Georgia, serif; font-size:105px;   font-weight:bold; line-height:90px; letter-spacing:-2px; color:#1d30ee; z-index:100}
.tagline{ width:100%; float:left; text-align:center; font-family:"Times New Roman", Georgia, serif; font-size:24px; color:#ab372a; margin:0; padding:10px; box-sizing:border-box; border-bottom:25px solid #e6c230; }
.container-grid{ max-width:1000px; margin:0 auto;}
.flash_news{ width:100%; height:auto; float:left; display:block; font-family:Arial, sans-serif; size:10px; font-weight:500; color:#3366FF; padding:5px 0}
.content_section{ max-width:760px; margin:20px auto 75px auto; padding:0 20px;}
.ad_mainbox{ width:33.78378%; height:auto; float:left; }
.ad_box1{ width:100%; height:auto; min-height:157px; float:left; margin-bottom:20px; background-color:#0F0}
.ad_box2{ width:100%; height:auto; min-height:157px; float:left; background-color:#f00}
.current_issue{ width:27.02%; height:auto; float:left; margin:0 20px;}
.current_issue img{ width:100%;}
.current_issue  .date{font-family:Arial, sans-serif; color:#fff; display:block; text-align:center; padding:5px; background-color:#ab592f}
.current_issue  .previous{font-family:Arial, sans-serif; color:#fff; display:block; text-align:center; padding:5px; background-color:#60028b; margin-top:10px; text-decoration:none;}
.right_box{ width:33.78378%; height:400px; float:right; background-color:#ca0000; overflow:hidden}
.right_box_inner{padding:10px;font-size:14px; text-align:justify; color:#fff; font-weight:bold; }
.right_box_head{color:#fbe708;}
.prev_issues{}
.prev_issues ul{ list-style:none;margin:0; }
.prev_issues ul li{ margin-bottom:3px;}
.prev_issues ul li a{ font-family:"Times New Roman", Georgia, serif; font-size:18px; color:#333; text-decoration:none; }
.prev_issues ul li a:hover{ color:#f00;}
.back{ padding:5px 10px; border:1px solid #333; font-family:"Times New Roman", Georgia, serif; font-size:14px; font-weight:600; color:#333; text-transform:uppercase;  text-decoration:none; margin-bottom:20px; display:inline-block;}
.back:hover{background-color:#60028b; color:#fff;}


/**** RESPONSIVE *****/
@media all and (max-width:800px)
{
	.ad_mainbox{ width:100%; height:auto; float:left; }
	.ad_box1{ width:49%; height:auto ; min-height:auto; float:left; margin-bottom:20px; }
.ad_box2{ width:49%; height:auto; min-height:auto; float:right; margin-bottom:20px;}
.current_issue{ width:30%; height:auto; float:none; margin:0 auto;}
.right_box{ width:100%; height:325px; float:right; background-color:#f00; margin-top:20px; }
}
@media all and (max-width:780px)
{
.title{ font-size:80px; line-height:80px;}	
}
@media all and (max-width:600px)
{
.title{ font-size:60px; line-height:70px;}	
.tagline{ font-size:18px;}
}
@media all and (max-width:480px)
{
.title{ font-size:50px;line-height:60px;}	
}
@media all and (max-width:400px)
{
	.ad_box1{ width:100%; height:auto ; min-height:auto; float:left; margin-bottom:20px; }
.ad_box2{ width:100%; height:auto; min-height:auto; float:left; margin-bottom:20px;}	
.current_issue{ width:60%; height:auto; float:none; margin:0 auto;}
}
@media all and (max-width:360px)
{
.title{ font-size:40px; line-height:40px;}	
}