body {
	margin: 0;
	padding: 0;
	font: normal normal 12px Verdana, Tahoma, Arial, sans-serif;
	background: #FFF;
}

a{
	color: #316B9F;
	text-decoration: none;
}
a:hover {
	color: #1D6E9F;
	text-decoration: underline;
}

#countylistrow a.link {
	color:#000080;
}
tr.odd td {
	background-color: #D3D3D3;
}
tr.even td {
	background-color: #FFFFFF;
}
.breadcrumbComponent { display: block;  margin: 0 0 1em 0;}
#zip2fips {
background: url(/assets/img2009/bg-widget.jpg) 5px 0 no-repeat;
width:260px; 
height:125px; 
padding: 3px 2px 0;
}
#zip2fips h2 {
margin: 0;
padding: .25em .75em;
color: #fff;
border: 0;
text-align: right;
font-size: 1.3em;
line-height: 1.1em;
font-weight: bold;
}
#zip2fips label {
display: block;
font-weight: bold;
margin: 0 0 0.75em 0;
}
#zip2fips form {
	padding:0 0 0 5px;
	margin: 40px 0 0.75em .5em;
	display: block;
}
#zip2fips .input-submit {
	margin: 0 0 -3px 2px;
	padding: 0 0 0 0;
}
#restLocSearch .filterLabel {
	font-size:11px;
	width:150px;
	text-align:right;
	padding-right:5px;
}
#restLocSearch .filterSelector select {
	font-size:11px;
	width:150px;
}
#restLocSearch .filterSelector input {
	font-size:11px;
	width:100px;
}
#restLocSearch {
	margin-bottom:10px;
}

h1 {
	font-family: Tahoma, Verdana, Arial, Sans-Serif;
	font-weight: bold;
	font-size: 24px;
	color: #42a7dd;
	letter-spacing: 2px;
	margin-top: 1em;
}
ul {
	margin: 10px 20px;
	padding: 0 20px;
}
#shadowwrapper {
		background: url(/assets/img2009/shad_wrap.png) left top repeat-y;
		margin: 0 auto;
		padding: 0px;
		width: 980px;
		position: relative;
		z-index: 1;
}

#wrapper {
width: 950px;
margin: 0 auto;
position: relative;
z-index: 2;
}
#header {
	background: url(/assets/img2009/header.jpg) right 0 no-repeat;
	height: 135px;
	width: 950px;
	margin: 0 auto;
	padding: 0;
	color: #000;
}
#header #logo{
width: 490px;
height: 125px;
float: left;
	margin: 0;
	cursor: pointer;
}
#header #logo {text-indent: -9999em; }
#header ul.utilityNav {
float: right;
margin: .2em 0 0 0;
padding: 0;
list-style: none;
font-size: 1em;
line-height: 1em;
}
#header ul.utilityNav li {
float: left;
padding: 0;
margin: 0;
border-right: 1px solid #316B9F;
}
#header ul.utilityNav li.last {border: none; }
#header ul.utilityNav li a {
display: block;
padding: 0 .5em;
text-transform: capitalize;
}
#header ul.utilityNav li a:hover {
text-decoration: underline;
}
#menu {
	background: #499bd0;
	height: 30px;
	margin: 0;
	font: bolder 12px/30px Tahoma, Verdana, Arial, Sans-Serif;
	letter-spacing: 0.5px;
  width: 950px;
}

#menunav {
width: 950px;
}

#menu ul {
margin: 0;
padding: 0;
}
#menu ul li {
	float: left;
	list-style: none;
	border-right: 1px solid #bdd9f2;
	position: relative;
	width: 189px;
	text-align: center;
}
#menu ul li.last { border: none; }
#menu ul li a, #menunav li.parent li a{
	display: block;
	text-decoration: none;
	color: #FFF;
	background-image: none;
}
#menu ul li a:hover, #menunav li.parent li a:hover {
	color: #333;
	background: #CDDEF2;
	background-image: none;
}
#menunav li.parent a{
background: transparent url(/assets/img2009/right-arrow-submenu.gif) 180px 11px no-repeat;
}
#menunav li.parent a:hover {
background: #CDDEF2 url(/assets/img2009/right-arrow-submenu.gif) 180px 11px no-repeat;
}

