
/*	----------------------------------------------------------------------------

	Style Sheet for PGA Microsites
	Contact: timothy.gray@turner.com or jeff.gray@turner.com

	----------------------------------------------------------------------------

	1.	Globals
	2.	Links
	3.	Structure
		A.	Foundation
		B.	Navigation
		C.	Home Page
		D.	Scoring
		E.	Other

	----------------------------------------------------------------------------
	(1) GLOBALS
	--------------------------------------------------------------------------*/

	* {
		margin:0;
		padding:0;
		text-decoration:none;
		font-family:'Lucida Grande', Verdana, sans-serif;
		}

	body {
		background:#e9e9df url(http://i.cdn.turner.com/pgatour/microsites/.element/img/1.0/global/bg_body.gif) repeat-y;
		margin:0;
		padding:0;
		color:#3D3D33;
		font:11px/16px 'Lucida Grande',Verdana, sans-serif;
		text-align:left;
		}

	table {
		font:11px/14px 'Lucida Grande',Verdana, sans-serif;
		border:0;
		text-align:left;
		}

	img {
		border-width:0;
		border-style:none;
		}

	h1 { /* T1, STORY HEADLINES*/
		font-size:18px;
		line-height:22px;
		margin:16px 0 12px 0;
		word-spacing:-0.125em;
		}

		h1 a {
			color:#3d3d33;
			}

		h1 span {
			display:block;
			font-size:14px;
			}

	h2 { /* T2+ HEADLINES */
		font-size:14px;
		display:block;
		width:100%;
		clear:both;
		padding-bottom:3px;
		}

		.spotlight h2 {
			font-size:11px;
			width:auto;
			clear:none;
			padding-bottom:0;
			}

	h3 { /* STORY SUBHEADS */
		font-size:11px;
		color:#46463e;
		margin-bottom:15px;
		}

	h4 { /* GRAPHIC HEADERS */
		display:block;
		width:100%;
		clear:both;
		margin:20px 0 4px 0;
		padding-bottom:3px;
		border-bottom:1px solid #b4b4aa;
		font-size:14px;
		}

		h4.pad {
			padding-top:20px;
			clear:none;
			}

		h4 span {
			display:block;
			font-size:11px;
			font-weight:normal;
			}

		h4 a.rss {
			float:right;
			padding:11px 0 0 36px;
			background:transparent url(http://i.cdn.turner.com/pgatour/microsites/.element/img/1.0/global/icon_rss_feed.gif) no-repeat 0 13px;
			margin-bottom: 10px;
			font-size:11px;
			}

		h4 img.rss {
			float:right;
			padding-top:13px;
			}

		#right h4 {
			border-bottom:1px solid #808080;
			}

	h5 {
		font-size:11px;
		}

		#hospitality h5 span {
			text-transform:uppercase;
			font:10px/1.0em "Georgia", serif;
			font-weight:bold;
			color:#900;
			}

	h6 {
		font-size:14px;
		padding-bottom:3px;
		}

	p, #MSarticle1stParagraph {
		margin-bottom:.9em;
		}

	form {
		font-size:10px;
		display:block;
		}

	input, textarea, option, select {
		font-size:10px;
		background-color:#fff;
		}

	iframe {
		position:relative;
		display:block;
		}

	ul {
		margin-bottom:.9em;
		}

	ul li {
		list-style:none;
		}

	ol {
		margin:0 0 15px 30px;
		}

	ol li {
		margin-bottom:8px;
		}

	sup {
		font-size:.6em;
		}

	.clear {
		clear:both;
		}




/*	----------------------------------------------------------------------------
	(2) LINKS (Basic Only, Section Overrides Below)
	--------------------------------------------------------------------------*/

	a, a:link, a:visited, a:hover, a:active {
		font-weight:bold;
		text-decoration:none;
		color:#3d3d33;
		}

	a:hover {
		text-decoration:underline;
		}

	h1 a:link, h1 a:visited, h1 a:hover, h1 a:active,
	h2 a:link, h2 a:visited, h2 a:hover, h2 a:active,
	h3 a:link, h3 a:visited, h3 a:hover, h3 a:active,
	h4 a:link, h4 a:visited, h4 a:hover, h4 a:active,
	li a:link, li a:visited, li a:hover, li a:active {
		text-decoration:none;
		}

	h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover,
	li a:hover {
		text-decoration:underline;
		}




