/* ------------------------ BASE  styles ----------------------- */
* {
	margin: 0;
	padding: 0;
}

body {
	background: #ccc;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	color: #444;
	text-align: center;
}

#content_container {
	width: 1000px;
	margin: 0 auto;
	background: #FFF url('http://media.jsonline.com/designimages/main_content_bckgrnd_JSO.gif') repeat-y right;
	text-align: left;
}

a {
	color: #264974;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
	color: #444;
}

.title a:hover {
	text-decoration: none;
}

a img {
	border: none;
}

p {
	margin: 0 0 12px 0;
}

.left_float {
	float: left;
}

.right_float {
	float: right;
}

.no_float {
	float: none;
}

.none {
	display: none;
}

.clear {
	clear: both;
}

.center {
	text-align: center;
}

.strong {
	font-weight: bold;
}

.page_header {
	text-align: left;
	font-size: 2.4em;
	color: #264974;
	font-weight: normal;
	font-family: Georgia, "Times New Roman", Times, serif;
	padding: 10px;
	border-top: 1px solid #D7D7D7;
	border-bottom: 1px solid #D7D7D7;
	background-color: #f8f8f8;
	margin: 0 0 15px 0;
}

.page_header a {
	font-size: .8em;
}

.breadcrumb {
	text-align: right;
	float: right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #90301f;
	font-size: .6em;
}

.breadcrumb a {
	text-decoration: underline;
}

.site_title {
	font-size: 3em;
	text-align: center;
}

.sub_headline {
	font-size: 1.2em;
	font-weight: bold;
	margin: 0 0 5px 0;
}

#content_match, #yahooContentMatch {
	margin: 8px 0;
	text-align: center;
}

h1 {
	font-size: 2em;
	color: #444;
	font-weight: normal;
	font-family: serif;
}

h2 {
	font-size: 1.6em;
	color: #444;
	font-weight: normal;
}

h3 {
	font-size: 1.3em;
	color: #444;
	font-weight: normal;
}

h4 {
	font-size: 1em;
	color: #444;
	font-weight: normal;
}

h5 {
	font-size: 1.1em;
	color: #444;
	font-weight: normal;
}

h6 {
	font-size: 1em;
	color: #444;
	font-weight: normal;
}

h4.more
{
font-size:1.4em;
font-weight:bold;
margin-bottom:5px;
margin-top:5px;
color: #444;

}