#menu ul#menunav li a.current{
	color: #333;
	background: #FFF;
	border-top: 1px solid #42a7dd;
}
#menunav li ul {
left: -9999em;
display: none;
position: absolute;
z-index: 100;
margin: 0;
padding: 0;
background: #499bd0;
width: 190px;
}
#menunav li li{
border: none;
display: block;
text-align: left;
font-weight: normal;
}

#menunav li li a {
display: block;
float: none;
clear: both;
padding: 0 10px; 
width: 170px;
}
#menunav li:hover ul, #menunav li.sfhover ul{
left: 0;
display: block;
}
#menunav li:hover ul ul, #menunav li.sfhover ul ul { left: -9999em; }
#menunav li li ul {
left: -9999em;
position: absolute;
z-index: 100;
margin: 0;
padding: 0;
background: #499bd0;
width: 190px;
float: left;
}
#menunav li li:hover ul, #menunav li li.sfhover ul {
left: 190px; 
top: 0px;
}
#menunav a.selected {
	font-family:Verdana;
	color:#ffffff;
	font-size:11px;
	font-weight:bold;
}
#menunav a.not-selected {
	font-family:Verdana;
	color:#000080;
	font-size:11px;
	font-weight:bold;
}

#sidebar {
	width:  260px;
	float: left;
	margin: 10px 0 0 0;
	padding: 0;
	display: block;
}
#rightcol {
width: 192px;
float: right;
margin: 0;
position: relative;
}
.update {
font-style:italic;
text-align: center;
line-height: 2em;
}
.homecont {
width: 460px;
float: left;
margin: 0 auto;
display: block;
text-align: center;
}
*html .homecont  {
width: 460px;
}

.homecont h1 {
margin-bottom: 0;
}
.homecont p{
font-size: .95em;
margin: 0;
}
.homecont #usemap{
display: block;
margin: 1.25em 0;
}
.box {
padding: 0 0 1.25em 0.95em;
margin: 0 0 0;
}
.picture {
border: solid 2px #6699C4;
}
.box h2 {
font-size: 1.25em;
font-weight: bold;
margin: .1em 0;
text-decoration: none;
}
.box p {
font-size: .9em;
margin: 0;
}
.caption{
line-height:1.3em;
}


/* start section nav */
#sidebar #subnav {
	margin:20px 0 0px;
	padding:0px;
	list-style: none;
}
#sidebar #subnav li {
	margin: 0px 0 0 5px;
	padding: 0px;
	list-style: none;
	border-bottom: 1px solid #ccc;
	background: url(/assets/img2009/arrow.gif) 3px 6px no-repeat;
}
#sidebar #subnav li.label {
display: block;
text-align: center;
background: #679bcb;
color: #fff;
font-weight: bold;
font-size: 1.2em;
padding: 5px 0;
margin-left: 5px;
}

#sidebar #subnav li a {
	background-image:url(/assets/images/arrow.gif);
	background-position:5px;
	background-repeat:no-repeat;
	display:block;
	font-weight: bold;
	text-decoration: none;
	font-size: 12px;
	height: auto;
	color: #42a7dd;
	padding-left:20px;
	padding-top:4px;
	padding-bottom:4px;
	vertical-align:middle;
}
#sidebar #subnav li a:hover {
	color: #bdd9f2;
}
#sidebar #subnav ul li a:hover {
	color: #456E9F;
}
#sidebar #subnav ul {
	padding: 0px;
	margin: 0px;
	border: none;
}
#sidebar #subnav ul li {
	margin: 0px;
	padding: 0px;
	border: none;
}
#sidebar #subnav ul li a {
	text-decoration: none;
	font-size: 12px;
	height: auto;
	padding-top:3px;
	padding-bottom:3px;
	color: #42a7dd;
	border:none;
	font-style:normal;
	font-weight:normal;
	display:block;
}

/* end section nav */

