/* Global nav */
@import "globalNav.css";
#gN_Nav * {
	font-family: Arial, Helvetica, sans-serif;
}

#gN_align {
	width: 900px;
}

html.liquid #gN_align {
	width: 100%;
}

html.popup #gN_Nav {
	display: none;
}

* {
	font-family: Verdana, "Lucida Grande", "Bitstream Vera Sans", Helvetica, Arial, sans-serif; /* set the font of all elements to this */
	font-size: 100%; /* reset all fonts to a common size */
	word-wrap: break-word; /* Stop IE from expanding parent container when word is too long (proprietary IE, new in CSS3) */
}

h1, h1 *,
h2, h2 *,
h3, h3 *,
h4, h4 *,
h5, h5 *,
h6, h6 * {
	font-family: Helvetica, Arial, sans-serif;
}


pre, pre *, tt, code, kbd, samp {
	font-family: "Lucida Console", Consolas, Monaco, "Courier New", Courier, monospace; /* Monospace fonts only */
}

html {
	background: #585858 url(main_bg.png) repeat-x left top;
}

body {
	margin: 0;
	padding: 0;
	font-size: 75%; /* sets a base font size of 12px/9pt */
}

html.liquid, html.popup {
	background: white none;
}

.accessibility,
.hide { /* For items such as 'skip to content' links */
	position: absolute;
	top: -1000px;
	width: 10px;
	height: 10px;
	overflow: hidden;
}

.ajaxLoading {
	background: url(wait.gif) no-repeat 100% 0%;
}

input.hint, textarea.hint {
	color: #666;
}

span.help, span.remove {
	float: right;
	text-align: right;
	font-size: 92%;	
	padding-left: 1em;
}

span.help a {
	cursor: help;
}

#imgCounter {
	position: absolute;
	top: -1000px;
	width: 10px;
	height: 10px;
	overflow: hidden;
}

div.clear { /* All-purpose float clearer. Use as a last resort */
	clear: both !important;
	visibility: hidden !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	font-size: 1px !important;
	height: 1px !important;
	width: 1px !important;
	overflow: hidden !important;
}

img {
	-ms-interpolation-mode: bicubic; /* Resample images in IE7 */
}

img.alpha { /* Give PNG image class="alpha" to fix alpha transparency problems in IE 5.5 & 6 */
	behavior: url(/news/style/pngbehavior.htc); 
}

a img {
	border: none;
}

big {
	font-size: 133%;
}

small, sup, sub {
	font-size: 75%;
}

wbr:after {
	content: "\00200B"; /* Emulate the <wbr> (word break) tag in modern browsers that don't support it */
}

#wrapper { 
	text-align: center; /* for IE 5.0 */
}

html.liquid #wrapper,
html.popup #wrapper {
	background: black none;
}

#main {
	position: relative;
	text-align: left; /* for IE 5.0 */
	width: 900px;
	margin: 0 auto;
	background-color: white;
	border-left: 1px solid black;
	border-right: 1px solid black;
	overflow: hidden; /* show white background through page when partially loaded */
}

html.liquid #main,
html.popup #main {
	width: 100% !important;
	border: none;
}

.pagenav {
	word-spacing: 5px;
}

#main a {
	color: #0055CC;
	text-decoration: none;
}
#main a:hover {
	text-decoration: underline;
}

#content a:visited, #footerstories a:visited {
	color: #568;
}
#link a{
       font-size:125%;
}
#globalmessage .standard {
	margin: 1em 20px;
	padding: 0.33em 10px;
	background-color: #FFC;
	border: 1px solid #FFE6B0;
	line-height: 133%;
	zoom: 1;
}

#globalmessage .important {
	margin: 1em 20px;
	padding: 0.33em 10px;
	background-color: #FFC;
	border: 1px solid #FFE6B0;
	line-height: 133%;
	zoom: 1;
}

#globalmessage p {
	margin: 0;
}

#globalmessage2 {
	font-weight: bold;
	margin: 5px 30px;
	position: relative;
	height: 3em;
	background: url(globalmessage_bg.gif) repeat-x left bottom;
}

#globalmessage2 * {
	font-family: Helvetica, Arial, sans-serif;
}

#globalmessage2 h2 { /* 3-word-headline: limit approx 18 characters */
	background-color: #f60;
	color: white;
	font-size: 133%;
	padding: 5px 0;
	margin: 0;
	line-height: 1em;
	width: 10em;
	height: 1em;
	text-align: center;
	position: absolute;
	bottom: 0;
	left: 0;
}

#globalmessage2 h3 { /* title: limit approx 92 characters */
	padding: 0;
	margin: 0;
	vertical-align: middle;
	line-height: normal;
	position: absolute;
	bottom: 6px;
	left: 12.5em;
	right: 0.5em;
	font-size: 115%;
}

#header {
	float: left;
	font-size: 200%;
	width: 405px;
	height: 83px;
	overflow: hidden;
}

#header p {
	margin: 0;
	padding: 0;
}

#nav {
	background: #1E215C url(header_bg.png) repeat-x left top;
}

html.popup #nav {
	display: none;
}

#nav_1st {
	width: 100%;
	overflow: hidden;
	border-bottom: 3px solid #FF6600;
}

#nav_1st ul,
#nav_1st p {
	list-style: none;
	margin: 50px 0 0 0;
	padding: 10px 30px 10px 305px; /* left padding uses approx. width of ABC Logo */
	text-align: right;
	background: url(header_links_bg.png) no-repeat right top;
}

#nav_1st ul li,
#nav_1st p span {
	margin: 0;
	padding: 0 0 0 15px;
	display: inline-block; /* IE only supports inline-block on naturally inline elements (e.g. span, NOT div) */
	white-space: nowrap;
}

#nav_1st a {
	color: white;
	text-decoration: none;
}

#nav_1st a:hover {
	text-decoration: underline;
}

#nav_1st span.active a {
	color: #f60 !important;
	font-weight: bold;
}

#nav_1st p span.separator {
	display: none;
}

#nav_1st span.alt {
	padding: 0;
	margin: 0;
}

#nav_1st span.alt a {
	color: #7E96D3;
}

#nav_2nd {
	background: #F6F6F6 url(nav_2nd_bg.png) repeat-x center bottom;
	font-weight: bold;
	overflow: hidden;
	width: 100%;
}

#nav_2nd ul,
#nav_2nd p {
	list-style: none;
	padding: 0 20px;
	margin: 0;
}

#nav_2nd ul li,
#nav_2nd p span,
#nav_2nd span.alt span {
	margin: 0;
	padding: 8px 10px;
	float: left;
	white-space: nowrap;
}

#nav_2nd ul li.active,
#nav_2nd p span.active {
	background-color: white;
}

#nav_2nd a {
	color: black;
	text-decoration: none;
}

#nav_2nd a:hover {
	text-decoration: underline;
}

#nav_2nd p span.separator {
	background-color: #fff;
	border-right: 1px solid #aaa;
	padding: 0;
	margin: 8px 5px;
	width: 1px;
	overflow: hidden;
}

#nav_2nd span.alt {
	padding: 0;
	_padding-bottom: 8px; /* IE6 bug fix */
}

#nav_2nd span#n-sport.active,
#nav_2nd span#n-weather.active,
#nav_2nd span#n-opinion.active,
#nav_2nd span#n-blogs.active {
	background: #444 url(nav_3rd_bg.png) repeat-x center bottom;
}

#nav_2nd span#n-sport.active a,
#nav_2nd span#n-weather.active a,
#nav_2nd span#n-opinion.active a,
#nav_2nd span#n-blogs.active a {
	color: white;
}

#nav_2nd #preferencesButton {
	float: right;
	margin: 8px 30px 0 0;
}

#preferencesPanel {
	background: #eee url(preferences_bg.png) repeat-x left top;
	border-bottom: 1px solid #ccc;
	padding: 10px 30px;
	line-height: normal;
	font-size: 92%;
}

#preferencesPanel h1 {
	font-size: 150%;
}

#preferencesPanel h2 {
	font-size: 133%;
}

#preferencesPanel table tr td,
#preferencesPanel table tr th {
	padding: 0.1em 0.75em 0.1em 0;
}

#hot_topics {
	background: white url(hot_topics_bg.png) repeat-x left bottom;
	padding: 0.75em 30px;
	line-height: 120%;
}

#hot_topics p {
	margin: 0;
	padding: 0;
}

html.popup #hot_topics {
	display: none;
}

#hot_topics a {
	text-decoration: none;
}

#hot_topics a:hover {
	text-decoration: underline;
}

.tabs {
	width: 100%;
	overflow: hidden;
	background: url(tab_bottom.gif) repeat-x left bottom;
	margin: 0 0 0.8em 0 !important;
	padding: 0 !important;
}

.tabs span {
	float: left;
	margin-top: 0;
	margin-right: 2px;
	white-space: nowrap;
	background: #f1f1f1 url(tab_left.gif) no-repeat left top;
	border-bottom: 1px solid #ccc;
}

