/*RESET STYLES*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; border:0; outline:0;
font-weight:inherit; font-style:inherit; font-family:inherit; }
:focus { outline:0; }
ol, ul, li { list-style:none; }
table { border-collapse:separate; border-spacing:0; }
caption, th, td { font-weight:normal; }
dd, blockquote { margin-left: 1em; }
blockquote:before, blockquote:after, q:before, q:after { content:""; }
blockquote, q { quotes:"" ""; }
form label { cursor:pointer; }
fieldset { border:none; }
input, select, textarea { font-size:100.01%; font-family:inherit; }
/*HEADER*/
/*encloses the entire header, from network to below the nav*/
#header_wrap { width:982px; margin:0 auto; background-color:#ffffff; }
/*network tabs, uses bg images to set tabs*/
#network { width:982px; float:left; background: url("http://www.houmatoday.com/images/hdr_tabs.gif") repeat-x bottom; }
#network ul { margin:0; padding:10px 0 0 0; list-style:none; }
#network li { float:left; background:url("http://www.houmatoday.com/images/hdr_tabs.gif") no-repeat 0 -30px; margin:0 4px 0 0; padding:0 0 0 3px; }
#network a { float:left; display:block; padding:5px 15px 4px 6px; text-decoration:none;
background:url("http://www.houmatoday.com/images/hdr_tabs.gif") no-repeat right -30px; }
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#network a {float:none;} /* End IE5-Mac hack */ #network a:hover { color:#333; }
#network li:hover { background-position:0 -420px; color:#333; }
#network li:hover a { background-position:right -420px; }
#network .current { background-image:url("http://www.houmatoday.com/images/hdr_tabs.gif"); background-position:0 -220px; border-width:0; }
#network .current a { background-image:url("http://www.houmatoday.com/images/hdr_tabs.gif"); background-position:right -220px; padding-bottom:5px; }
#network .current a:hover { background-image:url("http://www.houmatoday.com/images/hdr_tabs.gif"); background-position:right -220px; }
#network li.current:hover { background-image:url("http://www.houmatoday.com/images/hdr_tabs.gif"); background-position:0 -220px; }
/*user login area*/
#fp_login { width:290px; float:right; font-size:11px; padding-top:5px; text-align:right }
#fp_login a { background:none; float:none; padding:0; margin:0; display:inline; }
#header { width:980px; margin:0 auto; clear:both; border:1px solid #6794bd; border-width:0 1px; }
#header .item {width:960px; margin:0 10px 10px 10px; padding:0;}
#branding_search {width:45em; float:left; margin:.8em 1em 1em 0;}
#branding_search img {margin:1em 0 1em 0;}
#search_txt, #search_input {}
#search_txt p {font-size:8px; text-transform:uppercase; margin-bottom:0; padding-bottom:0; color:#214f70; font-weight:bold; }
#search_txt p span.sm_search{text-transform:none; color:#000; font-weight:normal; font-size:10px; margin-left:2px;}
#search_txt p span.red_search{color:#FF0000; font-size:9px;}
#search_txt p span.grey_search{color:#666666; font-size:9px;}
#search_input {height:2.3em; margin:.2em 0 0 .5em;}
#search_input input.search_field {margin-bottom:.6em; width:36em;}
/*subscribe/place an ad text*/
p.header_links {font-size: 1.2em; text-transform:uppercase; float:right; margin: .5em 0 .5em 0;}
/*weather!*/
#weather {width:17em; float:left; margin:2em 0 1em 2.8em; text-transform:uppercase; overflow:hidden;}
#weather img {float:left; width:45px; margin:0 .5em 1em 0; padding:0;}
#weather .currentconditions a {font-size:13px; color:#214f70; margin-top:0; font-weight:bold;}
#weather .currentconditions span {font-size:10px;}
#weather p {clear:left; font-size:9px; }
/*header ad space, home page only*/
#marquee {/*background:url("/global/images/ad_belt.gif");*/ width:30em; height:10em; float:left; margin:1.5em 0 0 0;}
/*sub page nav*/
#nav { background:url("http://www.houmatoday.com/global/images/icons.gif") repeat-x bottom; padding:0; border-top:3px solid #6794bd; text-transform:uppercase; clear:both; line-height:20px; height:20px; background-color:#f0f0f0; }
#nav li { float:left; padding:0; margin:0; font-size:10px; height:20px; }
#nav li a { padding:0 15px; border-right:1px solid #000; color:#000; font-size:10px; }
#nav li.last a { border-right:0; }
#nav li.current a { background:#d9d9d9; font-weight:bold; }
#nav li.current2 a { background:#d9d9d9; font-weight:bold; border-bottom:1px solid #000; padding-bottom:3px; }
#nav li.ad_current a { background:#ccc; }
#nav li.ad_reg a { }
body {font:normal 62.5% Verdana, Arial, Helvetica, sans-serif; margin:0; background-color:#fff; }
/*GENERAL STYLES*/
a:link {color:#004677; text-decoration:none;}
a:visited {color:#004677; text-decoration:none;}
a:hover {color:#004677; text-decoration:underline;}
a:active {color:#004677; text-decoration:none;}
.left {float:left} .right {float:right}
.cl_left {clear:left;} .cl_right {clear:right;} .cl_none {clear:none;} .cl_both {clear:both;}
h1 {font-size:24px;} h2 {font-size:21px;} h3 {font-size:16px;} h4 {font-size:14px;} h5 {font-size:12px;}
.eleven {font-size:11px;}
.center {text-align:center;}
.bold {font-weight:bold;}
.font_normal {font-weight:normal;}
.italic {font-style:italic;}
.datetime {font-size:9px; font-style:italic; color:#999; /*width:0; height:0; display:none;*/}
.allcaps {text-transform:uppercase;}
.nocaps {text-transform:none;}
.shown { display:block; height:auto; }
.hidden { display:none; height:0; }
/*CONTENT STYLES*/
#content { width:980px; height:auto; margin:0 auto; border:1px solid #6794bd; border-width:0 1px; padding-top:10px; background-color:#ffffff; }
#topdate { border-bottom:1px #333 solid; margin-bottom:.5em }
#topdate .bold {font-size:12px; margin-right:3px;}
/*set columns - col2 and col3 are the same width*/
.col0, .col1, .col2 {margin-left:1em !important; margin-right:0 !important; margin-left:.5em; margin-right:.5em; float:left;}
.col1 {width:605px;}
.col2 {width:345px;}
.col0 {width:960px;}
/*each box class below corresponds with the content box number*/
.box1 {width:60.5em; clear:left; float:left; margin-bottom:1em; }
.box2 {width:25em; margin-right:1em; float:left }
.box3 {width:34.5em; float:right }
.box4 {width:34.5em; float:left }
/*box designs - set width and height*/
.item {width:100%; margin-bottom:1em; } /*every box design gets this*/
/*set the height of the box design with one of these options*/
.reg { min-height:12em; height:auto !important; height:12em; overflow-x:hidden; overflow-y:visible }
.front_reg {min-height:30em; height:auto !important; height:30em; max-height:30em; overflow:hidden;}
.box1_reg { min-height:30em; height:auto !important; height:30em; }
.lead { min-height:37em; height:auto !important; height:37em; max-height:37em; overflow:hidden; }
.lead_nomin { height:auto; max-height:37em !important; overflow:hidden; }
/*no other place to put this*/.lead .small_sub_head {padding-top:0;}
/*special height classes, to align the area left of the video player (when locked)*/
.video_left1 { /*min-height:27em; height:auto !important;*/ height:28em; overflow:hidden; }
.video_left2 { /*min-height:17em; height:auto !important;*/ height:17em; margin-bottom:0; overflow:hidden; }
.video_height { height:45em }
.video_left1 h4, .video_left2 h4 {font-weight:bold;}
/*this may be temporary, it controls the mid page two ad belt thing*/
.ad_belt { height:5em !important; text-align:center; margin-bottom:2em;}
.freeform img {max-width:95%; margin:.5em 0;}
.widget {width:100%; margin:.5em auto;}
/*style for wide template*/
.wide_content {width:auto; margin:0 1em; }
/*breaking news*/
#breaking { border: 1px solid #CC0000; width:60.3em; margin-bottom:1em; }
#breaking h3 {background-color:#cc0000; color:#fff; font-weight:bold; text-transform:uppercase; padding:.4em .2em;}
#breaking h2 {padding:.4em .2em; font-weight:bold;}
/*article tools for frontpage and sectionfront*/
.fp_article_tools {margin: 1em 0; padding:0;}
.fp_article_tools li {display:inline;}
.fp_article_tools li a.icon {padding: 0 0 0 24px;}
.package_elements {margin: 1em 0;}
.package_elements li {display:inline;}
/*right rail re-styles (make bg dark, etc)*/
#right .reg { background:#f0f0f0; }
#right .sub_head { background:#d9d9d9; padding:0 1em; border:none; }
#right .newslist { padding:0 1em; }
#right .newslist p { padding:0 1em; }
#right ul.gallery { margin:1em 0 1em .5em; }
#right .gallery li { border:none; background:none; padding:0 0 .5em 0; margin-right:5px !important; margin-right:-15px; clear:none; width:105px; display:inline; float:left; }
#right .gallery img {margin:0; padding:0; width:105px;}
/*CROSS SITE STYLES*/
/*newslist type items*/
.sub_head { font-size:11px; font-weight:bold; border-bottom:1px solid #999; text-transform:uppercase; line-height:1.5em }
.sub_head a { color:#000; text-decoration:none; cursor:pointer; }
.sub_head_nav { margin-bottom:.3em; padding:.3em 0; background:#e3edf9; }
.sub_head_nav .first { padding-left:.1em; border-left:none; }
.sub_head_nav li { font-size:9px; display:inline; text-transform:uppercase; border-left:1px solid #999; padding-left:.4em; color:#3b3b3b; }
.sub_head_nav li a:link {color:#333;}
.sub_head_nav li a:visited {color:#333;}
.sub_head_nav li a:hover {color:#ff0000;}
.sub_head_nav li a:active {color:#333;}
.small_sub_head { font-size:11px; text-transform:uppercase; padding-top:1em; color:#999; }
.newslist h4 { font-size:13px; font-weight:bold; }
.newslist li { font-size:11px; border-bottom:1px dotted #DBDBDB; clear:left; height:auto;
background:url("/global/images/bullet.gif") no-repeat 0 .8em; padding:.5em 0 .5em .8em; }
.newslist_topjobs li { border-bottom:1px dotted #DBDBDB; height:auto;
background:url("/global/images/bullet.gif") no-repeat 0 .8em; padding:.5em 0 .5em .8em; margin-left:1em; }
.newslist .no_bul { background:none; padding-left:0; }
.newslist img { float:left; margin-right:.3em; }
/*these three allow the dotted line in the li tag to flow under the photo*/
.newslist .img_lrg { min-height:8em; height:auto !important; height:8em; }
.newslist .img_med { min-height:4.7em; height:auto !important; height:4.7em; }
.newslist .img_sml { min-height:3.3em; height:auto !important; height:3.3em; }
/*image div cropping class - wrap the image in a div with this class and make the image a larger scaled size*/
.img_crop_lrg { width:105px; height:70px; overflow:hidden; float:left; border:1px solid #000; margin-right:1em; }
.img_crop_med { width:70px; height:47px; overflow:hidden; float:left; border:1px solid #000; margin-right:1em; }
.img_crop_sml { width:50px; height:33px; overflow:hidden; float:left; border:1px solid #000; margin-right:1em; }
/*tabs code (most read/most emailed, for example)*/
.tabs { width:100%; float:left; background:url("/global/images/content_tabs.gif") repeat-x bottom; }
.tabs ul { margin:0; padding:1em 0 0 0; }
.tabs li { float:left; background:url("/global/images/content_tabs.gif") no-repeat 0 -30px; margin:0 .2em 0 0; padding:0 0 0 .3em; cursor:pointer; font-weight:bold; text-transform:uppercase; }
.tabs a { float:left; display:block; padding:.5em 1.5em .4em .6em; text-decoration:none;
background:url("/global/images/content_tabs.gif") no-repeat right -30px; }
.tabs a {float:none;} /* End IE5-Mac hack */ #network a:hover { color:#333; }
.tabs li:hover { background-position:0 -220px; color:#333; }
.tabs li:hover a { background-position:right -220px; }
.tabs .current { background-image:url("/global/images/content_tabs.gif"); background-position:0 -220px; border-width:0; cursor:pointer }
.tabs .current a { background-image:url("/global/images/content_tabs.gif"); background-position:right -220px; padding-bottom:.5em; }
.tabs_content { width:34.3em; border:1px solid #000; border-width:0 1px 1px 1px; background:#f0f0f0; margin-bottom:1em; clear:left }
/*icons*/
.icon { background-image:url('/global/images/icons.gif');background-repeat:no-repeat;
padding:0 10px 0 24px; text-transform:uppercase; }
.fpicon {background-image:url('/global/images/icons.gif');background-repeat:no-repeat;
padding:0 6px 0 26px; text-transform:uppercase; margin: 5px 0 0 0;}
a:link.i_text { font-size:9px; color:#333; }
a:visited.i_text { font-size:9px; color:#333; }
a:hover.i_text { font-size:9px; color:#990000; }
a:active.i_text { font-size:9px; color:#333; }
a.i_search { background-position:0 0; }
a.i_send { background-position:0 -60px; }
a.i_quote { background-position:0 -120px; }
a.i_video { background-position:0 -180px; }
a.i_photo { background-position:0 -240px; }
a.i_audio { background-position:0 -300px; }
a.i_email { background-position:0 -360px; }
a.i_save { background-position:0 -420px; }
a.i_print { background-position:0 -480px; }
a.i_share { background-position:0 -540px; }
a.i_plus { background-position:0 -600px; }
a.i_enlg_sm { background-position:0 -660px; height:10px; padding:0 8px 0 2px; margin-left:2px; }
a.i_enlg_nm { background-position:0 -720px; height:10px; padding:0 10px 0 2px }
a.i_enlg_lg { background-position:0 -780px; height:10px; padding:0 10px 0 4px }
a.i_back { background-position:0 -840px; }
a.i_forward { background-position:0 -900px; }
/*this was the styling for the old publicus generated events calendar, not with us now*/
#events { background:#f0f0f0; height:11em; clear:both; }
#events ul { float:left; padding:1em .5em; }
#events ul li { float:left; font-weight:bold; margin-right:.2em; border:1px solid #999; padding-top:.5em;
width:3.4em; height:2.8em; text-align:center; background:#fff997; font-size:10px; color:#7f7f7f; }
#events ul li.today a { text-decoration:none; }
#events ul li.today a:hover { }
#events ul li.today a span { display:block; text-transform:uppercase; font-weight:bolder; line-height:100%; }
#events ul li a { color:#7e7e7e; text-decoration:none; }
#events ul li a:hover { color:#999; }
#events ul li a span { display:block; text-transform:uppercase; }
#events div { margin:1em; }
#events ul li.calendar { border:none; background:none; margin-top:-1px; }
#events ul li.sponsor { border:none; background:none; margin-left:10px !important; margin-left:5px; margin-top:-12px; font-weight:normal; width:90px}
#e_search_box { width: 25em; margin-top:.5em;margin-bottom:.5em;}
#e_select { width: 25em; margin-top:.5em;margin-bottom:.5em;}
/*SECTION FRONT*/
#search_box {float:right; width:45em; margin:.5em 0 2em 0;}
#logo { margin:1.5em 0 .5em 0; float:left; }
#leaderboard {margin: .5em 0 0 0; padding-bottom:10px; text-align:center;}
#topsection {font-size:13px; font-weight:bold; border-bottom:1px #333 solid; text-transform:uppercase;}
#path { font-size:11px; font-weight:bold; text-transform:uppercase;}
/*article*/ /*not sure why these are here or if they are needed*/
.article_tools {background-color:#f1f1f1; margin:2em 0; }
.article_tools ul {padding:.4em 0;}
.article_tools ul li { font-size:9px; font-weight:bold; display:inline; text-transform:uppercase; }
.article_tools ul li a {color:#000;}
#article_extras {width:25em; float:left; margin: 0 1em 1em 0;}
#article_text p {font-size:1.2em; margin-bottom:1em;}
#article_text p.byline {font-size:1.1em; margin-bottom:0;}
#article_text p.pubinfo {font-size:1.1em; font-style:italic; margin-bottom:2em; font-color: #666666;}
#article_text p.caption {font-size:1em;}
#topjobs {width:120px;}
h3.topjobs {font-family:Times, Sans-Serif; font-weight:bold; font-size:21px; background: url(/global/graphics/yellow_square.gif) bottom left repeat-x; text-align:center; text-transform:uppercase;}
p.biz_info {margin:1em 0;}
/*FOOTER*/
#footer_ad {width: 980px;position:relative;margin: 0px auto;padding:10px 0;height: auto;border-right: 1px solid #6794bd;border-left: 1px solid #6794bd;text-align: center;}
#footer {width:980px; height:auto; margin:0 auto; border:1px solid #6794bd;border-top:1px solid #000000; background-color:#f0f0f0; }
#footer ul {background:#f0f0f0; padding:4px 0; text-transform:uppercase; font-size:8px;}
#footer ul li {display: inline; padding:0; margin:0;}
#footer ul li a {padding:3px 4px; border-right:1px solid #000000; font-weight:normal; font-size:9px;}
#footer ul li.last a {border-right:0;}
#copyright {width:980px; height:auto; margin:10px auto 200px auto; text-align:center; }
/*Search & Featured Business */
.search_termsarea { text-transform: uppercase; color:#999999;}
.search_term { font-size:1.4em; font-weight:bolder; color:#000;}
.search_box {background-color:#f0f0f0; margin:0em;padding:1em;}
#search_col_spotlight { background-color:#fffdde; border: 1px solid #ffcc00; padding:.5em; width:125px;}
#search_headerbox {font-weight: bold;text-transform: uppercase; color:#999999;margin-bottom:.5em;}
#search_col_results {padding-left:1em;}
#search_description {padding-bottom:.5em; clear:all;}
.search_results {padding-bottom:.5em; clear:all;}
.sitehost {color:#999999;}
.search_navigation {margin-bottom:1em; }
.search_item {margin:1em 0 2em 0;width:450px; overflow:hidden;}
.search_itemsummary {}
#search_col_businesses {}
#search_headerbox {}
#search_featureditems {margin-bottom:1em;display:block;border:1px solid #cc0000;clear:all;height:auto;}
#search_featureditem_container
{margin-top: 5px;margin-right: 10px;margin-bottom: 5px;margin-left: 5px;display: block;border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #efefef;}
#search_featureditem_container .iteminfo
{float: left;margin: .5em;left: 10px;line-height: 14px; width:210px; font-size:110%;}
#search_featureditem_container .itemimg img
{float: left;width:100px;margin: 1em 0 0 0; text-align:center;}
.search_top { }
#search_sourcenavigation {padding:.5em; text-align:center; background-color:#f0f0f0;margin-bottom:1em;}
.BusinessDetailsTitleHolder {}
.BusinessDetailsBox {float:left; width:290px;margin: 0;}
.BusinessDetailsBoxContents {}
.BusinessDetailsHeaderItem {font-size:1.3em; font-weight:bold;margin-top:1em;}
.BusinessDetails_Phone {margin: .5em 0;}
.BusinessDetailsTitle {}
.BusinessDetailsInfoHolder {margin:1em 0;}
.BusinessDetailsAddress {}
.BusinessDetailsName {font-size:1.3em;font-weight:bold;margin-bottom:.5em;}
.BusinessDetailsImageHolder {float:right; width:300px;}
.BusinessDetailsInfo {float:left; width:600px;}
.TableBody { border-right:1px solid #125400; width:982px; }
/*GENERAL*/
body { background-color:#d3e0cb; }
/*HEADER*/
#header { border-color:#125400; background:#fff; }
#header_wrap { background-color:#d3e0cb; }
p.header_links_home { border-color:#125400; }
#fp_login, #fp_login a { color:#000;}
/*NAV*/
#nav_menu { border-color:#125400; }
#nav { border-color:#125400; }
#nav2 { border-color:#125400; }
#nav2 li.ad_current { background-color:#b5cca6; }
/*CLASSIFIED NAVS*/
#ad_spin_target { border-color:#125400; background:#b5cca6; }
/*CONTENT*/
#content { border-color:#125400; }
.sub_head_nav { margin-bottom:.3em; padding:.3em 0; background-color:#d3e0cb; }
/*FOOTER*/
#footer { border-color:#125400; color:#BB8545 }
#footer_ad { border-color:#125400; }