#main {
margin: 1em 0 1em 20px;
float: left;
width: 660px;
}
#main-content {
margin: 0 auto;
clear: both;
width: 944px;
padding: 3px;
position: relative;
z-index: -1;
}
#mail ul {
	font: 12px, Verdana, Tahoma, Arial, sans-serif;
	line-height: 18px;
	}
#footer {
	clear: both;
	display: block;
	height: 50px;
	margin: 20px 0 0;
}
#footer hr {
background: #aaa;
border: 0;
height: 1px;
}


/* old styles */
.bodyHeaders{
width:500px;
padding:0px;
margin:0px;
margin-bottom: 5px;
}
.rep_links {
margin: 15px 0 20px 0;
text-align: center;
display: block;
}
.rep_links a {
text-transform: uppercase;
font-size: .9em;
color: #003366;
}
.rep_links a.current { font-weight: bold; }
.rccallout {
float: right;
position: relative;
top: 30px;
text-align: left;
background: #333;
width: 130px;
padding: 1px;
border-radius: 10px;
	-moz-border-radius: 10px; /* Firefox, or Gecko-based browsers */
	-webkit-border-radius: 10px; /* Safari, or Webkit-based browsers */
}
.rccallout ul {
margin: 0;
padding: 5px;
list-style: none;
background: #fff;
border-radius: 10px;
	-moz-border-radius: 10px; /* Firefox, or Gecko-based browsers */
	-webkit-border-radius: 10px; /* Safari, or Webkit-based browsers */
}
.rccallout li {
font-size: .9em;
line-height: 1.2em;
margin: 5px 0;
}
.rccallout li.first {
background: url(/assets/img2009/comment.jpg) 0 3px no-repeat;
padding-left: 25px;
}
/* styles for the homepage */
.state_ranks {
float: right;
margin-right: 5px;
}
.state_ranks img {
border: 0;
padding: 5px;
}
/*styles for state summary */
h1.state {
font-size: 1.5em;
text-transform: uppercase;
border-bottom: 1px solid #aaa;
margin-bottom: 0;
}
.sum_section{
display: inline-block;
width: 602px;
border-bottom: 1px solid #aaa;
padding: 5px 0 5px 0;
}

.sum_section:after {
content:".";
display:block;
height: 0;
clear:both;
visibility:hidden;
}
.sum_section h3 {
color: #42A7DD;
margin: .25em 0 .5em 0;
text-transform: uppercase;
font-size: 1.2em;
}
.sum_section img {
float: left;
padding: 0 10px 0 0;
}
.sum_grade { margin: 3px 0; font-size: 1.15em; font-weight: bold; text-transform: uppercase; color: #42A7DD;}
.gd_mark {
padding: 2px;
margin: 0;
color: #000;
}
.sum_overview {
float: left;
width: 380px;
}
.sum_overview p {
margin-top: 0;
}
/*styles for the report card */
#report_card {
width: 505px;
margin: 35px 0 0;
display: block;
}
#rc_tab {
height: 25px;
width: 175px;
margin: 0 0 0 13px;
padding: 2px 2px 0;
z-index: 15;
text-align:center;
text-transform: uppercase;
background: #003366;
}
#rc_tab_inner {
background: #D1E2EF;
height: 25px;
}
#rc_outer_p {
width: 500px;
padding: 2px;
margin: 0;
background: #003366;
}
#rc_outer {
width: 500px;
background: #D1E2EF;
text-align: center;
z-index: 10;
margin: 0;
padding: 5px 0 10px 0;
text-align: left;
}

