/*============================================================================================*/

/*--- Global Text Styles ---------------------------------------------------------------------*/

/*============================================================================================*/



body {

	background: #EEE url(/core/images/bg.jpg) fixed repeat left top;

	margin: 0;

	padding: 0;

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

	color: #333;

	font-size: 75%;

	text-align: center;

}



table { font-size: 100%; }

img   { border: 0; }

/* ie fix - png support */

.png  { behavior: url(/core/code/iepngfix.htc); }



a:link,

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

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

a:active  { color: #999999; text-decoration: underline; }



/*============================================================================================*/

/*--- Header ---------------------------------------------------------------------------------*/

/*============================================================================================*/



#leader            { height: 90px; margin: 5px auto; text-align: right; }

#leader #circ-svcs { float: left; width: 240px; }



#header            { background-color: #333; margin-bottom: 5px; }

#header #important { color: #EEE; width: 75%; margin: 0 auto; padding: .5em .5em .5em 0em; font-size: 90%; text-align: justify; }

#header #mast      { border-top: 5px solid #333; color: #666; }

#header #logo      { margin-top: 12px; }

#header #dateline  {

	background-color: #333;

	color: #EEE;

	border-bottom: 1px solid #CCC;

	padding: 2px 2px 2px 6px;

	font-size: 75%;

}



/*============================================================================================*/

/*--- Footer ---------------------------------------------------------------------------------*/

/*============================================================================================*/



#footer {

	clear: both;

	background-color: #EEE; 

	color: #666;

	font-size: 80%;

}



#footer .border {

	background-color: #333;

	color: #EEE;

	padding: 2px 2px 2px 6px;

	font-size: 80%;

	font-weight: bold;

	letter-spacing: 2px;

	height: 10px;

}



#footer .content-main {

	padding: 10px 0px;

	float: left;

	width: 59.9%;

	min-width: 200px;

}



#footer .content-side {

	padding: 10px 0px;

	text-align: center;

	float: left;

	width: 20%;

	min-width: 160px;

}



/*============================================================================================*/

/*--- Navigation -----------------------------------------------------------------------------*/

/*============================================================================================*/



#nav              { background-color: #0A50A1; color: #FFFFFF; padding: 0em 1em; font-weight: bold; }

#nav ul           { margin: 0em; padding: 0em; }

#nav li           { line-height: 1.8em; display: inline; list-style-type: none; position: relative; }

#nav li a         { padding: .32em .4em; white-space: nowrap; text-decoration: none; }

#nav li a:link,

#nav li a:visited { background-color: #0A50A1; color: #FFFFFF; background: url(/core/images/header/navbar.gif) left; }

#nav li a:hover   { background-color: #FFFFFF; color: #0A50A1; background: url(/core/images/header/navbar_over.gif) left; }



#subnav              { background-color: #EFEFEF; color: #0A50A1; padding: 0em 1em; font-size: 90%; }

#subnav ul           { margin: 0em; padding: 0em; }

#subnav li           { line-height: 1.6em; display: inline; list-style-type: none; }

#subnav li a         { padding: .2em .4em; white-space: nowrap; text-decoration: none; border-left:thin #CCCCCC solid; }

#subnav li a:link,

#subnav li a:visited { background-color: #EFEFEF; color: #0A50A1; }

#subnav li a:hover   { background-color: #0A50A1; color: #EFEFEF; }



#nav-news, #nav-business, #nav-opinion, #nav-sports, #nav-ae, #nav-community, #nav-contact { display: none; }



/*============================================================================================*/

/*--- Search ---------------------------------------------------------------------------------*/

/*============================================================================================*/



#search       { float: right; }

#search form  { display: inline; font-size: 80%; font-weight: normal; }

#search input { margin: 0px; font-size: 90%; }



#search a { background-color: #0A50A1; color: #FFFFFF; }



/*============================================================================================*/

/*--- Weather --------------------------------------------------------------------------------*/

/*============================================================================================*/



#weather             { background: url(/core/images/header/weather_blk.png) scroll no-repeat left bottom; 

                       float: right; width: 260px; }

#weather .button     { float: left; width: 50%; text-align: center; }

#weather .button img { margin: 0px 5px; }

#weather .temp       { float: left; width: 25%; color: #999; padding: 3px 0px; 

                       font-size: 110%; font-weight: bold; text-align: center; }

#weather .detail     { float: left; width: 35%; color: #999; padding: 3px 0px; 

                       font-size: 80%; font-weight: bold; text-align: center; }

#weather .temp a, 

#weather .detail a   { color: #F80; }



/*============================================================================================*/

/*--- Layouts --------------------------------------------------------------------------------*/

/*============================================================================================*/



.layout-default { min-width: 320px; max-width: 980px; margin: 0 auto; text-align: left; }

/* beg ie fix - min/max width support */

* html .layout-default { width: expression(document.body.clientWidth <= 320? "320px" : document.body.clientWidth >= 980? "980px" : "auto"); }