/*	----------------------------------------------------------------------------
	(3) LAYOUT
	----------------------------------------------------------------------------
	(3a) Foundation
	--------------------------------------------------------------------------*/

	#container {
		background:#fff;
		width:986px;
		padding-left:4px;
		}

	#breaking_news {
	    display:block;
	    width:986px;
	    background:transparent url(http://i.cdn.turner.com/pgatour/microsites/.element/img/1.0/global/bg_breaking_news.gif) no-repeat;
	    padding:14px 10px 5px 11px;
	    font-size:10px;
	    color:#fff;
	    }

	.ad_728 {
		display:block;
		width:986px;
		height:89px;
		margin: 0  0 0 0;
		background:transparent url(http://i.cdn.turner.com/pgatour/microsites/.element/img/1.0/global/bg_728.jpg) no-repeat;
		padding:5px 0 5px 0;
		text-align:center;
		}

	.ad_728 table {
		text-align:center;
		width:728px;
		height:90px;
		}

	#header {
		position:relative;
		display:block;
		width:986px;
		height:133px;
		}

		#skip {
			display:none;
			}

		#pga_major_championship {
			position:absolute;
			top:13px;
			left:640px;
			width:230px;
			height:50px;
			}

		img.more_features {
			position:absolute;
			top:0;
			margin-top:5px;
			left:16px;
			width:140px;
			height:20px;
			}

		img.more_features_tour {
			position:absolute;
			top:0;
			left:163px;
			width:103px;
			height:20px;
			margin-top:5px;
			}

	#content {
		width:986px;
		background:#353535 url(http://i.cdn.turner.com/pgatour/microsites/.element/img/1.0/global/bg_content.gif) repeat-y;
		}



	#left {
		width:158px;
		float:left;
		padding:30px 8px 15px 7px;
		background:transparent url(http://i.cdn.turner.com/pgatour/microsites/.element/img/1.0/global/left_accent.gif) no-repeat;
		display:inline;
		color:#fff;
		overflow:hidden;
		}

		#left .module {
			margin-bottom:15px;
			}

		#left .module a:link, #left .module a:visited {
			color:#ccc;
			}

		#left a.arrow_left {
			background:url(http://i.cdn.turner.com/pgatour/microsites/.element/img/1.0/global/bg_link_arrow.gif) no-repeat;
			padding:0 0 0 8px;
			font-size:10px;
			text-decoration:none;
			}

		#left .ad_160 {
			margin-bottom:15px;
			}




	#center {
		width:500px;
		float:left;
		padding: 0 0 15px 0;
		background: transparent url(http://i.cdn.turner.com/pgatour/microsites/.element/img/1.0/global/center_accent.gif) no-repeat;
		display:inline;
		overflow:hidden;
		}

		#center h4.top {
			padding-top:20px;
			}

		#center h4.top .logo {
			float:right;
			}

		.caption {
			display:block;
			padding-top:3px;
			font-size:10px;
			line-height:1.4em;
			color:#686862;
			}

		.news #center ul {
			margin-top:15px;
			}

		.news #center li {
			margin:0 0 10px 0;
			}

		.news #center li a {
			display:block;
			}

		.news #center ul.bullets {
			margin-top:5px;
			}

		#center ul.bullets li {
			list-style:url(http://i.cdn.turner.com/pgatour/microsites/.element/img/1.0/global/bullet.gif) inside;
			padding-left:8px;
			margin:0 0 6px 0;
			}

		#center a.arrow {
			display:block;
			background:url(http://i.cdn.turner.com/pgatour/microsites/.element/img/1.0/global/bg_link_arrow.gif) no-repeat;
			padding:0 0 0 8px;
			font-size:10px;
			text-decoration:none;
			}

		#center a.arrow_left {
			background:url(http://i.cdn.turner.com/pgatour/microsites/.element/img/1.0/global/bg_link_arrow_left.gif) no-repeat;
			padding:0 0 0 8px;
			font-size:10px;
			text-decoration:none;
			}

		#center .t1 img.arrow {
			border:none;
			}

		#center div.t1_bullets {
			margin-left: 200px;
			padding-top: 12px;
			}

		#center div.t1_bullets ul li {
			list-style:url(http://i.cdn.turner.com/pgatour/microsites/.element/img/1.0/global/bg_link_arrow.gif) no-repeat;
			text-decoration:none;
			font-size:10px;
			padding-left:7px;
			margin:0 0 4px 0;
			line-height:12px;
			}

		#center div.t2_bullets li {
			list-style:url(http://i.cdn.turner.com/pgatour/microsites/.element/img/1.0/global/bullet.gif) inside;
			padding-left:8px;
			margin:0 0 6px 0;
			}

		#center table.news_box {
			background:#fff;
			width:180px;
			float:right;
			border:1px solid #888880;
			text-align:left;
			font-size:10px;
			margin:0 0 3px 4px;
			}

		#center table.news_box th {
			background:#888880;
			color:#fff;
			padding:3px;
			text-align:left;
			}

		#center table.news_box td {
			background:#dadad1;
			padding:3px;
			text-align:left;
			}
			 
		#center .summary-block { padding: 0 10px 0px 10px; }


	#right {
		width:313px;
		float:right;
		background:transparent url(http://i.cdn.turner.com/pgatour/microsites/.element/img/1.0/global/right_accent.gif) no-repeat;
		padding:35px 0 15px 0;
		color:#fff;
		display:inline;
		overflow:hidden;
		}

		#right .indent {
			padding:0 7px;
			}

		#right .indent li {
			margin:0;
			}

		#right .module {
			margin-bottom:15px;
			}
		
	#right .module_container {
		width:299px; 
		background: transparent url(http://i.cdn.turner.com/pgatour/microsites/.element/img/1.0/global/right_module_background.gif) no-repeat scroll 0% 0%; 
		-moz-background-clip: -moz-initial; 
		-moz-background-origin: -moz-initial; 
		-moz-background-inline-policy: -moz-initial;
		min-height:70px;
	}

			

		#right .module_thumbnail {
			float:right;
			padding:0px;
			height:70px;
			width:130px;
			overflow:hidden;
			margin:0px;
			
			}
			
			#right .module_thumbnail img {
			margin:5px;
			
			}

		#right .module_title {
			margin:0;
			}

		#right .module p {
			padding:0 0 0 8px;
			color:#ccc;
			line-height:1.2em;
			margin-top:3px;
			}

		#right a:link.module_arrow, #right a:visited.module_arrow {
			margin-left:9px;
			margin-top:2px;
			display:block;
			background:url(http://i.cdn.turner.com/pgatour/microsites/.element/img/1.0/global/bg_right_arrow.gif) no-repeat;
			padding:0 0 0 8px;
			font-size:10px;
			text-decoration:none;
			}

		#right .ad_300 {
			padding-left:7px;
			margin:15px 0;
			}

		#right .subnav {
			margin-bottom:15px;
			}

		#right .subnav li {
			padding-left:14px;
			background: transparent url(http://i.cdn.turner.com/pgatour/microsites/.element/img/1.0/global/bg_right_subnav.gif) 0 3px no-repeat;
			}

		#right a:link, #right a:visited {
			color:#e9e9df;
			text-decoration:underline;
			}

		#right .subnav a {
			text-decoration: none;
			}

		#right a.arrow, #right a.special {
			display:block;
			background:url(http://i.cdn.turner.com/pgatour/microsites/.element/img/1.0/global/bg_right_arrow.gif) no-repeat;
			padding:0 0 0 8px;
			font-size:10px;
			text-decoration:none;
			}

		#right a:hover,
		#right .subnav a:active {
			color:#fff;
			text-decoration:underline;
			}

		#right h1 a:link, #right h1 a:visited,
		#right h2 a:link, #right h2 a:visited,
		#right h3 a:link, #right h3 a:visited,
		#right h4 a:link, #right h4 a:visited,
		#right h5 a:link, #right h5 a:visited,
		#right h6 a:link, #right h6 a:visited {
			text-decoration:none;
			}

	#footer {
		clear:both;
		width:976px;
		height:31px;
		padding-left:10px;
		background:#747474 url(http://i.cdn.turner.com/pgatour/microsites/.element/img/1.0/global/bg_footer.gif) repeat-x;
		font-size:10px;
		line-height:28px;
		color:#acacac;
		}

		#footer a {
			color: #b3ae98;
			padding-left: 21px;
			background:transparent url(http://i.cdn.turner.com/pgatour/microsites/.element/img/1.0/global/footer_divider.gif) no-repeat;
			}

		#footer img {
			vertical-align:middle;
			padding-bottom:4px;
			}

		#footer .rss {
			float:right;
			padding-right:10px;
			}

		#footer .rss span {
			padding-left:30px;
			background:transparent url(http://i.cdn.turner.com/pgatour/microsites/.element/img/1.0/global/icon_rss.gif) no-repeat 15px 1px;
			}

		#footer .rss a {
			padding-left:10px;
			background:transparent url(http://i.cdn.turner.com/pgatour/microsites/.element/img/1.0/global/footer_divider.gif) no-repeat -6px 0;
			}

		#footer a.first, #footer .rss a.first {
			padding-left:0;
			background:none;
			}

	#credit {
		width:966px;
		padding:4px 10px 12px 10px;
		background:#747474;
		color:#acacac;
		font-size:9px;
		line-height:1.3em;
		}

		#credit a {
			color:#b3afa1;
			}
			
		#credit img {
			padding: 5px 3px 0px 1px;
			vertical-align: text-bottom;
			}



