/*
// ==========================================================================
// General purpose styles
// ==========================================================================
*/

p {
	margin-top: 5px;
	margin-bottom: 2px;
}

.headerXXL {
	font: normal 36px Georgia, Times, "Times New Roman", serif;
}

.headerXL {
	font: normal 28px Georgia, Times, "Times New Roman", serif;
}

.headerL {
	font: normal 24px Georgia, Times, "Times New Roman", serif;
}

.headerM {
	font: normal 18px Georgia, Times, "Times New Roman", serif;
}

.headerS, h1 {
	font: normal 14px Georgia, Times, "Times New Roman", serif;
}

.bodyText, .Article-Text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
}

.portletHeader {
	font: normal 12px "Arial Black", Helvetica, sans-serif;
	letter-spacing: 1px;
	background-color: #e0e0e0;
	padding: 2px 4px 2px 4px;
}

.fullStory a {
	color: #404040;
}

.hiddenTags {
	display: none;
	height: 0;
	width: 0;
	visibility: hidden;
}

/*
// ==========================================================================
// Header styles
// ==========================================================================
*/
.headerArea {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0px;
	border-style: none;
	padding: 0px;
	background-color: black;
}

.headerArea img {
	display: block;
}

.headerAd {
	width: 140px;
	height: 60px;
	padding: 0px;
}

.headerLogo {
	width: 720px;
	height: 60px;
	padding: 0px;
	background-repeat: no-repeat;
	background-position: center center;
	background-color: black;
	vertical-align: bottom;
}

.headerSectionLogo {
	padding: 0px;
	vertical-align: top;
}

.headerRegion {
    font-family: Georgia, Times, "Times New Roman", serif;
    font-size: small;
    font-weight: normal;
    color: white;
	text-align: right;
	padding: 0px 16px 6px 0px;
}

.headerSection {
    font-family: Georgia, Times, "Times New Roman", serif;
    font-size: xx-large;
    font-weight: normal;
    color: white;
	padding: 6px 0px 0px 0px;
}

/*
// ==========================================================================
// Section headers
// ==========================================================================
*/
.sectionHomeHeader, .sectionNewsHeader {
	font-family: "Arial Black", Helvetica, sans-serif;
	font-size: small;
	color: white;
	background-color: #565656;
	padding: 2px 4px 2px 4px;
}

.sectionBusinessHeader {
	font-family: "Arial Black", Helvetica, sans-serif;
	font-size: small;
	color: white;
	background-color: #009fc6;
	padding: 2px 4px 2px 4px;
}

.sectionSportsHeader {
	font-family: "Arial Black", Helvetica, sans-serif;
	font-size: small;
	color: white;
	background-color: #66c300;
	padding: 2px 4px 2px 4px;
}

.sectionKidsHeader {
	font-family: "Arial Black", Helvetica, sans-serif;
	font-size: small;
	color: white;
	background-color: #ff9900;
	padding: 2px 4px 2px 4px;
}

.sectionOpinionHeader {
	font-family: "Arial Black", Helvetica, sans-serif;
	font-size: small;
	color: white;
	background-color: #404040;
	padding: 2px 4px 2px 4px;
}

.sectionEntertainmentHeader {
	font-family: "Arial Black", Helvetica, sans-serif;
	font-size: small;
	color: white;
	background-color: #0a50fe;
	padding: 2px 4px 2px 4px;
}

.sectionLifeHeader {
	font-family: "Arial Black", Helvetica, sans-serif;
	font-size: small;
	color: black;
	background-color: #8adafd;
	padding: 2px 4px 2px 4px;
}

.sectionMarketplaceHeader {
	font-family: "Arial Black", Helvetica, sans-serif;
	font-size: small;
	color: black;
	background-color: #ffff3f;
	padding: 2px 4px 2px 4px;
}

/*
// ==========================================================================
// Footer styles
// ==========================================================================
*/
.footerNavigationArea {
	width: 68%;
	border-collapse: collapse;
	border-spacing: 0px;
	border-style: none;
	padding: 0px;
	color: #898989;
	text-align: center;
	margin: 0 auto 0 auto;
}

