/*
 *  HDNet
 *	Cascading Style Sheet
 *  Last Modified: Feb 2009
 * 	By Matthew Stennett
*/


/*	COLORS     
 *	Home Lt Blue	#55A8E3
 *	Home Dk Blue	#4181AF
 *	Light Blue		#6EC1FB
 *	Dark Blue		#1F384C
 */

/* added this for the Safari in the iPod and iPhone */
/* This just applies to everything. Eventually, I hope to be more selective */
html {-webkit-text-size-adjust:none; }

body {
	margin: 0px;
	padding: 0px;
	background: #010101 url(images/hdnet_master_bg.jpg) no-repeat top center;
	font-family:  "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	line-height: 14px;
	text-align:center;
	-webkit-background-size: 1900px 1000px;
}
#wrapper {
	width:730px;
	margin-top:120px;
	margin-bottom:120px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
}
th {
	font-size: 12px;
	font-weight: bold;
	text-align: center;
}

p, td, li, ul, ol, h1, h2, h3, h4, h5, h6, input, select {
	font-family: /**/"Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	line-height: 14px;
}

img {
	/*display: block;*/
	border: 0;
}

p {
	margin-top: 0px;
	margin-bottom: 6px;
}

h1 {
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	margin-top: 0px;
	margin-bottom: 6px;
}

h2 {
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	margin-top: 0px;
	margin-bottom: 4px;
}

h3 {
	font-size: 11px;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 4px;
}			


ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}


.small {
	font-size: 10px;
}


.noDisc {
	list-style-type: none;
	margin-top: -6px;
}
		
a:link, a:visited {
	color: #0e4d7d;
	text-decoration:  underline;
}

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

.white {
	color: white;
}
.center {
	text-align: center;
}

.lc {
	text-transform: lowercase;
}

#menuBar {
	margin-bottom: 4px;
}

#content {
	background: url('images/hdnet_default_content_bg.jpg') no-repeat top;
	padding: 24px;
	border: 1px solid black;
	background-color: #6EC1FB;
	margin-left: auto;
	margin-right: auto;
}

.contentRepeat {
	background: url('images/hdnet_default_content_bg.jpg') no-repeat top;
	padding: 24px;
	border: 1px solid black;
	background-color: #6EC1FB;
	margin-left: auto;
	margin-right: auto;
}

.contentRepeat p, .contentRepeat h1, .contentRepeat h2, .contentRepeat h3 {
	text-align: left;
}

#contentSlim {
	background: url('images/hdnet_default_content_bg.jpg') no-repeat top;
	padding: 24px 96px;
	border: 1px solid black;
	background-color: #6EC1FB;
}

#contentSlim p, #contentSlim h1, #contentSlim h2, #contentSlim h3 {
	text-align: left;
}

#content p, #content h1, #content h2, #content h3 {
	text-align: left;
}

#content2Col {
	background: url('images/hdnet_default_content_bg.jpg') no-repeat top;
	padding: 24px;
	border: 1px solid black;
	background-color: #6EC1FB;
	margin-left: auto;
	margin-right: auto;
}


#footer {
	margin-top: 12px;
	padding-right: 5px;
	font-size: 9px;
}

#footer td {
	color: white;
	font-size: 9px;
	text-align: center;
	line-height: 15px;
}

#footer a:link, #footer a:visited {
	color: white;
	text-decoration: none;
}

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

#pressRelease {
	padding: 24px 96px;
	border: 1px solid black;
	background-color: #6EC1FB;
}

#pressRelease h1 {
	font-size: 14px;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 6px;
	text-align: center;
	text-transform: none;
}

#pressRelease h2 {
	font-size: 12px;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 6px;
	text-align: center;
	text-transform: none;
}

.prCallOut {
	font-weight: bold;
	font-size: 10px;
}

.prCity {
	font-weight: bold;
}

.prEnd {
	text-align: center;
}	

.longList li {
	margin-bottom: 2px;
	margin-top: 0px;
}

.leftColumn {
	width: 340px;
	vertical-align: top;
	padding-right: 18px;
}

.rightColumn {
	width: 340px;
	vertical-align: top;
	padding-left: 18px;
}

