/*---Eric Meyer Reset----*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}


ol, ul {
list-style: none;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
text-align: left;
font-weight: normal;
}

blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}

blockquote, q {
quotes: "" "";
}

/*---Start Styles----*/
body {
background: #000;
position: relative;
font-family: Tahoma, Geneva, sans-serif;
font-size: 11px;
line-height: 14px;
color: #f8f8f8;
}

input {
background-color: Silver;
font-size: 11px; 
border: 1px solid #f8f8f8;
margin-left: 8px;
}

input:focus {
background-color: white;
font-size: 11px; 
font-family: Tahoma, Geneva, sans-serif;
border: 1px solid black;
}


input.none {
background-color: #EEEEE6;
border: 0px solid #f8f8f8;
}

a {
color: #fc8a00;
text-decoration: none;
font-weight: bold;	
}

a:hover {
text-decoration: none;
}

p {
font-size:12px;
letter-spacing: .02em;
color: #fff;
}

h1, h2, h3, h4, h5, h6 {
font-weight: bold;
color: #bbb;
}

h1 {
font-size: 2.18em;
line-height: 1.1em;
}

.sectiondiv {
margin-top: 8px;
}

.sectiondiv h1 {
font-size: 20px;
line-height: 1.1em;
letter-spacing:.02em;
border-bottom: 1px solid #bbb;
font-family: Lucinda Grande, Arial Unicode MS, sans-serif;
}

.sectiondiv h1 a {
color: #666;
}

h2 {
font-size: 1.4em;
line-height: 1.1em;
}

h3 {
font-size: 1.35em;
line-height: 1.1em;
letter-spacing:.02em;
}

h4 {
font-size: 1.18em;
line-height: 1.1em;
}

.kern {
letter-spacing:.3em;
margin-bottom: 8px;
}

.gray {
color: #333;
}

#container {
width: 800px;
margin: 0 auto;
}

#main {
width: 800px;
}

.columncenter {
padding: 0;
position: relative;
width: 800px;
}

.more {
display: none;
visibility: hidden;
}

.topthumbmore {
width: 100px;
margin: 0 8px 0 0;
}

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

#header {
margin-bottom: 12px;
height: 333px;
background: transparent url(http://media.granitetv.com/designimages/granite_header_home.jpg) top right no-repeat;
}


/*-----Nav-----*/
#nav {
height: 21px;
margin-bottom: 30px;
padding: 0;
border-bottom: 2px solid #b8351d;
position: relative;
font-family:Lucinda Grande,Arial Unicode MS,sans-serif;
z-index: 100;
}

#nav ul {
list-style-type: none;
padding: 0 0 0 130px;
margin: 0;
}

#nav ul li {
font-size: 19px;
padding: 0 20px 0 0;
float: left;
line-height: 14px;
height: 23px;
}

#nav a:link, #nav a:visited {
text-decoration: none;
font-family: Lucinda Grande, Arial Unicode MS, sans-serif;
color: #fff;
font-weight: normal;
}

#nav a:hover {
text-decoration: underline;
}

#nav #navbuttons .sfhover {
text-decoration: underline;
}

#nav #navbuttons li .subnav{
display: none;
overflow: hidden;
padding: 0;
position: absolute;
left: 269px;
z-index: 90;
background: transparent;
}

*:first-child+html #nav #navbuttons li .subnav {position: absolute; left: 269px; top: 16px}

#nav #navbuttons li .subnav li{
font-size: 16px;
line-height: 14px;
float: left;
clear: both;
background: rgb(184, 53, 29);
background: rgba(184, 53, 29, .95);
width: 150px;
text-align: left;
overflow: hidden;
padding: 5px;
}

#nav #navbuttons li .subnav .subnav1 {
margin-top: 10px;
}

#nav #navbuttons li .subnav .subnav9 {
padding-bottom: 10px;
}

#nav #navbuttons .sfhover .subnav{
display: block;
}


/*----Footer----*/
#footer {
text-align: center;
background: transparent url(http://media.granitetv.com/designimages/granite_footer_home.jpg) bottom left no-repeat;
padding: 100px 0 0 0;
margin-top: 15px;
width: 800px;
height: 46px;
color: #fff;
}

#footer a {
color: #fff;
font-weight: normal;
}

.copyright,
.company,
.br,
.copydoc {
display: inline;
padding-right: 10px;
color: #fff;
}

/*---H Card----*/

.vcard {
margin-top: 8px;
margin-bottom: 20px;
}

.given-name {
font-weight: bold;
}

/*----Press Releases ---*/

