/* 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: 130%;
}

/* 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, .hed2, .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, .body, .hed2, .hed3{
font-size: 84%;
}

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

.text, .textblock, .textrt, .strongtext, .ftrtext, .source, .byline, .bglink, .related, .caption, .hed1, .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: #666;  
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{
line-height: 105%;
margin-top: 4px;
}

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

.hed3{
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: #666;
text-decoration: none;
}

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

/* 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: #666;  
}

.hed2 .label{
font-size: 84%;
color:#888;
}

.wiresm .hed2{
font-weight:normal;
}

.hed2 .time, .content .time{
font-size: 84%;
font-weight:normal;
color:#888;
margin-left: 6px;
}

.text .time{
font-size: 100%;
font-weight:normal;
color:#888;
margin-left: 6px;
}

.redtext{
color: #8F0F00;
}

.alert{
color: #8F0F00;
margin-bottom: -1px;
}

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

.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(/art/ui/topnav_bg.gif);
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{
width: 140px;
}

.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;
}

/* layout styles for utility box */
#ubox {
margin: 0px;
padding: 0px;
border: none;
width: 202px;
font-size: 71%;
text-align: left;
}

div.body #ubox, div.content #ubox {
font-size: 85%;
line-height: 122%;
}

.ubox_cola {
float: left;
width: 101px;
padding: 0px;
margin-bottom: 8px;
}
	
.ubox_colb {
float: right;
width: 101px;
padding: 0px;
margin-bottom: 8px;
}
	
/* layout styles for data tables */
#datatable{
width: 100%;
}

#datatable .shade{
background: #EEE;
font-size: 71%;
}

#datatable .noshade{
background: #FFF;
font-size: 71%;
}

/* layout styles for sports score box */
.scorewin{
font-size: 71%;
color: #900;
background: #DDD;
padding: 0px 2px;
width: 100%;
}

.scorelose{
font-size: 71%;
background: #EEE;
padding: 0px 2px;
width: 100%;
}

html>body .scorewin{
width: auto;
}

html>body .scorelose{
width: auto;
}

.whitetext{
font-size: 71%;
color: #FFF;
}

/* edb package tool */

h2.pkgtool{
font-size:100%;
color:#000;
font-weight:bold;
margin:10px 0px 5px 0px;
text-transform:none;
}

span.pkgregion, span.genre{
color:#555;
}

div.body div.pkgitem{
padding-bottom:7px;line-height:115%;
}

div.pkgdesc{
margin-top:4px;
}

a.pkglink{
font-weight:bold;
}

div.pkgitem span.pkgregion, div.pkgitem span.genre, div.pkgitem span.edb{
font-size:84%;
}
div.inset h2.pkgtool{
margin:0px;
margin-top:-2px;
font-size:71%;
}
div.inset div.pkgitem{
padding-top:5px;
padding-bottom:0px;
}
div.inset div.pkgitem{
font-family: arial, sans-serif;
font-size:71%;
}