#rc_outer h3 {
margin: 0 10px; 
font-size: 1.3em;
text-transform: uppercase;
}
#rc_tab h3 {
margin: 0;
font-size: 19px;
line-height: 1em;
text-transform: uppercase;
}
#rc_inner_p {
width: 450px;
padding: 2px;
margin: 20px auto;
background: #003366;
}
#rc_inner {
background: #FFFFFF;
width: 450px;
margin: 0px;
padding: 10px 0 20px;
}
#rc_inner h2 {
font-size: 1.5em;
margin-left: .4em;
}
#report_card dl{
overflow: hidden;
margin: 0 15px 10px 5px; 
padding: 0;
border: 2px solid #000;
border-left: 0;
font-size: 1.3em;
font-family: Verdana;
width: 95%;
}
#report_card dt {
font-size: 1.1em;
float: left; 
clear:left; 
padding: 5px 5px 5px 5px; 
margin: 0;
}
#report_card dd {
border-left: 2px solid #000;
float: right; 
width: 20px;
margin: 0;   
padding: 5px; 
}
#report_card dd a{
font-size: 1.5em;
font-weight: bold;
color: #006677;
}
.ala_chk {
width: 90%;
margin: .5em 0 0 0;
padding: 5px;
clear: both;
}
.ala_chk img {
position: relative;
padding: 0 30px 0 0;
}
.ala_chk .chk_txt {
margin: 5px 0 0 0;
font-weight: bold;
}
/* styles for the State Facts box */

.state_facts{
border: 2px solid #679BCB;
width: 330px;
background: #fff;
margin: 0 0 1em;
}
.state_facts p {
font-size: .8em;
padding: 0 7px;
margin: 5px 0px;
}
.state_facts h3 {
background: #679BCB;
color: #FFF;
margin: 0px;
padding: 2px 5px;
}
.state_facts dl{
overflow: auto;
border-bottom: 1px solid #999;
padding: 1px;
margin: 5px 5px 0px 5px;
width: 318px;
}
.state_facts dt {
float: left; 
clear:left; 
font-size: .8em;
max-width: 240px;
}
.state_facts dd {
float: right;    
font-size: .8em;
}
/*styles for the behind the scenes */
.bhd_scenes .state_facts {
float: right;
margin-left: 10px;
}
.bhd_scenes .affiliate {
float: right;
clear: right;
margin-left: 10px;
}
.affiliate {
margin-top: 10px;
width: 330px;
}
.affiliate p, .affiliate a {
font-size: .85em;
}
/*styles for rankings */
#rankings {
width: 400px;
clear: both;
float: left;
font-size: 1em;
display: block;
background: #6BADDE;
padding: 10px 0;
}
#rankings .heading{
display: inline-block;
clear: both;
}
#rankings a {color: #000; }
#rankings table {border-collapse: collapse; width: 400px; padding: 0;}
table#rank-list {width: 400px; }
#rank-list tr, #rank-list tr.heading {display: block; padding: 0 10px; width: 350px; }
#rank-list tr.even, #rank-list tr.even td{background: #8CC6E7;  }
#rank-list tr.odd, #rank-list tr.odd td{background: #6BADDE;  }
#rank-list th.state, #rank-list td.state { width: 200px; text-indent: 15px; text-align: left; }
#rank-list th.grade, #rank-list td.grade { width: 145px; text-align: center; border-left: 1px solid #428BC6; }
#rank-list th.state, #rank-list th.grade{font-size: 1.1em; font-weight: bold; padding: 3px 0; border-left: none; }
.rankimg {margin: 0 10px 1em 0; }
#rankings .filterCriteria { margin: .5em 15px .5em 15px; }
#rankings .filterLabel { padding: 0 10px 0 0; font-size: 1.2em; width: 112px;}
#rankings .filterSelector {width: 150px; } 
#rankings .filterSubmit {width: 80px; }
.footnote {
font-size: .8em;
}
.rankp {
font-size: 1.4em;
font-weight: bold;
}
.rankp span {display: block; padding: 10px 0 0 0; }
/*what do these grades mean page */
h2.meaning { text-align: center; }
.grade-box {margin: 1em 0; clear: both; }
.grade-box img { float: left; margin: 5px 15px 10px 0px; }
.gdescription {  padding: 10px;
	}
.odd, .even {display: block;float: left; margin: 0 0 0 15px; width: 470px; padding: 2px;}
.odd, .odd .gdescription { background: #8CC6E7;}
.even { background: #8CC6E7; }
.gdescription {background: #fff;}
/* global */
#cluetip-close img {
  border: 0;
}
#cluetip-title {
  overflow: hidden;
}
#cluetip-title #cluetip-close {
  float: right;
  position: relative;
}
#cluetip-waitimage {
  width: 43px;
  height: 11px;
  position: absolute;
  background-image: url(http://www.stateoftobaccocontrol.org/assets/css/images/wait.gif);
}
.cluetip-arrows {
  display: none;
  position: absolute;
  top: 0;
  left: -11px;
  height: 22px;
  width: 11px;
  background-repeat: no-repeat;
  background-position: 0 0;
}
#cluetip-extra {
  display: none;
}