/*---Homepage Press releases---*/
#headlinepress {
clear: both;
border: 1px solid #bbb;
padding-bottom: 8px;
}

#headlinepress .sectiondiv {
margin-top: 0px;
}

#headlinepress .sectiondiv h1 {
text-indent: 5px;
line-height: 2em;
background: #eee;
}

#headlinepress ul {
margin: 0px 20px;
}

#headlinepress ul li {
margin: 8px 0;
}

/*----Links----*/
#station #story {
padding: 0 0 8px 0;
margin-top: 12px;
font-size: 1.1em;
line-height: 1.3em;
letter-spacing: .03em; 
margin-bottom: 20px;
}

#station #story .sectiondiv {
margin-bottom: 5px;
}

.topthumbmore {
float: left;
}

.externallinks {
float: left;
margin: 8px 16px 8px 0;
}

.externallinks h2 {
margin-bottom: 5px;
}

/*--Buttons---*/
.searchbutton {
width: 7em;
padding: 0 .5em;
color: #ffffff;
text-shadow: 1px 1px 1px #000;
border: solid thin #031a81;
-webkit-border-radius: .7em;
-moz-border-radius: .7em;
border-radius: .7em;
-webkit-box-shadow: 2px 2px 3px #999;
box-shadow: 2px 2px 2px #bbb;
background-color: #0672cc;
background-image: -webkit-gradient(linear, left top, left bottom, from(#001fa8), to(#0672cc),color-stop(0.4, #8c1b0b));
}

/* -------- Story Pages -------- */
#storytools, #imware, .author,.storyinfo, #mpsectional, #contextualad {
display: none;
visibility: hidden;
}

#storysection {
background: transparent url() top left no-repeat;
text-align: center;
width: 784px;
}

#storysection .title {
color: #fff;
font-family: Lucida Grande, Arial Unicode MS, sans-serif;
font-size: 1.55em;
line-height: 1.1em;
}

#storysection .storybody p,
#storysection .storybody {
color: #fff;
clear: both;
}

#storysection .storybody img {
padding: 0 5px 15px 0;
}

#about .title,
#contact .title,
#careers .title,
#station .title,
#press .title,
.parentstation .title {
display: none;
visibility: hidden;
}

#storysection #pagination {
padding-top: 25px;
clear: both;
}

#storysection #pagination span {
font-size: 16px;
color: #666;
padding-bottom: 3px;
}

#storysection #pagination a {
font-size: 10px;
}

#storysection #pagination ul #previous-article {
margin-left: 0;
}

#stationaccess #storysection {
text-align: left;
}
#stationaccess #surveysection {
margin: 15px;
padding: 15px;
background: white;
}
#stationaccess .sectiondiv {
margin-bottom: 10px;
}

/* ---------- HOME ------------ */
#index #nav {
margin: 0;
}

#index .columncenter {
padding: 40px;
background: transparent url(http://media.granitetv.com/designimages/granite_home_bkgd-2.jpg) top left no-repeat;
height: 330px;
}

#headlinehomestories .headtitle ,
#headlinehomestories .sectiondiv {
display: none;
}

#headlinehomestories {
width: 784px;
}

#headlinehomestories .storybody p{
font-size: 20px;
line-height: 30px;
text-transform: uppercase;
letter-spacing: .2em;
}

*:first-child+html #headlinehomestories .storybody p{
font-size: 20px;
line-height: 30px;
text-transform: uppercase;
letter-spacing: .2em;
color: #fff;
}


/* --------- ABOUT ----------- */
#about #header {
background: transparent url(http://media.granitetv.com/designimages/granite_header_about.jpg) top right no-repeat;
}

#about #nav {
border-bottom: 2px solid #6a6a6a;
}

#about #nav #navbuttons li .subnav li{
background: rgb(106, 106, 106);
background: rgba(106, 106, 106, .95);
}

#about #footer {
background: transparent url(http://media.granitetv.com/designimages/granite_footer_about.jpg) bottom left no-repeat;
}

#about .storybody p{
width: 730px;
margin: 0 auto;
font-size: 18px;
line-height: 22px;
}

/* -------- CAREERS ---------- */
#careers #header {
background: transparent url(http://media.granitetv.com/designimages/granite_header_careers.jpg) top right no-repeat;
}

#careers #nav {
border-bottom: 2px solid #6a6a6a;
}

#careers .careersimg {
float: left;
}

#careers .syracuse {
float: none;
}

#careers #nav #navbuttons li .subnav li{
background: rgb(106, 106, 106);
background: rgba(106, 106, 106, .95);
}

#careers #footer {
background: transparent url(http://media.granitetv.com/designimages/granite_footer_careers.jpg) bottom left no-repeat;
}