.marginRight {
	margin-right: 12px;
}

.marginLeft {
	margin-left: 12px;
}

.quote {
	font-family: 'Lucida Grande', Verdana, Lucida, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	line-height: 14px;
	color: black;
	font-style: italic;
}

.plHead {
	font-family: 'Lucida Grande', Verdana, Lucida, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	margin-top: 8px;
	margin-bottom: 0px;
	color: black;
}

.plData {
	font-family: 'Lucida Grande', Verdana, Lucida, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	margin-top: 0px;
	margin-bottom: 0px;
	color: black;
}

.awmAnchor {position:relative}

.ltBlue {
	background-color: #BCE1FB;
}

.specialText
{
	font-weight: bold;
	color: red;
	text-transform: uppercase;
}

.sTitle {
	vertical-align: top;
	text-align: left;
	font-weight: bold;
	padding-left: 4px;
	padding-top: 12px;
	padding-bottom: 2px;
	border-bottom: 1px dashed #333;
}

.sLabel {
	width: 22%;
	vertical-align: top;
	text-align: right;
	font-weight: bold;
/*	padding-top: 2px; */
}

.sData {
	width: 78%;
	text-align: left;
	padding-left: 8px;
	vertical-align: top;
/*	padding-top: 2px; */
	padding-right: 8px;
/*	padding-bottom: 4px; */
}

.titleLink:link {
	color: #f00;
	text-decoration: underline;
}

.titleLink:visited {
	color: #e00;
	text-decoration: underline;
}

.titleLink:hover {
	color: #0A70BD;
	text-decoration: underline;
}

.titleLink:active {
	color: #f00;
	text-decoration: underline;
}

.addressHeader
{
	text-align: center;
	vertical-align: text-top;
	font-weight: bold;
}

.showcaseImage {
	width: 315px;
	border-bottom: 1px solid #80D4F6;
/*	border: 5px solid white;*/
/*	clip:rect(0px 5px 0px 5px);*/
}

/* This is for the movie banners, since they're not really into borders, but I am.*/
.movieBanner {
	border: 1px solid #80D4F6;
}

/* This is for Jeff's junk to the right of everything else. */
#gutter
{
	position:absolute;
	right:-140px;
	top:40px;
	width:140px;
}
.bannerGutter {
	width: 140px;
	background-color: #4181AF;
	border: 1px solid #80D4F6;
	/*padding: 4px;*/
	text-align: center;
}

.bannerGutter p {
	padding: 0px 0px 0px 0px;
}

.bannerGutter .header {
	padding-bottom: 6px;
}

/* This is for the calendar that sits in the right margin on a couple pages */

.rightMarginCalendar {
	position: absolute;
	top: 91px;
	left: 758px;
	width: 140px;
}

/* This is for the Twitter box on the front page */

