/* ----------[ RESET-FONTS-GRIDS ]---------- */
/*reset.css*/body{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup,sub{line-height:-1px;vertical-align:text-top;}sub{vertical-align:text-bottom;}input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}
/*fonts.css*/body {font:13px/1.22 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:99%;}
/* ----------[ /RESET-FONTS-GRIDS ]---------- */

/* ----------[ CLEARFIX FLOAT FIX ]---------- */
.clrfx 									{zoom:1;}
.clrfx:after 						{ content:"."; display:block; height:0; clear:both; visibility:hidden;} 
/* ----------[ /CLEARFIX FLOAT FIX ]---------- */

/* ----------[ GRIDS OVERWRITE & GLOBAL STYLES ]---------- */
body 										{color:#222; padding-bottom:20px; text-align:center; background:#5588bb url(../gfx/bg.png) 0 0 repeat; font-family:Arial,"Lucida Grande",Helvetica;}
#doc         						{width:966px; margin:0 auto; padding:0; text-align:left;} 
a 						          {text-decoration:underline; color:#ff0000; }
a:hover 								{text-decoration:none; }
p									      {padding-bottom:5px;}
/* ----------[ GRIDS OVERWRITE & GLOBAL STYLES ]---------- */

/* ----------[ GLOBALHEADER STYLES ]---------- */
#hd	  									{position:relative; margin:0 auto; width:100%; height:99px; background:transparent url(../gfx/bg_hd.png) 0 0 no-repeat;}
#bd											{margin:0; padding:0; background-color:#fff;}
/* ----------[ /GLOBALHEADER STYLES ]---------- */

/* ----------[ NAVIGATION STYLES ]---------- */
#nav 										{position:relative;}
#nav #logo 						  {display:block; position:absolute; top:0; left:0; background:transparent url(../gfx/bay_area_smoke_free_housing.png) 0 center no-repeat; height:59px; width:339px; overflow:hidden; font-height:0px; font-size:0px; text-indent:-9999px;}
#menu                   {position:absolute; top:60px; width:100%; height:40px; background:transparent url(../gfx/bg_menu.jpg) 0 0 no-repeat;}
#gnav 									{position:absolute; top:12px; left:10px;}
#gnav li a              {color:#3d3d3d; text-decoration:none; padding:0 15px; font-size:115%; font-weight:bold;}
#gnav li a:hover        {color:#5588bb;}
#nav h4 								{display:none;}
#nav ul 								{margin:0; padding:0;}
#nav ul li 							{float:left; margin:0; text-align:left;}
#hdnav 									{position:absolute; top:30px; left:610px; width:350px; text-align:right;}
#hdnav ul 							{margin:0; padding:0;}
#hdnav li 						  {float:left; margin:0; padding:2px 25px 0 0; text-align:right;}
#hdnav li a             {font-size:90%; color:#98bde2; text-decoration:none;}
#hdnav li a:hover       {color:#eee;}
#hdnav input            {float:right; padding-left:20px; width:155px; height:20px; border:0; background:#fff url(../gfx/magnify.gif) 0 0 no-repeat; color:#777; font-size:85%;}
#ftnav                  {position:absolute; right:0; margin-top:8px;}
#ftnav ul               {margin:0; padding:0;}
#ftnav li               {float:left; margin:0; padding:2px 10px 0 0; line-height: 2em; text-align:right;}
#ftnav span:after       {content:"|"; display: inline-block; padding-left:10px;}
#ftnav li a             {font-size:85%; color:#98bde2; text-decoration:none;}
#ftnav li a:hover       {color:#eee;}
/* ----------[ /NAVIGATION STYLES ]---------- */

/* ----------[ FOOTER STYLES ]---------- */
#ft 						        {position:relative; margin:0; padding:0; width:100%; height:75px; color:#98bde2; }
#ft a									  {color:#fff;}
#ft .ala                {position:absolute; left:0; top:0; width:316px; height:47px; background:transparent url(../gfx/ala_ca_logo.gif) 0 0 no-repeat;}
#ft .ala a              {display:block; width:316px; height:47px; font-height:0px; font-size:0px;text-indent:-9999px;}
#copy                   {position:absolute; bottom:15px; right:5px; margin:0; font-size:85%; color:#98bde2;}
#copy a                 {color:#fff;}
/* ----------[ /FOOTER STYLES ]---------- */

/* ----------[ MAIN PAGE STYLES ]---------- */
#main										{position:relative; margin:0 auto; padding:0; width:100%;}
#main .content          {margin:0; padding:18px; padding-right: 0; padding-bottom:20px; padding-top:15px;}
#bulletin               {width:100%; height:185px; background:transparent url(../gfx/bulletin.jpg) 0 0 no-repeat;}
.hp, .subpg             {background:transparent url(../gfx/bg_white.jpg) 0 0 repeat-y;}
.hp-doc                 {background:transparent url(../gfx/bg_white.jpg) 0 0 repeat-y;}
.hp .cap, .subpg .cap   {position:absolute; left:0; bottom:0; width:100%; height:14px; background:transparent url(../gfx/bg_white_cap.png) 0 0 no-repeat;}
.hp-doc .cap            {position:absolute; left:0; bottom:0; width:100%; height:14px; background:transparent url(../gfx/bg_white_cap.png) 0 0 no-repeat;}
.fb                     {text-align:right;}
/* ----------[ /MAIN PAGE STYLES ]---------- */

/* ----------[ RESET STYLES ]---------- */
.hp-doc li ul, .hp-doc li ol  {margin:0 1.5em;}
.hp-doc ul, .hp-doc ol  {margin:0 1.5em 0.5em 1.5em;}
.hp-doc ul li           {list-style-type:disc;}
.hp-doc ol li           {list-style-type:decimal;}
dl {margin:1em 0 1em 1em;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
/*
ol ol li {list-style: upper-alpha;}
ol ol ol li {list-style: lower-roman;}
ol ol ol ol li {list-style: lower-alpha;}
*/
/* ----------[ /RESET STYLES ]---------- */

/* ----------[ BOX STYLES ]---------- */
.box                    {float:left; margin:0; margin-right:15px; margin-bottom:15px; padding:0; width:100%; background:transparent url(../gfx/bg_box.png) 0 0 repeat-y;}
.box a                  {color:#222;}
.box h2                 {margin:0; padding-left:10px; line-height:28px; height:26px; background:transparent url(../gfx/bg_box_hd.png) 0 0 no-repeat; color:#fff; font-size:116%;}
.box h3                 {line-height:24px; font-weight:bold;}
.box .bd                {position:relative; padding:10px; color:#555;}
.box .cap               {position:absolute; bottom:0; left:0; width:100%; height:5px; background:transparent url(../gfx/bg_box_cap.png) 0 0 no-repeat;}
.first                  {clear:left;}
.end                    {margin-right:0;}
/* ----------[ /BOX STYLES ]---------- */

b                       {font-weight: bold;}
.lt                     {float:left; margin-right:17px; width:585px;}
.rt                     {float:left; width:317px;}
.rt .box                {width:317px; background:transparent url(../gfx/bg_box_rt.png) 0 0 repeat-y;}
.rt .box h2             {background:transparent url(../gfx/bg_box_hd_rt_blue.png) 0 0 no-repeat; border-bottom:1px solid #d5d5d5;}
.rt .links h2           {background:transparent url(../gfx/bg_box_hd_rt_red.png) 0 0 no-repeat; border-bottom:1px solid #d5d5d5;}
.rt .links .bd          {font-size:95%;}
.rt .box .cap           {background:transparent url(../gfx/bg_box_cap_rt.png) 0 0 no-repeat;}
.rt .box .bd            {padding:0; padding-bottom:5px;}
.hp-doc .box            {width:454px;}
.news                   {float:left; width:100%; margin-bottom:18px;}
.news h2                {font-height:0px; font-size:0px;text-indent:-9999px;}
.news h3                {margin-bottom:12px; font-size:119%; font-weight:bold;}
.news a.readmore        {color:#00b044; font-size:80%;}
.news h3 a              {color:#0d3c66; text-decoration:none;}
.news .byline           {margin-bottom:5px; font-size:85%; color:#545454;}
.news .story            {float:left; width:50%; height:245px; background:transparent url(../gfx/bg_news_tl.png) 0 0 no-repeat; overflow:hidden;}
.news .end              {background:transparent url(../gfx/bg_news_tr.png) right top no-repeat;}
.news .split            {background:transparent url(../gfx/px_ddd.png) 0 0 repeat-y;}
.news .story .bd        {padding:17px; min-height:245px; _height:245px;}
.news .more             {width:100%; height:25px; text-align:right; border-top:1px solid #ddd; background:transparent url(../gfx/bg_news_more.png) 0 0 no-repeat;}
.news .more span        {display:block; height:25px; padding-right:10px; background:transparent url(../gfx/bg_news_more_br.png) right bottom no-repeat;}
.news .more a           {display:block; line-height:25px; padding-right:10px; font-size:75%; color:#0d3c66; text-decoration:none; background:transparent url(../gfx/arrow_more.png) center right no-repeat;}
.links dt               {font-weight:normal;}
.links dd               {margin-left:0; margin-top:4px; margin-right:1em; margin-bottom:.75em; line-height:1em; font-size:90%; color:#888;}
.links a.more           {margin:0 1em; color:#f00; text-align:right; display:block;}
.contact                {padding:10px 12px; border-bottom:1px solid #ddd;}
.contact label          {display:block; text-align:right; padding-right:8px; font-size:80%; color:#626262;}
.contact input[type=text] {padding:2px; width:215px; height:20px; border:1px solid #cbdceb; color:#626262;}
.contact textarea       {padding:2px; width:215px; height:52px; border:1px solid #cbdceb;}
.contact table td       {padding-bottom:4px;}
.address                {padding:10px; padding-top:15px; padding-left:66px; font-size:85%; background:transparent url(../gfx/bg_box_address.png) 1px 0 no-repeat;}
.address em             {font-size:105%;}

.ads-ml                 {float:left; width:306px; clear:both;}
.ad                     {float:left; width:143px; height:118px; margin-bottom:18px;}
.ad a                   {display:block; width:143px; height:118px; text-decoration:none;}
.ad em                  {display:block; padding:10px; font-size:130%;}
.ad1                    {background:transparent url(../gfx/ads/stickers.png) 0 0 no-repeat;}
.ad1 a                  {color:#f00;}
.ad2                    {background:transparent url(../gfx/ads/clouds.png) 0 0 no-repeat;}
.ad2 a                  {color:#fff;}
.ads-ml .end            {margin-left:19px;}
.ads-ml .ml h2          {background:transparent url(../gfx/bg_box_hd_ml.png) 0 0 no-repeat;}
.ads-ml .ml .bd         {background:#eee url(../gfx/bg_box_ml.png) 0 0 repeat-y;} 
.ads-ml .ml .cap        {background:transparent url(../gfx/bg_box_cap_ml.png) 0 0 no-repeat;} 
.ads-ml .ml input[type=text] {padding:2px; margin-right:8px; width:180px; height:17px; border:1px solid #cbdceb; color:#626262;}
.almost                 {float:left; margin-left:16px; width:260px; height:310px; background:transparent url(../gfx/ads/almost_50.png) 0 0 no-repeat;}
.addthis                {text-align:right;}

.btn                    {font-height:0px; font-size:0px; text-indent:-9999px; margin-right:2px;}
.btn-submit             {float:left; width:84px; height:24px; background:transparent url(../gfx/btn_submit.png) 0 0 no-repeat;}
.btn-submit a           {display:block; width:84px; height:24px;}
.btn-reset              {float:left; width:84px; height:24px; background:transparent url(../gfx/btn_reset.png) 0 0 no-repeat;}
.btn-reset a            {display:block; width:84px; height:24px;}
.btn-join               {float:left; width:67px; height:22px; background:transparent url(../gfx/btn_join.png) 0 0 no-repeat;}
.btn-join a             {display:block; width:67px; height:22px;}
.btn-reset-ml           {float:left; width:20px; height:22px; background:transparent url(../gfx/btn_ml_reset.png) 0 0 no-repeat;}
.btn-reset-ml a         {display:block; width:20px; height:22px;}
.success                {border:1px solid #00b044; color:#00b044; padding:4px 4px;}
.error                  {color:#f00; font-size:85%; font-weight:bold;}

.filler                 {clear:both; padding:8px; margin-bottom:15px; background-color:#efefef; border:1px solid #aaa; border-top:1px solid #eee; border-left:1px solid #eee; font-size:85%; color:#555;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}
/* ----------[ CUSTOM CLASSES STYLES ]---------- */
.x                      {display:none;}
.bdrt                   {border-top:1px solid aqua;}
.bdrb                   {border-bottom:1px solid fuchsia;}
/* ----------[ /CUSTOM CLASSES STYLES ]---------- */

#bd .badge              {position:relative; margin-bottom:35px; width:966px; height:80px; background:transparent url(../gfx/bg_badge.png) 0 0 no-repeat;}
.badge em               {position:absolute; top:40px; left:25px; color:#b9e591; font-size:210%;}
.badge .thmb            {position:absolute; top:0; right:6px; width:380px; height:80px; background:transparent url(../gfx/badge_about.png) 0 0 no-repeat;}

.closeup                {margin-bottom:10px;}
.closeup h3             {margin-bottom:15px; font-size:180%; font-style:italic;}
.closeup .bd            {color:#0d3c66; font-size:125%;}
.closeup .thmb          {float:left; width:101px; height:98px; margin:0 20px 20px 0; background:transparent url(../gfx/closeup_about.png) 0 0 no-repeat;}
.box-sub                {width:585px; min-height:200px; _height:200px; background:transparent url(../gfx/bg_subpg.png) 0 0 no-repeat;}
.box-sub .cap           {position:relative; top:0; left:0; width:585px; height:11px; background:transparent url(../gfx/bg_subpg_cap.png) 0 0 no-repeat;}
.info                   {padding:15px 14px;}
.info h3                {font-size:115%; margin-bottom: 10px; margin-top:10px; color:#0d3c66; font-weight:bold;}

/* ----------[ COLUMN STYLES ]---------- */
#main .lglt							{width:690px;}
#main .smrt							{width:225px; float:right;}
/* ----------[ /COLUMN STYLES ]---------- */