.tabs span.active {
	background-color: white;
	border-bottom: 1px solid white;
}

.tabs span a {
	padding: 3px 0.75em;
	float: left;
	display: block;
	color: #0055CC;
	background: url(tab_right.gif) no-repeat right top;
}

.tabs span a:visited {
	color: #0055CC !important;
}

.tabs span.active a {
	color: black !important;
	cursor: default;
}

.tabs span.active a:hover {
	text-decoration: none !important;
}

.tabs2 {
	width: 100%;
	overflow: hidden;
	margin: 0 0 0.8em 0 !important;
	font-size: 88.8%;
	border-top: 2px solid #f60;
	background: url(tab_bottom.gif) repeat-x left bottom;
}

.tabs2 span {
	float: left;
	white-space: nowrap;
	padding-bottom: 2px;
}

.tabs2 span.active {
	padding-bottom: 0;
	border-bottom: 2px solid #f60;
}

.tabs2 span a {
	padding: 5px 0.66em;
	text-align: center;
	color: #0055CC;
	float: left;
	display: block;
}

.tabs2 span a:visited {
	color: #0055CC !important;
}

.tabs2 span.active a {
	color: black !important;
	cursor: default;
}

.tabs2 span.active a:hover {
	text-decoration: none !important;
}

#homepage .headline h1 a:visited, 
#homepage .headline h2 a:visited, 
#homepage .headline h3 a:visited, 
#homepage .headline h4 a:visited, 
#homepage .headline h5 a:visited, 
#homepage .headline h6 a:visited {
	color: #444 !important;
}

#homepage .headline h1, #homepage .headline h1 a,
#homepage .headline h2, #homepage .headline h2 a,
#homepage .headline h3, #homepage .headline h3 a,
#homepage .headline h4, #homepage .headline h4 a,
#homepage .headline h5, #homepage .headline h5 a,
#homepage .headline h6, #homepage .headline h6 a {
	color: black !important;
	border: none !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

#homepage .headline .headline {
	margin: 2em 0;
}


#article h1, #misc h1 {
	font-size: 233.3%;
	margin: 0 0 0.5em 0;
	letter-spacing: -1px;
	line-height: 105%;
}

#misc h1 {
	font-size: 166.6%;
}

#article h2, #misc h2, .profilestories h4 {
	font-size: 133%;
	line-height: 105%;
	margin: 0 0 0.5em 0;
}

#sectionhome h3, #article h3, #misc h3 {
	font-size: 133.3%;
	margin: 0 0 0.5em 0;
}

#article p, #headlines p, #misc p {
	line-height: 150%;
	margin: 0 0 0.8em 0;
}

#article p.first {
	font-weight: bold;
}

p.published {
	font-size: 92%;
	font-weight: bold;
	color: #666 !important;
}

p.genre {
	font-size: 92%;
	font-weight: bold;
}

p.genre a {
	color: black !important;
}

#article p.published, #article p.author {
	padding-right: 315px; /* 285px + 30px gutter */
}

p.published2 {
	font-size: 85%;
	color: #999 !important;
}

#article p.author {
	font-weight: bold;
}

#article ul {
	line-height: 150%;
}

#storyRelatedMedia {
	width: 285px;
	_width: 282px; /* IE 3-pixel jog bug */
	margin: 0 0 15px 0;
}

.columns #storyRelatedMedia {
	width: 100%;
}

#article #storyRelatedMedia, #article .photo, #article .photo150, #article .photo300, .profilephoto {
	margin: 0 0 15px 30px;
	width: 285px;
	float: right;
}

#storyRelatedMedia .photo {
	width: auto;
	float: none;
	margin: 0;
}

a img#storyPhotosImg {
	cursor: url(zoom_in.cur), pointer;
}

#storyPhotosNav {
	font-size: 92%;
	color: #666;
	text-align: center;
	margin-top: -2em !important;
	z-index: 999;
	position: absolute;
	width: 285px;
}

#storyPhotosNavPrev {
	float: left;
	width: 26px;
	height: 16px;
}

#storyPhotosNavNext {
	float: right;
	width: 26px;
	height: 16px;
}

#storyPhotosNavPrev a, #storyPhotosNavNext a {
	display: block;
	width: 26px;
	height: 16px;
}

#storyPhotosCaption {
	padding-top: 0.33em;
}

#storyRelatedMedia, #storyRelatedMedia p, #storyRelatedMedia ul {
	line-height: 125%;
}

#article .photo150 {
	width: 300px;
}

#article .additional {
}

#article .additional .section {
	margin: 3em 0;
	position: relative; /* fixes IE peekaboo bug */
}

#comments {
	margin-bottom: 2em;
	float: left;
	_float: none; /* for IE 5.0 */
	width: 100%;
}

#comments h3 {
	font-family: Verdana, "Lucida Grande", "Bitstream Vera Sans", Helvetica, Arial, sans-serif;
	color: #FF8000;
	font-size: 100%;
	margin: 0;
	padding: 0.8em 0 0.15em 22px;
	background: transparent url(comment.gif) no-repeat 0 90%;
}

#comments h3.panellist {
	color: red;
	background-image: url(comment-panellist.gif);
}

#comments ul {
	border-top: 1px solid #ccc;
	margin: 0.8em 0 0 0;
	padding: 0;
	list-style: none;
	position: relative;
}

#comments ul li {
	border-bottom: 1px solid #ccc;
	margin: 0;
	padding: 0;
	background-color: white;
	position: relative;
}

#comments ul li ul {
	padding: 0 0 0 15px;
	margin: 0;
	border: none;
}

#comments ul li ul li {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	margin: 0 0 -1px 0;
}

#comments p {
	margin: 0.8em 0 0 0;
	border: none;
}

#comments ul li p {
	margin: 0 0 0.8em 0;
	font-size: 92%;
	line-height: 150%;
}

#comments ul li p.date {
	color: #999;
	font-size: 75%;
}

#comments .moderator {
	font-style: italic !important;
}

#comments span {
	margin-right: 1em;
}

#comments ul li.new {
	background: white url(newcomment.png) no-repeat right top;
}

#comments ul li.new h3 {
	color: #ff8000;
	background-image: url(comment-new.gif);
}


#comments ul li.hidden p {
	display: none;
}

#comments ul li.hidden p.date {
	display: block;
}

#article .additional h2, #comments h2 {
	margin: 1em 0 0 0;
	padding: 0 0 0.25em 0;
	border-bottom: 2px solid #FF8000;
}

#sectionhome #headlines .headline {
	margin-top: 1em;
	margin-bottom: 1em;
	border-bottom: 1px dotted #ccc;
	padding-bottom: 0.5em;
}

.profilestories {
	margin-top: 3em;
	margin-bottom: 1em;
	border-bottom: 1px dotted #ccc;
	padding-bottom: 0.5em;
}

.profilestories h3 {
	border-bottom: 2px solid #FF8000;
	margin-bottom: 1em;
}

#sectionhome #headlines .headline p {
	margin: 0.25em 0;
}

#headlines .headline div.photo {
	float: left;
	margin: 0.25em 10px 5px 0;
}

#headlines .headline .fullstory {
	display: none;
}


#headlines h1 {
	font-size: 215%; /* was 250% */
	margin: 0 0 0.25em 0;
	padding: 0 0 0.12em 0;
	letter-spacing: -1px;
	line-height: 105%;
	border-bottom: 2px solid #FF8000;
}

.h1_tools {
	float: right;
	padding-top: 1em;
}

.h1_tools span {
	margin-left: 0.75em;
}

#sectionhome #headlines h1 {
	color: black;
	border-bottom: 2px solid #FF8000;
}

#headlines .headline h3 {
	margin: 0.25em 0;
	font-size: 133%;
	line-height: 105%;
}


#headlines #editorspick {
	border-top: 2px solid #ccc;
	border-bottom: 3px solid #ccc;
	margin: 0 0 2em 0;
	position: relative;
}

#headlines #editorspickTabs {
	width: 100%;
	overflow: hidden;
	height: 26px;
}

#headlines #editorspickTabs a {
	width: 16px;
	height: 16px;
	margin-right: 4px;
	background: #ccc url(btn_editorspick_off_16x16.png) no-repeat left top;
	font-size: 1%;
	text-indent: -2000px;
	line-height: 100%;
	outline: none;
}

#headlines #editorspickTabs a.active, #headlines #editorspick #editorspickTabs a.active:hover {
	background: #FF8000 url(btn_editorspick_on_16x16.png) no-repeat left top;
}

#headlines #editorspickTabs * {
	display: block;
	float: left;
}

#headlines #editorspickTimer {
	background: transparent url(btn_editorspick_progress_60x16.png) no-repeat left top;
	width: 60px;
	height: 16px;
}