.contentblock li
{
padding-left: 20px;
background-image: url(http://media.jsonline.com/designimages/chevron_JSO.gif);
background-repeat: no-repeat;
background-position:5px 5px;
margin-top:2px;
}


code, xmp, blockquote {
	font-size: 1.2em;
}

.timestamp, .correction span {
	color: #90301f;
}

.italic {
	font-style: italic;
}

.right_column {
	float: right;
	width: 305px;
	padding: 15px 4px 0px 0px;
}

.left_column {
	width: 660px;
	float: left;
	padding: 15px 15px 15px 15px;
}

.left_column_wide {
	padding: 15px 7px 15px 15px;
}

.title {
	text-align: left;
	font-size: 1.8em;
	color: #444;
	font-weight: normal;
	font-family: Georgia, "Times New Roman", Times, serif;
	padding: 3px 0;
	border-top: 1px solid #D7D7D7;
}

.headline {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #0a3e80;
}

.correction {
	margin-bottom: 10px;
	font-style: italic;
}

.right_column .headline {
	padding: 5px 0;
}

.ad {
	text-align: center;
	margin: 15px 0;
}

.ad a {
	display: block;
}

a.link_right {
	float: right;
}

.sidebar_links_01 {
	margin: 0 0 10px 0;
}

.sidebar_links_01 {
	font-size: 1.2em;
}

.sidebar_links_01 .headline {
	font-size: 1.4em;
	padding: 0 0 10px 0;
}

.chevron_list li {
	margin: 0 0 3px 0;
}

.chevron_list li a {
	margin: 0 0 8px 0;
	padding: 0 0 0 15px;
	background-image: url('http://media.jsonline.com/designimages/chevron_JSO.gif');


 background-repeat:no-repeat;

background-position:
	5px 5px;
}

.dots_list li {
	margin: 0 0 8px 0;
	padding: 0 0 0 15px;
}

.red li {
	background-image: url('http://media.jsonline.com/designimages/red_dot_bckgrnd_JSO.gif');


 background-repeat:no-repeat;

background-position:
	5px 5px;
}

.blue li {
	background-image: url('http://media.jsonline.com/designimages/blue_dot_bckgrnd_JSO.gif');


 background-repeat:no-repeat;

background-position:
	5px 5px;
}

.sidebar_links_02 {
	margin: 0 0 10px 0;
}

.sidebar_links_02 .headline {
	font-size: 1.7em;
	color: #444;
	margin: 0 0 3px 0;
	padding: 0;
}

.sidebar_links_02 .squares_list_grey {
	border: 1px solid #D7D7D7;
	padding: 7px;
}

.squares_list_grey {
	padding: 0 0 4px 0;
}

.squares_list_grey li {
	margin: 0 0 8px 0;
	padding: 0 0 0 15px;
	background-image: url('http://media.jsonline.com/designimages/square_grey_JSO.gif');


 background-repeat:no-repeat;

background-position:
	5px 5px;

font-size:
	1.2em;

font-weight:bold;
}

.sitemap {
	background-color: #f5f5ec;
	padding: 15px;
	width: 970px;
}

.sitemap .link_right {
	font-size: .5em;
	font-weight: bold;
	color: #444;
	vertical-align: middle;
	background: url('http://media.jsonline.com/designimages/back_top_arrow_JSO.gif') no-repeat right center;


 padding: 2px 20px 2px 0;
}

.sitemap ul {
	width: 15%;
	padding-right: .65em;
	margin-right: .95em;
	float: left;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
}

.sitemap h2 {
	font-size: 1.7em;
	font-weight: normal;
	padding-bottom: 2px;
	border-bottom: 1px solid #4076b5;
}

.sitemap .title {
	background: none;
	border: none;
	font-size: 2.5em;
}

.sitemap h2 a:hover {
	text-decoration: none;
}

.sitemap li {
	font-size: 1.2em;
	margin: 6px 0;
	line-height: 1em;
	padding: 0 10px 0 8px;
	text-indent: none;
	text-align: left;
	background-image:none;
}

.sitemap li a {
	background: transparent url('http://media.jsonline.com/designimages/arrow_red_JSO.gif') no-repeat 5px 4px;
	font-size: 0.9em;
	white-space: nowrap;
	margin-right: 4px;
	padding: 0 0 0 15px;

color:

#444;
}

.sitemap li.sitemap_list_header {
	margin: 10px 0 0 0;
	color: #8394aa;
}

.sitemap li.sitemap_list_header a {
	color: #8394aa;
	background: transparent none repeat scroll 0 0;
	font-size: 1.0em;
	font-weight: bold;
	padding: 0 0 0 10px;
}

.footer {
	padding: 20px 0;
	text-align: center;
	font-size: 1.2em;
	background: #fff;
}

.footer p {
	margin: 4px 0;
}

a.button_small {
	background: transparent url('http://media.jsonline.com/designimages/button_small_right_JSO.gif') no-repeat scroll top right; /* Sliding right image */


 display:block;

float:right;

height:
	18px;

padding-right:
	6px;

text-decoration:none;

color:white;

font-family:Verdana, Arial, Helvetica, sans-serif;

font-size:
	11px;

font-weight:bold;
}

a.button_small span {
	background: transparent url('http://media.jsonline.com/designimages/button_small_left_JSO.gif') no-repeat;


 display:block;

line-height:
	10px;

padding:
	3px 0 5px 7px;
}

a.button_small:hover span {
	text-decoration: underline;
	color: white;
}

a.button_large {
	background: transparent url('http://media.jsonline.com/designimages/button_large_right_JSO.gif') no-repeat scroll top right; /* Sliding right image */


 display:block;

float:right;

height:
	26px;

padding:
	0 6px 0 0;

text-decoration:none;

color:white;

font-family:Verdana, Arial, Helvetica, sans-serif;

font-size:
	14px;

font-weight:bold;
}

a.button_large span {
	background: transparent url('http://media.jsonline.com/designimages/button_large_left_JSO.gif') no-repeat;


 display:block;

line-height:
	10px;

padding:
	7px 0 9px 7px;
}

a.button_large:hover span {
	text-decoration: underline;
	color: white;
}

a.white_button {
	background: transparent url('http://media.jsonline.com/designimages/white_button_right_JSO.gif') no-repeat scroll top right; /* Sliding right image */


 display:block;

float:right;

height:
	21px;

padding-right:
	6px;

text-decoration:none;

color:

#264974;

font-family:Verdana, Arial, Helvetica, sans-serif;

font-size:
	11px;

font-weight:bold;

text-transform:none;
}

a.white_button span {
	background: transparent url('http://media.jsonline.com/designimages/white_button_left_JSO.gif') no-repeat;


 display:block;

line-height:
	10px;

padding:
	5px 0 7px 7px;
}

a.white_button:hover span {
	text-decoration: underline;
}

.photo_credit {
	color: #504e3e;
	text-align: right;
	font-weight: normal;
	margin: 0 0 5px 0;
}

.comments a {
	color: #7A7762;
	font-size: 0.7em;
	padding: 2px 0 2px 22px;
	background-image: url('http://media.jsonline.com/designimages/comment_balloon_JSO.gif');


 background-repeat:no-repeat;

background-position:
	5px;

font-family:Verdana, Arial, Helvetica, sans-serif;

height:
	25px;

line-height:
	16px;
}

.comments a.short {
	font-size: 0.8em;
}

.comments a:hover {
	text-decoration: none;
}

.features {
	margin: 0 0 10px 0;
}

.features .headline {
	font-size: 1.7em;
	color: #444;
	margin: 0 0 3px 0;
	padding: 0;
}

.features_content {
	border: 1px solid #D7D7D7;
	padding: 7px;
}

.features_story_left_content {
	float: left;
	margin-right: 7px;
}

.features_story_right_content {
	padding: 0 0 0 10px;
}

.features_story {
	margin: 0 0 10px 0;
}

.features_story p {
	font-size: 1.3em;
}

.features_story p img {
	float: left;
	margin: 0 9px 5px 0;
}

.overline, overlineUpper {
	color: #959595;
	margin: 0px;
}
.overlineUpper {
	color: #959595;
	text-transform: uppercase;
}

.grey_link {
	color: #444;
}

ul, ol {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
}

.story_assets {
	margin: 0 0 0px 0;

}

.story_assets h3 {
	text-transform: none;
	color: #000;
	font-weight: bold;
	margin-top: 0;
	color: #444;
	font-weight: normal;
	text-transform: uppercase;
	font-size: 1em;
	margin-bottom: .5em;
}

.story_assets li, .link_list li {
	font-size: 1.1em;
	line-height: 1.4em;
}

.story_assets a:hover {
	text-decoration: none;
}

.story_assets span, .link_list span {
	text-transform: uppercase;
	margin-right: 2px;
	display: inline;
}

.story_assets li, .link_list li {
	padding-left: 20px;
	margin-bottom: 5px;
}

.story_assets span, .link_list span {
	margin-left: -20px;
	display: inline;
	float: left;
	cursor: text;
	color: #444;
	font-weight: bold;
}

span.asset {
	padding-left: 20px;
	font-size: 1em;
	background: url('http://media.jsonline.com/designimages/iconSprite_JSO.gif') 0 0 no-repeat;
	min-height:15px;
}

span.photos {
	background-position: 0 -5px;
}

span.mobile {
	background-position: 0 -44px;
}

span.pdf {
	background-position: 0 -603px;
}

span.video {
	background-position: 0 -84px;
}

span.audio {
	background-position: 0 -124px;
}

span.comments {
	background-position: 0 -164px;
}

span.user {
	background-position: 0 -204px;
}

span.doc {
	background-position: 0 -244px;
}

span.blog {
	background-position: 0 -284px;
}

span.cal {
	background-position: 0 -324px;
}

span.print {
	background-position: 0 -365px;
}

span.email {
	background-position: 0 -404px;
}

span.subscribe {
	background-position: 0 -445px;
}

span.rss {
	background-position: 0 -484px;
}

span.podcast {
	background-position: 0 -524px;
}

span.packer_insider {
	background-position: 0 -635px;
}
/* end STORY asset type styles */
/* --------------------------------------------------------------------------------------------------
 hack for floated elements in freeforms containers - makes the box expand for fit content in firefox */
.sectional_highlight_footer:after, .white_button:after, .right_float:after, .left_float:after, .sectional_highlight_story:after, .current_forecast:after, .contentblock:after, .left_column:after, .right_column:after, .featured_headlines_story:after, #content_container:after, .clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.sectional_highlight_footer, .white_button, .right_float, .left_float, .sectional_highlight_story, .current_forecast, .contentblock, .left_column, .right_column, .featured_headlines_story, #content_container, .clearfix {
	display: inline-block;		/* Ignored by FF */
}

