/* CSS Document */

body { margin: 0 auto; padding: 0; text-align: center; background: #3F4653 url(../images00/bg_body.gif) repeat; color: #474B56; font: 11px Arial, Helvetica, sans-serif; }
a { color: #BA5600; text-decoration: none; }
a:hover { color: #333; text-decoration: underline; }
#main_wrapper { width: 940px; height: auto; margin: 0 auto; padding: 0; border-left: 1px solid black; border-right: 1px solid black; background: white; }
#header { width: auto; height: auto; margin: 0; padding: 0; border-bottom: 1px solid #273040; }
#header_rt { margin: 0; padding: 0; width: auto; height: auto; float: right; text-align: left; margin: 60px 0 0 0; }
p.global_heads { font-size: 14px; font-weight: normal; margin: 0; padding: 0; line-height: 22px; color: #4F84D5; }

/* start global nav styles */
#global_nav { width: auto; height: auto; margin: 0; padding-top: 5px; background: #B5C1CF; font-size: 11px; }
#global_nav li { display: inline; list-style-type: none; margin: 0; padding: 0 2px 0 5px; text-align: center; border-left: 1px solid #3F4653; }
#global_nav li a { color: #3F4653; text-decoration: none; }
#global_nav li a:hover { color: #3F4653; text-decoration: underline; }


/* end global nav styles */

#logo_wrapper { margin: 0; padding: 0; width: auto; height: 88px; background: #b5c1cf url(../images00/bg_logo.gif) no-repeat center left; /* bg image will be logo, header bg color, and the bar. bg color should be the color of the bar at the bottom of the image. bg image should be 760px wide and about 80px high. */ }
#local_info { margin: 0; padding: 5px 5px 5px 0; width: 150px; height: auto; text-align: left; float: right; color: #3F4653; }
#local_info a { font-size: 10px; color: #3F4653; text-decoration: underline; }
#local_info a:hover { font-size: 10px; color: #3F4653; text-decoration: none; }
#date { width: 200px; float: right; margin: 0; padding: 0 12px 0 0; text-align: right; }
#date p { margin: 0; padding: 0; }

/* start control panel styles */
#control_panel li a { color: white; text-decoration: none; }
#control_panel li a:hover { color: white; text-decoration: underline; }
.cp1 { color: #D4E1EE; text-transform: uppercase; font-weight: bold; }
.cp2 { color: white; }
.cp3 { color: white; border-left: 1px solid white; }
/* end control panel styles */

/* start tools styles */
#tools { width: auto; height: auto; margin: 0; padding: 0 0 8px 8px; text-align: left; background: #B8C3D0; }
#tools_rt { /*tabbed area */ width: 485px; height: auto; margin: 0; padding: 0; float: right; color: #3F4653; }
#headertabs { width: auto; height: 30px; margin: 0; padding: 0; background: url(../images00/bg_nav.gif) repeat-x bottom; /*should be color of inactive tabs */ font-size: 11px; }
#headertabs li a { color: white; text-decoration: none; }
#headertabs li a:hover { color: #273040; text-decoration: none; }

.tab_map { width: 65px; border-right: 1px solid #414652; /*change based on design */ }
.tab_map_on { width: 65px; background: #B8C3D0; border-right: 1px solid #414652; /*change based on design */ }
.tab_traffic { width: 84px; border-left: 1px solid white; /*change based on design */ border-right: 1px solid #414652; /*change based on design */ }
.tab_traffic_on { width: 84px; background: #B8C3D0; border-left: 1px solid white; /*change based on design */ border-right: 1px solid #414652; /*change based on design */ }
.tab_jobs { width: 70px; border-left: 1px solid white; /*change based on design */ border-right: 1px solid #414652; /*change based on design */ }

.tab_jobs_on { width: 70px; background: #B8C3D0; border-left: 1px solid white; /*change based on design */ border-right: 1px solid #414652; /*change based on design */ }
.tab_cars { width: 70px; border-left: 1px solid white; /*change based on design */ border-right: 1px solid #414652; /*change based on design */ }
.tab_cars_on { width: 70px; background: #B8C3D0; border-left: 1px solid white; /*change based on design */ border-right: 1px solid #414652; /*change based on design */ }
.tab_homes { width: 76px; border-left: 1px solid white; /*change based on design */ border-right: 1px solid #414652; /*change based on design */ }
.tab_homes_on { width: 76px; background: #B8C3D0; border-left: 1px solid white; /*change based on design */ border-right: 1px solid #414652; /*change based on design */ }

.tab_classifieds { width: 110px; border-left: 1px solid white; /*change based on design */ }
.tab_classifieds_on { width: 110px; background: #B8C3D0; border-left: 1px solid white; /*change based on design */ }
#tools_content { width: auto; height: auto; margin: 0; padding: 4px 15px 0 20px; color: #273040; clear: left; }
#tools_left { width: 260px; height: auto; margin: 0 auto; margin-top: 8px; text-align: center; padding: 0; float: left; color: white; background: #474B56; }

/* end tools styles */

#content_wrapper { margin: 0; padding: 0; width: auto; height: auto; background: url(../images00/bg_content.jpg) repeat-x top; } /* surrounds ad position, news and community */ 
#ad_pos1 { width: 728px; height: auto; margin: 0 auto; padding: 3px 0 0 0; text-align: center; color: #4C525E ; }
#ad_pos1 p { text-align: left; }

/* start right column and community styles */
#community { width: auto; height: auto; margin: 0; padding: 0; border: 1px solid white; background: #BFC8D9; border-bottom: 1px solid #474B56; }
#community li a { color: white; text-decoration: none; }
#community li a:hover { color: #373C44; text-decoration: none; }
.community_content { margin: 0; padding: 5px; clear: left; }
.tab_gallery { width: 87px; background: #CB6711; border-right: 1px solid white; border-bottom: 1px solid white; }

.tab_gallery_on { width: 87px; background: #BFC8D9; border-right: 1px solid white; }
.tab_forum { width: 75px; background: #CB6711; border-right: 1px solid white; border-bottom: 1px solid white; }
.tab_forum_on { width: 75px; background: #BFC8D9; border-right: 1px solid white; }
.tab_events { width: 79px; background: #CB6711; border-right: 1px solid white; border-bottom: 1px solid white; }
.tab_events_on { width: 79px; background: #BFC8D9; border-right: 1px solid white; }

.tab_movies { width: 79px; background: #CB6711; border-bottom: 1px solid white; }
.tab_movies_on { width: 79px; background: #BFC8D9; }
#newsbyyou { width: auto; height: auto; margin: 10px 0 0 0; padding: 0; background: #F7F7F7; }
#newsbyyou_header { width: auto; height: auto; margin: 0; padding: 5px 3px 5px 3px; color: #11B5DE; background: #CCD6E5; border-bottom: 1px solid #474B56; }
.newsbyyou_title { margin: 0; padding: 0; line-height: normal; font-size: 10px; font-weight: bold; color: #474B56; }

#nby_rt li { text-align: center; margin: 0; display: inline; padding: 0 10px 0 3px; list-style-type: none; }
#nby_rt li a { color: #BA5600; text-decoration: none; }
#nby_rt li a:hover { color: #BA5600; text-decoration: underline; }
#newsbyyou_content { margin: 0; padding: 5px; background: #EBF1F9; }
#localdeals { width: auto; height: auto; margin: 10px 0 0 0; padding: 0; background: #F7F7F7; }

#localdeals_header { width: auto; height: auto; margin: 0; padding: 5px 3px 5px 3px; color: #11B5DE; background: #CCD6E5; border-bottom: 1px solid #474B56; }
.localdeals_title { margin: 0; padding: 0; line-height: normal; font-size: 10px; font-weight: bold; color: #474B56; }
#localdeals_rt li a { color: #BA5600; text-decoration: none; }
#localdeals_rt li a:hover { color: #BA5600; text-decoration: underline; }
#localdeals_rt li { text-align: center; margin: 0; display: inline; padding: 0 10px 0 3px; list-style-type: none; }
#localdeals_content { margin: 0; padding: 5px; background: #EBF1F9; }

#ad_pos2 { width: 300px; height: auto; margin: 0 auto; margin-top: 10px; padding: 0; text-align: center; color: #8C8C8C; }
#ad_pos2 p { margin: 0; padding: 0; text-align: left; }
/* end right column and community styles */

/* start styles for news sections */
.section_header { /* this is where you would add bg image, border, bg colors */ width: 335px; height: auto; margin: 0; padding: 3px 3px 3px 0; border-bottom: 1px solid #474B56; }
.header_style { /* this is where you would style the actual text... i.e. padding, color, bg color */ padding: 1px 3px 0 0; margin: 0; color: #474B56; font-weight: bold; text-transform: uppercase; font-size: 12px; }
.edit_section a { color: #8D8D8D; text-decoration: none; }
.edit_section a:hover { color: #474B56; text-decoration: none; }
.story_title { margin: 0 0 3px 0; padding: 0; font-weight: bold; color: #BA5600; }

.story_title a { color: #BA5600; text-decoration: underline; }
.story_title a:hover { color: #BA5600; text-decoration: none; }
.story_paper { font-style: italic; color: #AFB5BD; margin: 3px 0 0 0; padding: 0; text-transform: uppercase; clear: left; }
.view_summary a { text-decoration: none; color: #B13914; }
.view_summary a:hover { text-decoration: none; color: #333; }

/* start styles for news sections */

/* start footer styles */
#footer { width: auto; margin: 0; padding: 10px; height: auto; background: #798094; color: white; text-align: left; clear: right; border-bottom: 1px solid #273040; border-top: 1px solid #273040;}
#footer a { color: #B0C7E9; text-decoration: none; }
#footer a:hover { color: #B0C7E9; text-decoration: underline; }
#footer_tools li { display: inline; list-style-type: none; margin: 0; padding: 0 0 0 13px; background: url(../images00/footer_arrow.gif) no-repeat top left; }
/* end footer styles */
/********************************************************************************************************/
/********************************************************************************************************/

/* extra story level styles */ #classifieds li a { text-decoration: none; }
#classifieds li a:hover { text-decoration: underline; }
#wrap1 { margin: 0; padding: 0; border-bottom: 1px solid #C7C7C7; }
#wrap1a { margin: 0; padding: 3px 1px 10px 10px; float: right; width: 71px; height: auto; border-left: 1px solid #C7C7C7; }
#wrap2a { margin: 0; padding: 8px 1px 3px 10px; float: right; width: 71px; height: auto; border-left: 1px solid #C7C7C7; }
#story a { text-decoration: underline; }

#story a:hover { text-decoration: none; }
#nav { width: auto; height: 26px; margin: 0 auto; text-align: center; padding: 0; background: url(../images00/bg_nav.gif) repeat-x top; font-size: 11px; }
#nav ul {margin-left: 30px;}
#nav li { float: left; list-style-type: none; margin: 0 auto; padding: 6px 0 0 0; text-align: center; border-left: 1px solid #414652; width: 125px; height: 20px; }
#nav li a { color: white; text-decoration: none; text-transform: uppercase; }
#nav li a:hover { color: #273040; text-decoration: none; }

#topbar { width: auto; height: auto; margin: 0; padding: 5px; background: #CED8E7; color: #474B56;  border-bottom: 1px solid #474B56; text-align: left; }
#topbar li { display: inline; list-style-type: none; margin: 0; padding: 0 5px 0 10px; text-align: center; border-left: 1px solid white; }
#topbar li a { text-decoration: none; }
#topbar li a:hover { text-decoration: underline; }
#tools_content p { margin: 5px 0 3px 0; padding: 0; font-size: 11px; font-weight: normal; color: #474B56; line-height: 1.5em; }

#tools_content li { margin: 0; padding: 0 0 0 10px; list-style-type: none; background: url(../images00/tools_bullet.gif) no-repeat left; }
#tools_content a { color: #A74E02; text-decoration: none; }
#tools_content a:hover { color: #A74E02; text-decoration: underline; }
#traffic_right a { color: #000; text-decoration: none; }
#traffic_right a:hover { color: #000; text-decoration: underline; }

.subheader { font-size: 11px; font-weight: bold; color: #474B56; margin: 0; padding: 5px 0 3px 0; }
#homes_block { padding-bottom: 5px; border-bottom: 1px solid #8B939F; }
#homes_block li { margin: 0; padding: 0 30px 0 10px; list-style-type: none; display: inline; background: url(../images00/tools_bullet.gif) no-repeat left; }
#apts_block li { margin: 0; padding: 0 30px 0 10px; list-style-type: none; display: inline; background: url(../images00/tools_bullet.gif) no-repeat left; }
#tools_logo_cb { width: 100px; height: 18px; float: right; text-align: right; margin: 8px 5px 0 5px; padding: 0; background: url(../images00/tools_logo_cb.gif) no-repeat left; }

#tools_logo_cars { width: 100px; height: 42px; float: right; text-align: right; margin: 8px 5px 0 5px; padding: 0; background: url(../images00/tools_logo_cars.gif) no-repeat left; }
#tools_logo_homescape { width: 102px; height: 29px; float: right; text-align: right; margin: 8px 5px 0 5px; padding: 0; background: url(../images00/tools_logo_homescape.gif) no-repeat left; }
#tools_logo_apts { width: 100px; height: 29px; float: right; text-align: right; margin: 8px 5px 0 5px; padding: 0; background: url(../images00/tools_logo_apts.gif) no-repeat left; }
#tools_logo_classifieds { width: 102px; height: 56px; float: right; text-align: right; margin: 8px 5px 0 5px; padding: 0; background: url(../images00/tools_logo_classifieds.gif) no-repeat left; }

/************************** end header tab styles ************************/
#whatsthis_img { background: url(../images00/whatsthis.jpg) no-repeat left; }