body {
 font-size:62.5%;
 font-family:Lucida Sans, Lucida Grande, Lucida Sans Unicode, sans-serif;
 background:#f8f6f1 url(/images/bg_content.gif) repeat-x top left;
 color:#717171;}


*{
 margin:0;
 padding:0;
 list-style:none;}

hr {
 display:none;}
 



#top-strip-cont { height: 30px; background-color: #3F3F3F; padding-top: 4px; text-align: center; width: 100%; }
#top-strip { width: 900px; text-align: left; margin: 0 auto; padding: 0px; }
#program-dropdown { float: left; padding-top: 2px; }

#lphi-logo { float: right; }



/* GLOBAL
-----------------------------------------------------------------------------------------*/
.clearfix:after { /* clear floats */
 content:".";
 display:block;
 height:0;
 clear:both;
 visibility:hidden;}

.clearfix {display:inline-block;}

/* Hides from IE-mac \*/
.clearfix {display: block;}
/* End hide from IE-mac */

/* FORMS
----------------------------------------------------------------------------------------*/
fieldset{
 border:none;}

fieldset br{
 clear:left;}

fieldset label{
 display:block;
 float:left;}

input.text{
 border:1px solid #919396;
 font-size:10px;
 color:#919396;
 height:14px;
 padding: 2px;}

/* LINKS
--------------------------------------------------------------------------------------*/
a img{
 border:none;}

a:focus{
 outline:none;}

a,a:visited{
 color:#d23f3f;
 text-decoration:none;}

a:hover{
 color:#fe832f;}

/* HEADINGS
----------------------------------------------------------------------------------------*/
h2 {
 height:28px;
 font-size:2.3em;
 margin: 0 0 23px 0;}

h3{
 font-size:1.4em;
 height:20px;}
 
/* PAGE STRUCTURE
--------------------------------------------------------------------------------------*/
#container{
 width: 915px;
 background:url(/images/bg_contenttop.gif) no-repeat;
 background-position:0 368px;
 margin: 0 auto;
 padding: 0 23px;}

#header{
 margin: 5px 0 15px 0;
 height:111px;}

#banner{
 height: 224px;
 padding: 0 0 17px 0;}

#content{}

#footer{
 height: 65px;
 padding: 28px 0 0 0;
 margin: 15px 0 0 0;
 background:#454747;}

/* HEADER
--------------------------------------------------------------------------------------*/
.logo{
 background:url(/images/logo.gif) no-repeat top left;
 width: 180px;
 height:93px;
 text-indent:-9999px;
 overflow:hidden;
 display:block;
 float:left;
 margin: 9px 19px 0 11px;}

/* Main Navigation */
#nav{
 background:url(/images/bg_nav.gif) repeat-x top left;
 height:110px;
 width: 526px;
 float:left;
 border:1px solid #e0e0e0;
 border-top:none;}

#nav p{
 font-size:1.1em;
 font-weight:bold;
 color:#000;
 padding: 30px 0 18px 30px;} 

#nav ul li{
 float:left;
 cursor:pointer;
 padding: 20px 0 0 0;
 margin-bottom: -24px;
 border-right:1px solid #e0e0e0;}

#nav ul li.about a span{
 width: 126px;
 background:url(/images/nav_abouttfl.gif) no-repeat top left;}

#nav ul li.involved a span{
 width: 142px;
 background:url(/images/take_action.gif) no-repeat top left;}

#nav ul li.resources a span{
 width: 131px;
 background:url(/images/media_center.gif) no-repeat top left;}

#nav ul li.contact{
 border:none;}

#nav ul li.contact a span{
 width: 124px;
 background:url(/images/nav_contact.gif) no-repeat top left;}

#nav ul li a{
 color:#5e5e5e;
 float:left;
 height:27px;
 border-bottom:1px solid #508075;
 font-size:1.7em;}

#nav ul li a:hover,
#nav ul li.active a{
 border-bottom:1px solid #e10404;}