/* end ie fix */



.layout-legacy { min-width: 980px; max-width: 980px; margin: 0 auto; text-align: left; }

/* beg ie fix - min/max width support */

* html .layout-legacy { width: expression(document.body.clientWidth <= 980? "980px" : document.body.clientWidth >= 980? "980px" : "auto"); }

/* end ie fix */

.layout-legacy .col-main   { width: 67%; }

.layout-legacy .col-extras { width: 32%; }



.layout-front .col-main   { width: 54% }

.layout-front .col-main1  { width: 99.9%; }

.layout-front .col-main2  { width: 50%; }

.layout-front .col-main3  { width: 49.9%; }

.layout-front .col-side   { width: 25%; }

.layout-front .col-extras { width: 19%; }



.layout-1col .col-main   { width: 99%; }



.layout-2col .col-main   { width: 80%; }

.layout-2col .col-extras { width: 19%; }



.layout-2col-bigad .col-main   { width: 67%; }

.layout-2col-bigad .col-extras { width: 32%; }



.layout-3col .col-main   { width: 54%; }

.layout-3col .col-side   { width: 25%; }

.layout-3col .col-extras { width: 19%; }



.layout-bigad .col-main   { width: 48%; }

.layout-bigad .col-side   { width: 32%; }

.layout-bigad .col-extras { width: 19%; }



/*============================================================================================*/

/*--- Layout Columns -------------------------------------------------------------------------*/

/*============================================================================================*/



/* floating cells

	.layout-content { clear: both; } */