/* --------------------------------------------------------------------------------------------------
 firefox inline-block fix, IE doesn't recognise the div>span construction */
div>.contentblock {
	display: block; 	 /* Ignored by IE */
}

div>.contentblock>.story_assets {
	display: table; 	 /* Ignored by IE */
}
/* END clearfix hack
 ------------------------------------------------------------------------------------------------- */

.left {
	float: left;
}

.right {
	float: right;
}
/* Generic colors */
.red {
	color: #fe0000;
}

#masthead
{
	clear: both;
}

#jsonline-page-sponsor
{
	width: 1000px;
	clear: both;
}

a.logo {
	display: block;
	margin: 12px 10px 0 10px;
	float: left;
	clear: both;
	text-decoration: none;
}

a.logo img {
margin-bottom:8px;
}

#headshot {
	width: 382px;
	height: 106px;
	float: left;
	margin-top: 5px;
	margin-left: 40px;
	display: inline;
}

#headshot h2 {
	margin-left: 95px;
	margin-top: 15px;
	font: bold 1.8em georgia, serif;
	color: #000;
}

#headshot h2 a {
	color: Black;
}

#headshot h3 {
	margin-left: 95px;
	font: normal 1.4em verdana, sans-serif;
	color: #aab4c1;
	margin-bottom: 5px;
}

