@import url(/stylesheets/rainbow.css);

body {
	background-color:#FFFFFF;
	margin: 0px;
	text-align: center;/* need text-align here to center content in IE */
}

#page { 
	width:801px;
	background-color:#FFFFFF;
	margin:0px auto;
	text-align:left; 
	border:1px solid #CCCCCC; 
	border-bottom:0px;
	padding-top:120px; 
}

#navarea {
	background-color: #AAAA99;
}

#content {
	float: left;
	width: 500px;
}

#content_wide { 
	float: left;
	width: 100%;
}

#content_italicproblem {
	float: left;
	width: 495px;
}

#content_padding {
	float: left;
	padding: 10px; 
	width:480px; 
}

body { 
	font-weight:normal; font-family:arial,sans-serif; font-size:.8em;
}
p { 
	 line-height:1.3em; margin-top:0px; 
}
table { 
	font-size:1em; 
}

/* for an excellent article on consistent list indentation read: http://devedge.netscape.com/viewsource/2002/list-indent/*/
ul { 
	margin: 0px; 
	padding: 0px 8px 0px 16px; 
	list-style-image:  url(/yossitest/images/bullet_arrow_orange.gif); 
}

img { border: 0px; vertical-align:bottom; }

a:link { color: #BB6633; text-decoration: underline; }
a:visited { color: #BB6633; text-decoration: underline; }
a:link:hover { color: #DD6633; text-decoration: none; }

input { font:normal 13px arial; }
select { font:normal 12px arial; }
option { font:normal 11px arial; }
.textbox { font:normal 13px arial; }
.submit { background-color:#996600; font:normal 13px arial; color:#FFFFFF; border-style:solid; border-width:1px 2px 2px 1px; border-color:#BB9 #740 #740 #BB9; }

h1 { margin:0 0px 10px 0px; padding-top:15px; font-size:1.5em; }
h1.dept { margin:0px 0px 10px 0px; padding-bottom:2px; font-size:28px; border-bottom:1px solid #BBBBAA; }
.issueDate { font: normal 26px arial; color: #CC6600; }
h1 a:link { color: #000000; text-decoration: none; }
h1 a:visited { color: #000000; text-decoration: none; }
h1 a:hover { color: #000000; text-decoration: underline; }
h2 { margin:10px 0px; font:bold 1.1em arial; color:#666666;  }
/* h2 { font:bold 13px verdana; color:#CC9900; } */
h3 { margin:15px 0px 10px 0px; font:bold 12px verdana; color:#999999; }
h4 { margin:10px 0px; padding:2px 8px; background-color:#999999; color:#FFFFFF; font:bold 12px arial; text-transform:uppercase; }
h5 { margin:0px; padding:2px 8px; background-color:#999999; color:#FFFFFF; font:bold 11px verdana; }
.caps { text-transform:uppercase; }
.clear { clear:both; }
.nomarginTop { margin-top:0px; }
.nomarginBottom { margin-bottom:0px; }
.no-margin { margin:0; }

.float-right { float:right; }
.float-left { float:left; }

/***************************************
 Begin Homepage Promo Formatting Calls */
/*
#hppromo { width: 500px; height:320px; background-color: #000000; color: #FFFFFF; }
#hppromo #colLeft { float: left; width: 135px; padding: 30px 0px 0px 15px; color: #FFFFFF; text-align: left; }
#hppromo #colRight { float: right; width: 340px; }
#hppromo #textPromo { margin-bottom: 8px; padding-bottom: 8px; border-bottom: 1px solid #888888; }
#hppromo .plus { background-color: #CC6600; padding: 0px 6px; }
#hppromo td { font-size:13px; font-family:arial,sans-serif; text-align:left; }
#hppromo a:link { color:#FFDD77; text-decoration:none; font-weight:bold; }
#hppromo a:visited { color:#FFDD77; text-decoration:none; font-weight:bold; }
#hppromo a:hover { color:#FFFF99; text-decoration:underline; }
#hppromo h1 { margin:0px 0px 8px 0px; color:#FFFFFF; font: normal 22px arial; line-height:22px; }
#hppromo h1 a:link { margin:0px 0px 10px 0px; color:#FFFFFF; font-weight: normal; }
#hppromo h1 a:visited { margin:0px 0px 10px 0px; color:#FFFFFF; font-weight: normal; }
#hppromo h1 a:hover { margin:0px 0px 10px 0px; color:#FFFF99; font-weight: normal; }
#hppromo h2 { margin:0px 0px 10px 0px; color:#FFFFFF; font:bold 15px arial; }
*/

#hpPromo { width: 492px; height:320px; background-color: #FFFFFF; border: 4px solid #BBBBAA; }
#hpPromo .colLeft { float: left; width: 140px; height: 274px; text-align: left; color: #000000; padding: 15px 5px 10px 15px; }
#hpPromo .colRight { float: right; width: 330px; }
#hpPromo .textPromo { margin-bottom: 8px; padding-bottom: 8px; border-bottom: 1px solid #CCCCCC; }
#hpPromo a:link { color: #CC6600; font-weight:bold; }
#hpPromo a:visited { color: #CC6600; font-weight:bold; }
#hpPromo a:hover { color:#EE8800; text-decoration:none; }
#hpPromo h1 { margin: 0px 0px 5px 0px; font: normal 22px arial; line-height: 24px; }
#hpPromo h1 a:link { color: #000000; line-height: 24px; }
#hpPromo h1 a:visited { color: #000000; line-height: 24px; }
#hpPromo h1 a:hover { text-decoration: none; color: #CC6600; line-height: 24px; }
#hpPromo .plus { padding: 0px 6px; background-color: #CC6600; color: #FFFFFF; }

#hp-features td { padding:5px; vertical-align:top; }
#hp-features ul { margin:0 0 10px 0; }
#hp-features h2 { margin:0 0 6px 0; padding:2px 5px; color: #FFFFFF; font:bold 11px arial; text-transform: uppercase; background-color:#CC9900; }
#hp-features .hp-features-promo { margin-top:10px; padding-top:8px; border-top:1px solid #CCC; }
/* End Homepage Promo Formatting Calls */


/***************************************
 Begin Redesign Calls */
.verdana11 { font-family: verdana; font-size: 11px; }
.arial10 { font-family: arial; font-size: 10px; }
/*td { vertical-align:top; }*/

.poll td { vertical-align: top; }
.partner { font-family: verdana; font-size: 11px; vertical-align: top; background-color: #EEEEEE; border: 1px solid #FFFFFF; padding: 6px 10px; }
.partnerhl { font-family: verdana; font-size: 11px; vertical-align: top; background-color: #D9D9CE; border: 1px solid #FFFFFF; padding: 6px 10px; }
.partner li { margin-bottom: 10px; }



.sidebar { border: 1px solid #990000; padding: 6px 8px 8px 8px; font-size: 12px; background-color: #EEEEDD; }
.articleHeader { font-size: 10px; padding: 2px; white-space: nowrap; }
.articleHeader td { padding-left: 8px; }
.caption { width: 200px; color: #666666; text-align: right; font-size: 10px; font-family: arial; padding: 2px; }

#poll_body { padding:8px; }
#poll_body td { padding:0px 0px 2px 0px; font-size:1em; }
.polltitle { background-color:#CC0066; color:#FFFFFF; padding:2px 8px; font:bold 11px arial; text-transform:uppercase; }

.hpHighlight { background-color: #AAAA99; color: #333333; padding: 2px 8px; text-transform: uppercase; font-size: 10px; font-weight: bold; color: #FFFFFF; }
.hpSidebar { width: 280px; background-color: #FFFFFF; border: 1px solid #AAAA99; text-align: left; padding: 6px; font-size: 11px; margin-bottom: 8px; }
.hpHighlight2 { padding:2px 8px; color: #FFFFFF; font:bold 11px arial; text-transform: uppercase; background-color:#CC9900; }
.hpSidebar2 { width:300px; padding:4px 10px 10px 15px; background-color:#EEEEDD; }
.hpSubscribe { font-size: 10px; font-weight: bold; text-transform: uppercase; padding-left: 16px; color: #EE6633; padding-top: 6px; border-top: 1px solid #CCCCCC; background-color: #DDDDCC; }
.mb-promo { width:284px; background-color:#CDE; padding:8px; border-top:1px solid #CCC; border-bottom:1px solid #CCC; }
.mb-promo-content { padding:5px; background-color:#DEF; }
.mb-promo h2 { padding-left:5px; }
.mb-promo h3 { margin:0; color:#444; text-transform:uppercase; font-family:arial; }
.mb-promo ul { margin:2px 0 5px 0; font-size:11px; }
.mb-promo img { margin:0 0 5px 5px; }

.toc a { text-transform: uppercase; font-weight: bold; }
.toc p { margin: 0px 0px 6px 0px ; }
.toc h2 { text-transform:uppercase; color:#333; }
.tocHeader { font:bold 18px verdana; color: #CC9900; border-bottom: 1px solid #CC9900; margin-bottom: 12px; }
.tocFeaturedImages { width: 162px; vertical-align: top; }
.toc dl { margin:0 0 10px 0; }
.toc dd { margin:0; padding-bottom:8px; }
.tocReports { width: 160px; padding:0 2px 0px 0px; border-right: 1px dotted #CCCCCC; border-top: 1px dotted #CCCCCC; }
.tocReports a { text-transform: none; font-weight: normal; }
.tocReports dt { clear: both; float:left; padding-right:4px; text-transform:uppercase; }
.tocReports dd { padding-bottom:0; }
.tocFindOutMore { width:150px; border: 1px solid #DDDDCC; margin:15px 5px 0 0; padding: 6px 8px; background-color: #EEEEDD; margin-bottom:12px; }
.tocPhotoCredit { font:normal 11px arial; margin-bottom:12px; }
.tocNext { vertical-align: top; padding:0 10px 0px 5px; border-top: 1px dotted #CCCCCC; }
.tocNext dt { clear: both; float:left; padding-right:5px; }
.image-main { width:162px; height:200px; margin:0 0 2px 1px; }
.image-sub { width:80px; margin-left:1px; }

.hotdeals-tagline { display:inline; font-size:.5em; text-transform:uppercase; color:#777; }
.hotdeals { border-top: 1px solid #CCCCCC; padding-top: 15px; }
.hotdealsDeal { color: #CC0000; text-transform: uppercase; font-weight: bold; }
.hotdealsAd { background-color: #EEEEEE; margin-top: 15px; padding: 10px 6px; border-top: 1px solid #CCCCCC; font-family: verdana; font-size: 11px; }
#hotdeals h1 { margin-bottom:0; }
#hotdeals h2 { margin-top:0; padding:5px; background-color:#EEE; color:#000; }
#hotdeals dt { color:#C00; text-transform:uppercase; font-weight:bold; border-bottom:1px dotted #CCC; }
#hotdeals dd { padding:5px 0 10px 0; }

.travelsitesTitle { border-bottom: 1px dotted #FFCC66; margin-bottom:6px; }
.travelsitesText { padding: 0px 12px 12px 12px; font-size: 11px; color: #666666; }
.travelsitesLink a:link { color:#336699; } 
.travelsites li { list-style-image:url(/travelsites/images/bullet_orangearrow.gif); font-family: arial, verdana, helvetica; font-size:13px; }
.quicklinks { background-color:#DDEEFF; padding:3px 10px; font-size:11px; font-family:verdana; font-weight:bold; color:#666666; }

.features img { margin-right:3px; }

.thismonthpromo { color: #FFFFFF; background-color: #333333; padding: 4px 4px 6px 4px; text-align: right; }
a.thismonthpromo:link { color: #FFFFFF; }
a.thismonthpromo:visited { color: #FFFFFF; }
a.thismonthpromo:hover { color: #FFFFFF; }

img { border:0px; }

/* ME DEC 2005 ad placement styles */
td.ad_staging { color:#ffffff;font-family:verdana;font-size:8pt;border: 1px #000000 solid;background-color:#888888; }
#ad_top_728x90 { text-align:center; background-color:#FFFFFF;width:728px; height:90px; position:absolute; top:10px; margin-left:36px; }
#ad_right1_280x60 { padding:10px; text-align:center; }

#navBrand { 
	background-color:#FFFFFF; 
	padding-left:5px; padding-right:15px; 
	vertical-align:bottom; 
	border-bottom:3px solid #AAAA99; 
	background-image:url('https://ssl.amexpub.com/applications/track/tl_middletop.gif'); 
	background-repeat:no-repeat; 
}

#navSearch { 
	padding:0 10px 4px 20px; 
	font:bold 12px arial; 
	background-image:url('/images/navbar/searchbox_border.gif'); 
	background-position:top left; 
	background-repeat:no-repeat;
	vertical-align:bottom; 
}

/* improved search graphic */
#search-bubble img { position:relative; margin:0 0 -1px 8px; z-index:1; }	

#navSearch form { margin:0px; }
#navSearch form input#query { width:150px; font-family:arial,sans-serif; font-size:13px; } 
#navPromo { padding:0 5px; font:bold 12px arial,sans-serif; line-height:14px; border-right:1px dotted #CCB; border-left:1px dotted #CCB; }
	#navPromo img { float:left; margin-right:3px; }
	#navPromo a.giftLink { display:block; padding:5px 0 0 0;}
	#navPromo a:link { color:#FFF; text-decoration:none; }
	#navPromo a:visited { color:#FFF; text-decoration:none; }
	#navPromo a:hover { color:#FF9; text-decoration:underline; }
#navCM { padding:3px 8px; }
#navCM ul { margin:0; padding:0 0 0 15px; list-style-image:none; list-style-type:square; }
#navCM li { color:#FFFFFF; font:bold 12px arial; line-height:14px; }
#navCM li a:link { text-decoration:none; color:#FFF; }
#navCM li a:visited { text-decoration:none; color:#FFF; }
#navCM li a:hover { color:#FF9; text-decoration:underline; }

#navbar { height:40px; background:url('/images/navbar/tl_navbar_200609.gif') no-repeat; margin:0px; position:relative; }
#navbar li { margin:0px; padding:0px; list-style:none; position:absolute; top:0px; }
#navbar li, #navbar a { height:40px; display:block;}

#button1 {left:0px; width:47px;}
#button2 {left:47px; width:123px;}
#button3 {left:170px; width:55px;}
#button4 {left:225px; width:89px;}
#button5 {left:314px; width:91px; }
#button6 {left:405px; width:92px; }
#button7 {left:497px; width:97px; }
#button8 {left:594px; width:73px; }
#button9 {left:667px; width:77px; }
#button10 {left:744px; width:67px; }

#button1 a:hover {background: transparent url(/images/navbar/tl_navbar_200609.gif) 0 -40px no-repeat;}
#button2 a:hover {background: transparent url(/images/navbar/tl_navbar_200609.gif) -47px -40px no-repeat;}
#button3 a:hover {background: transparent url(/images/navbar/tl_navbar_200609.gif) -170px -40px no-repeat;}
#button4 a:hover {background: transparent url(/images/navbar/tl_navbar_200609.gif) -225px -40px no-repeat;}
#button5 a:hover {background: transparent url(/images/navbar/tl_navbar_200609.gif) -314px -40px no-repeat;}
#button6 a:hover {background: transparent url(/images/navbar/tl_navbar_200609.gif) -405px -40px no-repeat;}
#button7 a:hover {background: transparent url(/images/navbar/tl_navbar_200609.gif) -497px -40px no-repeat;}
#button8 a:hover {background: transparent url(/images/navbar/tl_navbar_200609.gif) -594px -40px no-repeat;}
#button9 a:hover {background: transparent url(/images/navbar/tl_navbar_200609.gif) -667px -40px no-repeat;}
#button10 a:hover {background: transparent url(/images/navbar/tl_navbar_200609.gif) -744px -40px no-repeat;}

#navSubPromo { width:300px; vertical-align:bottom; }
#navSubPromo a { padding-top:2px; background-color: #99BBCC; display: block; }
#navSubPromo a:hover { padding-top:2px; background-color: #CCDDEE; }  

p#subscriptions {border: 1px solid #cccccc; text-align: center; margin: 10px; padding: 4px; background-color: #EEEEEE; }
p#footerNotes { color: #cccccc; font:10px arial; margin-bottom:0px; }


/********************** TL SIDEBAR / MIDDLEBOTTOM **********************/
#sidebar { float: right; width: 300px; border-left: 1px solid #CCC; background-color: #EED; display: block; }

#travel-tools { margin-bottom:8px; background-color:#FFF; /* background-image:url(/guides/images/mb_sidebar_dg_bg.gif); background-repeat:no-repeat; */ }
#travel-tools .border { position:relative; z-index:99; width:295px; margin-left:-1px; padding:10px 5px 20px 0; background-image:url(/guides/images/mb_sidebar_dg_border.gif); background-repeat:no-repeat; background-position:bottom; border-left:1px dashed #FFF; }
#travel-tools h4 { margin:0 0 5px 10px; padding:0 0 3px 0; color:#333; background-color:transparent; font-size:13px; text-transform:none; border-bottom:1px dotted #CCC; }
#travel-tools ul { padding-left:25px; list-style-image:none; list-style-type:square; color:#333; }

#marketplace { padding:10px; font:11px arial,sans-serif; }
/*#marketplace img { display: none ! important; }*/
#marketplace ul { margin:0; padding:0 0 0 15px; /*background-color: #FFFFFF; border: 1px solid #999999;*/ } 
#marketplace li { margin-bottom:5px; }
#industryBrains { padding:12px;font-family: arial; font-size:11px; vertical-align: top; }
#industryBrains div { padding: 4px 4px; background-color: #FFFFFF; /*border: 1px solid #999999;*/ }

.sidebarSubbox { padding:6px; background-color:#ddddcc; }
#sidebarGiftbox { padding:0px; }

/********************** END TL SIDEBAR / MIDDLEBOTTOM **********************/

/* consumer marketing ad placement */
#cm_placement_x { text-align:center;margin-top:18px; }

#footer {
	clear:both; 
	border-bottom:1px solid #cccccc; 
	border-top: 1px solid #cccccc; 
	text-align: center;
	padding:6px; 
}

#articlePaginator { float:right; margin-bottom:12px; }
#articleBody { margin:12px 0px; }

/* nav area classes */
#nav {
	padding:0px;
}

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

#nav li { /*added #nav */
	display: block;
	float: left;
	list-style: none;
	list-style-image: none;
	position: relative;
	text-align: left;
	cursor: default;
	background-color: #666655; 
	border-top:1px solid #FFFFFF; 
	border-bottom:1px solid #FFFFFF; 
	padding:0px;  
}

/* If you put float:left here it works in IE for mac, but breaks Firebird */
#nav li a { padding:0px; display: block; }
#nav li a:hover  { background-color: #5588AA; } /* display: block; float: left; */
#nav li.red a:link { background-color:#663300; }
#nav li.red a:visited { background-color:#663300; }
#nav li.red a:hover { background-color:#990000; }/*display: block; float: left;*/

#nav li ul { 
	display: none;
	position: absolute;
	top:31px;
	left:0px;
	width:180px;
	font-weight: bold;
	background-color:#5588AA;
	padding: 0px;
	border:solid 1px #99AABB;
	border-width: 1px 1px 0px 1px;
	z-index:auto;
}

#nav li>ul { 
	top:31px;
	left: auto;
}

#nav li li { 
	text-align: left;
	display: block;
	float: none;
	background-color:transparent;
	border: 0;
	border-bottom:1px solid #99AABB;
	margin-top:0px;
	margin-bottom: 0px;
}

/* added float:none to these two classes */
#nav li li a {
	float:none;
	display: block;
	font:normal 13px arial;
	padding:3px 8px;
}

* html #nav li li a {
	width:99.99%;
}

#nav li li a:hover {
	float:none;
	/*padding: 0.2em 5px; 
	border-left: 5px solid red;*/
	background-color:#336699;
}

#nav li:hover ul, #nav li.over ul { 
	display: block;
}

#MacIEnav td { background-color: #666655; border-top:1px solid #FFFFFF; border-bottom:1px solid #FFFFFF; }
#MacIEnav td a { display:block; }
#MacIEnav td a:hover  { background-color:#5588AA; } 
#MacIEnav td.blue { background-color:#666655; } /* uses same hover color as the regular <td>s */
#MacIEnav td.red { background-color:#663300; }
#MacIEnav td.red a:hover { background-color:#990000; }

/* these are used in the marketplace pages as well as on the complex_article display template */
#ad_sidebar {	
	font-size:11px; 
	line-height:13px; 
	background-color:#EEEEEE; 
	border:1px solid #CCCCCC;
	padding:8px;
	margin-bottom:0px;
}

h2.ad_sidebar { 
	font-weight:normal; 
	font-size:10px;  
	text-transform:uppercase;  
	color:#666666; 
	padding-bottom:2px; 
	margin:0px 0px 5px 0px; 
	border-bottom:1px solid #CCCCCC; 
}

#ad_sidebar li { margin-top:3px; }

#ad_sidebar img { display:none ! important; }

.benchmark { display:block; border:2px solid #ff0000; margin:6px 0px; padding:3px; background-color:#ffff99; color:#ff0000; font-weight:bold; }


/* LEGACY STYLES: used in older articles */
.small {
	font-size : 10px;
}

.section { 
	font-size: 14px; 
	font-weight: bold; 
	color: #cc0000;
}

.facts { 
	font-size: 12px; 
	font-weight: bold; 
	color:#990000;
}
/* /LEGACY STYLES */

/***************************************
 Begin Article Formatting Calls */
 
/* This is the link box at the top of articles */
#articleTools  { width:480px; font:normal 12px arial,sans-serif; margin-bottom:10px; border-bottom:1px solid #CCCCCC; }
#articleTools td { vertical-align:top; border-left:1px solid #CCCCCC; }
#articleTools td p { font-size:11px;margin:2px 4px; }
#articleTools h5 { display:inline; width:auto; padding:0px 5px; color: #FFFFFF; font:bold 11px arial; text-transform: uppercase; background-color:#CC9900; }
#articleTools #toolbox { width:60px; vertical-align:top; padding:2px 8px; border:1px solid #CCCCCC; border-bottom:0px; }
#articleTools #toolbox img { vertical-align:top; }
#articleTools #toolbox a:link { text-decoration:none; }
#articleTools #toolbox a:visited { text-decoration:none; }
#articleTools #toolbox a:hover { text-decoration:underline; }

#article-tools { text-align:right; margin-bottom:-2px; padding-bottom:4px; border-bottom:1px dotted #CCC; }
#article-tools a { text-decoration:none; }
#article-tools ul { margin:0; padding:0; }
#article-tools li { display:inline; padding:2px 5px; border-left:1px solid #CCC; }

div#article ul.paginationNav { font-size: 12px; padding:18px 5px 5px 5px; float:right; }
div#article ul.paginationNav a { font-weight:bold; padding: 1px 5px; border: solid 1px #BBB; background: transparent; text-decoration: none; }
div#article ul.paginationNav a:visited { font-weight:bold; padding: 1px 5px; border: solid 1px #BBB; text-decoration: none; }
div#article ul.paginationNav a:hover { color: #DD6633; text-decoration: none; border: solid 1px #DD6633; }
div#article ul.paginationNav li { list-style:none; display: inline; }
div#article ul.paginationNav li.first {  }
div#article ul.paginationNav li.currentPage { padding: 1px 4px; border: 0px; font-weight: bold; vertical-align: top; background: transparent; }

#article #paginator { float:right; font-size:12px; }
/* .articleTitle { font: bold 16px verdana,arial,sans-serif; color: #990000; border-bottom: 1px solid #990000; margin-bottom: 10px; } */
/* .articleIntro { font: 16px verdana, arial; color: #666666; } */

.articlePubDate { color: #666666; padding: 8px 0px; font-style: italic; }
/*.articleSidebartitle { font: bold 12px arial,helvetica,sans-serif; max-width:200px; width:expression(document.body.clientWidth > 200? "200px": "auto" ); padding: 2px 0px 0px 8px; background-color:#999999; color:#ffffff; }*/
.articleSidebartitle { font: bold 12px arial,helvetica,sans-serif; max-width:200px; width:200px; padding: 2px 0px 0px 8px; background-color:#999999; color:#ffffff; }
/*.articleSidebar { font-size:13px; max-width:190px; width:expression(document.body.clientWidth > 190? "190px": "auto" ); border:1px solid #999999; margin-bottom:1em; padding:3px 5px 6px 5px; }*/
.articleSidebar { font-size:13px; max-width:190px; width:190px; border:1px solid #999999; margin-bottom:1em; padding:3px 5px 6px 5px; }
.articleSubtitle { font:normal 12px arial; font-size: 16px; font-weight: normal; color:#CC0000; }
.articleFooter { padding:8px; background-color:#EEEEEE; font-size:11px; border:1px solid #CCCCCC; clear:both; margin-top:3px; }
/* End Article Formatting Calls */

#article h2.nomargin { margin:0px; font:bold .9em arial; color:#666666; }
#article h3 { margin:0px 0px 0px 0px; font:bold .8em arial; color:#000000; text-transform:uppercase; }
#article h4 { margin:0px; padding:2px 8px 1px 8px; font:bold 12px arial; background-color:#999999; color:#FFFFFF; }
#article h4.red { background-color:#990000; }
#article .caps { font-size:.8em; text-transform:uppercase; }
	
#article .caption { text-align:right; font:normal 11px arial; color:#666666; }
#article #articleSidebar { float:right; margin-left:10px; }
/*#article .sidebar2 { font-size:1em; max-width:200px; width:expression(document.body.clientWidth > 200? "200px": "auto" ); border:1px solid #999999; margin-bottom:1em; padding:0px; }*/
#article .sidebar2 { font-size:1em; max-width:200px; width:200px; border:1px solid #999999; margin-bottom:1em; padding:0px; }
#article #articleSidebar ul { list-style-image:none; list-style-type:square; color:#BBBBBB; margin:0px 0px 10px 0px; }
#article #articleSidebar li { margin:3px 10px 4px 20px; }

select { font:normal 12px verdana; }
.subhed { padding:4px 8px; background-color:#FFFFFF; font:bold 12px verdana; color:#CC9900; border-bottom:1px solid #CCCCCC; }
.subhed2 { padding-bottom:2px; margin-bottom:8px; font:bold 12px verdana; color:#CC9900; border-bottom:1px solid #CCCCCC; }
h3.throp { padding-bottom:2px; margin-bottom:0px; font:bold 12px verdana; color:#CC9900; border-bottom:1px solid #CCCCCC; }
.path { padding:5px; background-color:#EEEEEE; margin-bottom:10px; }


#askSidebar { float:right; clear: right; width:170px; margin-left:10px; background-color: #FFF;}
#askSidebar h4 {margin: 0px 0px; background-color: #666666;}
#askSidebar .content {padding: 8px; margin-bottom: 1em; border: 1px solid #666666; background-color: #EEE;}
#askSidebar .content FORM {margin: 3px 0px; padding: 0px 0px;}
#askSidebar .content FORM OPTION {width:120px;}

.ask h4.weekdate { width: 280px; background-color: #CC6600; font-size: 14px;}
.ask h4.monthdate { background-color: #C60; font-size: 14px;}

.ask .qanda {border-bottom:1px solid #CCC;}
.ask .qanda h2 {color: #C60;}

#family-header { margin:10px 5px; padding-left:5px; border-bottom:1px solid #CCC; }
#family-header img { float:left; padding:0 5px 5px 0; border-right:1px solid #CCC; }
#family-header h1 { float:left; width:340px; margin:5px 0 0 0; font:bold 12px arial; color:#999; float:right; }