.footerNavigationArea a {
	color: #898989;
}

.footerNavigation {
	font: normal 10px "Arial Black", Helvetica, sans-serif;
	letter-spacing: 1px;
	border-style: none;
	border-top-style: solid;
	border-width: 1px;
	border-color: #898989;
	padding-top: 4px;
}

.footerCopyright {
	font: normal 11px Arial, Helvetica, sans-serif;
	padding-top: 2px;
}

/*
// ==========================================================================
// Breadcrumbs
// ==========================================================================
*/
.breadcrumbsArea {
	font: normal 11px Arial, Helvetica, sans-serif;
	color: white;
	width: 100%;
	height: 20px;
	border-collapse: collapse;
	border-spacing: 0px;
	border-style: none;
	padding: 0px;
	margin: 0px;
}

.breadcrumbsArea a {
	color: white;
}

.breadcrumbsCluster {
	background-color: #ff1a0c;
	text-align: center;
	padding: 0px 16px 0px 16px;
}

.breadcrumbsSite {
	background-color: #949494;
	width: 100%;
}

/*
// ==========================================================================
// Breaking News
// ==========================================================================
*/
.breakingNewsArea {
	font: bold 11px Arial, Helvetica, sans-serif;
	color: white;
	width: 100%;
	height: 20px;
	border-collapse: collapse;
	border-spacing: 0px;
	border-style: none;
	padding: 0px;
	margin: 0px;
}

.breakingNews {
	background-color: #009fc6;
	padding: 0px 10px 0px 10px;
	white-space: nowrap;
}

.breakingNews span {
	font-weight: normal;
}

.breakingNews a {
	font-weight: normal;
	color: white;
}

/*
// ==========================================================================
// Today portlet
// ==========================================================================
*/
.today {
	font: bold 12px Georgia, Times, "Times New Roman", serif;
}

/*
// --------------------------------------------------------------------------
// Classifieds portlet
// --------------------------------------------------------------------------
*/
.Classifieds-SectionTitle
{
    background-color: #646464;
    color: black;
    font-size:  medium;
    font-weight: bold;
}

.Classifieds-Title
{
    background-color: white;
    color: black;
    font-size:  medium;
    font-weight: bold;
}

/*
// ==========================================================================
// ContentTabs portlet
// ==========================================================================
*/
.ContentTabs-Headline {
	font: normal 18px Georgia, Times, "Times New Roman", serif;
}

.ContentTabs-Text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
}

.ContentTabs-Content {
    margin: 0px;
    padding: 0px;
}

.ContentTabs-ImageContainer {
    margin: 0px;
}

.ContentTabs-Image {
}

.ContentTabs-Image IMG {
    max-width: 300px;
    width: expression(this.width > 300 ? 300: true);
}

.ContentTabs-Caption {
    font-style: italic;
    max-width: 300px;
}

/*
// ==========================================================================
// Tabber styles
// ==========================================================================
*/

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabbertabhide {
    display: none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
}

.tabberlive {
    margin-top: 1em;
}

.tabberlive h2 {
    display: none;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/

ul.tabbernav {
	margin: 0;
	padding: 0 0;
	font: normal 11px "Arial Black", Helvetica, sans-serif;
	text-transform: uppercase;
}

ul.tabbernav li {
	list-style: none;
	margin: 0;
	display: inline;
}

ul.tabbernav li a {
	padding: 0.2em;
	margin-left: 3px;
	border: 1px solid #778;
	border-bottom: none;
	text-decoration: none;
	color: #666666;
}

ul.tabbernav li a:link {
}

ul.tabbernav li a:visited {
}

ul.tabbernav li a:hover {
}

ul.tabbernav li.tabberactive a {
	color: black;
}

ul.tabbernav li.tabberactive a:hover {
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
    padding: 5px;
    border-top: 0;

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}

.tabberlive#tab2 {
}

.tabberlive#tab2, .tabbertab {
}

