/*////////////////////////////////////////////////////////////////
///////////////////// CSS ///////////////////////////////////////
/////////////////////////////////////////////////////////////////
* Filename: style.css											*
* Version: 1.0.0 ( ) YYYY-MM-DD									*
* Website: http://.com/											*
* Author: J.P. McGarrity										*
* Description: Handles the site layout.							*
*															 	*
*				Contents										*
*				I. HTML Styles									*
*				II. Content Styles								*
*				III. Table Styles								*
*				IV. Links										*
*				V. Form Styles									*
*																*
/////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////*/
 
/*///////////////////////////////////////////////////////////
///////////////// Start Styles //////////////////////////////
//////////////////////////////////////////////////////////*/

/* Even the playing field in all browsers */

html, body, ul, ol, li, p,
h1, h2, h3, h4, h5, h6,
form, fieldset, table, a {
margin:						0;
padding:					0;
border:						0;
}

/* Firefox imaage selection fix */
*:focus {outline: none}

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

br
{
	clear:both;
}

/*///////////////////////////////////////////////////////////
///////////////// HTML Styles //////////////////////////////
//////////////////////////////////////////////////////////*/

body
	{
		font:				12px verdana,helvetica,arial;
		color:				#000;		
		background:			url('../gfx/body_background.jpg') top repeat-x #e5e5e5;
		border:				0;
	}
	
h1
	{
		font:				bold 100px arial,helvetica,arial;
		letter-spacing:		-6px;
		color:				#7F7F7F;
		text-transform:		lowercase;
	}


h2
	{
		font:				bold 40px arial,helvetica,arial;
		text-transform:		lowercase;
		color:				#fff;
	}

h4
	{
		float:				left;
		width:				223px;
		padding:			10px;
		padding-top:		30px;
		font:				bold 18px arial,helvetica,arial;		
		color:				#000;
	}

h5
	{
		font:				bold 18px arial, helvetica,arial;
		color:				#000;
		padding:			15px 10px 0px 10px;
	}
	
h6
	{
		font:				bold 12px arial, helvetica,arial;
		color:				#666;
		padding:			5px 10px 5px 10px;	
		line-height:		18px;
	}	
	
a
	{
		color:				#0088cf;
		text-decoration:	none;
	}

a:hover
	{
		color:				#3cb0ed;
		text-decoration:	none;	
	}
	
/*
table
	{
		float:				right;
		margin:				10px 10px 20px 10px;
	}
*/

th
	{
/*		border-right:		3px solid #fff; */
		background:			#2e2e2e;
		text-transform:		uppercase;
		color:				#fff;		
		font:				bold 11px arial;
		padding:			2px 40px;
		text-align:			center;
	}
/*
td
	{
		border-right:		3px solid #fff;
		background:			#e5e5e5;
		padding:			4px 0px 4px 0px;
		text-align:			center;
		
	}
	
td.alt
	{
		background:			#cecece;
		padding:			4px 0px 4px 0px;
		text-align:			center;
	}	
*/

ul
	{
		color:				#4c4c4c;
		font:				bold 11px arial;
		margin-left:		25px;
//		margin-left:		25px;		
	}

b
{
	font:				bold 11px arial, helvetica,arial;
	padding:			15px 10px 0px 10px;
}

/*///////////////////////////////////////////////////////////
///////////////// Content Styles ////////////////////////////
//////////////////////////////////////////////////////////*/
	
	
#header_background
	{
		padding:			10px 0 10px 0;
		background:			#e8194a;	
	}	
	
#header
	{
		background:			#e5e5e5;
		height:				87px;
	}	
	
#logo
	{
		float:				left;
		margin-top:			12px;
		margin-left:		8px;
		border:				0px;
	}	
	
#cta
	{
		float:				right;
		margin-top:			8px;
		border:				0px;		
	}	
	
