
/* ----------------------------------- */
/*                                     */
/*    CSS for 2006 NTDTV Global Gala   */
/*                                     */
/*           1. Globals                */
/*           2. Header                 */
/*           3. Navigation             */
/*           4. Content                */
/*           5. Footer                 */
/*           6. Links                  */
/*                                     */
/* ----------------------------------- */
/* Many thanks to Todd Dominey for the code and inspiration provided by http://www.pga.com/rydercup/2006/usa */

/* ----------------------------------- */
/*         1. GLOBAL ELEMENTS          */
/* ----------------------------------- */

    /* COMMON */
    body { margin: 0; padding: 0; font: 11px/1.4em "Lucida Grande", Tahoma, Verdana, sans-serif; color: #414141; text-align: center; background: #FFF url("../../../i/bg-body.gif") repeat; }
    body.usa { background: #f8f8f0 url("../../../i/chinese_ticker_dkgrey.gif") repeat-x; }
    body div#background { background: #414141 url("../../../i/fret_mtns4.gif"); width: 100%; }
    img { border: none; }
    p { margin: 0 0 1em 0; }
    ul, ol { margin: 17px; padding: 0; } ul { margin: 0; list-style: none; }
    ul li { margin: 0; padding: 0; list-style: none; display: block; line-height: 14px; }
    h1 { font: 20px/1.2em Georgia, Times, "Times New Roman", serif; display: block; margin: 14px 0 5px 0; } 
    h2 { margin: 0; padding: 0; font-weight: bold; color: #414141; font: 14px/1.2em "Lucida Grande", Tahoma, Verdana, sans-serif; }
    h3 { margin: 0; padding: 0; font: 12px/1.2em Georgia, Times, "Times New Roman", serif; font-weight: normal; }
    h4 { margin: 0; padding: 0; font-weight: normal; font-size: 10px; float: left; }
    h5 { margin: 10px 0; padding: 0; font-size: 12px; }
    h6 { margin: 10px 0 5px 0; padding: 5px 5px 5px 0; border-top: 1px solid #DFD5C5; border-bottom: 1px solid #DFD5C5; font-size: 11px; letter-spacing: 1px; font-weight: bold; text-transform: uppercase; color: #8B7661; }
    abbr { font-style: normal; border-style: none; }
    table { border-collapse: collapse; width: 100%; margin: 5px 0 10px 0; }
	table th { padding: 5px 3px; background: #FFF; font-weight: normal; text-align: center; color: #58493A; border: 1px solid #DFD0B3; }
	table td { text-align: center; padding: 5px 0; border: 1px; background: #FFF; }
	table td.small {font-size: 9px; padding: 2px; }
    .clear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* IE6 WIN (HIDE FROM MAC) >> \*/ * html .clear { height: 1%; } /* << IE6 WIN (HIDE FROM MAC) */
    img.polaroid { padding: 6px; border: 1px solid #E9DCC5; background-color: #FFF; margin-top: 3px; margin-bottom: 3px; }
    
    /* USA */
   body.usa a { color: #8a549e; }
    body.usa div#t1 h1 { background: transparent url("../../../i/chinese_symbol.gif") no-repeat 0 4px; }
    body.usa h1 { color: #596D19; }


/* ----------------------------------- */
/*             2. HEADER               */
/* ----------------------------------- */

    /* BANNER BAR */
    div#ad_row { display: block; margin: 14px auto 0 auto; padding: 7px 0 9px 0; background: #254a69; text-align: center; }
    div#secNav { margin: -6px auto -7px auto; display: block; color: #d6dae9; height: auto; padding: 0; width: 750px; text-align: right; font-size: 9px; line-height: 1.6em; } /* IE >> */ * html body#home div#ad_row { padding-top: 2px; } /* << IE */
    div#secNav span.divider { background: #254a69; color: #f8f8f0; margin: 0 5px; }
    div#secNav a {background: transparent; color: #f8f8f0; }
    div#secNav a:hover { color: #000; }

/* ----------------------------------- */
/*            3. NAVIGATION            */
/* ----------------------------------- */

	/* PRIMARY NAVIGATION BAR */
    ul#navigation { height: 31px; background: #6a95b8 url("../../../i/bg-navigation-home_blue.gif") no-repeat; position: relative; z-index: 999; }
    #home div div ul#navigation { background: transparent url("../../../i/bg-navigation-home_blue.gif") no-repeat; }
	 /* BEGIN IE 5 MAC CLOAKING >> \*/ ul#navigation li { float: left; } /* << END IE 5 MAC CLOAKING */
    .usa ul#navigation img.first { margin-left: 36px; }
	 .usa ul#navigation img { margin: 10px 12px 0 12px; }
    ul#navigation a img { margin: 12px 0 13px 0; }

	/* CITIES SUB NAV BAR  */
	#navcontainer { width: 100%; float: left; background-color: #a6b5df; }
	#navcontainer ul { padding: 0; }
	#navcontainer ul li { display: inline; }
	ul#citiesNav li a { padding: 0 4px 0 8px; font: bold 9px/19px arial, sans-serif; }
	ul#citiesNav li a:link, ul#citiesNav li a:visited { float: left; color: #333; }	
	ul#citiesNav li a#youarehere { color: #FFF; }
	ul#citiesNav li a:hover { color: #FFF; text-decoration: underline; }
	ul#citiesNav li a:active { color: #1B2724; text-decoration: underline; }
		

/* ----------------------------------- */
/*              4. CONTENT             */
/* ----------------------------------- */

    /* LAYOUT */
    div#container { margin-left: auto; margin-right: auto; width: 750px; text-align: center; }
    div#content { background: transparent url("../../../i/bg-divider-vertical_wh.gif") repeat-y; } div#content:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* BEGIN IE 5 MAC CLOAKING >> \*/ * html div#content { height: 1%; } /* << END IE 5 MAC CLOAKING */
    
    
    /* LEFT COLUMN */
    div#left_column { float: left; width: 499px; padding: 12px 0 0 14px; text-align: left; } /* IE6 WIN (HIDE FROM IE5 MAC) >> \*/ * html div#left_column { width: 475px; } /* << IE6 WIN */
    div#left_column div.left_section { margin: 0 0 12px 0; padding: 0 14px 0 0; background: transparent url("../../../i/divider-leftsection_499.gif") no-repeat 0 15px; font-size: 11px; }
 	/*div#left_column div.left_section h1 { padding-bottom: 5px; } */   
	 /* IE6 WIN (HIDE FROM IE5 MAC) >> \*/ * html div#left_column div.left_section h2 { position: relative; top: 8px; } /* << IE6 WIN */
    div#left_column div.left_section div { margin-bottom: 20px; }
    div#left_column ul li { font-size: 9px; margin-bottom: 6px; }
    div#left_column ul li a { color: #000; font-size: 11px; }
    /*div#left_column div.top_section { margin-top: 10px; }*/
	div#left_column h2.promo { margin: 0; padding: 0; font-weight: bold; color:#FF3300; font: 14px/1.2em Georgia, Times, "Times New Roman", serif; }
    div#left_column span.caption { position: relative; top: -6px; margin-bottom: 20px; font-style: italic; font-size: 10px; color: #414141; }  
	div#t1 span.caption { top: 0; font-style: italic; }
    
        /* T1 */
        div#t1 { width: 450px; padding-bottom: 10px; font-size: 11px; margin-bottom: 10px; margin-top: 12px;}
        div#t1 p { margin: 0 0 1em 0; }
        /*div#t1 img { margin-left: -8px; padding: 7px; background-color: #FFF; border: 1px solid #E9DCC5; }*/
        div#t1 h1 { padding-left: 25px; margin-top: 10px; margin-bottom: 0px; }

        /* NEWS HEADLINES */
        div#headlines dl { margin: 0; padding: 0; }
        div#headlines dd { float: left; margin: 0 0 1.3em 0; padding: 0; }
        div#headlines dd img { display: block; float: left; padding: 3px; margin: 0 6px 6px 0; border: 1px solid #DCCCAD; background-color: #FFF; }
        div#headlines dd h3 { display: block; }
        div#headlines dd h3 a { font: 13px/1.3em Georgia, Times, "Times New Roman", serif; color: #035c91; }
        div#headlines dd a.more { font: 10px/1.0em "Lucida Grande", Tahoma, Verdana, sans-serif; color: #035c91; }
        
        /* PHOTOS */
        img.large { padding: 7px; margin: 5px 0; background-color: #FFF; border: 1px solid #DECDB0; }
        img.right { float: right; padding: 6px; margin: 0 0 5px 5px; background-color: #FFF; border: 1px solid #DECDB0; }
        
        /* DATA TABLE */
        table.data { margin: 0 0 15px 15px; font-size: 10px; } /* FOR IE 6 WIN */  * html table.data { margin-top: 10px; } 
        table.data th { padding: 3px 5px; font: 12px/1.2em Georgia, Times, "Times New Roman", serif; text-align: left; font-weight: bold; color:#FF3300; border: 0;}
        table.data td { padding: 3px 5px; text-align: left;}
        table.data tr.strong { font-weight: bold; }
		.left, table.left td, table.left th, tr.left td, tr.left th { text-align: left; }
		.center, table.center td, table.center th, tr.center td, tr.center th { text-align: center; }
		tr.light, tr.light td, tr.light th{ background: #F0E6D3; }
		tr.accent td { background: #F0E7D6; }
		td.left_pad { padding-left: 5px; text-align: left; }
		div.float_contents table { float: left; margin: 0 0 10px 0; } div.float_contents th { text-align: left; }
		div.float_contents table.half { width: 225px; }
		div.float_contents table.space { margin-right: 8px; }
		td.width_225 { width: 225px; } td.width_40 { width: 40px; }
		table.records th { text-align: left; }
        table.records td { text-align: left; }
        table.records td.col1 { width: 120px; }
		
		/* SPECIAL FORMATTING */
		.text-9 { font-size: 9px; }
		.line-12 { line-height: 12px; }
		p.first { margin-top: 10px; }
		img.right { float: right; margin: 0 10px 10px 10px;  } div.left_section img.right { float: right; margin: 0 0 10px 10px; }
		ul.listed { margin-bottom: 10px; }
		ul.listed li { margin-left: 5px; list-style: inside circle; font-size: 15px; }
		img.photo_primary { padding: 7px; background-color: #FFF; border: 1px solid #E9DCC5; margin: 5px 0 7px 0; }
		
		
    /* RIGHT COLUMN */
    div#right_column { float: left; width: 225px; background-color: #FFF; padding: 38px 0 0 5px; text-align: left; }
    div#right_column div a.more { display: block; text-align: right; font-size: 10px; color: #035c91; }
	div#right_column p { width: 225px; }
	div#right_column ul { padding-bottom: 10px; }	
    div#right_column ul li a { font: bold 11px/17px Georgia, Times, "Times New Roman", serif; color: #1675ad; display: inline; padding-left: 3px; } 
    div#right_column ul li a:hover { color: #414141; text-decoration: underline; }
    div#right_column h2 { margin: 0 0 5px 0; }
	div#right_column h3 { font-weight: bold; }
	div#right_column h2.first { font: bold 14px/17px Georgia, Times, "Times New Roman", serif; margin: 36px 0 5px 0; }
	div#right_column h3.first { font: bold 12px/15px "Lucida Grande", Tahoma, Verdana, sans-serif; margin: 36px 0 5px 0; }
	div#right_column h3.accent { color: #596D19; }
	div#right_column h3.tw { font: bold 11px/14px; }
div#right_column table.standings { font-size: 11px; line-height: 1.4em; width: 240px; }
div#right_column_testimonialcredit { width: 240px; text-align: right; margin: 0; font-size: 10px; font-style: italic; font-family: "Lucida Grande", Tahoma, Verdana, sans-serif; padding-top: 3px 0 15px 0; } 

	
	
/* ----------------------------------- */
/*              5. FOOTER              */
/* ----------------------------------- */

    div#footer { clear: both; background: transparent url("../../../i/divider-footer.gif") no-repeat; text-align: center; font-size: 9px; color: #414141; line-height: 14px; padding: 10px 5px 15px 5px; }
    div#footer em { display: block; font-style: normal; }
    
    
/* ----------------------------------- */
/*              6. LINKS               */
/* ----------------------------------- */

    a { text-decoration: none; } div#left_column p a { text-decoration: underline; }
    a:hover { color: #000; text-decoration: underline; border-style: none; background: none; }
    a:active { border-style: none; background: none; }
    a:visited { color: #8a549e; }
    a.more { padding-right: 14px; color: #035c91; text-transform: lowercase; } a.more:hover { padding-right: 14px; color: #035c91; text-transform: lowercase; }
 