@import "/template/css/style.css";
@import "/template/css/nplayer.css";


/* Font CSS */
  body,
  h1, h2 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000;
  }

  h1, h2, .nav, .search { text-transform: uppercase }

  .story,
  .nav,
  .footer { font-size: 11px }

  .current_temp_sm,
  .current_temp     { font-weight: bold; color: #FFF }

  .current_temp_sm  { font-size: 28px }
  .current_temp     { font-size: 46px }

  .search           { text-align: right; white-space: nowrap }
  
  .search input     { font-size: 10px }


/* Link CSS */
  a                 { font-weight: bold; text-decoration: none }

  .search a,
  .menu a           { font-size: 12px; color: #FFF }

  .nav a,
  .story a,
  .feature_story a  { color: #000 }

  a,
  .color a,
  .feature_story a:hover { color: #005288 }
  
  a:hover           { text-decoration: underline; color: #024683 }
  
  .menu a:hover,
  .search a:hover			{ text-decoration: none; color: #9cd6ff }

  a img             { border:0px }

/* Site Backgrounds */
  body            { background: #f2f2f2 url(/images/bg.gif) repeat fixed 50% 0% }
  h1              { background: #d7d7d7 url(/images/h1-bg.jpg) repeat-x }

  #site_container { background: #ffffff }
  
  .header         { background: #a5a5a5 url(/images/header.jpg) repeat-x 0px 0px }
  .menu           { background: #a5a5a5 url(/images/nav-bar-bg.jpg) repeat-x 0px 0px }
  .menu div.dent  { background: url(/images/nav-line.jpg) no-repeat 0px 0px }
  .nav            { background: url(/images/left/side-nav.jpg) repeat-y }
  .search input   { background: #ffffff }
  .color          { background: #e9e9e9 }


/* Site Structure CSS */
  body { margin: 0px }

  h1 {
    margin: 0px;
    padding-left:5px;
    line-height: 20px;
    color:white;
    height:20px;
  }

  h2 {
    margin: 10px 8px -5px;
    line-height: 20px;
    padding-left: 0px;
    border-bottom: solid 1px #005288;
  }

  hr {
    size: 0px;
    border: 0px;
    border-bottom: dotted 1px #a4a4a4;
    margin: 10px 8px 0px;
    color: #FFF;
  }
  
  form { margin: 0px }

  td { vertical-align: top }

  p { margin: 0px; padding: 10px 8px 0px }

  .content hr { color: #e9e9e9 }

  .search {
    position: absolute; top: 104px; right: 5px;
    width: 175px;
  }

  .search input {
    width: 116px;
    padding: 0px 1px 1px;
    margin-left: 5px;
    border: solid 1px #a5a5a5;
  }


/* Site Container Positioning & Alignment */
  #site_container,
  #main_container,
  #top_container,
  #breaking_news,
  #bottom_container {
    position: relative; top: 0px; left: 0px;
    width: 1024px;
  }

  #site_container {
    margin: auto;
    border-left: solid 1px #d7d7d7;
    border-right: solid 1px #d7d7d7;
  }

  #main_container { margin-bottom:20px }

/* Main Container Columns */	
  #left_column,
  #center_column,
  #right_column,
  #column_150,
  #column_260,
  #column_300,
  #column_320,
  #column_330,
  #column_360,
  #column_510,
  #column_518,
  #column_548,
  #column_856 {
    display: inline;
    float: left;
    position: relative;
    top: 0px;
    margin-left: 8px;
  }

  /* Column Width Declarations */
  #left_column   { width: 160px; margin: 0px }
  #center_column { width: 668px }
  #right_column  { width: 180px }
  #column_150    { width: 150px }
  #column_260    { width: 260px }
  #column_300    { width: 300px }
  #column_320    { width: 320px; margin: 0px }
  #column_330    { width: 330px }
  #column_360    { width: 360px }
  #column_510    { width: 510px }
  #column_518    { width: 518px }
  #column_548    { width: 548px }
  #column_856    { width: 856px }

/* Content CSS */
  .content {
    padding: 0px 0px 10px;
    margin: 10px 0px 0px;
  }

  /* Content Attributes */
  .border {
    border: solid 1px #d7d7d7;
    border-top: 0px;
  }

  .no_pad  { padding: 0px }
  .padding { padding: 10px 8px 0px }

  .scroll  { overflow:auto }

  .hide    { visibility:hidden }

  .remove  { display:none }
  

/* Ad CSS */
  .ad_728_top {
    position: absolute; top: 5px; right: 5px;
    width: 728px;
    height: 90px;
  }

  .ad_bottom_728 {
    width: 743px;
    height: 90px;
    margin: auto;
  }

  .ad_160x600 {
    width: 160px;
    height: 615px;
  }

  .ad_180x150 {
    width: 180px;
    height: 165px;
  }

  .ad_300x250 {
    width: 300px;
    height: 265px;
  }

/* Header CSS */
  .header {
    position: relative;	top: 0px; left: 0px;
    height: 124px;
  }

  .station_id {
    position: absolute; top: 0px; left: 0px;
    width: 286px;
    height: 100px;
  }

  .menu {
    position: absolute; top: 100px; left: 0px;
    width: 100%;
    height: 24px;
    font-size: 0px;
    text-transform:uppercase;
  }

  .menu a,
  .menu div.dent { float: left }

  .menu div,
  .menu div.dent { margin: 0px 10px; line-height:24px }

  .menu div.dent {
    position: relative;
    width: 2px;
    height: 16px;
    margin-top: 6px;
  }

/* Footer CSS */
  .footer { 
  	margin-top:20px; 
    background-color:#044D91;  
    color:#74B1E0;
  }
  
  .footer a{ color:#FFF; }

/* Navigation CSS */
  .nav {
    margin: 2px 0px;
    padding: 3px 8px;
    vertical-align: middle;
  }
  
  .nav a{
  	text-transform:uppercase;
    color:#000;
  }

/* Clear CSS */
  .clear { clear:both }

ul {
	padding-left:30px;
}