.twitterItem {
	padding-bottom: 8px;
}


	#hdnav {
		position:relative; 
		height:39px;
		width:729px; }
	
	#hdnav a {
		color:#FFF; }
			
	/* level 1
	--------------------------------------------------------------------------------*/
	#hdnav ul {
		width:729px;
		height:39px;
		margin-left: 1px;	
	}
	
	#hdnav ul li {
		float:left;
		position:relative; }
	
	#hdnav ul li a {
		display:block;
		float:left; 
		height:39px;	
		background-image: url( images/hdnavbg.png );
		text-indent:-6000px; }
		
	/* up */
	#hdnav li#home a { width:74px; background-position:0px 0px; }
	#hdnav li#schedules a { width:104px; background-position:-74px 0px; }
	#hdnav li#programming a { width:123px; background-position:-178px 0px; }
	#hdnav li#subscribe a { width:105px; background-position:-301px 0px; }
	#hdnav li#advertise a { width:98px; background-position:-406px 0px; }
	#hdnav li#shop a { width:64px; background-position:-504px 0px; }
	#hdnav li#connect a { width:89px; background-position:-568px 0px; }
	#hdnav li#press a { width:72px; background-position:-657px 0px; }
		
	/* over */
	#hdnav li#home a:hover { background-position:0px -39px; }
	#hdnav li#schedules a:hover { background-position:-74px -39px; }
	#hdnav li#programming a:hover { background-position:-178px -39px; }
	#hdnav li#subscribe a:hover { background-position:-301px -39px; }
	#hdnav li#advertise a:hover { background-position:-406px -39px; }
	#hdnav li#shop a:hover { background-position:-504px -39px; }
	#hdnav li#connect a:hover { background-position:-568px -39px; }
	#hdnav li#press a:hover { background-position:-657px -39px; }
		
	/* level 2
	--------------------------------------------------------------------------------*/
	#hdnav ul li:hover ul { display:block; } 
	#hdnav ul li ul {
		display:none;
		position:absolute;
		border-top: 1px solid #000;
		border-bottom: 1px solid #000;
		left:-0px;
		top:39px;
		width:auto; }
	
	#hdnav ul li ul li {
		float:none;
		width:180px;
		background: #000 repeat url( images/hdnav-level2.png ) 0px 0px !important; }
			
	#hdnav ul li ul li.long a {
		line-height:18px; 
		height:39px; 
		padding-top:8px;
		padding-bottom:7px; }
			
	#hdnav ul li ul li a { 
		float:none;
		padding: 11px 10px 2px 10px;
		width:158px !important;
		height:24px;
		border-left:#000 solid 1px; 
		border-right:#000 solid 1px;
		font-size:11px;
		text-decoration: none;
		line-height:12px;
		text-indent:0; 
		background:none !important;}

	#hdnav ul li ul li a:hover {
		background: repeat url( images/hdnav-level2-on.png ) 0px 0px !important; }
					
	 #hdnav ul li ul li.sub a {
		background: transparent repeat url( images/hdnav-level2-sub-off.png) top right !important; }
	
	 #hdnav ul li ul li.sub a:hover {
		background: transparent repeat url( images/hdnav-level2-sub-on.png ) top right !important; }
		
	/* level 3
	--------------------------------------------------------------------------------*/
	#hdnav ul li:hover ul { display:block; } 
	#hdnav ul li ul li ul {
		display:none;
		position:absolute;
		left:-0px;
		top:39px;
		width:auto; }
	
	#hdnav ul li ul li ul ll {
		float:none;
		width:180px;
		background: #000 repeat url( images/hdnav-level2.png ) 0px 0px !important; }
			
	#hdnav ul li ul li ul li.long a {
		line-height:18px; 
		height:39px; 
		padding-top:8px;
		padding-bottom:7px; }
			
	#hdnav ul li ul li ul li a { 
		float:none;
		padding: 11px 10px 2px 10px;
		width:158px !important;
		height:24px;
		border-left:#000 solid 1px; 
		border-right:#000 solid 1px;
		font-size:11px;
		text-decoration: none;
		line-height:12px;
		text-indent:0; 
		background:none !important;}

	#hdnav ul li ul li ul li a:hover {
		background: repeat url( images/hdnav-level2-on.png ) 0px 0px !important; }
					
	 #hdnav ul li ul li ul li.sub a {
		background: transparent repeat url( images/hdnav-level2-sub-off.png) top right !important; }
	
	 #hdnav ul li ul ul li li.sub a:hover {
		background: transparent repeat url( images/hdnav-level2-sub-on.png ) top right !important; }
	
	/* level 4
	--------------------------------------------------------------------------------*/
	#hdnav ul li:hover ul li:hover ul {
		display:block; }
		
	#hdnav ul li:hover ul li ul {
		display:none;
		position:absolute;
		left:179px;
		top:0px; }
	
	#hdnav ul li:hover ul li ul li {
		width:178px;
		height:28px;
		background: repeat url( images/hdnav-level3-off.png ) 0px 0px !important; }
		
	#hdnav ul li:hover ul li ul li a, 
	#hdnav ul li:hover ul li ul li a:hover {
		padding:7px 10px 5px 10px;
		width:178px;
		height:16px;
		background:none !important;
		border:none; 
		font-size:11px;
		line-height:11px;
		font-weight:normal; }	
	
	#hdnav ul li:hover ul li ul li a:hover {
		background: repeat url( images/hdnav-level3-on.png ) 0px 0px !important; }