/* -------- CAUSES ----------- */
#causes #storysection .storybody {
width: 730px;
margin: 0 auto;
font-size: 18px;
line-height: 22px;
}

#causes #storytools {
visibility: visible;
display: block;
}

#causes #storysection .title {
text-align: left;
}

#causes #videobox {
background: #000;
margin: 0;
}

#causes .videoicon {
display: none;
}

#causes #moretopstories .sectiondiv {
margin-bottom: 10px;
}

#causes .topstorymore {
padding-bottom: 15px;
width: 400px;
float: left;
clear: none;
}

/* -------- CONTACT ----------- */
#contact #header {
background: transparent url(http://media.granitetv.com/designimages/granite_header_contact.jpg) top right no-repeat;
}

#contact #nav {
border-bottom: 2px solid #c85f02;
}

#contact #nav #navbuttons li .subnav li{
background: rgb(200, 95, 2);
background: rgba(200, 95, 2, .95);
}

#contact #footer {
background: transparent url(http://media.granitetv.com/designimages/granite_footer_contact.jpg) bottom left no-repeat;
}

#contact .contact {
float: left;
width: 392px;
font-style: italic;
height: auto;
font-size: 18px;
}

#contact .contactname {
font-size: 21px;
font-style: normal;
}

#contact .jobtitle {
margin-top: 4px;
color: #7a7a7a;
}

#contact .contact a {
color: #ff8a00;
font-weight: normal;
text-decoration: underline;
font-size: 13px;
}

#contact #company {
clear: both;
padding-top: 50px;
font-size: 18px;
line-height: 20px;
}

#contact #company .contactaddress {
font-style: italic;
margin-top: 3px;
color: #7a7a7a;
}

#contact #company .contactphone {
margin-top: 20px;
}

/* --------- PRESS ----------- */
#press #header {
background: transparent url(http://media.granitetv.com/designimages/granite_header_press.jpg) top right no-repeat;
}

#press #nav {
border-bottom: 2px solid #6a6a6a;
}

#press #nav #navbuttons li .subnav li{
background: rgb(106, 106, 106);
background: rgba(106, 106, 106, .95);
}

#press #footer {
background: transparent url(http://media.granitetv.com/designimages/granite_footer_press.jpg) bottom left no-repeat;
}

#press #storysection .title {
display: block;
visibility: visible;
color: #fc8a00;
}

#privacy #storysection,
#press #storysection {
text-align: left;
}

.topstorymore {
margin: 5px 0 0 0;
padding-bottom: 30px;
border-bottom: 1px solid #ddd;
min-height: 0;
padding-top: 5px;
width: 100%;
float: left;
clear: both;
}

/* -------- STATIONS --------- */
#station #header {
background: transparent url(http://media.granitetv.com/designimages/granite_header_careers.jpg) top right no-repeat;
}

#station #nav {
border-bottom: 2px solid #6a6a6a;
}

#station .careersimg {
float: left;
}

#station .syracuse {
float: none;
}

#station #nav #navbuttons li .subnav li{
background: rgb(106, 106, 106);
background: rgba(106, 106, 106, .95);
}

#station #footer {
background: transparent url(http://media.granitetv.com/designimages/granite_footer_careers.jpg) bottom left no-repeat;
}

/* ------- BINGHAMTON ---------- */
#stationbinghamton #header {
background: transparent url(http://media.granitetv.com/designimages/granite_header_binghamton.jpg) top right no-repeat;
}

#stationbinghamton #nav {
border-bottom: 2px solid #7d0604;
}

#stationbinghamton #nav #navbuttons li .subnav li{
background: rgb(125, 6, 4);
background: rgba(125, 6, 4, .95);
}

#stationbinghamton #footer {
background: transparent url(http://media.granitetv.com/designimages/granite_footer_binghamton.jpg) bottom left no-repeat;
}

#stationbinghamton #titleimg {
margin-bottom: 50px;
}

#stationbinghamton #storysection {
text-align: left;
}

/* -------- BUFFALO ---------- */
#stationbuffalo #header {
background: transparent url(http://media.granitetv.com/designimages/granite_header_buffalo.jpg) top right no-repeat;
}

#stationbuffalo #nav {
border-bottom: 2px solid #bf7f0f;
}

#stationbuffalo #nav #navbuttons li .subnav li{
background: rgb(191, 127, 15);
background: rgba(191, 127, 15, .95);
}

#stationbuffalo #footer {
background: transparent url(http://media.granitetv.com/designimages/granite_footer_buffalo.jpg) bottom left no-repeat;
}