#headlines #editorspickTimer img {
	display: inline;
	float: left;
	margin: 6px 0 0 5px;
}

#headlines #editorspick .dynamic {
	margin-bottom: 170px;
}

#headlines #editorspick .headline {
	width: 100%;
	overflow: hidden;
	margin: 10px 0;
	height: 133px;
	background-color: white;
	border-bottom: none;
	padding: 0;
}

#headlines #editorspick .dynamic .headline {
	position: absolute;
}

#headlines #editorspick .headline h3 {
	margin: 0.25em 0;
	font-size: 180%;
	line-height: 105%;
}

#headlines #editorspick .headline .photo {
	float: right;
	margin: 0 0 0 15px;
}

#footer {
	background: black url(footer_bg.png) repeat-x left top;
	color: #CCC;
	width: 100%;
	padding: 30px 0;
	overflow: hidden;
	line-height: 133%;
	clear: both;
}

html.popup #footer {
	display: none;
}

#footer #sitemap {
	margin-left: 30px;
	display: inline; /* for IE double margin float bug */
	float: left;
}

#footer #sitemap h2 {
	font-size: 135%;
	margin: 0 0 0.5em 0;
}

#footer #sitemap h3 {
	margin: 1em 0 0.5em 0;
}

#footer #sitemap .group {
	float: left;
	width: 115px;
	margin-right: 15px;
}

#footer #fineprint {
	display: inline; /* for IE double margin float bug */
	float: right;
	text-align: right;
	width: 200px;
	margin: 0 30px 0 0;
}

#footer #fineprint a {
	margin-left: 1em;
	white-space: nowrap;
}

#footer ul {
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 92%;
}

#footer a {
	color: #458BD1;
	text-decoration: none;
}

#footer a:hover {
	text-decoration: underline;
}

#content {
	position: relative;
	clear: both;
	zoom: 1; /* trigger haslayout in IE */
}

#misc {
	padding: 15px 30px;
}

#story, #sectionhome, #homepage {
	padding: 0 270px 0 30px;
}
#story #article, #sectionhome #headlines, #homepage #headlines {
	width: 100%;
	position: relative;
	float: left;
	padding: 15px 0;
}

#sectionhome #headlines .section, #homepage #headlines {
	margin-bottom: 2em;
}

* html #story, 
* html #sectionhome, 
* html #playlist, 
* html #homepage {
	height: 1px; /* fixes IE guillotine bug */
}

#story #tools, #sectionhome #tools, #homepage #tools {
	display: inline; /* fixes IE double margin float bug */
	float: left;
	width: 270px;
	margin-right: -270px;
	position: relative;
	padding: 15px 0;
	line-height: 125%;
}

#tools p {
	margin: 0 0 0.8em 0;
}

#tools .section {
	position: relative; /* fixes IE peekaboo bug */
	margin: 0 30px 1em 30px;
	padding: 7px 5px 4px 5px;
	background: #e5e5e5 url(tools_bg.gif) repeat-x 0 0;
}

#tools .section .section {
	margin: 0;
	background: #e5e5e5 url(tools2_bg.gif) repeat-x 0 0;
	padding: 7px 5px 0 5px;
	margin: 0.5em -5px;
}

#tools .section h2,
#tools .section h3 {
	line-height: 105%;
	margin: 0 0 0.5em 0;
	padding: 0 0 0.12em 0;
	text-transform: uppercase;
	color: #D24F00;
	font-family: Verdana, "Lucida Grande", "Bitstream Vera Sans", Helvetica, Arial, sans-serif; /* set the font of all elements to this */
	font-size: 100%;
}

#tools .section h3 {
	text-transform: none;
	font-size: 92%;
}

#tools .section h2 *,
#tools .section h3 * {
	color: #D24F00;
}

#tools .section .chooser {
	margin: 0;
}


#tools .section .tabs {
	width: 200px;
	overflow: hidden;
	background: url(tools_tab_bottom.gif) repeat-x left bottom;
	margin: 0 -5px 0.8em -5px !important;
	padding: 0 5px !important;
}

#tools .section .tabs span {
	float: left;
	margin-top: 0;
	margin-right: 2px;
	white-space: nowrap;
	background: #e5e5e5 url(tools_tab_left.gif) no-repeat left top;
	border-bottom: 1px solid #BABBBE;
}

#tools .section .tabs span.active {
	background-color: #f5f5f5;
	border-bottom: 1px solid #f1f1f2;
}

#tools .section .tabs span a {
	padding: 3px 0.75em;
	float: left;
	display: block;
	color: #0055CC;
	background: url(tools_tab_right.gif) no-repeat right top;
}

#tools .section .tabs span.active a {
	color: black !important;
	cursor: default;
}

#tools .section .tabs span.active a:hover {
	text-decoration: none !important;
}

#tools .section .ajaxLoading {
	background: url(tools_wait.gif) no-repeat 100% 0%;
}

#tools .section.simple {
	padding: 0;
	background: transparent none;
	border: none;
}

#tools .section.search {
	margin: 0 30px 1em 30px;
	padding: 0;
	background: transparent none;
	border-top: none;
	width: 210px;
	height: 2em;
	overflow: hidden;
	position: relative;
}

#tools .section.search h2 {
	display: none;
}

#tools .section.search form {
	margin-bottom: 1em;
}

#tools .section.search input.text {
	width: 130px;
	vertical-align: middle;
	float: left;
	padding: 2px 1px;
	margin: 0;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

#tools .section.search button {
	width: 70px;
	vertical-align: middle;
	position: absolute;
	margin: 0;
	top: 0;
	right: 0;
	border-width: 1px;
	padding: 1px;
}

#tools .section.promo p {
	font-size: 92%;
	line-height: normal;
	margin: 0;
}

#tools .section.promo h2,
#tools .section.promo h3 {
	margin: 0 0 0.25em 0;
}

#tools .section.promo h2,
#tools .section.promo h2 *,
#tools .section.promo h3,
#tools .section.promo h3 * {
	line-height: 105%;
	font-family: Verdana, "Lucida Grande", "Bitstream Vera Sans", Helvetica, Arial, sans-serif; /* set the font of all elements to this */
}

#relatedstories .error {
	display: none;
}

#tools ul, #homepage ul, .additional ul, #footerstories ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

#tools ul li, #homepage ul li, .additional ul li, #footerstories ul li {
	padding: 0;
	margin: 0.6em 0;
}

#tools ul li p, #tools ul li h3, #homepage ul li p, #homepage ul li h3 {
	margin: 0 0 0.5em 0;
}

#playlist #sources {
	display: inline; /* fixes IE double margin float bug */
	float: left;
	width: 224px;
	border-right: 1px solid #ccc;
	margin: 0 -225px 0 0;
	padding: 0;
	background-color: #e4e4e4;
}

#playlist #clips {
	margin: 0 0 30px 225px;
	padding: 0 30px;
	display: inline; /* fixes IE double margin float bug */
	float: left;
}

#playlist #sources .section h2 {
	padding: 0.5em 30px;
	margin: 0;
	background-color: #eee;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #ddd;
}

#playlist #sources .section ul {
	list-style: none;
	padding: 0;
	margin: 0;
	background-color: #eee;
}

#playlist #sources .section ul li {
	padding: 0.5em 4.5em 0.5em 30px;
	margin-bottom: 1px;
	background-color: #e4e4e4;
}

#playlist #sources .section a {
	text-decoration: none;
}

#playlist #sources .section a .duration {
	position: absolute;
	width: 204px;
	left: 0;
	margin-left: 10px;
	text-align: right;
	font-size: 80%;
	color: #999;
}

#playlist #sources .section ul li img, #playlist #sources .section h2 img {
	position: absolute;
	height: 16px;
	width: 16px;
	overflow: hidden;
	border: none;
	margin-left: 10px;
	left: 0;
}

#playlist #sources h1 {
	background: #1A1C56 url(bg_video_sources.png) repeat-x 50% 50%;
	padding: 0;
	margin: 0;
	color: white;
	padding: 0.5em 30px;
	font-size: 133%;
	line-height: 105%;
}

#playlist #sources form {
	padding: 0 10px;
	line-height: 150%;
}

#playlist #sources form input.text {
	width: 170px;
}

#playlist #sources form img {
	width: 16px;
	height: 16px;
}

#playlist #clips p {
	margin: 0 0 0.8em 0;
}

#playlist #clips table {
	width: 100%;
	border-collapse: collapse;
	border: 1px solid #ddd;
	text-align: center;
	vertical-align: top;
	margin: 0.8em 0;
}

#playlist #clips table tr th, #playlist #clips table tr td {
	margin: 0;
	padding: 0.5em 8px;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
}

#playlist #clips table input.checkbox {
	margin: 0;
	padding: 0;
	height: 1.2em;
	width: 1.2em;
}

#playlist #clips table tr.r0 {
	background-color: #eee;
}

#playlist #clips table tr.r1 {
	background-color: white;
}

