/*
	Campaign For Tobacco-Free Kids styles
	Developed by Noah Lazar, Saforian
*/


/* ----- Formatting ----- */

body
{ color:#444; font:normal .77em/1.4em verdana,arial,helvetica,sans-serif }

p, th, td, li, dt, dd
{ color:#444; line-height:1.4 }
th, b, strong
{ font-weight:bold }
i, em, cite
{ font-style:italic }
sup, sub
{ font-size:75% }
table, tr, td, th /* IE5 font fix */
{ font-size:100% }


/* Links */
a
{ text-decoration:none }
a:link
{ color:#006699 }
/* ----- { color:#d61f26 } ----- */
a:visited
{ color:#006699  }
/* ----- { color:#d61f26 } ----- */
a:hover
{ text-decoration:underline }


/* Paragraphs */
p
{ margin:0 0 1.3em }
address
{ font-style:normal; margin:0 0 1.3em }

.small, small
{ font-size:92% }
.big, big
{ font-size:130% }
.highlight
{ color:#d61f26; font-weight:bold }

/* ----- { color:#0f5aac; font-weight:bold } ----- */

p.more
{ min-height:18px; margin:0 0 1.2em; padding:5px 8px 17px; background:transparent url("../images/block_moreback.gif") no-repeat top right; 
  font-weight:bold; line-height:1.2 }
p.more a
{ padding:2px 12px 2px 0; background:transparent url("../images/block_morearrow.gif") no-repeat right center }


blockquote
{ margin:0 0 1.3em; padding:15px; background:transparent url("../images/blockquote_back.gif") repeat }
blockquote p
{ margin:0; line-height:1.3;  color:#000000;  /* color:#4789c8;  font-weight:bold */ }


/* Images */
a img
{ border:none }
.floatleft /* Floating images */
{ float:left; margin:0 8px 8px 0 }
.floatright
{ float:right; margin:0 0 8px 8px }

img.icon /* Document icons */
{ display:inline; margin-right:3px; padding-left:6px; vertical-align:middle }


/* Separators */
hr
{ color:#e1e1e1; background-color:#e1e1e1; height:2px; margin:1.1em 0; padding:0; border-width:0; overflow:hidden }
	* html hr /* IE6 fix */
	{ margin:.1em 0 1em }
	*:first-child+html hr /* IE7 fix */
	{ margin:.1em 0 1em }


/* Headings */
h1, h2, h3, h4, h5, h6
{ color:#555; margin:0 0 .9em; padding:0; font:bold 140%/1.2 "Lucida Grande",arial,helvetica,sans-serif }
h1
{ font-size:220%; color:#777; font-weight:normal }  /* 18px */
h2
{ font-size:133% }  /* 16px */
h3
{ font-size:124% }  /* 15px */
h4
{ font-size:115% }  /* 14px */
h5
{ font-size:108% }  /* 13px */
h6
{ font-size:108%; margin-bottom:.3em }

.bar /* With arrow/line */
{ padding:4px 0 0 23px; border-top:1px solid #d7190d; background:transparent url("../images/heading_bararrow.gif") no-repeat; line-height:1 }
	.bar img
	{ margin-top:2px }


/* Lists */
ul
{ margin:0 0 1.3em; padding:0; list-style-type:none }
	ul li, ol li ul li
	{ margin:0 0 .6em; padding:0 0 0 16px; background:transparent url("../images/bullet_arrow.gif") no-repeat 0 .2em }
	ul ul
	{ margin:5px 0 2px 2px }

ol
{ margin:0 0 1.3em 33px; padding-left:0 }
	ol li, ul li ol li
	{ margin-bottom:.6em }

dl
{ margin:0 0 1.3em }
	dt
	{ display:block; margin:1em 0 0 0; padding:0; font-weight:bold }
	dd
	{ margin:1px 0 0 0; padding:0 }


/* Forms */
form, fieldset
{ margin:0; padding:0 }
input, select, textarea
{ font-family:verdana,arial,helvetica,sans-serif; font-size:100%; vertical-align:middle }
textarea
{ width:99% }
label
{ vertical-align:middle }


/* Layout table */
table
{ margin:0 0 .3em 0; padding:0; border-width:0; border-collapse:collapse; border-spacing:0; empty-cells:show; table-layout:auto }
td
{ padding:0 12px 1em 0; vertical-align:top }


/* Data Tables */
table.table-data
{ width:100%; margin-bottom:1.5em }

table.table-data caption
{ padding:0 0 5px 0; text-align:left; font-weight:bold; font-size:100% }
table.table-data th
{ padding:5px 7px; border:1px solid #fff; vertical-align:top; background-color:#0f5aac; color:#fff; text-align:left }
table.table-data td
{ padding:6px 7px; border:1px solid #fff }

/* Row gap */
tr.table-rowbreak td
{ border-top:2em solid #fff }



/* ----- Layout ----- */

.hide, .hide *
{ position:absolute; overflow:hidden; left:0; top:-9999px; width:1px; height:1px }


body
{ margin:0; padding:20px 10px 10px; background-color:#e2e2e1 }
	* html body /* IE5 centering fix */
	{ text-align:center }

#wrapper
{ width:965px; margin:0 auto; padding-bottom:9px; background:#fff url("../images/header_back.gif") no-repeat }
	* html #wrapper /* IE5 centering fix */
	{ text-align:left }


/* - Header - */

#header
{ zoom:1; min-height:43px; margin:0 0 0 7px; padding-top:8px; text-align:right }
	#header:after /* Clear after floats */
	{ content:"."; display:block; height:0; clear:both; visibility:hidden }
	* html #header /* IE6 min-height fix */
	{ height:43px }

/* Logo */
#logo
{ float:left }
#logo img
{ display:block; padding:6px }


/* Auxiliary nav */
#auxnav
{ margin:12px 10px .3em; font-size:92%; line-height:1.1 }

#auxnav a, #auxnav a:visited
{ padding:2px; color:#777 }
	#auxnav a#nav-partners
	{ padding-left:18px; background:transparent url("../images/icon_partners.gif") no-repeat 0 50% }



/* Primary navigation */
#navigation
{ clear:both; margin:0 5px .7em; padding:1px 0; border:1px solid #e1e1e1; border-width:1px 0 }

#navigation ul
{ zoom:1; margin:0; padding:0; background:#ebebeb url("../images/nav_back.gif") repeat-x; list-style-type:none }
	#navigation ul:after /* Clear after floats */
	{ content:"."; display:block; height:0; clear:both; visibility:hidden }

#navigation li
{ float:left; margin:0; padding:0 2px 0 0; background:transparent url("../images/nav_sep.gif") repeat-y 100% 0 }

#navigation a
{ float:left; padding:7px 16px; color:#7a7a7a; font-weight:bold; white-space:nowrap; line-height:1.2 }
	#navigation a:link, #navigation a:visited
	{ color:#7a7a7a }

/* Hover and active */
#navigation a:hover, #navigation a.highlight, #navigation a.highlight:visited
{ background:#639fd6 url("../images/nav_active.gif") repeat-x; color:#fff; text-decoration:none }


/* Tools link */
#nav-tools a
{ background:#b2b2b2 url("../images/nav_toolsback.gif") repeat-x; color:#fff }

#nav-tools a span /* Arrow */
{ padding-right:18px; background:transparent url("../images/nav_toolsarrow.gif") no-repeat 100% 50%; white-space:nowrap }
	#nav-tools:hover a span, #nav-tools.highlight a span
	{ background-image:url("../images/nav_toolsarrow_on.gif") }


/* Tools flyout */
#nav-tools:hover a, #nav-tools.highlight a, #nav-tools.highlight a:visited /* Link stays hovered */
{ background:#639fd6 url("../images/nav_active.gif") repeat-x; color:#fff; text-decoration:none }

#nav-tools
{ position:relative; z-index:99 }
#nav-tools ul
{ display:none; position:absolute; top:28px; left:-2px; width:350px; 
  border:2px solid #fff; padding:9px 12px; background:#5eb214 url("../images/nav_flyoutback.gif") repeat-y; font-size:92% }

#nav-tools ul li
{ float:left; width:48%; margin-right:2%; padding:4px 0; background:transparent none }

#nav-tools ul a
{ zoom:1; display:block; float:none; padding:2px; background:transparent none; color:#fff; line-height:1.1; font-weight:normal; white-space:normal }
	#nav-tools ul a:link, #nav-tools ul a:visited
	{ color:#fff }

#nav-tools:hover ul a, #nav-tools.highlight ul a, #nav-tools.highlight ul a:visited /* Undo inherited styles */
{ background:transparent none }

#nav-tools ul a:hover, #nav-tools.highlight ul a:visited:hover
{ background:transparent none; text-decoration:underline }


/* Pre-content introduction */
#intro  /* width:953px */
{ clear:both; position:relative; overflow:visible; height:155px; margin:0 6px 1.2em; padding:25px 345px 13px 20px; 
  background:#0f5aac url("../images/intro_back.jpg") no-repeat bottom left }
	* html #intro /* IE5 box model fix */
	{ height:193px; he\ight:155px; }

#intro #photo
{ position:absolute; top:0px; right:0; display:block }

#intro *
{ color:#fff }
#intro h2, #intro p
{ margin-bottom:.5em; color:#fff }



/* - Content area - */

#content
{ clear:both; float:left; width:635px; margin:0 0 1.5em 6px; padding:0 17px; border-right:2px solid #e1e1e1 }
	* html #content /* IE5 box model and double-float fix */
	{ display:inline; width:671px; w\idth:635px; }


/* Third-level graphic title ("false" part is set from Dreamweaver template variable) */
#titlefalse
{ zoom:1; position:relative; left:-17px; width:671px; height:94px; margin-bottom:1em; padding:0;
  background:#fff url("../images/title_back.jpg") no-repeat 0 0 }
	* html #titlefalse /* IE6 spacing fix */
	{ margin-right:-36px }

#titlefalse h1
{ position:absolute; bottom:6px; right:0; display:block; width:100%; margin:0; text-align:right;
  font-size:230%; color:#fff; text-transform:uppercase; line-height:1.1em; font-weight:normal }
#titlefalse h1 img
{ display:block }

	* html #titlefalse h1 /* IE6 fix */
	{ bottom:12px }
	*:first-child+html #titlefalse h1 /* IE7 fix */
	{ bottom:12px }



/* sIFR titles */
.sIFR-flash
{ visibility:visible !important; margin:0 }
.sIFR-replaced
{ visibility:visible !important }
span.sIFR-alternate
{ position:absolute; left:0; top:0; width:0; height:0; display:block; overflow:hidden }
.sIFR-flash + div[adblocktab=true] /* Hide Adblock Object */
{ display:none !important }

/* Decoy styles */
.sIFR-hasFlash #titletrue h1 /* Regular headline */
{ visibility:hidden; margin-bottom:.3em; font-size:232%; font-family:arial,sans-serif }
.sIFR-hasFlash #titlefalse h1 /* Within blue block */
{ visibility:hidden; margin-bottom:0; font-size:225%; font-family:arial,sans-serif }


/* Indent quotations */
#content blockquote
{ margin-left:-15px; margin-right:-5px }


/* Photos */
.photoright
{ clear:right; float:right; width:240px; margin:0 0 1em 10px; 
  text-align:center; font-size:92%; color:#666; font-style:italic; line-height:1.2 }
.photoright img
{ display:block; margin-bottom:.8em }


/* Thumbnail lists */
ul.thumbs li
{ zoom:1; clear:left; min-height:65px; margin:0 0 .8em 85px; padding:0; background-image:none; list-style-type:none }
	* html ul.thumbs li /* IE6 min-height fix */
	{ height:65px }

ul.thumbs img.thumbs
{ float:left; margin-left:-85px }
	* html ul.thumbs img.thumbs
	{ position:relative }

ul.thumbs h4, ul.thumbs h5, ul.thumbs h6, ul.thumbs p
{ margin-bottom:.4em }



/* - Sidebar - */

#sidebar
{ float:right; width:250px; margin:0 6px 1.5em -5px; padding:1.2em 10px 1em; 
  background:transparent url("../images/sidebar_top.gif") no-repeat top right; font-size:92% }
	* html #sidebar /* IE5 box model fix */
	{ width:270px; w\idth:250px }

a.icon-view
{ display:block; padding:2px 0 2px 20px; background:transparent url("../images/icon_ads.gif") no-repeat 0 .4em }


/* Subnavigation */
#subnav
{ margin:0 -10px 2em; padding:0 13px 48px; background:transparent url("../images/subnav_back.gif") repeat-x bottom left; list-style-type:none }
#subnav li
{ display:block; margin:0; padding:0 0 1px; background:transparent url("../images/subnav_sep.gif") repeat-x bottom left;
  font:135% "Lucida Grande",arial,helvetica,sans-serif; line-height:1.2 }
#subnav li a
{ zoom:1; display:block; padding:8px 8px 8px 25px; color:#666 }
	#subnav li a:hover, #subnav li a.highlight
	{ background:transparent url("../images/bullet_arrow.gif") no-repeat 6px .8em; color:#d61f26; text-decoration:none; font-weight:normal }
	


/* - Footer - */

#footer
{ zoom:1; clear:both; margin:1.2em 6px 0; font-size:92% }
	#footer:after /* Clear after floats */
	{ content:"."; display:block; height:0; clear:both; visibility:hidden }

	#footer hr
	{ display:none }

#copyright
{ margin:0 0 2px; padding:5px 6px; background-color:#0f5aac; text-align:right; color:#e1e1e1; line-height:1.1 }

/* Logos */
#footer ul#logos
{ margin:0; padding:10px 0; background-color:#f4f4f4; text-align:right; list-style-type:none }
#footer ul#logos li
{ display:inline; margin:0 30px 0 0; padding:0; background:transparent none }



/* --- Homepage --- */

/* Logos */
#header h1
{ font-size:100% }

#header ul#logos
{ float:right; position:relative; z-index:50; margin:-4px 8px 0; padding:0; text-align:right; list-style-type:none }
#header ul#logos li
{ display:inline; margin:0 30px 0 0; padding:0; background:transparent none }


/* Aux links in footer */
#footer #auxnav
{ float:left; margin:5px 6px; color:#fff; font-weight:bold; font-size:100% }
#footer #auxnav a, #footer #auxnav a:visited
{ color:#fff }


/* Intro */
#home #intro
{ margin-bottom:13px; padding-right:445px; background-image:url("../images/home_introback.jpg") }
#home #intro #photo /* Congo line */
{ top:auto; bottom:9px }
	* html #home #intro #photo /* IE6 positioning fix */
	{ bottom:8px }

/* Content columns */
#home #content
{ float:right; width:630px; margin:0 15px 1em 0; padding:0; border-right-width:0 }
	* html #content /* IE5 box model fix */
	{ width:635px }


/* - Timeline - */
#home #sidebar
{ position:relative; top:-48px; float:left; width:295px; margin:0 0 1em 5px; padding:42px 0 0 0; border-right:2px solid #e1e1e1 }
	* html #home #sidebar /* IE5 box model fix */
	{ display:inline; width:297px; w\idth:295px }


#home #sidebar h2
{ position:absolute; top:0; left:1px; background-color:#76c818 }
	#home #sidebar h2 img
	{ display:block }


/* Slider */
#slider
{ width:250px; height:50px; margin:0 0 .8em -10px; padding:0 4px 0 6px; background:transparent url("../images/timelinesm_steps.gif") no-repeat }
	* html #slider /* IE5 box model fix */
	{ width:260px; w\idth:250px; }
	#home #slider
	{ margin-left:auto; margin-right:auto }

#slider div
{ position:relative }
#slider img
{ position:absolute; z-index:20; top:7px; left:0; display:none }

/* Step links */
#slider a
{ position:absolute; z-index:10; top:7px; left:0; width:10px; height:15px; outline:0; -moz-outline:0;
  text-indent:-9999px; overflow:hidden }
	#slider a:hover
	{ text-decoration:none }


/* Box */
#timeview
{ position:relative; width:244px; margin:0 0 0 22px; padding:13px 0 0; background:transparent url("../images/timelinesm_top.gif") no-repeat }

/* Next/back arrows */
#timeback, #timenext
{ display:none; position:absolute; z-index:50; top:10px; height:196px; outline:0; -moz-outline:0; 
  text-indent:-9999px; overflow:hidden }

#timeback
{ left:-21px; width:21px; background:transparent url("../images/timelinesm_last.gif") no-repeat }
	#timeback:hover
	{ background-position:-21px 0; text-decoration:none }
#timenext
{ right:-22px; width:22px; background:transparent url("../images/timelinesm_next.gif") no-repeat }
	#timenext:hover
	{ background-position:-22px 0; text-decoration:none }



/* Scrolling content window */
#timeview #timewrapper
{ position:relative; width:244px; min-height:18.7em; padding-bottom:3.8em; 
  background:transparent url("../images/timelinesm_bottom.gif") no-repeat bottom left; overflow:hidden }
	* html #timeview #timewrapper /* IE6 min-height fix */
	{ height:18.7em }


/* Scrolling bar */
#timeview #events div
{ position:relative; float:left; width:214px; height:17.5em; border:1px solid #ccc; border-width:0 1px; 
  padding:.5em 14px 3.8em; overflow:hidden; text-align:left }

#timeview h5, #timeview h6, #timeview p, #timeview ul
{ margin-bottom:.8em; line-height:1.4; color:#666 }


/* More button */
#timeview .more
{ position:absolute; left:0; bottom:.6em; width:216px; margin:0 14px; padding:7px 0 0; 
  background:transparent url("../images/block_sep.gif") repeat-x; text-align:center; color:#fff; min-height:1px }
#timeview .more a
{ zoom:1; display:block; padding:5px; color:#fff; background:#76c818 none }