/* BODY */

body{
background-color: #FFF;
margin: 0px 8px 0px 8px;
padding: 0px 0px 0px 0px;
font-family: arial, helvetica, sans-serif;
}


/* CONTAINERS */

p{
margin: 0px 0px 0px 0px;
}

div{
margin: 0px 0px 0px 0px;
text-align: left;
}

.block{
margin: 0px 0px 11px 0px;
}

.body{
margin: 0px 0px 15px 0px;
line-height: normal;
}

/* descendant selectors for display of mattbase and archive stories */
div.body p, div.content p{
margin-bottom: 15px;
}

div.body td div p{
margin-bottom: 0px;
line-height: 90%;
}

div.body td p.credit, div.body td p.caption{
margin-bottom: 0px;
line-height: 125%;
}

div.body td p.credit{
font-size: 77%;
}

div.body p.bglink{
margin: 2px 0px 0px 0px;
font-size: 85%;
line-height: 130%;
}

div.body p.divider{
margin: 7px 0px 7px 0px;
}
/* end descendant selectors */

.vspacing{
margin: 4px 0px 4px 0px;
}

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

.contentblks{
margin: 4px 0px 8px 1px;
}

.footer{
text-align: center;
padding: 3px 0px 3px 0px;
}

.floatlft{
float: left;
margin: 0px 4px 0px 0px;
}

.floatrt{
float: right;
margin: 0px 0px 0px 4px;
}

.rttease{
padding: 4px 4px 4px 4px;
border-bottom: solid #B4B4B4 1px;
}

.inset, .infobox{
width: 192px;
float: right;
border: solid 1px #B0B0B0;
padding: 4px;
margin-left: 8px;
}

div.infobox p{
margin-bottom: 10px;
font-size: 85%;
line-height: 125%;
}

div.inset p{
margin-bottom: 0px;
line-height: 125%;
}


/* FONT FAMILIES AND SIZES */

.related, .strongtext, .byline, .hed3, .hed4, .hed5, .hed6, .hed7, .storyhed, .breakhed, .teasehed, .label, .rtlabel, .redlabel, .redtext, .topnav, .more{
font-weight: bold;
}

p, div, td, .block, .inset{
font-size: 100%;
}

.content, .hed2{
font-size: 84%;
}

.wiresm{
font-size: .85em;
margin-top: 2px;
}

.text, .textblock, .textrt, .strongtext, .ftrtext, .source, .byline, .bglink, .related, .caption, .teasehed, .nav_alt, .nav1, .nav1a, .nav2, .nav2a, .nav3, .nav3a, .nav4, .nav4a, .navcol, .navcola, .navlabel, .nav_alt, .nav_alta, .nav_alt1, .nav_alt1a, .nav_alt2, .nav_alt2a, .toplinks, .label, .redtext, .more, .blocklabel, .note{
font-size: 71%;
}

.credit, .small, .title, .time, .pgtime, .tip, .alert, .nav3label{
font-size: 65%;
}
.rtlabel, .redlabel, .topnav{
font-size: 8.6pt;
}

.rtlabel{
color: #555;  
margin-bottom: -2.2pt;
}

.redlabel{
color: #8F0F00;  
margin-bottom: -2.2pt;
}

span.alert{
font-size: 10px;
}

div.body .credit, div.body .caption{
font-size: 85%;
}


/* HEADLINES */

.hed1{
margin-top: 4px;
}

.hed2{
margin-bottom: 6px;
line-height: 110%;
}

.hed3{
font-size: 84%;
line-height: 110%;
}

.hed4{
font-size: 103%;
line-height: 110%;
}

.hed5, .storyhed{
font-size: 129%;
line-height: 107%;
}

.hed6{
font-size: 147%;
line-height: 105%;
}

.hed7{
font-size: 159%;
line-height: 102%;
}



/* LINKS */

a:link{
color: #037;
text-decoration: none;
}

a:visited{
color: #037;
text-decoration: none;
}

a:hover{
text-decoration: underline;
}

/* class="hed" - shows visited color */

a.hed:visited{
color: #777;
text-decoration: none;
}

a.hed:hover{
; font-size: 16px; font-family: Arial, Helvetica, sans-serif; font-weight: bold}

/* nav links */