#headshot #quote {

	display: inline;
}

#headshot #quote img {

}

#headshot p {

	font: normal 1.2em verdana, sans-serif;
	color: #072d5c;
	margin: 0;
	display: inline;
	max-width: 230px;
	position: relative;
	padding-right: 25px;
}

#headshot #quote img.qr {
	position: relative;
	right: 0;
	bottom: 0;
}

.topRightLinks {
	float: right;
	margin: 9px 0px 0px 0px;
}

.topRightLinks li {
	list-style: none;
	float: left;
}
/* BASE FORM STRUCTURE -===================== */
form {
	margin: 0;
	padding: 0;
}

input {
	margin: 0;
	padding: 0;
}
/* FORM CONTENT STRUCTURE -===================== */
.commonForm {
	font-size: 1.2em;
	margin: 0;
	padding: 0;
}

.grayBG {
	font-size: 1.2em;
	margin: 0;
	padding: 0;
	background: #ebebeb;
}

form.commonForm p {
	clear: left;
	margin: 0;
	padding: 0;
	padding-top: 5px;
}

form.commonForm p label {
	float: left;
	text-align: right;
	width: 25%;
	margin-right: .5em;
}

.input2 {
	padding: 0;
	margin: 0;
	color: #000;
	width: 15em;
	background: #fff;
	border: 1px solid #999;
}