/*
// ==========================================================================
// Other styles
// ==========================================================================
*/
.adPlaceHolder {
	color: white;
    font-size: large;
    font-weight: bold;
	background-color: #cfcfcf;
	background-position: top left;
	background-repeat: no-repeat;
	text-align: center;
}

/*
// ==========================================================================
// Launcher portlet
// ==========================================================================
*/
.launcherArea {
	border-style: none;
	margin: 0px;
	padding: 0px;
	width: 100%;
}

.launcherHeader {
}

.launcherItem {
	text-align: center;
}

.launcherItemBorder {
	text-align: center;
	border: 1px solid #000000;
}

.launcherListArea {
	width: 100%;
	border: 0 none #ffffff;
	border-bottom: 2px solid #ffffff;
	padding: 0px;
	margin: 0px;
	color: black;
	text-align: center;
	vertical-align: middle;
}

.launcherListHeader {
	font: normal 10px "Arial Black", Helvetica, sans-serif;
	letter-spacing: 1px;
	height: 20px;
	text-transform: uppercase;
}

.launcherListHeader#Marketplace {
	background-color: #ffff3e;
}

.launcherListHeader#Services {
	color: white;
	background-color: #ff6a00;
}

.launcherListHeader#Memories {
	background-color: #adadad;
}

.launcherListItem {
	font: normal 12px Arial, Helvetica, sans-serif;
	background-color: #e0e0e0;
}

.launcherListItem img {
	vertical-align: middle;
}

.launcherAAPMapArea {
	width: 100%;
	border-style: none;
	border-width: 0px;
	border-spacing: 0px;
	border-collapse: collapse;
	text-align: center;
}

.launcherAAPMapHeader {
}

.launcherAAPMapItem {
	border-style: none;
	border-width: 0px;
	padding: 0px;
	font: bold 11px Arial, Helvetica, sans-serif;
}

.launcherAAPMapItem a {
	color: #ff1a00;
}

/*
// --------------------------------------------------------------------------
// Weather portlet
// --------------------------------------------------------------------------
*/
.weatherArea {
	width: 100%;
	border-spacing: 2px;
}

.weatherHeader {
	color: white;
	background-color: #ff1a0c;
	font-size: small;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	padding: 2px;
}

.weatherLocation, .weatherPhrase {
	text-align: center;
	font-size: x-small;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}

.weatherInfo {
	font-size: x-small;
	vertical-align: bottom;
}

.weatherUpdate, .weatherForecastLink {
	text-align: center;
	font-size: x-small;
	font-family: Arial, Helvetica, sans-serif;
}

.weatherLocationInput {
	width: 120px;
}

/*
// --------------------------------------------------------------------------
// TopStoriesList portlet
// --------------------------------------------------------------------------
*/
.otherTopStoriesHeader {
	font: normal 12px "Arial Black", Helvetica, sans-serif;
	padding: 2px 4px 2px 4px;
}

/*
// --------------------------------------------------------------------------
// Article portlet
// --------------------------------------------------------------------------
*/
.Article-Container
{
	border-style: none;
	margin: 0px;
	padding: 0px;
}

.Article-Date
{
	font-size:  small;
	font-weight: bold;
	color: #808080;
}

.Article-ButtonBar
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-weight: bold;
	text-align: right;
}

.Article-ButtonBar a
{
	color: #81cfe3;
}

.Article-Headline
{
	font: normal 36px Georgia, Times, "Times New Roman", serif;
	padding-top: 8px;
}

.Article-Author
{
	font-size:  small;
	color: #808080;
}

.Article-ImageContainer
{
	display: block;
	float: left;
	margin: 10px 10px 10px 0;
}

.Article-ImageCaption
{
	font-style: italic;
	max-width: 300px;
}

.Article-Image
{
}

.Article-Image img
{
	max-width: 300px;
	width: expression(this.width > 300 ? 300: true);
}

.Article-AdContainer
{
	display: block;
	float: right;
	margin: 6px 0 6px 6px;
}

.Article-AdTopLabel
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	text-align: center;
	color: #808080;
}