#playlist #clips table tr th {
	background-color: #ddd;
}

#playlist #clips table small {
	color: #666;
}

#playlist #clips table h3 {
	margin: 0 0 0.33em 0;
	padding: 0;
}

#playlist #clips h1 {
	font-size: 133%;
	line-height: 105%;
	margin: 0 0 0.5em 0;
}


#playlist #clips #clipfeature {
	background: #ddd url(bg_feature.png) repeat-x 50% 50%;
	margin: 0 -30px 30px -30px;
	overflow: hidden;
	width: 100%;
	padding: 10px 30px;
}

#playlist #clips #clipfeature .search {
	width: 46%;
	display: inline; /* fixes IE double margin float bug */
	float: left;
}

#playlist #clips #clipfeature .feature {
	width: 46%;
	display: inline; /* fixes IE double margin float bug */
	float: right;
}

#playlist #clips #clipfeature p, #playlist #clips #clipfeature h2 {
	margin: 0 0 0.5em 0;
}

#playlist #clips #clipfeature .section img {
	float: left;
	margin: 0 10px 0 0;
}

#playlist #clips .togglethumbnails {
	float: right;
}

#videoplayer {
	background-color: black;
	color: white;
}

#videoplayer p {
	padding: 1em 30px;
	margin: 0;
}

#videoplayer a {
	color: #7E96D3;
}

.lb_left_add_green,
.lb_left_add_blue,
.lb_left_remove_green,
.lb_left_remove_blue,
.lb_right_add_green,
.lb_right_add_blue,
.lb_right_remove_green,
.lb_right_remove_blue {
	position: absolute !important;
	width: 16px !important;
	height: 16px !important;
	overflow: hidden !important;
	background-image: url(linkbuttons.png) !important;
	background-repeat: no-repeat !important;
	padding: 0 !important;
	margin: 0 !important;
}

.lb_left_add_blue,
.lb_right_add_blue {
	background-position: 0px 0px !important;
}

.lb_left_add_green,
.lb_right_add_green {
	background-position: -16px 0px !important;
}

.lb_left_remove_blue,
.lb_right_remove_blue {
	background-position: 0px -16px !important;
}

.lb_left_remove_green,
.lb_right_remove_green {
	background-position: -16px -16px !important;
}

.lb_left_add_green,
.lb_left_add_blue,
.lb_left_remove_green,
.lb_left_remove_blue {
	margin-left: -16px !important;
}

p .lb_right_add_green,
p .lb_right_add_blue,
p .lb_right_remove_green,
p .lb_right_remove_blue {
	margin-left: -2px !important;
}

.tags {
	font-size: 85%;
	word-spacing: 5px;
}

.tags strong {
	word-spacing: normal;
	margin-right: 5px;
}

.tags a, a.tags, a.tag, #watchlist ul li a, #hot_topics a {
	color: #5F8C00 !important;
	font-size: 100%;
	word-spacing: normal;
	white-space: nowrap;
	_white-space: normal; /* for IE */
	_display: inline-block; /* would've used white-space:nowrap, but it can crash IE */
}

#tools #watchlist ul li a, .columns a.tag, .columns .tags a {
	white-space: normal;
}

.s1, .s2, .s3, .s4, .s5, .s6, .s7, .s8, .s9, .s10, .s11 {
	line-height: 120%;
} 

.s1 {
	font-size: 100% !important;
}
.s2 {
	font-size: 140% !important; 
}
.s3 {
	font-size: 180% !important; 
}
.s4 {
	font-size: 200% !important; 
}
.s5 { 
	font-size: 220% !important; 
}
.s6 { 
	font-size: 240% !important; 
}
.s7 { 
	font-size: 260% !important; 
}
.s8 { 
	font-size: 270% !important; 
}
.s9 { 
	font-size: 280% !important; 
}
.s10 { 
	font-size: 290% !important; 
}
.s11 { 
	font-size: 300% !important; 
}

#watchlist ul li {
	line-height: 120%;
	margin: 0.4em 0;
}

a.feed {
	margin: 0;
	padding: 0 0 0 20px;
	background: transparent url(feed.png) no-repeat left top;
}

a.more {
	font-size: 92%;
	font-weight: bold;
}

.headlinesummary {
	border-bottom: 1px solid #ccc;
	padding: 0 0 0.5em 0;
	margin: 0 0 1em 0;
}

.headlinesummary span {
	margin-right: 1em;
}

.headlinesummary p {
	margin: 0 !important;
}

.columns {
	clear: both;
	float: left;
	width: 100%;
	overflow: hidden;
}

/* 2 column layout with liquid width and 30px gutter */

.column2a, .column2b {
	width: 49.95%;
	float: left;
	overflow: hidden;
}

.column2a {
	clear: both;
}

.column2a .section {
	margin: 0 15px 2em 0;
}

.column2b .section {
	margin: 0 0 2em 15px;
}

.column2a .section .section,
.column2b .section .section {
	margin: 0;
}

#homepage .column2a .section .section,
#homepage .column2b .section .section {
	border-bottom: 1px solid #ccc;
	margin-bottom: 1em;
	padding-bottom: 0.5em;
}

#homepage .column2a .section .section h3,
#homepage .column2b .section .section h3 {
	background-color: #ddd;
	padding: 2px !important;
}

#homepage .column2a .section .section span.help,
#homepage .column2b .section .section span.help,
#homepage .column2a .section .section span.remove,
#homepage .column2b .section .section span.remove {
	margin-right: 2px;
}

/* 3 column layout with liquid width and 30px gutters */

.column3a, .column3b, .column3c {
	width: 33.25%;
	float: left;
}

.column3a {
	clear: both;
}

.column3a .section {
	margin: 0 20px 2em 0;
}

.column3b .section {
	margin: 0 10px 2em 10px;
}

.column3c .section {
	margin: 0 0 2em 20px;
}

.column3a .section .section,
.column3b .section .section,
.column3c .section .section {
	margin: 0;
}

#homepage .column3a .section .section,
#homepage .column3b .section .section,
#homepage .column3c .section .section {
	border-bottom: 1px solid #ccc;
	margin-bottom: 1em;
	padding-bottom: 0.5em;
}

/* 4 column layout with liquid width and 30px gutters */

.column4a, .column4b, .column4c, .column4d {
	width: 24.9%;
	float: left;
}

.column4a {
	clear: both;
}

.column4a .section {
	margin: 0 23px 2em 0;
}

.column4b .section {
	margin: 0 10px 2em 16px;
}

.column4c .section {
	margin: 0 9px 2em 14px;
}

.column4d .section {
	margin: 0 2px 2em 21px;
}

.column4a .section .section,
.column4b .section .section,
.column4c .section .section,
.column4d .section .section {
	margin: 0;
}

/* 5 column layout with liquid width and 30px gutters */

.column5a, .column5b, .column5c, .column5d, .column5e {
	width: 19.9%;
	float: left;
}

.column5a {
	clear: both;
}

.column5a .section {
	margin: 0 24px 2em 0;
}

.column5b .section {
	margin: 0 18px 2em 6px;
}

.column5c .section {
	margin: 0 12px 2em 12px;
}

.column5d .section {
	margin: 0 6px 2em 18px;
}

.column5e .section {
	margin: 0 0 2em 24px;
}

.column5a .section .section,
.column5b .section .section,
.column5c .section .section,
.column5d .section .section,
.column5e .section .section {
	margin: 0;
}

h2.highlightscrollerheading {
	border: none !important;
	margin: 0 !important;
	padding: 1px 8px 0.33em 8px !important;
	font-size: 115% !important;
	background: white url(btn_editorspick_bg.png) repeat-x scroll left bottom !important;
	clear: both;
}

#homepage #headlines, #homepage #headlines p {
	line-height: 125%;
}

#homepage #headlines ul li, #tools ul li, #footerstories ul li {
	padding: 0 0 0 10px;
	background: url(bullet.gif) no-repeat 0 0.6em;
}

#homepage #headlines ul li.larger {
	border-bottom: 1px dotted #ccc;
	margin: 0.8em 0 0 0;
	padding: 0 0 0.8em 0;
	background-image: none;
	clear: both;
	width: 100%;
	overflow: hidden;
}

#homepage #headlines ul li.larger h2 {
	margin: 0 0 0.15em 0;
	position: static; /* IE6 bug fix when used inside container with overflow:scroll|hidden */
}

#homepage #headlines ul li.larger h2,
#homepage #headlines ul li.larger h2 * {
	font-family: Verdana, "Lucida Grande", "Bitstream Vera Sans", Helvetica, Arial, sans-serif;
	font-size: 100%;
}

#homepage #headlines ul li.larger h2 img {
	float: left;
	clear: left;
	margin: 0 8px 0 0;
}

#homepage #headlines ul li.larger span.media {
	font-size: 5px;
}