.multiline {
	padding: 0;
	margin: 0;
	width: 70%;
	height: 10em;
	color: #000;
	font-size: 1em;
	line-height: 1.3em;
	background: #fff;
	border: 1px solid #999;
}

.multiwide {
	padding: 0;
	margin: 0;
	width: 100%;
	height: 10em;
	color: #000;
	font-size: 1em;
	line-height: 1.3em;
	background: #fff;
	border: 1px solid #999;
}

.dropdown {
	margin: 0;
	padding: 0;
	font-size: 1em;
	border: 1px #949591 solid;
	background: #fff;
}

.radio {
	padding: 0;
	margin: 0;
	color: #999;
	background: #fff;
	border: 1px solid #999;
}

.smTxt {
	padding: 0;
	margin: 0;
	color: #999;
	font-size: .9em;
}
/* FORM BUTTON CONTENT STRUCTURE -===================== */
.bAlign {
	margin: 1em 0 0 0;
	padding: 0;
	width: 500px;
	float: right;
}

a.btn {
	background: transparent url('http://media.jsonline.com/designimages/buff_button_right_JSO.gif') no-repeat scroll top right; /* Sliding right image */


 display:block;

float:left;

height:
	21px;

padding-right:
	6px;

text-decoration:none;

color:

#264974;

font-family:Verdana, Arial, Helvetica, sans-serif;

font-size:
	11px;

font-weight:bold;

text-transform:none;

margin:
	1em 1em 0 0;
}

a.btn {
	background: transparent url('http://media.jsonline.com/designimages/buff_button_right_JSO.gif') no-repeat scroll top right; /* Sliding right image */


 display:block;

float:right;

height:
	21px;

padding-right:
	6px;

text-decoration:none;

color:

#264974;

font-family:Verdana, Arial, Helvetica, sans-serif;

font-size:
	11px;

font-weight:bold;

text-transform:none;

margin:
	1em 1em 0 0;
}

a.btn span {
	background: transparent url('http://media.jsonline.com/designimages/buff_button_left_JSO.gif') no-repeat;


 display:block;

line-height:
	10px;

padding:
	5px 0 7px 7px;
}

a.btn:hover span {
	text-decoration: underline;
}
/*MODERATED FORUM STYLES 7/7/08 pkirchmeier -==========*/
/* CONTENT STRUCTURE -===================== */
.post_date {
	font-weight: bold;
	font-size: 1em;
}

.rAlign {
	margin: 0 0 0 2.5em;
	padding: 0;
}

.comment {
	margin: 1.5em 0;
	font-size: 1.1em;
}

.author {
	font-weight: bold;
	border-bottom: 1px #ccc solid;
	margin: 0 0 .5em 0;
}

.posted {
	float: right;
	width: 250px;
	text-align: left;
	font-size: .8em;
}
/* FORM STRUCTURE -===================== */
.input1 {
	padding: 1px;
	margin: 1em .3em 0 0;
	color: #000;
	width: 15em;
	font-size: 1.2em;
	background: #fff;
	border: 1px solid #999;
}

.forum {
	font-size: 1.2em;
	margin: 0;
	padding: 0;
}

.iMulti {
	padding: 0 0 1em 0;
	margin: 0 0 1em 0;
	width: 580px;
	height: 10em;
	color: #000;
	font-size: 1em;
	line-height: 1.3em;
	background: #fff;
	border: 1px solid #999;
}