/*
// --------------------------------------------------------------------------
// Calendar portlet
// --------------------------------------------------------------------------
*/
.Calendar-Table
{
	width: 100%;
	border: thin solid #7f7f7f;
	font-family:sans-serif;
	font-size: 8pt;
}

.Calendar-Header
{
	background-color: #7F7F7F;
}

.Calendar-Day-of-Week
{
	text-align: center;
	background-color: #BFBFBF;
}

.Calendar-Weekday
{
	text-align: right;
	vertical-align: top;
	height: 30px;
	background-color: #DFDFDF;
	width: 14%;
}

.Calendar-Weekend
{
	text-align: right;
	vertical-align: top;
	height: 30px;
	background-color: #D8D8D8;
	width: 13%;
}

.Calendar-Table-EventInfo
{
	width: 100%;
	text-align: left;
	background-color: #DFDFDF;
}

.Calendar-ErrorMsg
{
    color: red;
    font-weight: bold;
	text-align: left;
}

/*
// --------------------------------------------------------------------------
// Login portlet
// --------------------------------------------------------------------------
*/
.Login-Container
{
    border-style: solid;
    vertical-align: center;
    text-align: center;
}

.Login-Title
{
    font-size:  medium;
    font-weight: bold;
}

.Login-Prompts
{
    text-align: right;
    font-weight: bold;
}

.Login-EntryFields
{
    text-align: left;
}

.Login-SubmitButton
{
}

.Login-MsgArea
{
}

.Login-ErrorMsgs
{
    color: red;
}

/*
// --------------------------------------------------------------------------
// Iframe portlet
// --------------------------------------------------------------------------
*/
.IframeContainer
{
    width: 100%;
}

.IframePubList
{
    width: 100%;
    height: 135px;
    overflow: hidden;
}

.IframeTopJobs
{
    width: 330px;
    height: 250px;
    overflow: hidden;
}

.IframeCars
{
    width: 100%;
    height: 1600px;
}

.IframeJobs
{
    width: 100%;
    height: 1600px;
}

.IframeRealEstate
{
    width: 100%;
    height: 1000px;
}

.IframeContest
{
    width: 100%;
    height: 210px;
}
/*
// --------------------------------------------------------------------------
// Headline list styles (HeadlineList portlet and AP Headlines)
// --------------------------------------------------------------------------
*/

.headlineList {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0px;
	border-style: none;
	padding: 0px;
	margin: 0px;
}

#apPlainHeadline span {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
}

.headlineList ul, #apBulletedHeadline ul {
	list-style: none outside url(../../Images/fullStory.gif);
	padding: 2px 0 0 20px;
	margin: 0px;
}

.headlineList li, #apBulletedHeadline li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
}

.headlineList a, #apBulletedHeadline a {
	color: #404040;
}

.byttl {}
.firsttopheadline {}
.apCaption {}
.apHeadline {}
.image {}
.storylink {}
.topheadline {}
.topheadlinebody {}
.ap-newsbriefitem {}
.ap-newsbriefitem-a {}
.ap-newsbriefitem-br {}
.ap-newsbriefitem-p {}
.ap-newsbriefitem-span-body {}
.ap-newslisting-a {}
.ap-newslisting-img {}
.ap-newslisting-table {}
.ap-newslisting-td-image {}
.ap-newslisting-tr {}

/*
// --------------------------------------------------------------------------
// Ad Place Holder portlet
// --------------------------------------------------------------------------
*/

table.adPlaceHolder {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0px;
	border-style: none;
	padding: 0px;
}

table.adPlaceHolder td {
	background-color: white;
	text-align: center;
}

table.adBorder {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0px;
	border-style: solid;
	border-width: 1px;
	border-color: #868686;
	padding: 0px;
}

table.adBorder td {
	background-color: white;
	text-align: center;
}

table.adContentMatch {
	border-collapse: collapse;
	border-spacing: 0px;
	border-style: none;
	padding: 0px;
}