#homepage #headlines ul li.larger span.media img {
	float: none;
	clear: none;
}

#homepage #headlines ul li.larger p {
	font-size: 92%;
	line-height: normal;
	margin: 0;
}

#homepage #headlines h1 {
	margin: 0 0 0.25em 0;
}

#homepage #headlines h2, #sectionhome #headlines h2 {
	font-size: 133%;
	line-height: 105%;
	margin: 0 0 0.5em 0;
	padding: 0 0 0.12em 0;
	border-bottom: 2px solid #FF8000;
	_position: relative; /* fixes IE peekaboo bug */
}

#homepage #headlines h3 {
	font-size: 115%;
	line-height: 105%;
	margin: 0 0 0.5em 0;
	padding: 0 0 0.12em 0;
}

.photo285 {
	margin: 0 0 0.5em 30px;
	width: 285px;
	float: right;
}

.caption {
	font-size: 83.3%;
	color: #666 !important;
}

.caption a {
	color: #666 !important;
}

#homepage .photofullwidth {
	margin: 0 0 0.5em 0;
}

table {
	border-collapse: collapse;
	margin: 0 0 0.8em 0;
	text-align: left;
}

table tr td,
table tr th {
	padding: 0 0.8em 0.5em 0;
	vertical-align: top;
	margin: 0;
}

.commentform {
	width: 100%; /* needed by IE5 */
}

.commentform table {
	width: 100%;
}

.commentform table tr th {
	width: 0%;
	white-space: nowrap;
	padding: 0 1.5em 1em 0;
}

.commentform table tr td {
	width: 100%;
	padding: 0 1.5em 1em 0;
}

.commentform input.text {
	width: 97%;
}

.commentform textarea {
	width: 97%;
}

#subheader {
	background-color: black;
	color: white;
	position: relative;
	margin: 0;
	padding: 0.66em 0;
	border-bottom: 2px solid #f60;
	width: 100%;
	overflow: hidden;
}

#subheader *, #subheader a {
	color: white;
}

#subheader h1 {
	color: white;
	width: auto;
	padding: 0 30px;
	margin: 0;
	font-size: 200%;
	letter-spacing: -1px;
	float: left;
}

#subheader p {
	margin: 0;
	padding: 0.9em 30px 0 0;
	color: #ccc;
}

#nav_3rd {
	background: #444 url(nav_3rd_bg.png) repeat-x center bottom;
	overflow: hidden;
	width: 100%;
}

#nav_3rd ul,
#nav_3rd p {
	list-style: none;
	padding: 0 20px;
	margin: 0;
}

#nav_3rd ul li,
#nav_3rd p span {
	margin: 0;
	padding: 8px 10px;
	float: left;
	white-space: nowrap;
}

#nav_3rd ul li.active,
#nav_3rd p span.active {
	background-color: #414141;
}

#nav_3rd a {
	color: white;
	text-decoration: none;
}

#nav_3rd a:hover {
	text-decoration: underline;
}

#nav_3rd p span.separator {
	background-color: #fff;
	border-right: 1px solid #aaa;
	padding: 0;
	margin: 8px 5px;
	width: 1px;
	overflow: hidden;
}

#nav_3rd span.alt {
	padding: 0;
	margin: 0;
}

#nav_3rd span.alt span.active {
	background-color: #393939;
}

#nav_3rd span.alt span.active a {
	color: white;
}

form {
	padding: 0;
	margin: 0;
}

.thumbnailscroller .columns .section {
	margin-top: 0.66em !important;
	margin-bottom: 0.66em !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	display: block;
	text-align: center;
	height: 60px !important;
	overflow: hidden;
}

.highlightscroller, .thumbnailscroller {
	zoom: 1; /* trigger haslayout in IE */
	clear: both;
	border-top: 2px solid #ccc;
	width: 100%;
	overflow: hidden;
	margin: 0 !important;
}

.ajaxRendering .highlightscroller,
.ajaxRendering .thumbnailscroller {
	height: 60px;
	overflow: hidden;
	padding: 0 0 0.66em 0;
}

#homepage #headlines .section.panel .highlightscroller, 
.tabcontent .highlightscroller, 
.tabcontent .thumbnailscroller {
	border-top: none;
}

#homepage #headlines .section.panel .highlightscroller .section,
.tabcontent .thumbnailscroller .section,
.tabcontent .highlightscroller .section {
	margin-top: 0 !important;
}

.highlightscroller .section {
	border: none !important;
}

.highlightscroller .headline {
	clear: both;
	width: 100%;
	overflow: hidden;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	_padding-bottom: 0.66em !important; /* IE6 bug fix */
	margin-top: 0.66em !important;
	margin-bottom: 0.66em !important;
}

.highlightscroller .columns .section{
	width: auto;
	clear: none;
}

.highlightscroller .headline h2 {
	border: none !important;
	margin: 0 !important;
	padding: 0 0 0 87px !important;
	font-size: 92% !important;
	line-height: normal !important;
}

.highlightscroller .headline h2 * {
	color: black !important;
	font-family: Verdana !important;
}

.highlightscroller .headline p {
	font-size: 92%;
	margin: 0 !important;
	padding: 0 0 0 87px;
	line-height: normal !important;
}

.highlightscroller .headline p img {
	margin-top: 0.33em;
}

.highlightscroller img {
	float: left;
}

.highlightscrollercontrols {
	clear: both;
	border-top: 1px solid #ccc;
	border-bottom: 2px solid #ccc;
	margin-bottom: 2em;
	padding: 4px;
	text-align: center;
	vertical-align: middle;
	background: #E8E8E8 url(btn_editorspick_bg.png) repeat-x left top;
}

.tabcontent .highlightscrollercontrols {
	margin-bottom: 1em;
}

#homepage #headlines .section.panel .highlightscrollercontrols {
	margin-bottom: 0;
}

.highlightscrollercontrols a {
	background: transparent url(btn_editorspick_off_16x16.png) no-repeat left top;
	outline: none;
	font-size: 16px;
}

.highlightscrollercontrols a.active, .highlightscrollercontrols a.active:hover {
	background: transparent url(btn_editorspick_on_16x16.png) no-repeat left top;
}

.highlightscrollercontrols a.prev {
	background: transparent url(btn_editorspick_prev_26x16.png) no-repeat left top;
}

.highlightscrollercontrols a.next {
	background: transparent url(btn_editorspick_next_26x16.png) no-repeat left top;
}

.highlightscrollercontrols a img {
	margin: 0;
	padding: 0;
	border: none;
	vertical-align: middle;
}

ul.accordion {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.accordion li, ul.separated li, #storyRelatedMedia .related ul li {
	background: transparent none !important;
	padding: 0 !important;
}
ul.accordion li a strong, h2.accordion a strong, h3.accordion a strong, #storyRelatedMedia ul li a strong {
	color: black;
}

#storyRelatedMedia .related ul li.expandable a,
a.expandable,
ul.accordion li a {
	display: block;
	padding: 0 20px 0 0;
	background: url(expandable_closed.gif) no-repeat right top;
}

#storyRelatedMedia .related ul li.expandable a:hover,
a.expandable:hover,
ul.accordion li a:hover {
	display: block;
	padding: 0 20px 0 0;
	background: url(expandable_closed_hover.gif) no-repeat right top;
}

#storyRelatedMedia .related ul li.expandable a.active,
a.active.expandable,
ul.accordion li a.active {
	background: url(expandable_open.gif) no-repeat right top;
}

ul.separated, #storyRelatedMedia .related ul,
ul.accordion  {
	list-style: none;
	margin: 0;
	padding: 0;
}

#article ul.separated, #storyRelatedMedia .related ul,
ul.accordion  {
	border-top: 1px dotted #ccc !important;
}

ul.separated li, #storyRelatedMedia .related ul li,
ul.accordion li  {
	zoom: 1;
	margin: 0 !important;
	padding-top: 0.5em !important;
	padding-bottom: 0.5em !important;
	border-bottom: 1px dotted #ccc !important;
	width: 100%;
	overflow: hidden;
}

ul.separated li ul {
	font-size: 92%;
	line-height: normal !important;
}

ul.separated li ul li {
	padding-top: 0.33em !important;
	padding-bottom: 0 !important;
	border-bottom: none !important;
}

table.businessdata {
	width: 100%;
}

table.businessdata tr td, table.businessdata tr th {
	padding: 0 0.5em 0.1em 0.1em;
}

#inpageplayer, #article #storyRelatedMedia #inpageplayer, #storyRelatedMedia iframe {
	margin: 0.5em 0 0 0;
	display: block;
}

#inpageplayer p {
	text-align: right;
}

#inpageplayer a {
	display: inline !important;
	margin: 0 !important;
	padding: 0 !important;
	background: transparent none !important;
}

#inpageplayer.galleryplayer {
	margin: 0;
}

#article #inpageplayer {
	margin: 0 0 1em 0;
}