.alignTopLeft {
	text-align: left;
	vertical-align: top;
}
/*start banner ad placement styles */
#masthead .rectangle3by1Ad {
float:right;
margin-top: 7px;
margin-right: 4px;
text-align: right;

/*
	float: right;
	width: 300px;
	height: 100px;
	margin: 7px 5px 5px 0px;
	display: inline;
*/
}

.leaderboardAd {
	float: right;
	width: 728px;
	height: 90px;
	margin: 7px 5px 5px 0px;
	display: inline;
}

.showMe {
	display: block;
}

.hideMe {
	display: none;
}
/* ------------------------- Navigation --------------------------------*/
#navigation .nav
{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	width: 1000px;
	height: 64px;
	font: bold 10px verdana;
	background: transparent url('http://media.jsonline.com/designimages/navBg_JSO.gif') repeat-x 0 0;
	clear: both;
	position: relative;
	z-index: 1;
}

.nav ul
{
	background: #fff; /*IE6 needs this*/
	float: left;
	position: relative;
	width: 1000px;
	background: url('http://media.jsonline.com/designimages/subnav_bg_JSO.gif') repeat-x;
}

.nav li
{
	float: left;
	list-style: none;
	z-index: 999;
	background: transparent url('http://media.jsonline.com/designimages/tabs_JSO.gif') right 0 no-repeat;
}

.nav li.current ul
{
	z-index: 999;
}

.nav li.sfHover ul, ul.nav li:hover ul
{
	z-index: 1000;
}

.nav a
{
	color: #fff;
	display: block;
	float: left;
	padding: 12px 0 0 7px;
	margin-right: 8px;
	display: inline;
	text-decoration: none;
	width: auto;
	background: transparent url('http://media.jsonline.com/designimages/tabs_JSO.gif') left 0 no-repeat;
}

.nav li ul
{
	left: 0;
	top: -999em;
	position: absolute;
}

/* --- links: default --- */
.nav a,
.nav a:focus,
.nav a:hover,
.nav a:active
{
	height: 22px;
	background-color: transparent;
	color: #fff;
}
/*--- li hover (default) --- */
/*--- SUBNAVIGATION (default) --- */
/* 2nd level : links */
/*
 .nav li li a {
 background: url(/images/subDivider_JSO.gif) no-repeat 0 5px !important;
 padding-left: 10px;
 border-top: 2px solid red;
 }
 */
.nav li li,
.nav li li a
{
	background: none;
	padding: 4px;
	margin-right: 0px;
}

.nav li li
{
	display: inline;
	height: 20px !important;
	background: url('http://media.jsonline.com/designimages/subDivider_JSO.gif') no-repeat 0 9px !important;
	padding-right: 0;
	padding-left: 0;
}

/*assigned dynamically*/
.nav li li.firstSubItem
{
	background: none !important;
}

/* 2nd level : default link hover */
.nav li:hover li a
{
	color: #fff;
}

.nav li li:hover a,
.nav li li a:hover
{
	text-decoration: underline;
}

/*--- li current : currently selected item (see html) --- */
/* top level */
.nav li.current,
.nav li.current:hover,
.nav li.current.sfHover,
.nav li.current.sfHover:hover
{
	/*background-position: right -100px;*/
}

.nav li.current a,
.nav li.current:hover a,
.nav li.current.sfHover a,
.nav li.current.sfHover:hover a
{
	/*background-position: left -100px;*/
}

.nav li.current a,
.nav li.current:hover a
{
	color: #fff;
}

/*--- current tab, but not active (class name changed dynamically) --- */
.nav li:hover a.currentOff,
.nav li a.currentOff
{
	/*height: 22px;*/
}

/* hover */
.nav li.current:hover a
{

}

.nav li.current:hover li a
{
	color: #fff;
}

.nav li.current li a
{
	color: #fff;
}

/* 2nd level : inherited current status */
.nav li.current li a,
.nav li.current:hover li a
{
	color: #fff;
	height: auto;
}