#framework
	{
		margin:				0px auto 0px auto;			
		width:				968px;
		border:				4px solid #fff;
		background:			#fff;
	}	
	
#page_background
	{
		background:			url('../gfx/page_background.jpg') no-repeat center top;
		border-bottom:		4px solid #fff;
	}
	
html>body #page_background /* ie6 ignores */
	{
		background:			#2e2e2e  url('../gfx/page_background.jpg') no-repeat center top;
		height:				428px;
		border-bottom:		4px solid #fff;
	}	
	
#sub_section_header
	{
		position:			relative;
		z-index:			100;
		background:			#7F7F7F;
		height:				42px;
		width:				958px;
		padding-left:		10px;
		border-bottom:		4px solid #fff;
	}	

#content
	{
		width:				724px;
		margin-left:		241px;
		background:			#fff;
		padding-bottom:		25px;
	}


#frontline
	{
		float:				left;
		margin:				3px 0px;
		padding-bottom:		10px;
		width:				480px;
	}
			
#tier_1	
	{
		border-top:			1px solid #b2b2b2;
		border-bottom:		1px solid #b2b2b2;
		height:				185px;
		background:			#fff;
		margin-top:			-3px;
	}

html>body #tier_1	/* Ignored by ie6 */
	{
		border-top:			1px solid #b2b2b2;
		border-bottom:		1px solid #b2b2b2;
		min-height:			185px;
		height:				auto;
		background:			#fff;
		margin-top:			-3px;
	}
	
#tier_2
	{
		border-bottom:		1px solid #b2b2b2;
		padding-bottom:		30px;
	}	
	
.tier_2
	{
		border-bottom:		1px solid #b2b2b2;
		padding-bottom:		10px;

	}	

.left
	{
		float:				left;
	}
	
.left_image
	{
		float:				left;
		margin:10px 10px 10px 9px;
	}	
	
.right
	{
		float:				right;
	}
	
#right_frontline
	{
		margin:				3px;
		float:				right;
	}		
	
img.right_padded
	{
		float:				right;
		padding-left:		10px;
	}	


img.right_wborder
	{
		float:				right;
		padding-left:		10px;
		border:				0px;
		border-left:		4px solid #b2b2b2;
		margin-left:		10px;
	}	



#page_title
	{
		margin-top:			38px;
		margin-left:		10px;
	}

.site_width
	{
		margin:				0px auto 0px auto;
		width:				972px;
	}
	
/*///////////////////////////////////////////////////////////
///////////////// Navigation Styles /////////////////////////
//////////////////////////////////////////////////////////*/	

#global_navigation_holder
	{
		height:				18px;
		width:				100%;
		background-color:	#7F7F7F;
	}

#global_navigation
	{
		margin:				0px auto 0px auto;
		width:				600px;
	}
		
#global_navigation ul
	{		
		margin-left:		0px;		
	}


#global_navigation ul li
	{
		display:			inline;
		background-color:	#7F7F7F;
		list-style:			none;
		text-transform:		uppercase;
	}

#top_navigation
	{
		padding-top:		4px;
	}

#top_navigation ul
	{		
		text-align:			center;
		background:			#7F7F7F;
		width:				216px;
		margin:				0 auto;
		height:				16px;
	}


#top_navigation ul li
	{
		display:			inline;
		background:			#7F7F7F;
		list-style:			none;
		text-transform:		uppercase;
	}


#sub_navigation
	{
		float:left;
		padding:0px;
		margin:0px;
		width:				238px;
/*		background:			url('../gfx/sub_nav_container_bg.jpg') no-repeat #fff; */
		background:			#fff;
	}

#sub_navigation ul
	{
		padding:0px;
		margin:0px;
		height:				382px;
		width:				238px;
		margin-left:		0px;
		margin-top:			-4px; /* this is only needed for pages with no subnav */
	}


#sub_navigation ul li
	{
		background-color:	#e8194a;
		list-style:			none;		
		margin-left:		0px;
		clear:				both;
	}