/*	----------------------------------------------------------------------------
	(3b) Navigation
	--------------------------------------------------------------------------*/

	#navigation {
		float:left;
		position:relative;
		width:auto;
		top:83px;
		height:auto;
		text-align:left;
		padding:9px 0 0 76px;
		line-height:1.4em;
		z-index: 1000;
		}

		#navigation a {
			display:block;
			}

		#navigation li {
			float:left;
			list-style:none;
			line-height:13px;
			width:auto;
			height:22px;
			}

		#navigation li img {
			padding-left: 15px;
			padding-right: 2px;
			}

		#navigation li img.first {
			padding-left:0;
			background:none;
			}

	    #navigation li img.mobile {
	        position:relative;
	        top:-9px;
	        right:-4px;
	        width:27px;
	        height:30px;
	        padding:0;
	        background:none;
            }

		#navigation li:hover ul, #navigation li.sfhover ul {
			left:auto;
			}

		#navigation li ul {
			display:block;
			position:absolute;
			left:-9000px;
			top:31px;
			width:150px;
			height:auto;
			margin:0 0 0 2px;
			padding-bottom:3px;
			text-align:left;
			background:transparent url(http://i.cdn.turner.com/pgatour/microsites/.element/img/1.0/global/bg_subnav.png);

			}

		#navigation li li {
			display:block;
			height:auto;
			width:100%;
			}

		#navigation li li a {
			width:139px;
			padding:3px 4px 3px 7px;
			}

		#navigation li li a, #navigation li li a:link, #navigation li li a:visited {
			text-decoration:none;
			font-weight:normal;
			color:#bfbfac;
			}

		#navigation li li a:hover, #navigation li li a:active {
			color:#fff;
			background:transparent url(http://i.cdn.turner.com/pgatour/microsites/.element/img/1.0/global/bg_subnav.png);
			}



		#section_navigation {
			float:right;
			position:absolute;
			width:auto;
			top:116px;
			right:0;
			height:auto;
			text-align:right;
			padding:3px 5px 0 0;
			line-height:1em;
			}

			#section_navigation a {
				display:block;
				}

			#section_navigation li {
				float:left;
				list-style:none;
				line-height:9px;
				width:auto;
				height:12px;
				}

			#section_navigation li img {
				padding-left: 15px;
				padding-right: 2px;
				}