#nav ul li a span {
 height: 17px;
 text-indent:-9999px;
 overflow:hidden;
 cursor:pointer !important;
 display:block;}

#nav ul li a:hover span,
#nav ul li.active a span{
 background-position: 0 -17px !important;}

/* Search and Newsletter */
#newsletter-search{
 float:left;
 width: 174px;
 display:inline;
 margin-left:-1px;}

#newsletter-search .newsletter{
 height: 26px;
 padding: 31px 0 0 23px;
 border-bottom:1px solid #e0e0e0;
 font-weight:bold;
 font-size:1.1em;
 color:#000;
 background:url(/images/bg_newslettersignup.gif) no-repeat top left;}

#newsletter-search  fieldset{
 padding: 22px 0 0 23px;}

#newsletter-search input.text{
 width: 90px;
 float:left;
 margin: 0 10px 0 0;}

/* BANNER
--------------------------------------------------------------------------------------*/
#banner .main-image{
 float:left;
 width: 614px;
 height:224px;
 color:#FFF;
 margin-right: 5px;
 padding: 0;
}

#banner .main-image-sub{
 width: 614px;
 height:230px;
 float:left;
 color:#FFF;
 padding: 0;
 position:relative;
 margin-top: -5px;
 margin-right: 5px;
}

#banner .main-image h1{
 height: 70px;
 font-size:3em;
 margin: 0 0 50px 0;}

#banner .main-image-sub h1{
 height:30px;
 font-size:2em;
 color: #000;
 margin: 50px 0 10px 0 !important;}

#banner .main-image p,
#banner .main-image-sub p{
 font-size:1.1em;
 height: 42px;
 overflow: hidden; }

.banner-links{
 float:left;
 width: 296px;
}

div.on-sub .banner-links { margin-top: -1px; }

.banner-links a{
 display:block;
 width: 132px;
 height:38px;
 font-size:1.1em;
 color:#FFF !important;
 text-transform:uppercase;
 padding: 36px 63px 0 121px;
 margin-bottom:2px;}

.banner-links a img{
 margin: 0 0 0 5px;
 vertical-align:bottom;}

.banner-links a.smoke-free{
 background:url(/images/bannerlink_smoekfree.jpg) no-repeat top left;}

.banner-links a.quit-la{
 background:url(/images/quit-la-banner.jpg) no-repeat top left;}

.banner-links a.media-center{
 background:url(/images/media-center.jpg) no-repeat top left;}

ul.sub-nav{
 background:url(/images/bg_subnav.gif) no-repeat top left;
 width: 593px;
 height:33px;
 margin: 0 0 0 11px;}

ul.sub-nav li{
 float:left;
 font-size:1.1em;
 padding: 11px 5px 0 12px;}

ul.sub-nav li a{
 color: #666 !important;
 padding: 0 0 4px 0;
 height:12px;}