/* 2nd level : declared current status */
.nav li li.current a,
.nav li li.current a:hover,
.nav li.current:hover li.current a,
.nav li.current li.current a:hover
{
	color: #000;
}

/* 2nd level - selected (declared) hover */
.nav li.current li:hover a
{
	color: #fff;
}

/* 2nd level - selected (declared) hover */
.nav li li.current:hover a
{
	text-decoration: underline;
}

/*--- li hover (dynamically added to html) --- */
/* top level */
.nav li:hover,
.nav li.sfHover:hover,
.nav li.sfHover
{
	background-position: right -50px;
}

/*.nav li:hover a,*/
.nav li:hover a,
.nav li.sfHover a,
.nav li.sfHover a:focus,
.nav li.sfHover a:hover,
.nav li.sfHover a:active,
.nav li.sfHover:hover a
{
	background-position: left -50px;
}

/* 2nd level : inherited hover status */
.nav li.sfHover li a,
.nav li.sfHover li a:focus,
.nav li.sfHover li a:hover,
.nav li.sfHover li a:active,
.nav li.sfHover:hover li a
{
	color: #fff;
	height: auto;
	background-image: none;
}

.nav li.sfHover li.current a
{
	color: #444;
	background-image: none;
}

/* 2nd level - selected (declared) hover */
.nav li.sfHover li a:hover,
.nav li.sfHover li:hover a
{
	text-decoration: underline;
	background-image: none;
}

.nav li:hover ul, /* pure CSS hover is removed below */
body .nav li.current ul, /* this must be more specific than the .superfish override below */
ul.nav li.sfHover ul,
ul.nav li.sfHover2 ul
{
	top: 34px;
}

.nav li:hover li ul, .nav li.sfHover li ul
{
	top: -999em;
}

.nav li li:hover ul, /* pure CSS hover is removed below */
ul.nav li li.sfHover ul,
ul.nav li li.sfHover2 ul
{
	top: 34px;
}

/*following rule negates pure CSS hovers
 so submenu remains hidden and JS controls
 when and how it appears*/
.superfish li:hover ul,
.superfish li li:hover ul
{
	top: -999em;
}

/* First Tab Variation */
.nav li a.currentOff,
.nav a.currentOff
{
	background-position: left 0px;
}

.nav li:hover a.first,
.nav li.sfHover a.first,
.nav li.sfHover a.first:focus,
.nav li.sfHover a.first:hover,
.nav li.sfHover a.first:active,
.nav li.sfHover:hover a.first
{
	background-position: left -250px;
}

.nav .classNav
{
	background-image: url('http://media.jsonline.com/designimages/tabs_JSO.gif');
	background-position:right -100px;
	float:right;
}

.nav .classNav a
{
	background-image: url('http://media.jsonline.com/designimages/tabs_JSO.gif');
	background-position:left -100px;
	padding-left: 6px;
	margin-right: 6px;
}

/*--- li hover (dynamically added to html) --- */
/* top level */
.nav li.classNav:hover,
.nav li.sfHover2:hover,
.nav li.sfHover2
{
	background-position: right -150px;
}

/*.nav li:hover a,*/
.nav li.classNav:hover a,
.nav li.sfHover2 a,
.nav li.sfHover2 a:focus,
.nav li.sfHover2 a:hover,
.nav li.sfHover2 a:active,
.nav li.sfHover2:hover a
{
	background-position: left -150px;
}

.nav li.classNav a.first,
.nav .classNav a.first
{
	background-position: left -300px !important;
}

.nav li.classNav:hover a.first,
.nav li.sfHover2 a.first,
.nav li.sfHover2 a.first:focus,
.nav li.sfHover2 a.first:hover,
.nav li.sfHover2 a.first:active,
.nav li.sfHover2:hover a.first
{
	background-position: left -350px !important;
}


.nav .classNav ul
{
	background: url('http://media.jsonline.com/designimages/subnavClass_bg_JSO.gif') repeat-x 0 0;
}