.nav1:link, .nav1:visited{
background-color: #DBDBCE;
padding: 0px 2px 1px 3px;
border-top: solid #EFEFEF 1px;
border-bottom: solid #A1A1A1 1px;
border-right: solid #A1A1A1 1px;
border-left: solid #A1A1A1 1px;
color: #444;
font-weight: bold;
text-decoration: none;
display: block;
}

.nav1a:link, .nav1a:visited, .nav_alta:link, .nav_alta:visited, .nav_alt1a:link, .nav_alt1a:visited{
background-color: #037;
padding: 0px 2px 1px 4px;
font-weight: bold;
color: #FFF;
text-decoration: none;
display: block;
}

.nav2:link, .nav2:visited, .nav_alt2:link, .nav_alt2:visited{
background-color: #FFF;
padding: 0px 2px 1px 3px;
margin: 0px 1px 1px 1px;
font-weight: bold;
color: #444;
text-decoration: none;
display: block;
}

.nav2a:link, .nav2a:visited, .nav_alt2a:link, .nav_alt2a:visited, .navcola:link, .navcola:visited{
background-color: #037;
padding: 0px 2px 1px 3px;
font-weight: bold;
color: #FFF;
text-decoration: none;
display: block;
}

.nav3:link, .nav3:visited{
background-color: #FFF;
padding: 0px 2px 1px 9px;
margin: 1px 1px 1px 1px;
color: #444;
text-decoration: none;
display: block;
}

.nav3a:link, .nav3a:visited{
background-color: #037;
padding: 0px 2px 1px 10px;
color: #FFF;
text-decoration: none;
display: block;
}

.nav4:link, .nav4:visited{
background-color: #FFF;
padding: 0px 2px 1px 17px;
margin: 1px 1px 1px 1px;
color: #037;
text-decoration: none;
display: block;
}

.nav4a:link, .nav4a:visited{
background-color: #037;
padding: 0px 2px 1px 17px;
color: #FFF;
text-decoration: none;
display: block;
}

.nav_alt:link, .nav_alt:visited{
background-color: #7A8A9F;
padding: 1px 2px 1px 4px;
font-weight: bold;
color: #FFF;
text-decoration: none;
display: block;
}

.nav_alt1:link, .nav_alt1:visited{
background-color: #CAD1D8;
padding: 0px 2px 1px 3px;
border-top: solid #FFF 1px;
border-bottom: solid #A1A1A1 1px;
border-right: solid #A1A1A1 1px;
border-left: solid #A1A1A1 1px;
color: #444;
font-weight: bold;
text-decoration: none;
display: block;
}

.navcol:link, .navcol:visited{
background-color: #FFF;
padding: 1px 2px 1px 3px;
margin: 0px 1px 0px 1px;
font-weight: bold;
color: #444;
text-decoration: none;
display: block;
}

.navlabel:link, .navlabel:visited, .nav3label{
background-color: #FFF;
padding: 1px 2px 1px 3px;
margin: 0px 1px 0px 1px;
font-weight: normal;
color: #444;
text-decoration: none;
display: block;
}

.nav1:hover, .nav2:hover, .nav3:hover, .nav4:hover, .nav_alt:hover, .nav_alt1:hover, .nav_alt2:hover, .navcol:hover, .navlabel:hover{
background-color: #037;
color: #FFF;
text-decoration: none;
}

.nav3label{
color: #888;
}

/* reversed nav links */

a.navrev:link{
color: #FFF;
text-decoration: none;
}

a.navrev:visited{
color: #FFF;
text-decoration: none;
}

a.navrev:hover{
text-decoration: underline;
}


/* TEXT FORMATTING */

.text{
text-align: left;
}

.textrt{
text-align: right;
}

.textcntr{
text-align: center;
}

.textblock{
margin-bottom: 15px;
}

.time, .pgtime, .credit, .tip, .note{
color: #666;  
}

.label{
color: #555;  
}

.redtext{
color: #8F0F00;
}

.alert{
color: #8F0F00;
}

.bglink, .related{
margin: 2px 0px 0px 0px;
}

.content .time{
font-size: 57%;
padding-left: 4px;
}

.pgtime{
margin: 4px 0px 8px 0px;
}

.credit{
margin: 0px 0px 0px 0px;
text-align: right;
}