html>body> #sub_navigation li
	{	
		width:				238px;
		height:				16px;
		margin-top:			0px;		
	}	

#footer
	{
		margin:				20px auto 0px auto;
		font-size:			8px;
		text-align:			center;
		color:				#5c5c5c;
		padding-bottom:		20px;
	}

#footer ul li
	{
		font:				normal 9px arial;
		display:			inline;
		list-style:			none;
		text-transform:		uppercase;
		padding:			0 3px;
	}
	
/*///////////////////////////////////////////////////////////
///////////////// Copy Styles //////////////////////////////
//////////////////////////////////////////////////////////*/	

p.small 
	{
		font:				normal 10px arial, helvetica,arial;
		color:				#7F7F7F;
		padding:			0px 10px 5px 10px;
		line-height:		15px;
	}
	
p.medium
	{
		font:				normal 11px arial, helvetica,arial;
		color:				#7F7F7F;
		padding:			0px 10px 5px 10px;
		line-height:		15px;
	}	
	
p.large
	{
		font:				normal 12px arial, helvetica,arial;
		color:				#7F7F7F;
		padding:			0px 10px 5px 10px;
		line-height:		15px;
	}	


ol
	{
		font:				normal 11px arial, helvetica,arial;
		color:				#7F7F7F;
		padding:			0px 10px 5px 10px;
		line-height:		15px;
	}

ol li
{
	padding-bottom:10px;
}


/*///////////////////////////////////////////////////////////
///////////////// Link Styles //////////////////////////////
//////////////////////////////////////////////////////////*/

a.global
	{
		text-align:			center;
		float:				left;
		letter-spacing:		1px;
		height:				15px;
		width:				100px;
		font:				normal 10px arial;
		padding-top:		3px;
		color:				#fff;
		text-transform:		uppercase;
		text-decoration:	none;
		background-color:			#7e7e7e;
		  -webkit-transition: background-color .3s linear;		
	}

a.global:hover
	{
		color:				#fff;
		text-transform:		uppercase;
		text-decoration:	none;
		background-color:			#929292;
	}


a.global_on
	{
		float:left;
		height:				15px;
		width:				100px;
		letter-spacing:		1px;		
		margin: 0 auto 0 auto;
		background:			#e8194a;
		font:				normal 10px arial;
		padding-top:		3px;
		color:				#fff;
		text-transform:		uppercase;
		text-decoration:	none;
		text-align:			center;
		
	}

	
a.subnav_on
	{
		display:block;
		font:				normal 10px arial;
		padding-left:		10px;
		width:				228px; 
		padding-top:		4px;
		height:				14px;
		color:				#fff;
		border-bottom:		1px solid #fff;
		background-color:	#000;
		text-transform:		uppercase;
		text-decoration:	none;
//		margin-left:		-16px;
	}

a.subnav_on:hover
	{
		font:				normal 10px arial;
		color:				#fff;	
	}	
	
a.subnav
	{
		font:				normal 10px arial;
		display:block;
		padding-left:		10px;
		padding-top:		4px;
		height:				14px;				
		width:				228px;
		color:				#fff;
		border-bottom:		1px solid #fff;
		background-color:	#e8194a;
		text-transform:		uppercase;
		text-decoration:	none;
		  -webkit-transition: background-color .3s linear;
//		margin-left:		-16px;
	}

a.subnav:hover
	{
		font:				normal 10px arial;
		color:				#fff;
		background-color:	#ed476e;
		  -webkit-transition: background-color .3s linear;
	}	

a.top
	{
		text-align:			center;
		float:				left;
		letter-spacing:		1px;
		height:				12px;
		width:				100px;
		font:				normal 10px arial;
		padding-top:		3px;
		color:				#fff;
		text-transform:		uppercase;
		text-decoration:	none;
		background-color:	#7e7e7e;
		margin-left:51px; /* remove this if spec is added back in top nav */
		  -webkit-transition: background-color .3s linear;
	}