/***************************************
   =cluetipClass: 'jtip'
-------------------------------------- */
.tp_wrap { margin:0px; padding:0px; display: none; }
#tp_report_card .tp-header-title h3 { color:#000000; padding-top:0px; padding-bottom:0px; margin-top:0px; margin-bottom:4px;}
#tp_report_card .tp-footer p { padding-top:0px; padding-bottom:0px; margin-top:0px; margin-bottom:0px;}
#tp_report_card td { color:#333399; }
#tp_report_card .tp-grade a{ color:#ff0000; }
#tp_report_card .tp-grade a:hover{ color:#ff0000; }
#tp_report_card .tp-grade a:visited{ color:#ff0000; }
#tp_report_card .tp-footer a{ color:#333399; }
/***************************************
   =cluetipClass: 'jtip'
-------------------------------------- */
.cluetip-jtip {
  background-color: transparent;
}
.cluetip-jtip #cluetip-outer {
  border: 1px solid #ccc;
  position: relative;
  background-color: #fff;
}

.cluetip-jtip h3#cluetip-title {
  margin: 0 0 5px;
  padding: 2px 5px;
  font-size: 16px;
  font-weight: normal;
  background-color: #ccc;
  color: #333;
  
  display:none;
  
}

.cluetip-jtip #cluetip-inner {
  padding: 5px;
  display: inline-block;
}
.cluetip-jtip div#cluetip-close { 
  text-align: right;
  margin: 0 5px 5px;
  color: #900;
  
  display:none;
  
}

/* jtip arrows */

.clue-right-jtip .cluetip-arrows {
  background-image: url(/assets/css/images/arrowleft.gif);
}
.clue-left-jtip .cluetip-arrows {
  background-image: url(/assets/css/images/arrowright.gif);
  left: 100%;
  margin-right: -11px;
}
.clue-top-jtip .cluetip-arrows {
  background-image: url(/assets/css/images/arrowdown.gif);
  top: 100%;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;  
}  
.clue-bottom-jtip .cluetip-arrows {
  background-image: url(/assets/css/images/arrowup.gif);
  top: -11px;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px;
}
.qwrapper {
margin: 2em auto;
text-align: center;
}
.quote {
font-style: italic;
line-height: 1.5em;
margin: .5em 0;
}
h3.tcn { margin: 2em .5em .5em}
ul.nobullet {
list-style-type: none;
margin: 1em 0.75em;
padding: 0;
}
ul.nobullet li {
margin: 0 0 .75em 0;
padding: 0;
display: block;
font-size: 1.1em;
}
#assoc {
float: right;
clear: right;
font-size: .86em;
width: 335px;
min-height: 20px;
}
.comment { margin: 1em 0; padding: 0 0 1em 0; border-bottom: 1px solid #ccc;}
.nick { color: #42A7DD; font-weight: bold;}
/*callout styles*/
p.callout {float: right; width: 30%; padding: 10px 7px 15px 7px; margin: 5px 0 5px 5px; border: 1px solid #679BCB; }
p.callout strong {display: block; font-weight: bold; font-size: 14px !important; width: 100%; padding-bottom: 5px; margin-bottom: 8px; border-bottom: 1px solid #679BCB;}

.rss-icon {float: left; margin: 0 10px;}
.rss {float: left; display: block; padding: 5px 0; }
#addthis-sn {
margin: 5px 7px;
}
#overlay { background: #000;  position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999;
opacity: .85;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
filter: alpha(opacity=85);
 }
.lightbox {position: fixed; z-index: 10000; display: block; 
background: #fff url(/assets/img2009/shad_wrap.png) center center repeat-y; 
width: 400px; margin: 30px 30%; padding: 10px;  
text-transform: uppercase; color: #f00; border: 3px solid #000;
opacity: 1;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}