.layout-content { background-color: #FFF; border: 1px solid #666; clear: both; }



.col-default { display: table; float: left; margin-bottom: 5px; }

.col-main    { min-width: 320px; max-width: 800px; border-right: 1px solid #DDD; }

.col-main1   { min-width: 320px; max-width: 800px; border-bottom: 1px solid #DDD; }

.col-main2   { min-width: 250px; max-width: 400px; padding-top: 3px; border-right: 1px solid #DDD; }

.col-main3   { min-width: 250px; max-width: 400px; padding-top: 3px; }

.col-side    { min-width: 250px; max-width: 400px; border-right: 1px solid #DDD; }

.col-extras  { min-width: 160px; max-width: 400px; }

.layout-2col-bigad .col-extras, 

.layout-bigad .col-side { min-width: 320px; }

.layout-1col .col-main { border-right: none }



/* floating cells

	.col-main    { min-width: 320px; max-width: 800px; }

	.col-main1   { min-width: 320px; max-width: 800px; }

	.col-main2   { min-width: 250px; max-width: 400px; }

	.col-main3   { min-width: 250px; max-width: 400px; }

	.col-side    { min-width: 250px; max-width: 400px; }

	.col-extras  { min-width: 160px; max-width: 400px; }

	.layout-3col-bigad .col-extras, 

	.layout-bigad .col-side { min-width: 320px; }

*/



/* beg ie fix - min-width support

   taken from http://www.webreference.com/programming/min-width/ */

* html .col-main   .ie-minwidth1 { padding-left: 320px; }

* html .col-main   .ie-minwidth3 { margin-left: -320px; position: relative; }

* html .col-main1  .ie-minwidth1 { padding-left: 320px; }

* html .col-main1  .ie-minwidth3 { margin-left: -320px; position: relative; }

* html .col-main2  .ie-minwidth1 { padding-left: 250px; }

* html .col-main2  .ie-minwidth3 { margin-left: -250px; position: relative; }

* html .col-main3  .ie-minwidth1 { padding-left: 250px; }

* html .col-main3  .ie-minwidth3 { margin-left: -250px; position: relative; }

* html .col-side   .ie-minwidth1 { padding-left: 250px; }

* html .col-side   .ie-minwidth3 { margin-left: -250px; position: relative; }

* html .col-extras .ie-minwidth1 { padding-left: 160px; }

* html .col-extras .ie-minwidth3 { margin-left: -160px; position: relative; }



* html .layout-2col-bigad .col-extras .ie-minwidth1 { padding-left: 320px; }

* html .layout-2col-bigad .col-extras .ie-minwidth3 { margin-left: -320px; position: relative; }

* html .layout-bigad      .col-side   .ie-minwidth1 { padding-left: 320px; }

* html .layout-bigad      .col-side   .ie-minwidth3 { margin-left: -320px; position: relative; }



/*\*/

* html .ie-minwidth1, * html .ie-minwidth2, * html .ie-minwidth3, * html .cell-content { height: 1px; }

/**/

/* end ie fix */



/*============================================================================================*/

/*--- Layout Cells ---------------------------------------------------------------------------*/

/*============================================================================================*/



.cell-default { margin: 0px 5px 5px 5px; text-align: left; clear: both; }



.cell-title {

	background: url(/core/images/cell-titles/default.gif) no-repeat right top;

	border-left: 1px solid #CCC;

	padding: 2px 0px 2px 3px;

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

	font-size: 120%;

	font-weight: bold;

	letter-spacing: .5px;

	text-align: left;

	vertical-align: bottom;

}

* html .cell-title { position: relative; } /* ie fix - disappearing content bug */

.cell-title, cell-title a { color: #0A50A1; }



.cell-subtitle {

	background-color: #CCC;

	color: #333;

	border-bottom: 1px solid #999;

	padding: 4px;

	font-size: 80%;

	letter-spacing: 2px;

	word-spacing: 2px;

	text-align: center;

}



/* floating cells

	.cell-body          { background-color: #FFF; border: 1px solid #CCC; border-top: 1px solid #0A50A1; } */

.cell-body          { background-color: #FFF; border-top: 2px solid #0A50A1; }

* html .cell-body   { width: 100%; } /* ie fix - disappearing content bug */

.cell-content       { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; padding: 1em; }

.cell-content ul    { list-style-image: url(/core/images/bullet.gif); margin: 0em; margin-left: .5em; padding: 0em; }

.cell-content .more { margin-top: 1em; font-weight: bold; }



/*============================================================================================*/

/*--- Section-Specific Cells -----------------------------------------------------------------*/

/*============================================================================================*/



.cell-urgent .cell-title { background-image: url(/core/images/cell-titles/breaking.gif); }

.cell-urgent .cell-body  { background: #FFF url(/core/images/cell-bgs/breaking.gif) no-repeat right bottom; }

.cell-urgent .cell-title,

.cell-urgent .cell-title a { color: #FFF; }



.cell-video .cell-title { background-image: url(/core/images/cell-titles/video.gif); }

.cell-video .cell-body  { background: #FFF url(/core/images/cell-bgs/video.gif) no-repeat right bottom; }



.cell-poll .cell-title { }

.cell-poll .cell-body  { background: #FFF url(/core/images/cell-bgs/poll.gif) no-repeat left bottom; }



.cell-go .cell-title    { background-image: url(/core/images/cell-titles/go.gif); }

.cell-go .cell-title,

.cell-go .cell-title a  { color: #333; }

.cell-go .cell-subtitle { background-color: #666; color: #FFF; }

.cell-go .cell-body     { background: #FFF url(/core/images/cell-bgs/go.gif) no-repeat right bottom; border-top-color: #F90; }



.cell-saratoga .cell-title    { background-image: url(/core/images/cell-titles/saratoga.gif); }

.cell-saratoga .cell-title,

.cell-saratoga .cell-title a  { color: #333; }

.cell-saratoga .cell-subtitle { background-color: #36570F; color: #FFF; }

.cell-saratoga .cell-body     { background: #FFF url(/core/images/cell-bgs/saratoga.gif) no-repeat right bottom; border-top-color: #F00; }



.cell-market .cell-content li { margin: .3em 0em; font-weight: bold; }



.cell-news      .cell-title { background-image: url(/core/images/cell-titles/news.gif); }

.cell-business  .cell-title { background-image: url(/core/images/cell-titles/business.gif); }

.cell-ae        .cell-title { background-image: url(/core/images/cell-titles/ae.gif); }

.cell-sports    .cell-title { background-image: url(/core/images/cell-titles/sports.gif); }

.cell-community .cell-title { background-image: url(/core/images/cell-titles/community.gif); }

.cell-opinion   .cell-title { background-image: url(/core/images/cell-titles/opinion.gif); }

.cell-calendar  .cell-title { background-image: url(/core/images/cell-titles/community.gif); }

.cell-gallery   .cell-title { background-image: url(/core/images/cell-titles/photo.gif);  }

.cell-weather   .cell-title { background-image: url(/core/images/cell-titles/weather.gif);  }



/*============================================================================================*/

/*--- Ads ------------------------------------------------------------------------------------*/

/*============================================================================================*/



.ad-cell, 

.ad-nocell    { text-align: center; }

.ad-cell      { margin-bottom: 1em; }

.ad-default, 

.ad-default a { color: #666; }

.ad-default   { margin: 0 auto; font-size: 75%; text-align: left; }



.ad-cell   .ad-bigad   { width: 300px; clear: both; }

.ad-cell   .ad-halfban { width: 234px; }

.ad-nocell .ad-leader  { width: 728px; float: left; }

.ad-nocell .ad-bigad   { width: 300px; margin-top: 10px; margin-bottom: 5px; }

.ad-nocell .ad-extras  { width: 120px; }



.ad-inner,

.ad-inner a { color: #666; }

.ad-inner   { margin: 0 auto; font-size: 75%; text-align: left; }



.ad-leader           { width: 728px; float: left; }

.ad-leader .ad-inner { }



.ad-index           { width: 300px; float: right; clear: both; margin: 0em 0em .5em .5em; }

.ad-index .ad-inner { }



.ad-story           { width: 300px; float: right; clear: both; margin: 1em 0em .5em .5em; }

.ad-story .ad-inner { }