ul.sub-nav li a:hover,
ul.sub-nav li.active a,
ul.sub-nav li.on a{
 color:#000 !important;
 position:relative;
 border-bottom:4px solid #c90300;}

.main-banner-links {
 margin: 0 0 20px -3px;
 font-size:1.1em;}
 
.main-banner-links ul{
 width: 176px;
 float:left;
 margin: 0 4px;}

.main-banner-links ul li{
 border-bottom:1px solid #d9d9d9;
 border-right: 1px solid #F5F5F5;
 margin-bottom: 2px;}

.main-banner-links ul li a{
 color:#555 !important;
 display:block;
 height:18px;
 padding: 4px 0 0 4px;}

.main-banner-links ul li a:hover,
.main-banner-links ul li.on a:hover{
 background: none; background-color: #eee;
 }

.main-banner-links ul li.on a { color:#FFF !important; background:url(/images/bg_bannerlinks.gif) no-repeat top left; }

.main-banner-links ul li.last{
 border:none;}

.main-banner-links ul.last{
 margin-right:0;}

p.fact, p.fact-sub { color: #333333; background-color: #fff; padding: 3px; opacity: .7; }
p.fact a, p.fact a:visited { color: #ff0000; text-decoration: underline; }
p.fact-sub { margin: 90px 0 0 -4px; background: none; color: #fff; opacity: 1; width: 400px; }
p.fact-sub a, p.fact-sub a:visited { color: #A2DAF3; font-weight: bold; }
p.home { margin: 10px 0 0 -14px; width: 380px; }

/* CONTENT
--------------------------------------------------------------------------------------*/
#primarycontent{
 width:615px;
 float:left;}


.intro{
 padding: 0 25px;
 background:#FFF;
 margin-bottom:10px;}

.intro p{
 font-size:1.2em;
 line-height:2.0;
 background:url(/images/bg_intro.gif) repeat top left;
 padding-bottom: 20px;
}

.box{
 border-top:2px solid #cfc7c0;
 background:#FFF;
 margin-bottom:10px;
 padding: 0 0 5px 0;}

.box-title{
 border-bottom:1px solid #ece7e3;
 height:34px;
 padding: 0 0 0 24px;}

.box-title .title{
 width: 443px;
 float:left;
 padding: 10px 0 0 0;
 height:24px;
 border-right:1px solid #ece7e3;}

.box-title a{
 float:left;
 margin: 13px 0 0 0px;
 text-indent:-99999px;
 display:block;
 width: 126px;
 height:11px;
 overflow:hidden;}grep 

.box-title a.news{
 background:url(/images/link_newsarchive.gif) no-repeat top left;
 margin-left:10px;}

.box-title a.media{
 background:url(/images/link_mediapage.gif) no-repeat top left;}

ul.list-news li{
 background:url(/images/border_dotted.gif) repeat-x bottom left;
 padding: 0 0 3px 0;}

ul.list-news li.last{
 background:none;
 padding:0;}

ul.list-news li.highlight p{
    margin: 0 0 0 0;
 background:#e9f1f5;}
ul.list-news li.middle-highlight p{
 background:#fff;}

ul.list-news li p{
 margin: 4px;
 padding: 8px 22px;
 font-size:1.1em;}

ul.list-news li a.title{
 color:#3a3a3a !important;
 font-weight:bold;
 display:block;
 margin: 0 0 8px 0;
 font-size:1.2em;}
 
ul.list-news li.highlight .announcement22{
 color:#3a3a3a !important;
 font-weight:bold;
 display:block;
 margin: 0 0 8px 0;
 font-size:1.2em;}
 
 ul.list-news li.middle-highlight .announcement22{
 color:#3a3a3a !important;
 font-weight:bold;
 display:block;
 margin: 0 0 8px 0;
 font-size:1.2em;}
 
ul.list-news li a {
 color:##0099CC!important;
 font-size:1.1em;}

.box .media-video{
 width: 458px;
 float:left;
 margin:7px 0 0 7px;}

ul.list-media{
 margin: 7px 0 0 0;
 float:left;}

ul.list-media li{
 margin: 0 0 3px 6px;
 background:url(/images/bg_mediaplayerlink.gif) repeat-x top left;
 height:75px;
 width: 127px;
 font-size:1.1em;
 line-height:1.3;
 padding: 10px 0 2px 11px;
 border:1px solid #fff;
 border-bottom:1px solid #ece7e3;}

ul.list-media li .title{
 display:block;
 font-weight:bold;}

ul.list-media li a.viewnow{
 background:url(/images/bullet_viewnow.gif) no-repeat right 3px;
 padding: 0 10px 0 0;
 color:#717171 !important;}

ul.list-media li.active{
 cursor: pointer;
 border:1px solid #dfa827;
 border-left: 1px solid #fff;
 margin: 0 0 3px 0;
 padding-left: 17px;
 background:none;}

/* Sidebar */
#sidebar{
 width: 291px;
 float:right;}

.share-experience{
 background:#fdfcfb;
 padding: 4px 5px;
 margin: 5px 0 0 0;}

.share-experience .wrapper{
 border:1px solid #cccac9;
 padding: 0 0 10px 0;}

.share-experience .header{
 border-bottom:1px solid #ece7e3;
 height:33px;}

.share-experience .name{
 color:#c40000;
 float:left;
 padding: 8px 0 0 23px;
 font-size:1.5em;}

.share-experience .buttons{
 float:right;
 padding:0;
 margin-bottom: -3px;}

.share-experience p{
 font-size:1.1em;
 line-height:1.3;
 padding: 23px 23px 0 23px;}

.share-experience p.exp { text-align: right; margin: 10px 20px 0 0; padding: 0; }
.share-experience p.focus a { font-size: 13px; }

.poll{
 background:#fdfcfb url(/images/bg_poll.gif) no-repeat bottom left;;
 padding: 4px 6px 38px 5px;
 margin: 5px 0 0 0;
 position:relative;}

.poll .wrapper{
 border:1px solid #5d9ccc;
 border-bottom:none;
 padding: 3px 3px 10px 3px;}

.poll .question{
 background:#92AFA9 url(/images/bg_pollheader.gif) repeat-x top left;
 padding: 20px 23px;
 min-height:58px;
 height:auto !important;
 height:58px;}

.poll .question h4{
 color:#d1dfcd;
 text-transform:uppercase;
 font-weight:normal;
 font-size:1em;
 padding: 0 0 22px 0;}

.poll .question p{
 color:#FFF;
 font-size:1.4em;}
 
.poll .updates{
 background:#92AFA9 url(/images/bg_pollheader.gif) repeat-x top left;
 padding: 20px 23px;
 min-height:58px;
 height:auto !important;
 height:58px;}

.poll .updates h4{
 color:#1C1C1C;
 text-transform:uppercase;
 font-weight:bold;
 font-size:10px;
 }

.poll .updates p{
 color:#FFF;
 font-size:1em;}

.poll form{
 font-size:1.1em;
 padding: 0 0 0 23px;}

.poll fieldset{
 padding: 15px 0 10px 0;
 font-size:1.1em;}

.poll fieldset input{
 float:left;
 margin: 0 5px 12px 0;}

/* Subpage */
.content {
 padding: 0 33px;
 background:#FFF;
 margin: 0 0 15px 0;}

.content p{
 font-size:1.2em;
 padding: 0 0 23px 0;}

div.pull-back { margin-top: -60px; }
 
/*FOOTER
--------------------------------------------------------------------------------------*/
#footer-wrapper{
 width: 913px;
 font-size:1.2em;
 margin: 0 auto;} 

#footer p.copyright{
 float:left;
 color:#FFF;
 padding: 0 0 0 11px;}

ul.footer-links{
 float:right;}

ul.footer-links li{
 float:left;
 padding: 0 26px 0 0px;}

ul.footer-links li a{
 color:#FFF !important;
 padding: 0 0 0 5px;
 font-family:"Courier New", Courier, monospace;
 border-left:1px solid #508075;}

ul.footer-links li a:hover{
 border-left:1px solid #e10404;}

div.content div.main-banner-links ul { margin: 0px; margin-right: 6px; }
div.content div.main-banner-links li { list-style-type: none; }

div.content ul { margin: 0 50px 20px 25px; }
div.content li { list-style-type: disc; font-size: 11px; }

/*-- TRIVIA -------------------------------- */
input#pollVote { color: #D23F3F; background: #FDFCFB; border: none; font-size: 10px; cursor: pointer; }

form table td { padding: 7px; }

h5 { font-size: 16px; }

.mediabox{
 border-top:2px solid #cfc7c0;
 background:#FFF;
 margin-bottom:10px;
 padding: 0 0 0 0;}
 
 .mediabox .media-video{
 width: 400px;
 float:left;
 margin:0 0 0 0;}
 
  .mediabox .medialist{
    width: 130px;
 float:right;}