a.top:hover
	{
		color:				#fff;
		text-transform:		uppercase;
		text-decoration:	none;		
		background-color:	#929292;
	}


a.top_on
	{
		text-align:			center;
		float:				left;
		letter-spacing:		1px;
		height:				12px;
		width:				100px;
		font:				normal 10px arial;
		padding-top:		3px;
		color:				#fff;
		text-transform:		uppercase;
		text-decoration:	none;
		background-color:	#7e7e7e;
		margin-left:51px; /* remove this if spec is added back in top nav */
		  -webkit-transition: background-color .3s linear;
	}


a.download
	{
		font:				bold 11px arial;
		color:				#0088cf;
		text-decoration:	none;
		padding-left:		10px;
	}

a.download:hover:
	{
		color:				#3cb0ed;
		text-decoration:	none;	
	}
	
	
a.footer
	{
		color:				#5c5c5c;
		text-decoration:	none;
		padding-left:		10px;
	}

a.footer:hover
	{
		color:				#5c5c5c;
		text-decoration:	underline;	
	}	
	

a.adgallery {



 background-image:                       url( 'http://nbclocalmedia.com/gallery/ico_external_source.gif' );
 background-repeat:                      no-repeat;
 background-position:                    right 50%;
 padding-right:                          12px;
 color:								     #000000;

}

a.adgallery:hover {

text-decoration: underline;

}


	
a.adgalleryguide {


font:				bold 12px arial, helvetica,arial;
color:				#666;
padding:			5px 10px 5px 10px;	
line-height:		18px;
background-image:   url( 'http://nbclocalmedia.com/gallery/ico_external_source.gif' );
background-repeat:  no-repeat;
background-position: right 50%;
padding-right:                          12px;


}



a.adgalleryguide:hover {

text-decoration: underline;
}





/*//////////////////////////////////////////////////////////////
/////////////// Form Styles ////////////////////////////////////
//////////////////////////////////////////////////////////////*/	
	
	
.form_element_right
	{
		float:			right;
		width:			170px;
	}

.form_element_left
	{
		float:			left;
		width:			170px;
	}

.form_element_special
	{
		float:			left;
		width:			355px;
	}	
	
label
	{
		font:					bold 12px helvetica, verdana, arial;
  		display:				block;
		letter-spacing: 		.01em;
		padding-top:			10px;
		padding-bottom:			2px;		
	}	

input.text, textarea
	{
		font:					11px verdana, arial;
		width:					220px;
	    margin:					0;
		padding:				2px;
	    border:					1px solid #C3C3C3;
	    border-top-color:		#7C7C7C;
	    border-bottom-color:	#DDD;
	}

span.form_element
	{
	    display:				block;
	    background-color:		#FFF;
	    padding:				1px;
		padding-right:			1px;
		padding-bottom:			1px;
	    border:					1px solid #c3c3c3;
	}	


/*	ie6 cant read this */
html>body span.form_element
	{
	    display:				block;
	    background-color:		#FFF;
	    padding:				1px;
		padding-right:			7px;
		padding-bottom:			1px;
	    border:					1px solid #c3c3c3;
	}

span.form_element input,textarea
	{
	    width:					100%;
	    border:					1px solid #C3C3C3;
	    border-top-color:		#7C7C7C;
	    border-bottom-color:	#DDD;
	}	
	
.alert_text	
	{
		color:red;
		font-weight:bold;
	}

#ad_interests
	{
		float:right;
		width:260px;
		margin-right:95px;
	}

html>body #ad_interests
	{
		float:			right;
		width:			260px;
		margin-right:	195px;
	}


/*///////////////////////////////////////*/

#media_List ul li
{
	display:inline;
	font-weight:normal;
}

#media_List li
{
	list-style: none;
	font-weight:normal;
	float:left;
	width:150px;
	height:50px;
	padding:20px;
}