#newsradio-widget {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	float: right;
	height: 24px;
	width: 43.25em;
	overflow: hidden;
	background: url(newsradio_widget.png) no-repeat left top;
	color: white;
	white-space: nowrap;
	line-height: 20px;
	font-size: 92%;
	text-align: center;
}
#newsradio-widget * {
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	color: white !important;
}
#newsradio-widget-title {
	display: block;
	float: left;
	width: 8em;
	padding: 0 0.4em 0 1.6em;
	background: url(newsradio_widget_nowplaying_left.png) no-repeat right top;
	height: 22px;
	overflow: hidden;
	text-align: center;
}
#newsradio-widget-nowplaying {
	display: block;
	float: left;
	padding: 0;
	width: 22em;
	height: 22px;
	overflow: hidden;
	background: url(newsradio_widget_nowplaying_bg.png) repeat-x left top;
	color: white;
	white-space: nowrap;
}
#newsradio-widget-listen {
	display: block;
	float: left;
	width: 10em;
	padding: 0 0.4em 0 0.6em;
	height: 22px;
	overflow: hidden;
	text-align: center;
	background: url(newsradio_widget_nowplaying_right.png) no-repeat left top;
}
p.modifyplaylist {
	clear: both;
	font-weight: bold;
	font-size: 92%;
}
p.modifyplaylist * {
	vertical-align: middle;
}
.calendar-month {
	display: inline; /* fixes IE double margin float bug */
	float: left;
	width: 15.25em;
	height: 15.25em;
	margin: 0 1.25em 1.25em 0;
	border: 1px solid #ccc;
}
.calendar-month table {
	height: 100%;
	width: 100%;
}
.calendar-month table tr th {
	text-align: center;
	background-color: #eee;
}
.calendar-month table tr td {
	text-align: right;
}
.calendar-month table tr th,
.calendar-month table tr td {
	padding: 0 0.5em 0 0.3em;
	vertical-align: middle;
}
.chooser {
	background-color: #eee;
	border: 1px solid #ccc;
	padding: 0.5em 1em;
	margin: 0 0 15px 0;
	font-size: 92%;
}
.chooser p {
	margin: 0 !important;
}
.chooser p, .chooser table, .chooser table tr td, .chooser table tr th {
	vertical-align: middle;
	margin: 0 !important;
	padding: 0 !important;
}
#regionfinder form, #regionfinder noscript {
	display: inline;
	white-space: nowrap;
}
#regionfinder select {
	width: 21em;
}
#regionfinder input.text {
	width: 8em;
}
#regionfinder select option.state {
	font-weight: bold;
	border-top: 1px solid #999;
}
#weatherMap {
	background-color: black;
	width: 100%;
	overflow: hidden;
	color: white;
}
#weatherMap img {
	float: left;
	margin: 0 15px 0 0;
}

#weatherMap h2, #weatherMap h3 {
	border: none !important;
	padding: 0.8em 10px 0.15em 10px !important;
	margin-bottom: 10px !important;
}

#weatherMap p {
	line-height: 150% !important;
	color: #ccc;
	margin: 0 15px 0.8em 15px;
}

#weatherTabContent {
	margin-bottom: 2em;
}

.wwarning {
	_position: relative; /* fixes IE peekaboo bug */
	background-color: #ffc;
	border: 1px solid #fc9;
	padding: 0.66em 15px;
	margin: 1em 0;
}

.wwarning .wissued {
	font-size: 92%;
	font-weight: normal;
	color: #666;
}

.wwarning h3, .wwarning p {
	margin: 0.3em 0 !important;
	padding: 0;
}

#ausminmaxrain table, #stateminmaxrain table {
	margin: 0.5em 0 2em 0;
}

#auscapcities h3, #auscapcities p,
#statecentres h3, #statecentres p {
	margin: 0 !important;
	padding: 0 !important;
}

#auscapcities table,
#statecentres table {
	width: 100%;
}
#tools #auscapcities table,
#tools #statecentres table {
	font-size: 92%;
}
#tools #auscapcities .remove,
#tools #statecentres .remove {
	display: none;
}
#auscapcities table tr td, #auscapcities table tr th,
#statecentres table tr td, #statecentres table tr th {
	border-bottom: 1px solid #ddd;
	padding: 0.5em 0.5em 0.5em 0;
	vertical-align: middle;
}
#auscapcities .autemp,
#statecentres .autemp {
	letter-spacing: -1px;
	line-height: 105%;
	font-size: 200%;
	font-weight: bold;
}
#auscapcities .autemp *,
#statecentres .autemp * {
	font-family: Helvetica, Arial, sans-serif;
	color: #666;
}
#auscapcities .autemp .min,
#statecentres .autemp .min {
	color: #999;
}
#auscapcities .autemp .max,
#statecentres .autemp .max {
	color: #000;
}
#world-city-1day table {
	width: 100%;
}
#world-city-1day table tr th {
	background-color: #AEC4EC;
	border-bottom: 2px solid white;
	padding: 0.25em 0.5em;
}
#world-city-1day table tr td {
	background-color: #F1F4FB;
	border-bottom: 2px solid white;
	padding: 0.25em 0.5em;
}
#world-city-1day table tr.r1 td {
	background-color: #E1E8F7;
}
#world-city-1day .wmin,
#world-city-1day .wmax {
	text-align: right !important;
}
#state4day table {
	width: 100%;
	margin: 0.5em 0 2em 0;
}
#state4day table tr th {
	background-color: #E1E8F7;
}
#state4day table tr td,
#state4day table tr th {
	border: 1px solid #E1E8F7;
	text-align: center !important;
	padding: 0.25em 0.5em;
}
#StateCoastalWaters h3 {
	margin: 1.5em 0 0.33em 0 !important;
}

#searchBox fieldset {
	border: 1px solid #ccc;
	background-color: #eee;
	padding: 0.8em 15px;
	margin: 0 0 1em 0;
}

#searchBox label, #searchBox .labelSpace {
	width: 18em;
	margin-right: 1em;
	float: left;
	display: block;
	text-align: right;
}
.searchSummary {
	border-bottom: 1px dotted #ccc;
	padding-bottom: 1em;
	
}
.a-z {
	width: 100%;
	overflow: hidden;
	margin: 1em 0 2em 0;
}
.a-z a {
	display: block;
	float: left;
	text-align: center;
	width: 1.45em;
	padding: 2px 0;
	margin: 0 3px 3px 0;
	font-weight: bold;
	background-color: #f1f1f1;
	border: 1px solid #ccc;
}

.a-z a:hover {
	border: 1px solid #0055CC;
	text-decoration: none !important;
}

.a-z span.active a {
	color: black !important;
	border: 1px solid #f60;
	cursor: default;
	background-color: #fa6;
	text-decoration: none !important;
}

/* related searches */
#clustering {
	background-color: #fa6;
	border: 2px solid #f60;
	padding: 0.5em 10px;
}

#clustering h2 {
	border: none;
	margin-top: 0.5em;
}

#clustering ul {
	margin: 0.6em 0;
}

#clustering ul li {
	margin: 0.25em 0;
}

#clustering a {
	color: #049 !important;
}

#clustering a:visited {
	color: #444 !important;
}

.gallery {
	margin: 0 -8px 1em 0;
	width: 100%;
	overflow: hidden;
}

.gallery a img {
	float: left;
	margin: 0 14px 10px 0;
}

#footerstories {
	clear: both;
	overflow: hidden;
	width: 100%;
	background: #eee url(footerstories_bg.png) repeat-x left top;
	font-size: 92%;
	zoom: 1;
}

#footerstories h2, 
#footerstories h2 * {
	font-family: Verdana, "Lucida Grande", "Bitstream Vera Sans", Helvetica, Arial, sans-serif;
}

html.popup #footerstories {
	display: none;
}

#footerstories .headlines {
	padding: 0 30px;
}

#footerstories .column2a .section,
#footerstories .column2b .section {
	margin-top: 2em;
	margin-bottom: 2em;
}

p#storytools {
	font-size: 83.3%;
	margin: 0 0 1em 0;
}

p#storytools span {
	margin-right: 1em;
}

#glance {
	border-top: 1px solid #ccc;
	background: url(glance_bg.png) repeat-x left top;
	border-bottom: 2px solid #ccc;
	padding: 8px;
	margin: 2em 0;
}

#glance-button, 
#glance-button span, 
#glance-button a {
	display: block;
	width: 70px;
	height: 23px;
	line-height: 23px;
	vertical-align: 0%;
	overflow: hidden;
	text-align: center;
	color: black !important;
}

#glance-button {
	background: url(glance_button_bg.png) no-repeat left top;
	float: right;
}

#glance h1,
#glance h2 {
	border: none !important;
	padding: 0 0 0.33em 0 !important;
	margin: 0 !important;
	font-size: 133%;
	letter-spacing: normal;
}

#glance p {
	font-size: 92%;
	padding: 0 !important;
	margin: 0 !important;
}