.byline{
margin-top: 8px;
}

.note{
margin-bottom: 8px;
}

.more{
margin-top: 6px;
clear: both;
}

.topnav{
height: 17px;
background-image:  url();
text-align: left;
}

.source, .labelhed{
font-style: italic;
}


/* CONTAINER FORMATTING AND LAYOUT STYLES */

.lftnav{
background-color: #BFBFBF;
}

.divider{
margin: 7px 0px 7px 0px;
border-bottom: solid #B4B4B4 1px;
clear: both;
}

/* main table columns */

.main{
width: 750px;
}

.lftcol{
width: 128px;
padding-right: 8px;
text-align: left;
}

.ctrcol{
width: 468px;
padding-right: 8px;
text-align: left;
}

.rtcol{
width: 154px;
padding-top: 4px;
text-align: left;
}

.ctrcolad{
width: 453px;
padding-right: 8px;
text-align: left;
}

.rtcolad{
width: 161px;
padding-top: 4px;
padding-left: 1px;
text-align: left;
}

.ctrcolwide{
width: 622px;
text-align: left;
}

/* right column elements */

.searchbox{
position: relative;
background-color: #DBDBCE;
padding: 5px 5px 5px 5px;
border-top: solid #B0B0B0 1px;
border-bottom: solid #B0B0B0 1px;
border-right: solid #B0B0B0 1px;
border-left: solid #B0B0B0 1px;
margin-bottom: 15px;
}

.rtbox{
position: relative;
border-top: solid #B0B0B0 1px;
border-right: solid #B0B0B0 1px;
border-left: solid #B0B0B0 1px;
margin-bottom: 15px;
}

/* section block label styles */

.shadow{
width: 100%;
border-bottom: solid #444 1px;
border-right: solid #444 1px;
clear: both;
}

.blocklabel{
background-color: #888;
padding: 1px 4px 1px 4px;
color: #444;
text-align: left;
}

/* content cells for dividing using grid */

.lftcell{
width: 140px;
padding-right: 6px;
margin-right: 7px;
}

.ctrcell{
; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; text-align: center}

.dblcell{
width: 291px;
}

.rtcell{
width: 140px;
padding-left: 6px;
margin-left: 7px;
}

.lftcellrule{
width: 140px;
padding-right: 6px;
margin-right: 6px;
border-right: solid #B4B4B4 1px;
}

.rtcellrule{
width: 140px;
padding-left: 6px;
margin-left: 6px;
border-left: solid #B4B4B4 1px;
}

/* layout styles for top/middle content teasers */

#teasebox {
width: 100%;
height: auto;
border: solid 1px #CCC;
margin-top: 8px;
margin-bottom: 8px;
}

#teasebox img {
float: left;
margin-right: 5px;
}

#teasebox .item {
float: left;
padding: 4px 6px;
font-size: 71%;
}

#clear {
clear: both;
}


/* PHOTOS & GRAPHICS */

/* use these in image tag for border style */

.pic{
border: solid #000 1px;
}

.art{
border-width: 0px;
margin: 1px 1px 1px 1px;
}

.ui{
border-width: 0px;
}

.icon{
border-width: 0px;
padding-right:2px;
}

/* story & section images - use in surrounding div tag for alignment and rule style */

.imgrt{
float: right;
margin: 3px 0px 8px 8px;
}

.imgrtrule{
float: right;
margin: 3px 0px 8px 8px;
padding: 0px 0px 0px 8px;
border-left: 1px #B4B4B4 solid;
}

.imglft{
float: left;
margin: 3px 8px 8px 0px;
}

.imglftrule{
float: left;
margin: 3px 8px 8px 0px;
padding: 0px 8px 0px 0px;
border-right: 1px #B4B4B4 solid;
}

.imgctrrule{
margin: 3px 0px 8px 0px;
padding: 0px 0px 8px 0px;
border-bottom: 1px #B4B4B4 solid;
}

.imgctr{
margin: 3px 0px 8px 0px;
}
.body { font-size: 11px;
 } .hed1 { font-size: 16px;
; text-align: left; font-family: Arial, Helvetica, sans-serif; font-weight: bold} .bglink { text-align: center }.whiteHeader {  font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; text-align: center; color: #FFFFFF}
.headerCentered {  font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #000000; text-align: center}