/*	----------------------------------------------------------------------------
	(3c) Home Page
	--------------------------------------------------------------------------*/

	#home #center {
		background:none;
		}

	#home #right {
		padding-top:15px;
		}

	#timeline, #pipeline_launcher {
		/* float:left;*/
		width:500px;
		}

	#home h1 {
		font-size:14px;
		margin:5px 0 3px 0;
		}

	#home .t1 {
		padding-bottom:1px;
		}

	#home .t1 .photo {
		float:left;
		width:187px;
		margin-right:15px;
		_margin-right:5px;
		}

	#home.t1 .text ul a {
		color:#000;
		}

	#home .spotlight,
	#home .story {
		display:block;
		margin-bottom:20px;
		}

	#home .spotlight .links a {
		font-size:10px;
		}



/*	----------------------------------------------------------------------------
	(3d) Scoring
	--------------------------------------------------------------------------*/

	table.lboardsnip {
		background:#fff;
		text-align:center;
		width:298px;
		font-size:9px;
		border-collapse:collapse;
		color:#2f2f2f;
		overflow:hidden;
		}

	table.lboardsnip td {
		border:1px solid #242424;
		padding:2px 1px;
		vertical-align:middle;
		}

	table.lboardsnip th {
		border:1px solid #242424;
		padding:3px 3px 4px 3px;
		vertical-align:middle;
		color:#dcdcdc;
		}

	table.lboardsnip tr.head th {
		background:#2f2f2f;
		font-weight:normal;
		}

	table.lboardsnip tr.odd {
		background:#cccccc;
		}

	table.lboardsnip tr.even {
		background:#dcdcdc;
		}

	table.lboardsnip tr.foot td {
		background:#3d3d3d;
		font-weight:normal;
		padding:3px 4px;
		text-align:left;
		color:#cecec8;
		border:1px solid #2d2d2d;
		}

	table.lboardsnip tr.foot .larr {
		color:#fff;
		}

	table.lboardsnip .lal, table.lboardsnip .left {
		padding-left:4px;
		text-align:left;
		}

		#right table.lboardsnip a, #right table.lboardsnip a:link, #right table.lboardsnip a:visited, #right table.lboardsnip a:hover, #right table.lboardsnip a:active {        
		color:#3d3d3d;        
		}	

	#right table.lboardsnip tr.foot td a, #right table.lboardsnip tr.foot td a:link, #right table.lboardsnip tr.foot td a:visited, #right table.lboardsnip tr.foot td a:hover, #right table.lboardsnip tr.foot td a:active {
		color:#fff;
		}

	#right table.lboardsnip tr.weather td {
		background:#3d3d3d;
		border:1px solid #27261f;
		color:#dcdcd2;
		}

	#right table.lboardsnip tr.weather td span {
		color:#ffffff;
		}

	#right table.lboardsnip tr.weather td a, #right table.lboardsnip tr.weather td a:link, #right table.lboardsnip tr.weather td a:visited, #right table.lboardsnip tr.weather td a:hover, #right table.lboardsnip tr.weather td a:active {
		color:#fff;
		}