#stationbuffalo #titleimg {
margin-bottom: 50px;
}


/* ---------- DETROIT ----------- */
#stationdetroit #header {
background: transparent url(http://media.granitetv.com/designimages/granite_header_detroit.jpg) top right no-repeat;
}

#stationdetroit #nav {
border-bottom: 2px solid #065a7c;
}

#stationdetroit #nav #navbuttons li .subnav li{
background: rgb(6, 90, 124);
background: rgba(6, 90, 124, .95);
}

#stationdetroit #footer {
background: transparent url(http://media.granitetv.com/designimages/granite_footer_detroit.jpg) bottom left no-repeat;
}

#stationdetroit #titleimg {
margin-bottom: 50px;
}

/* ---------- DULUTH ------------ */
#stationduluth #header {
background: transparent url(http://media.granitetv.com/designimages/granite_header_duluth.jpg) top right no-repeat;
}

#stationduluth #nav {
border-bottom: 2px solid #510e85;
}

#stationduluth #nav #navbuttons li .subnav li{
background: rgb(81, 14, 133);
background: rgba(81, 14, 133, .95);
}

#stationduluth #footer {
background: transparent url(http://media.granitetv.com/designimages/granite_footer_duluth.jpg) bottom left no-repeat;
}

#stationduluth #storysection {
text-align: left;
}

/* --------- FORT WAYNE ---------- */
#stationfort-wayne #header {
background: transparent url(http://media.granitetv.com/designimages/granite_header_fortwayne.jpg) top right no-repeat;
}

#stationfort-wayne #nav {
border-bottom: 2px solid #031e44;
}

#stationfort-wayne #nav #navbuttons li .subnav li{
background: rgb(3, 30, 68);
background: rgba(3, 30, 68, .95);
}

#stationfort-wayne #footer {
background: transparent url(http://media.granitetv.com/designimages/granite_footer_fortwayne.jpg) bottom left no-repeat;
}

#stationfort-wayne #storysection {
text-align: left;
}

/* ---------- FRESNO -------------- */
#stationfresno #header {
background: transparent url(http://media.granitetv.com/designimages/granite_header_fresno.jpg) top right no-repeat;
}

#stationfresno #nav {
border-bottom: 2px solid #ff7800;
}

#stationfresno #nav #navbuttons li .subnav li{
background: rgb(255, 120, 0);
background: rgba(255, 120, 0, .90);
}

#stationfresno #footer {
background: transparent url(http://media.granitetv.com/designimages/granite_footer_fresno.jpg) bottom left no-repeat;
}

#stationfresno #storysection {
text-align: left;
}

/* ----------- PEORIA ------------- */
#stationpeoria #header {
background: transparent url(http://media.granitetv.com/designimages/granite_header_peoria.jpg) top right no-repeat;
}

#stationpeopria #nav {
border-bottom: 2px solid #d19526;
}

#stationpeoria #nav #navbuttons li .subnav li{
background: rgb(184, 53, 29);
background: rgba(184, 53, 29, .95);
}

#stationpeoria #footer {
background: transparent url(http://media.granitetv.com/designimages/granite_footer_peoria.jpg) bottom left no-repeat;
}

#stationpeoria #storysection {
text-align: left;
}

/* ----------- SAN FRANCISCO ------------ */
#stationsan-francisco #header {
background: transparent url(http://media.granitetv.com/designimages/granite_header_sanfran.jpg) top right no-repeat;
}

#stationsan-francisco #nav {
border-bottom: 2px solid #214456;
}

#stationsan-francisco #nav #navbuttons li .subnav li{
background: rgb(33, 68, 86);
background: rgba(33, 68, 86, .95);
}

#stationsan-francisco #footer {
background: transparent url(http://media.granitetv.com/designimages/granite_footer_sanfran.jpg) bottom left no-repeat;
}

/* ---------- SYRACUSE ------------- */
#stationsyracuse #header {
background: transparent url(http://media.granitetv.com/designimages/granite_header_syracuse.jpg) top right no-repeat;
}

#stationsyracuse #nav {
border-bottom: 2px solid #ff5400;
}

#stationsyracuse #nav #navbuttons li .subnav li{
background: rgb(255, 84, 0);
background: rgba(255, 84, 0, .95);
}

#stationsyracuse #footer {
background: transparent url(http://media.granitetv.com/designimages/granite_footer_syracuse.jpg) bottom left no-repeat;
}

/*------World Cup Ad-------*/
#worldcup{
border-top: -2px #fff solid;
width: 310px;
border-right: -1px #fff solid;
margin-top: 50px;
}