table.adContentMatch td {
	background-color: white;
}

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
.menu {
	width: 1000px;
	font-size: 0.85em;
	position: relative;
	z-index: 100;
}

.menu a, .menu a:hover {
	text-decoration: none;
}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
}

.menu ul ul {
	width: 140px;
}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {
	float: left;
	width: 120px;
	position: relative;
}

.menu li#lli {
	width: 140px;
}

.menu li#rli {
	width: 140px;
}

/* style the links for the top level */
.menu a,.menu a:visited {
	display: block;
	font: normal 10px/24px "Arial Black", Helvetica, sans-serif;
	letter-spacing: 1px;
	text-align: center;
	color: #ffffff;
	width: 120px;
	height: 25px;
	border: 0px none #fff;
	background: #565656;
	padding: 0px;
	text-transform: uppercase;
}

.menu a#la,.menu a#la:visited {
	width: 140px;
}

.menu a#ra,.menu a#ra:visited {
	width: 140px;
	color: #000000;
	background: #ffff3e;
}

/* a hack so that IE5.5 faulty box model is corrected
* html .menu a,* html .menu a:visited {
	width: 150px;
	w\idth: 139px;
}
*/

/* style the second level background */
.menu ul ul a.drop,.menu ul ul a.drop:visited {
	background: #565656 url(../../graphics/drop.gif) bottom right no-repeat;
}

/* style the second level hover */
.menu ul ul a.drop:hover {
	background: #ffffff url(../../graphics/drop.gif) bottom right no-repeat;
}

.menu ul ul :hover>a.drop {
	background: #ffffff url(../../graphics/drop.gif) bottom right no-repeat;
}

/* style the third level background */
.menu ul ul ul a,.menu ul ul ul a:visited {
	background: #565656;
}

/* style the third level hover */
.menu ul ul ul a:hover {
	background: #ffffff;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
	visibility: hidden;
	position: absolute;
	height: 0;
	top: 25px;
	left: 0;
	width: 140px;
}

/* another hack for IE5.5
* html .menu ul ul {
	top: 30px;
	t\op: 31px;
}
*/

/* position the third level flyout menu */
.menu ul ul ul {
	left: 140px;
	top: 0;
	width: 140px;
}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {
	left: -140px;
}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {
	position: absolute;
	top: 0;
	left: 0;
}

/* style the second level links */
.menu ul ul a,.menu ul ul a:visited {
	background: #565656;
	color: #ffffff;
	height: auto;
	padding: 2px 9px 2px 9px;
	font: normal 11px/15px Arial, Helvetica, sans-serif;
	text-align: left;
	border-style: solid;
	border-width: 0px 1px 1px 1px;
	border-bottom-color: #d4d4d4;
	border-left-color: #565656;
	border-right-color: #565656;
	text-transform: none;
	/* width: 119px; yet another hack for IE5.5 */
}

/*
* html .menu ul ul a {
	width: 150px;
	w\idth: 129px;
}
*/

/* style the top level hover */
.menu a:hover {
	color: #fff;
	background: #ff1a00;
}

.menu :hover>a {
	color: #fff;
	background: #ff1a00;
}

.menu a#la:hover,.menu a#ra:hover {
	color: #fff;
	background: #ff1a00;
}

.menu :hover>a#la,.menu :hover>a#ra {
	color: #fff;
	background: #ff1a00;
}

/* style the second level hover */
.menu ul ul a:hover {
	color: #000000;
	background: #ffffff;
	border-color: #d4d4d4;
}

.menu ul ul :hover>a {
	color: #000000;
	background: #ffffff;
	border-color: #d4d4d4;
}

.menu ul ul a#la:hover,.menu ul ul a#ra:hover {
	color: #000000;
	background: #ffffff;
	border-color: #d4d4d4;
}

.menu ul ul :hover>a#la,.menu ul ul :hover>a#ra {
	color: #000000;
	background: #ffffff;
	border-color: #d4d4d4;
}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,.menu ul a:hover ul {
	visibility: visible;
}

/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul {
	visibility: hidden;
}

/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul {
	visibility: visible;
}