/*	----------------------------------------------------------------------------
	(3e) Other
	--------------------------------------------------------------------------*/

	.image-text{
            margin: 8px 0pt 6px;
            color: rgb(102, 102, 92);
            font-size: 9px;
            line-height: 12px;
            display: block;
	}

	span.coursecard {
		display:block;
		padding:3px 0;
		color:#c3c3c3;
		}

	#coursecard, #coursecard2 {
		width:100%;
		font:10px/1.3em 'Lucida Grande', Verdana, sans-serif;
		background:#e9e9e9;
		margin-bottom:5px;
		border:1px solid #4d4d4d;
		border-collapse:collapse;
		}

	#coursecard th, #coursecard td,
	#coursecard2 th, #coursecard2 td {
		vertical-align:top;
		text-align:center;
		color:#333;
		}

	#coursecard th,
	#coursecard2 th {
		background:#4d4d4d;
		padding:1px;
		vertical-align:middle;
		font-weight:bold;
		font-size:10px;
		color:#c3c3c3;
		}

	#coursecard td,
	#coursecard2 td {
		padding:2px 1px;
		border:1px solid #4d4d4d;
		}

	#coursecard tr.par td,
	#coursecard2 tr.par td {
		background:#bcbcbc;
		}

	#coursecard th.thishole,
	#coursecard2 th.thishole {
		background:#373737;
		}

	#coursecard td.thishole,
	#coursecard2 td.thishole {
		background:#c3c3c3;
		}

	#coursecard tr.par td.thishole,
	#coursecard2 tr.par td.thishole {
		background:#9d9d9d;
		}

	#right #coursecard a,
	#right #coursecard2 a {
		text-decoration:none;
		color:#e9e9df;
		}

	.hole_yardage {
		font-size:13px;
		font-weight:bold;
		}

	.hole_par {
		font-size:13px;
		font-weight:bold;
		}

	.hole_nickname {
		font-size:13px;
		font-weight:bold;
		}

	#vidhead {
		font-weight:bold;
		margin-bottom:6px;
		padding-bottom:2px;
		position:relative;
		width:100%;
		border-bottom:1px solid #ccc;
		}
		
		.vidhead {
		font-weight:bold;
		margin-bottom:6px;
		padding-bottom:2px;
		position:relative;
		width:100%;
		border-bottom:1px solid #ccc;
		}

	#vidhead img {
		position:absolute;
		bottom:0;
		right:0;
		margin-bottom:4px;
		}

				
	.vidhead img {
		position:absolute;
		bottom:0;
		right:0;
		margin-bottom:4px;
		}
		
	table.videos {
		width:100%;
		margin:0 0 .85em 0;
		}

	table.videos td {
		padding:0;
		}

	table.videos td.spacer {
		padding:0;
		width:2%;
		border-left:1px solid #ccc;
		margin-left:2px;
		}

	table.videos p {
		margin:0 0 1.4em 0;
		clear:left;
		padding:0 4px 0 0;
		line-height:1.2;
		}

	table.videos .thumb {
		border:1px solid #B5B5B5;
		padding:1px;
		float:left;
		margin:0 6px 0 0;
		}

	table.videos strong.pho {
		padding-left:14px;
		background: url("http://i.cdn.turner.com/pgatour/microsites/.element/img/1.0/global/icon_photo.gif") no-repeat 0 .3em;
		}

	table.videos .viddate {
		color:#666;
		font-size:9px;
		}

	#right table.television {
		width:94%;
		border-collapse:collapse;
		margin-bottom:10px;
		margin-left: 8px;
		}

	#right table.television td.column1 {
		width:121px;
		}

	#right table.television td.pad_bottom {
		 padding-bottom:4px;
		 }

	#right table.television td.pad_top {
		border-top:1px solid #525247;
		padding-top:3px;
		}

	#right table.television td.border_bottom {
		border-bottom:1px solid #525247;
		}

	#center .data {
		background:#fff;
		border:1px solid #DBDBD3;
		border-collapse:collapse;
		padding:10px;
		margin-bottom:10px;
		}

	#center table.data td {
		padding:4px;
		border:1px solid #B4B4AA;
		}

	#center table.data tr.even {
		background:#F5F5F0;
		background:#ecece6;
		}

	#center table.data th {
		background:#5f5f5f;
		color:#fff;
		padding:3px;
		text-align:left;
		border:1px solid #B4B4AA;
		}

	.thumbnail {
		background:#fff;
		float:left;
		border:1px solid #999987;
		padding:2px;
		text-align:center;
		font-size:10px;
		margin:0 4px 3px 0;
		}

	#right .thumbnail {
		border-color:#4b4b41;
		}

	.winner {
		width:186px;
		}

	.right {
		float:right;
		margin:1px 0 8px 8px;
		}

	.left, .imgFloatL {
		float:left;
		margin:1px 8px 0 0;
		}
	
	#MS-siteSponsor-ad {
		width:234px;
		height:60px;
		float:right;
		margin:16px 5px 0 10px;
		overflow:hidden;
	}

	#MScontentHead-ad {
		position:absolute;
		top:240px;
		left:430px;
		float:right;
		width: 234px;
		height: 60px;
		margin:6px 0px 0px;
	}

	#MScontentHead { position:relative; }

    .MSdivlink { cursor:pointer; }
	
	.content-head-style { padding-top: 20px; float: left; width: 246px; }
	
	.breakingNews {
		background:url(http://i.cdn.turner.com/pgatour/microsites/.element/img/1.0/usopen/2008/bkg.breakingNews.usopen.jpg) no-repeat center top;
		min-height:60px;
		color:#FFF;
		padding:35px 5px 5px 9px;
		font-weight:bold;
	}
	.breakingNews h2 { font-size: 11px !important; line-height:1.1em; } 
	
	
	
	
	
	