#glance-content ul li {
	margin: 0.6em 0 !important;
}

#glance-content .columns {
	margin-top: 1.5em;
}

#glance-content .columns .section .section {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

#glance-content .more {
	width: 100%;
	margin-top: -1.5em;
	display: block;
	text-align: right;
	font-weight: normal;
}

#glance-content h3 {
	font-size: 100% !important;
	padding-right: 5em;
	margin-bottom: 0 !important;
	border-bottom: 1px solid #ccc;
	font-family: Verdana, "Lucida Grande", "Bitstream Vera Sans", Helvetica, Arial, sans-serif;
}

#glance-content .columns {
	width: 100%;
	overflow: hidden;
	float: none;
}

/* News home page promo at top-right */
#highlight {
	line-height: normal;
	width: 200px;
	overflow: hidden;
}

#highlight h3,
#highlight h3 * {
	font-family: Verdana, "Lucida Grande", "Bitstream Vera Sans", Helvetica, Arial, sans-serif;
}

#highlight h3 {
	font-size: 92%;
	clear: both;
	font-size: 100%;
	margin: 0 0 0.5em 0;
}

#highlight h3 a {
	color: black;
}

#highlight h3 a:visited {
	color: #444;
}

#highlight img {
	float: left;
	margin: 0 5px 4px 0;
}

#highlight p {
	font-size: 92%;
}

span.media {
	white-space: nowrap;
	font-size: 9pt;
	letter-spacing: normal;
	color: #aaa;
}

.widephoto #topstories {
	padding-top: 1em;
}

.dialog {
	background-color: #eee;
	border: 1px solid #ccc;
	padding: 0.5em 10px;
	margin: 1em 0;
}

.dialog p {
	margin: 0 !important;
	padding: 0.3em 0 !important;
}

.dialog input.button,
.dialog button {
	padding-left: 0.5em;
	padding-right: 0.5em;
}

.dialog input.checkbox {
	vertical-align: middle;
}

#tools #rotatinghighlight {
	line-height: normal;
	width: auto;
	height: 9.75em;
	overflow: hidden;
	border: none !important;
	margin: 0 30px 1em 30px;
	padding: 0;
	font-size: 100%;
	background: black url(highlight_box_bottom.png) no-repeat left bottom;
	border-top: none;
	color: #ccc;
	zoom: 1;
}

#tools #rotatinghighlight * {
	font-family: Verdana, "Lucida Grande", "Bitstream Vera Sans", Helvetica, Arial, sans-serif;
}

#tools #rotatinghighlight h2 {
	clear: both;
	font-size: 109%;
	width: auto;
	margin: -8px -8px 4px -8px;
	padding: 5px 8px;
	text-transform: none;
	color: white;
	border: none !important;
	background: transparent none;
}


#tools #rotatinghighlight h2 * {
	color: white;
}

#tools #rotatinghighlight h3 {
	clear: both;
	font-size: 100%;
	margin: 0 0 0.5em 0;
	font-size: 92%;
}

#tools #rotatinghighlight h3 * {
	color: #ccc;
}

#tools #rotatinghighlight p {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 92%;
	line-height: 110%;
	margin-top: 8px !important;
}

#tools #rotatinghighlight img {
	float: left;
}

#tools #rotatinghighlight ul {
	list-style: none;
	margin: 0;
	height: 9px;
	position: relative;
}

#tools #rotatinghighlight ul li {
	background: black url(highlight_box_top.png) no-repeat left top !important;
	margin: 0;
	position: absolute;
	padding: 0;
	top: 0;
	left: 0;
	height: 9.3em;
	width: 210px;
}

#tools #rotatinghighlight ul li p,
#tools #rotatinghighlight ul li h2,
#tools #rotatinghighlight ul li h3,
#tools #rotatinghighlight ul li img {
	margin: 5px 6px 0.4em 8px;
	padding: 0;
}

#tools #rotatinghighlight .highlightcontrols {
	position: absolute;
	right: 8px;
	top: 5px;
	z-index: 10;
}

#tools #rotatinghighlight .highlightcontrols img {
	margin: 0 0 0 3px;
}

.photofeatures1,
.photofeatures2,
.widephotofeatures2,
.widephotofeatures3,
.widephotofeatures4,
.widephotofeatures5 {
	margin: 2em 0;
	width: 600px;
	overflow: hidden;
	clear: both;
	background-color: #e5e5e5;
	line-height: normal;
}

.photofeatures1,
.photofeatures2 {
	background-color: black;
	color: white;
	width: 285px;
	border: none !important;
	padding: 0 !important;
	margin: 0 !important;
}

.photofeatures2 {
	width: 284px;
}

.photofeatures1 .headline,
.photofeatures2 .headline,
.widephotofeatures2 .headline,
.widephotofeatures3 .headline,
.widephotofeatures4 .headline,
.widephotofeatures5 .headline {
	float: left;
	overflow: hidden;
	position: relative;
}

.photofeatures1 .headline {
	width: 285px;
}

.photofeatures2 .headline {
	width: 142px;
}

.widephotofeatures2 .headline {
	width: 300px;
}

.widephotofeatures3 .headline {
	width: 200px;
}

.widephotofeatures4 .headline {
	width: 150px;
}

.widephotofeatures5 .headline {
	width: 120px;
}

.photofeatures1 .headline a,
.photofeatures2 .headline a,
.widephotofeatures2 .headline a,
.widephotofeatures3 .headline a,
.widephotofeatures4 .headline a,
.widephotofeatures5 .headline a {
	text-decoration: none !important;
	display: block;
	cursor: hand !important; /* for IE6 */
}

.photofeatures1 .headline a,
.photofeatures2 .headline a {
	color: white;
}

.photofeatures1 .headline img,
.photofeatures2 .headline img,
.widephotofeatures2 .headline img,
.widephotofeatures3 .headline img,
.widephotofeatures4 .headline img,
.widephotofeatures5 .headline img {
	position: relative;
	zoom: 1;
}

.photofeatures2 .headline img {
	margin-left: -8px;
}

.widephotofeatures2 .headline img {
	margin-left: -7px;
}

.widephotofeatures3 .headline img {
	margin-left: -42px;
}

.widephotofeatures5 .headline img {
	margin-left: -15px;
}

.photofeatures1 .headline .title,
.photofeatures2 .headline .title,
.widephotofeatures2 .headline .title,
.widephotofeatures3 .headline .title,
.widephotofeatures4 .headline .title,
.widephotofeatures5 .headline .title {
	position: absolute;
	left: 0;
	height: 1.5em;
	padding: 0.25em 8px;
	margin-top: -2em;
	background-image: url(black65.png);
	color: white;
	overflow: hidden;
	display: block;
	line-height: 140%;
	font-family: Arial, Helvetica, sans-serif;
}

.photofeatures1 .headline .title {
	top: 190px;
	width: 269px;
}

.photofeatures2 .headline .title {
	top: 150px;
	width: 126px;
}

.widephotofeatures2 .headline .title {
	top: 180px;
	width: 299px;
}

.widephotofeatures3 .headline .title {
	top: 190px;
	width: 269px;
}

.widephotofeatures4 .headline .title {
	top: 150px;
	width: 134px;
}

.widephotofeatures5 .headline .title {
	top: 150px;
	width: 104px;
}

.photofeatures1 .headline a:hover .title,
.photofeatures2 .headline a:hover .title,
.widephotofeatures2 .headline a:hover .title,
.widephotofeatures3 .headline a:hover .title,
.widephotofeatures4 .headline a:hover .title,
.widephotofeatures5 .headline a:hover .title {
	color: #ff8000;
	_color: white;
}

.photofeatures1 .headline .description,
.photofeatures2 .headline .description,
.widephotofeatures2 .headline .description,
.widephotofeatures3 .headline .description,
.widephotofeatures4 .headline .description,
.widephotofeatures5 .headline .description {
	border-top: 1px solid #ff8000;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 92%;
	padding: 0.35em 8px 0.65em 8px;
	display: block;
	color: black;
}

.photofeatures1 .headline .description,
.photofeatures2 .headline .description {
	color: white;
}

#homepage #headlines #lead {
	zoom: 1; /* IE6 bug fix: stop panels from jumping around */
}

#homepage #headlines .section.panel {
	margin: 0 0 2em 0;
	background: url(panel_bg.png) repeat-x left top;
	padding: 10px 0 0 0;
	width: 100%;
	overflow: hidden;
	clear: both;
}

#homepage #headlines .section.panel h1 {
	font-size: 133%;
	letter-spacing: 0;
	line-height: 105%;
	margin: 0 0 0.5em 0;
	border: none;
	border-left: 8px solid #ff8000;
	margin: 0 5px 0.8em 5px;
	padding: 0 8px;
	position: relative;
	width: 40%;
}

#homepage #headlines .section.panel h1 a {
	color: black;
}

