.no_screen {
display: none;
}

body {
font-size:15px;
line-height: 1.35;
background-color: gray;
font-family: Helvetica,Arial,sans-serif;
color:#000000;
margin:0 auto !important;
padding:0 !important;
}

img { max-width: 100%; }

h1,h2,h3,h4 { font-family: Helvetica, Arial, sans-serif; }


h1, h1 A:link, h1 A:active, h1 A:visited {
margin-top:0px;
color: black;
text-decoration: none;
}

h1 { font-size: 1.65em; } 
h2 { font-size: 1.45em; } 
h3 { font-size: 1.25em; }
h4 { font-size: 1.1em; } 


.sans-serif {
font-family:Arial, sans-serif;
font-size:13px;
}

td { vertical-align: top; }

.content_preface, .content_preface p ul li td, .content_preface_bullets li, .content_preface_bullets li p {
font-size: 1.1em;
}
.article_body {
font-size: 1.1em;
font-family: Palatino, Georgia, "Times New Roman", serif;
line-height: 1.4;
}
.hp_excerpt {
font-size: 1.1em;
font-family: Palatino, Georgia, "Times New Roman", serif;
line-height: 1.4;
}

@media (min-width: 520px) and (max-width: 650px) {
body { font-size:1.1em; }
.article_body { font-size: 1.1em; }
.hp_excerpt { font-size: 1.1em; }
.content_preface, .content_preface p ul li td, .content_preface_bullets li, .content_preface_bullets li p {
font-size: 1.1em;
}
}

.table_main {
width: 100%;
max-width: 1024px;
border: none;
background: white;
}
#content_cell_padding { padding:15px 33px 0 33px; }
#sidebar { width:350px; max-width:350px;  border-left:1px solid gray; }
#mobile_search { display:none; }

#logo_top {
max-width: 350px;
float:left;
margin:auto;
padding:5px 18px 0px 18px;
vertical-align:middle;
text-align: center;
}

.follow_search_wrapper {
padding:25px 35px 0 20px;
}

.follow_tools {
border:none;
padding-bottom: 20px;
text-align:right;
vertical-align:middle;
}

.follow_tools img { max-width:48px; }

@media screen and (max-width: 1020px) {
.desktop_only { display: none; clear:both; float:none; }
.table_main, #content_cell, header, footer { width: 100% !important; }
}

@media screen and (max-width: 850px) {
#sidebar { max-width:300px; }
}

@media screen and (min-width: 750px) {
.mobile_only { display: none; }
.nav_search { display:none; }
}

@media screen and (max-width: 770px) {
.ad-spot-wide { display: none; }
}

@media screen and (max-width: 700px) {

#sidebar {
width:370px;
max-width:370px;
display: block;
border:none;
}

#content_cell {
display: block;
}
}

@media screen and (max-width: 600px) {

.desktop_tablet_only { display: none; clear:both; float:none; }
#search_form, #mobile_search { display:none; }

#logo_top {
max-width: 350px;
float: none;
clear:both;
margin:auto;
padding:8px 0;
}
.mobile_center_middle {
margin:auto;
vertical-align:middle;
text-align: center;   
}
.follow_search_wrapper { padding:0; }
.follow_tools { padding-bottom: 10px; }
.follow_tools img { max-width:24px; }
}


@media screen and (max-width: 650px) {

.no_mobile { display:none; }

table.block, table.block tbody, table.block tr, table.block td, table.block th {
display: block !important;
padding:0;
margin:4px 0 !important;
white-space: normal !important;
}

table.block tr, table.block td, table.block th { margin: 0 !important; }

table.block tr { margin-bottom: 0 !important; }
table.block td { width:100% !important; padding-left:0 !important; padding-right:0 !important; margin-top: 7px !important; margin-bottom: 7px !important; }
table.block th { text-align: initial; }

table.no_block { display: table !important; }
table.no_block tr { display: table-row !important; }
table.no_block td { display: table-cell !important; }
}

@media screen and (max-width: 400px) {

#content_cell_padding { padding:15px 15px 0 15px; }
#logo_top {
max-width: 280px;
}
#sidebar {
width:300px;
max-width:300px;
display: block;
border:none;
}

body { font-size:1.05em; }
.article_body { font-size: 1.05em; }
.hp_excerpt { font-size: 1.05em; }
.content_preface, .content_preface p ul li td, .content_preface_bullets li, .content_preface_bullets li p {
font-size: 1.05m;
}

img, object, table {
float:none !important;
margin-right:0 !important;
margin-left:0 !important;
padding-right:0 !important;
padding-left:0 !important;
}

}


@media screen and (max-width: 349px) {
#content_cell_padding { padding:15px 10px 0 10px; }
#sidebar { max-width:300px; padding:0px; }
iframe { max-width:100%; }

body { font-size:1.05em; }
.article_body { font-size: 1.05em; }
.hp_excerpt { font-size: 1.05em; }
.content_preface, .content_preface p ul li td, .content_preface_bullets li, .content_preface_bullets li p {
font-size: 1.05m;
}

}

.right_box {
margin:0 0 10px 0; 
border:1px dotted gray;
border-right:none;
border-left:none;
text-align:left;
}

.right_box_heading {
height:24px;
font-family:Arial,sans-serif;
font-size:14px;
color:#2F4251;
padding:7px 0 0 15px;
margin:0 0 10px 0;
background:url(/images/bg_temp.gif);
}

.right_box_inner {
padding:0 17px 5px 15px;
}

.sidelink {
font-family:Arial,sans-serif;
font-size:small;
padding-top:0;
padding-bottom:0;
margin-top:0;
margin-bottom:3px;
color:#2F4251;
list-style-type: square;
}

.sidelink A {
text-decoration: none;
color:#2F4251;
}

.sidelink A:link { color:#2F4251; }
.sidelink A:visited { color:#2F4251; }
.sidelink A:hover { text-decoration: underline; }

.bottomlink {
font-size:11px;
font-family: Arial, sans-serif;
display:inline;
padding:0 7px 0 7px;
margin:0;
border-right:1px solid gray;
}

.graylink A, .graylink A:link, .graylink A:visited {
color:#525252;
text-decoration: none;
}

.graylink A:hover { color: blue; }
.theme_bg { background: black; }
.theme { color: #7B0100; }
.hover_line, .hover_line A, .hover_line A:link, .hover_line A:visited { text-decoration: none; }
.hover_line A:hover { text-decoration: underline; }

.blue_hover A, .blue_hover A:link, .blue_hover A:visited {
color: #0000FF;
text-decoration: none;
}

.blue_hover A:hover { text-decoration: underline; }
tr.c { background-color:#E2E4FF; }

table.c_display th, table.c_display td {
font-family:Arial,sans-serif;
font-size:11px;
}

table.c_display th { font-size:12px; }
table.c_display td.t { font-size:12px; }
td.b { white-space: nowrap; }

.e {
white-space:nowrap;
font-size:11px;
}

.video-wrapper {
position: relative;
padding-bottom: 56.25%; /* 16:9 */
padding-top: 25px;
height: 0;
}
.video-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