.nav li.classNav li, .nav li.classNav li a
{
	background: none;
	padding: 4px;
	margin-right: 0px;
	float: left;
}

/*.nav li:hover a,*/
.nav li.classNav:hover a,
.nav li.sfHover2 a,
.nav li.sfHover2 a:focus,
.nav li.sfHover2 a:hover,
.nav li.sfHover2 a:active,
.nav li.sfHover2:hover a
{
	color: #222;
}

.nav li.classNav ul
{
	float: right;
}

.nav li li.date
{
	color: #43413e;
	background: none !important;
	padding: 8px 4px 4px 4px;
	margin-right: 0px;
	font-weight: bold;
	text-decoration: none;
	font-size: 105%;
}

.nav li li.sitemapAnchor
{
	float: right;
}

span.sitemapAnchor
{
	background-image: url('http://media.jsonline.com/designimages/bottom_arrow_JSO.gif');
	background-position:right;
	background-repeat:no-repeat;
	padding-right: 20px;
	padding-top: 5px;
	padding-bottom:	5px;
}

/*FORM STYLES 7/8/08 pkirchmeier -==========*/
/* BASE FORM STRUCTURE -===================== */
form {
	margin: 0;
	padding: 0;
}

input {
	margin: 0;
	padding: 0;
}
/* FORM CONTENT STRUCTURE -===================== */
.form1 {
	font-size: 1.2em;
	margin: 0;
	padding: 0;
}

.grayBG {
	font-size: 1.2em;
	margin: 0;
	padding: 0;
	background: #ebebeb;
}

form p {
	clear: left;
	margin: 0;
	padding: 0;
	padding-top: 5px;
}

form p label {
	float: left;
	text-align: right;
	width: 25%;
	margin-right: .5em;
}

.input2 {
	padding: 0;
	margin: 0;
	color: #000;
	width: 15em;
	background: #fff;
	border: 1px solid #999;
}

.multiline {
	padding: 0;
	margin: 0;
	width: 70%;
	height: 10em;
	color: #000;
	font-size: 10pt;
	font-family:verdana;
	line-height: 1.3em;
	background: #fff;
	border: 1px solid #999;
}

.multiwide {
	padding: 0;
	margin: 0;
	width: 100%;
	height: 10em;
	color: #000;
	font-size: 1em;
	line-height: 1.3em;
	background: #fff;
	border: 1px solid #999;
}

.dropdown {
	margin: 0;
	padding: 0;
	font-size: 1em;
	border: 1px #949591 solid;
	background: #fff;
}

.radio {
	padding: 0;
	margin: 0;
	color: #999;
	background: #fff;
	border: 1px solid #999;
}

.smTxt {
	padding: 0;
	margin: 0;
	color: #999;
	font-size: .9em;
}
/* FORM BUTTON CONTENT STRUCTURE -===================== */
.bAlign {
	margin: 1em 0 0 0;
	padding: 0;
	width: 500px;
	float: right;
}

a.btn {
	background: transparent url('http://media.jsonline.com/designimages/buff_button_right_JSO.gif') no-repeat scroll top right; /* Sliding right image */
	display:block;
	float:left;
	height: 21px;
	padding-right: 6px;
	text-decoration:none;
	color: #264974;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	text-transform:none;
	margin: 1em 1em 0 0;
}

a.btn span {
	background: transparent url('http://media.jsonline.com/designimages/buff_button_left_JSO.gif') no-repeat;
	display:block;
	line-height: 10px;
	padding: 5px 0 7px 7px;
}

a.btn:hover span {
	text-decoration: underline;
}

.label {
	font-weight: bold;
	margin-bottom: 5px;
	font-size: 0.9em;
}

.label span {
	font-weight: normal;
}
.main_article h3
{
  margin-bottom:12px;
  font-weight:bold;
  font-size:1.3em;
}