#homepage #headlines .section.panel .h1_tools {
	font-size: 92%;
	float: right;
	padding-top: 0em;
	padding-right: 0.5em;
}

#homepage #headlines .section.panel .h1_tools span {
	margin-left: 0.75em;
}

#homepage #headlines .section.panel .columns ul li {
	margin: 0 0 0.4em 0;
}

#homepage #headlines .section.panel h2 {
	border: none;
}

#homepage #headlines .section.panel .blogpromo {
	margin: 8px 0 0 0;
	padding: 8px 0 0 0;
	border: none;
	border-top: 1px solid #ccc;
}

#homepage #headlines .section.panel .blogpromo p {
	font-size: 92%;
	line-height: normal;
	padding: 0;
	margin: 0;
	
}

#homepage #headlines .section.panel .blogpromo h2 {
	margin: 0 0 0.25em 0;
}

#homepage #headlines .section.panel .tabs2 {
	margin-top: -0.8em !important;
	border-top: none;
}

#homepage #headlines .section.panel ul li.larger {
	margin: 0.4em 0 0 0;
	padding: 0 0 0.4em 0;
}

#homepage #headlines .section.panel .column2a .section,
#homepage #headlines .section.panel .column2b .section {
	margin-bottom: 0;
}

.systemscroller {
	overflow: auto;
	scrollbar-base-color: #DDDDDD;
	scrollbar-arrow-color: #020202;
	scrollbar-darkshadow-color: #4F4F4F;
	scrollbar-face-color: #EEEEEE;
	scrollbar-highlight-color: #EEEEEE;
	scrollbar-shadow-color: #999999;
	scrollbar-track-color: #f4f4f4;	
}

#p-vid .systemscroller {
	height: 190px;
}

#p-aud .systemscroller {
	height: 10em;
}

#p-vid .systemscroller ul,
#p-aud .systemscroller ul {
	width: 90%; /* leave room for right scrollbar*/
}

#p-vid h2,
#p-aud h2 {
	font-weight: normal;
	font-size: 92% !important;
	line-height: normal !important;
}

#p-aud-a h2 {
	margin: 0 0 0.25em 0 !important;
	padding: 0 !important;
}

#p-aud-a h2,
#p-aud-a h2 * {
	font-family: Verdana, "Lucida Grande", "Bitstream Vera Sans", Helvetica, Arial, sans-serif !important;
	font-weight: bold !important;
	color: black !important;
}

#p-vid p,
#p-aud p {
	margin: 0 0 0.25em 0;
}

#p-aud h3 {
	margin: 0 !important;
}

#p-aud .photo {
	background: url(audio_featured_bg.jpg) no-repeat 0 0;
	margin: 0 0 0.25em 0;
	height: 60px;
	color: white;
}

#p-vid ul li p,
#p-aud ul li p {
	font-size: 75% !important;
	margin: 0;
}

#p-vid p.published,
#p-aud p.published {
	font-size: 75% !important;
	font-weight: normal;
	height: 1.2em;
	overflow: hidden;
	color: #999;
}

#p-vid #videoAnchor.active * {
	display: none;
}

#p-vid #videoAnchor {
	background: #eee no-repeat left top;
}

#p-vid #videoAnchor a {
	position: relative;
	z-index: 1;
	font-size: 92%;
	line-height: 100%;
	height: 190px;
	overflow: hidden;
	display: block;
	color: white;
	max-width: 285px;
}

#p-vid #videoAnchor a * {
	color: white;
	font-family: Tahoma, Arial, sans-serif;
}

#p-vid #videoAnchor a .description {
	position: absolute;
	left: 0;
	bottom: 0;
	padding: 0.25em 8px;
	background-image: url(black65.png);
	overflow: hidden;
	display: block;
	line-height: normal;
	width: 269px;
}

#p-vid img.play {
	position: absolute;
	right: 10px;
	top: 10px;
}

#p-vid #inpageplayer {
	margin: 0;
}

#p-aud img.play {
	float: left;
	margin: 0 8px 5px 0;
}

#p-loc ul li.larger,
#p-ent-a ul li.larger,
#p-bus-a ul li.larger,
#p-spo-a ul li.larger,
#p-wor-a ul li.larger,
#p-pho-a ul li.larger,
#p-off-a ul li.larger {
	border-bottom: none !important;
}

.stream {
	clear: both;
	padding: 0;
	margin: 0;
	height: 2em;
	width: 100%;
	position: relative;
}

#p-vid .stream,
#p-aud .stream {
	padding-top: 1em;
	*padding-top: 0; /* IE6&7 bug fix */
}

.stream a {
	display: block;
	border: 1px solid #99a;
	border-top: 1px solid #cce;
	border-left: 1px solid #cce;
	background: #f6f6f6 url(nav_2nd_bg.png) repeat-x left bottom;
	padding: 0.25em 1.5%;
	position: absolute;
	width: 96.5%;
	cursor: hand !important;
}

.stream a:hover {
	text-decoration: none !important;
	border: 1px solid #77a;
	border-top: 1px solid #aae;
	border-left: 1px solid #aae;
}

.stream a .title {
	float: left;
	margin: -0.25em -1.5%;
	margin-right: 0;
	padding: 0.25em 1.5%;
	color: white !important;
	font-weight: bold;
	background-color: #333;
}

.stream a .description {
	padding: 0.25em 1.5%;
	color: black !important;
}

#p-pho h3 {
	background: url(nav_2nd_bg.png) repeat-x 50% 50%;
	margin: 0 0 0.15em 0 !important;
	padding: 0.2em 5px !important;
	border: 1px solid #ccc !important;
}

#p-pho .h3_tools {
	float: right;
	font-size: 92%;
	margin: 0.25em 4px;
}

#homepage #headlines .section.subpanel {
	margin-top: 0.33em;
	padding-top: 0.33em;
	background: url(subpanel_bg.png) repeat-x left top;
	width: 100%;
	overflow: hidden;
}

#homepage #headlines .section.subpanel h1 {
	font-size: 115% !important;
	border: none;
	margin: 0.33em 0;
	padding: 0 2px;
}

#homepage #headlines .section.subpanel .h1_tools {
	font-size: 80%;
	float: right;
	padding-top: 0em;
	padding-right: 0.5em;
}

#homepage #headlines .section.subpanel .h1_tools span {
	margin-left: 0.75em;
}

#homepage #headlines .section.subpanel .column2a .section {
	margin-left: 2px;
}

#t-stream p {
	margin: 4px 0 0 0;
	font-size: 92%;
	line-height: normal;
}

#t-stream p.published {
	font-size: 83.3%;
}

#t-stream small {
	font-size: 83.3%;
	color: #666;
}

#t-stream table {
	margin: 0 -2px;
	width: 204px;
	line-height: normal;
}

#t-stream table tr {
	font-size: 92%;
	width: 100%;
}

#t-stream table tr td,
#t-stream table tr th {
	background-color: #f1f1f1;
	padding: 2px 4px;
	border-bottom: 2px solid #e5e5e5;
}

#t-stream table tr th {
	white-space: nowrap;
	width: 1%;
	text-align: right;
}

#tools #bestOfABC {
	padding: 0 8px 8px 8px; 
	background: #e0eef1 url(bestof_bg.jpg) no-repeat 0 0; 
	border-bottom: 1px solid #bbdae1;
	line-height: 110%;
	zoom: 1;
}
#tools #bestOfABC h2 {
	font-size: 125%; 
	margin: 0 -8px 0 -8px;
	font-weight: normal; 
	text-transform: none; 
	padding: 7px 8px 14px 8px; 
	color: #fff; 
	font-family: Arial, Helvetica, sans-serif !important;
}
#tools #bestOfABC h2 a {
	color: #fff; 
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif !important;
}
#tools #bestOfABC h3 {
	font-size: 100%;
	line-height: 105%;
	color: #367;
	margin: 0 0 2px 0;
}
#tools #bestOfABC h3,
#tools #bestOfABC h3 * {
	font-family: Verdana, Arial, Helvetica, sans-serif !important;
}
#tools #bestOfABC img {
	float: left;
	margin: 3px 6px 4px 0;
}
#tools #bestOfABC p {
	font-size: 92%; 
	margin: 5px 0 4px 0;
	line-height: normal;
}
#tools #bestOfABC,
#tools #bestOfABC * {
	font-family: Tahoma, Arial, Helvetica, sans-serif !important;
}

#tools #bestOfABC ul {
	zoom: 1;
	font-size: 92%; 
	margin: 0;
	clear: left;
}
#tools #bestOfABC ul li {
	margin-top: 1px;
	margin-bottom: 0;
}

.monthhead {
	border:1px #e5e5e5 solid !important; 
	background-color:#f2f2f2;
	font-size:95% !important;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding:0.5em 0.5em 0.5em 0.25em !important;
}

.latest_itemHyperText{
color:#000;
}