@import url("reset.css");

a {color: #0620b3; text-decoration: none;}
a:hover {color: #710000;}

body {font-family: Arial; font-size: 72.5%; background: #fff; color: #000; background: url(../img/bg_palm.jpg) repeat-x top left;}
#clouds {height: 400px; background: url(../img/clouds.png) repeat-x top left; margin: 0 auto;}
#wrap {width: 1100px; position: absolute; top: 0; left: 50%; margin: 0 0 0 -550px; padding: 0 0 5px 0; background: url(../img/shadow.png) repeat-y top left;}
#page {width: 1000px; margin: 0 auto; border: 1px solid #ddd; border-width: 0 1px 1px 1px;}

#top {width: 1000px; margin: 0 auto;  position: relative; background: #fff; padding: 20px 0 0 0; border: 1px solid #ddd; border-width: 0 1px;}
#top_nav {height: 22px; margin: 0 0 0 8px;}
#top_nav li {display: inline; margin: 0 10px 0 0; background: url(../img/ui/arrow_right.png) no-repeat 0 0; padding: 0 0 0 20px;}
#top_nav li a {font-weight: bold;}
#top_search {width: 225px; position: absolute; top: 10px; right: 0;}
#search_query {width: 150px;}
#search_submit {width: 60px;}

#header {height: 94px; position: relative; overflow: hidden; background: #fff; border-top: 1px solid #ddd;}
#header h1 {display: none;}
#header #description {display: none;}
#header #logo {width: 268px; height: 94px; display: block; background: url(../img/logo.jpg) no-repeat top left; text-indent: -9999px;}
#header #lead_banner {width: 728px; height: 90px; position: absolute; top: 2px; right: 2px; background: #fff; display: block;}

#nav {height: 22px; border: 1px solid #ddd; border-width: 1px 0; padding: 8px 0 0 0; text-align: center; background: #fff;}
#nav li {display: inline; margin: 0 7px; }
#nav li a {font-size: 1.2em; font-weight: bold;}
.apartments #apartments a, .auto #auto a, .bars #bars a, .classifieds #classifieds a, .clubs #clubs a, .events #events a, .homes #homes a, .hotels #hotels a, .jobs #jobs a, .news #news a, .restaurants #restaurants a, .sports #sports a, .travel #travel a, .yellowpages #yellowpages a {color: #710000;}

#main {overflow: hidden; background: #fff url(../img/bg_main.jpg) repeat-y top left; position: relative;}
#main .left {background: #fff; width: 680px; float: left; position: relative;}
#main .right {width: 320px; float: right; overflow: hidden;}

#main_wide {overflow: hidden; background: #fff; position: relative;}

#ads_left, #ads_right {width: 133px; float: left; margin: 15px 0 0 20px;}
#ads_right {width: 133px; float: left; margin: 15px 0 0 15px;}
#ads_left a, #ads_right a {display: block; width: 131px; height: 131px; background: #fff; border: 1px solid #ddd; margin: 0 0 10px 0;}
#ads_left a img, #ads_right a img {margin: 3px;}
#ads_bottom {margin: 0 20px 15px 20px;}
#ads_bottom a {padding: 0 0 10px 0; display: block;}

#footer {border-top: 1px solid #ddd; height: 60px; position: relative; background: #fff;}
#footer p {text-align: center; padding: 15px 0 0 0; line-height: 150%;}
#footer #noveltysystems {width: 130px; height: 30px; position: absolute; top: 15px; right: 30px; display: block; background: url(../img/noveltysystems.png) no-repeat top left; text-indent: -9999px;}
#footer #city_of_gainesville {width: 213px; height: 36px; position: absolute; top: 12px; left: 30px; display: block; text-indent: -9999px; background: url(../img/city_of_gainesville.jpg) no-repeat top left;}

#categories {overflow: hidden; margin: 15px 20px;}
#categories li {display: block; width: 127px; float: left; margin: 0 0 15px 0;}

#tabbed_grid {width: 460px; background: #fff; margin: 15px; float: left;}

#tab_body {height: 200px; border: 1px solid #ddd; border-width: 1px; background: #f5f5f5;}
#tab_body div {display: none;}
#tab_body div h2 {font-size: 1.8em; font-weight: bold; padding: 15px;}
#tab_body .visible {display: block;}
#tab_body div form {padding: 0 15px;}
#tab_body div form p {overflow: hidden; margin: 0 0 10px 0;}
#tab_body div form .textbox {width: 200px;}
#tab_body div form .selectbox {width: 200px;}
#tab_body div form .label {width: 110px; display: block; float: left;}
#tab_body div form .submit {margin: 0 0 0 110px; cursor: pointer;}

#tab_nav {width: 460px; height: 28px; overflow: hidden; margin: 0 0 0 0;}
#tab_nav li {display: block; height: 28px; float: left; border-right: 1px solid #ddd; border-top: 1px solid #ddd; padding: 0 0 0 9px; background: url(../img/ui/arrow_right.png) no-repeat 2px 7px;}
#tab_nav li  a {display: block; padding: 9px; text-align: center;}
#tab_nav .selected {background: #0620b3 url(../img/ui/arrow_down.png) no-repeat 2px 7px; }
#tab_nav .selected  a {color: #fff; font-weight: bold;}
#tab_nav .selected  a:hover {color: #710000;}
#tab_nav_1 {width: 91px; border-left: 1px solid #ddd;}
#tab_nav_2 {width: 56px;}
#tab_nav_3 {width: 81px;}
#tab_nav_4 {width: 86px;}
#tab_nav_5 {width: 95px;}

#tab_1, #tab_2, #tab_3, #tab_4, #tab_5 {height: 200px;}
#tab_1 {background: #f5f5f5;}
#tab_2 {background: #f5f5f5;}
#tab_3 {background: #f5f5f5;}
#tab_4 {background: #f5f5f5;}
#tab_5 {background: #f5f5f5;}

#restaurant_form {margin: 10px 0 0 54px;}
#realestate_form {margin: 10px 0 0 54px;}
#apartment_form {margin: 10px 0 0 54px;}
#yellowpages_form {margin: 10px 0 0 54px;}
#hotels_form {margin: 10px 0 0 54px;}

#home_top {overflow: hidden;}
#top_right {width: 176px; float: left; margin: 10px 0 0 0;}

#social_nav {height: 20px; background: #fff; width: 180px; position: absolute; top: 11px; right: 235px; overflow: hidden;}
#social_nav li {display: block; height: 20px; width: 20px; float: left; margin: 0 0 0 10px;}
#social_nav li a {display: block; height: 20px; width: 20px; text-indent: -9999px;}
#twitter {background: url(../img/social/twitter.jpg) no-repeat top left;}
#facebook {background: url(../img/social/facebook.jpg) no-repeat top left;}
#digg {background: url(../img/social/digg.jpg) no-repeat top left;}
#myspace {background: url(../img/social/myspace.jpg) no-repeat top left;}
#rss {background: url(../img/social/rss.jpg) no-repeat top left;}
#home_icon {background: url(../img/ui/home.jpg) no-repeat top left;}

#weather_top {position: absolute; top: 2px; left: 447px; width: 120px; height: 40px; overflow: hidden;}
#weather_image {width: 40px; height: 40px; float: left;}
#weather_top #temp {width: 70px; font-size: 2em; float: left; margin: 8px 0 0 10px;}

#home_body {margin: 10px 15px 15px 15px; border-bottom: 1px solid #ddd; padding: 0 0 5px 0; }
#home_body p {line-height: 150%; margin: 0 0 10px 0;}
#home_body h2 {font-size: 2.4em; font-weight: bold; margin: 0 0 10px 0; padding: 0 0 10px 0; border-bottom: 1px solid #ddd;}

#yellow_page_home  {position: relative;}
#yellow_page_home h2 {font-size: 1.8em; font-weight: bold; margin: 0 0 10px 15px}
#yellow_page_home h2 a {color: #000;}

#add_listing {text-align: right; margin: 5px 20px 0 0;}
#add_listing_home {position: absolute; top: 5px; right: 15px;}

#featured_listings {margin: 10px 15px 20px 15px;}
#featured_listings .listing {margin: 0 0 10px 0; padding: 8px; border: 1px solid #e6e3b7; background: #fffbba; overflow: hidden; position: relative;}
#featured_listings .listing h3 {font-size: 1.2em; font-weight: bold; margin: 10px 0;}
#featured_listings .listing h3 a {color: #000;}
#featured_listings .listing_body {width: 522px; float: right;}
#featured_listings .listing_body p {margin: 0 0 10px 0;}
#featured_listings .listing_body .description {width: 320px; position: absolute; top: 17px; right: 10px; line-height: 150%; height: 60px; font-size: .95em;}
#featured_listings .featured_image {float: left; border: 1px solid #e6e3b7; width: 100px; height: 80px; background: #fff;}
#featured_listings .map_link {display: block; height: 16px; position: absolute; right: 10px; bottom: 6px; text-align: right; padding: 0 0 0 20px; background: url(../img/ui/magnify.gif) no-repeat top left;}

#featured_generic {margin: 10px 15px 20px 15px; overflow: hidden;}
#featured_generic .listing {margin: 0 0 10px 0; padding: 8px; border: 1px solid #ddd; background: #eee; overflow: hidden; position: relative; min-height: 160px; }
#featured_generic .listing h3 {font-size: 1.6em; font-weight: bold; margin: 10px 0 0 0;}
#featured_generic .listing h3 a {color: #000; text-decoration: underline;}
#featured_generic .listing_body {width: 452px; float: right;}
#featured_generic .listing_body p {margin: 0 0 10px 0;}
#featured_generic .listing_body .description {line-height: 150%;}
#featured_generic .address {font-weight: bold;}
#featured_generic .featured_image {float: left; border: 1px solid #e6e3b7; width: 160px; height: 120px; background: #fff; display: block; text-align: center; font-size: .95em;}
#featured_generic .featured_image img {margin: 0; padding: 0 0 5px 0;}
#featured_generic .listing_intro {color: #777; display: block; width: 160px; height: 40px; line-height: 150%}
#featured_generic .phone {position: absolute; top: 10px; right: 8px; color: blue; font-weight: bold; width: 110px; font-size: 1.4em; height: 26px; background: #fff url(../img/ui/phone.png) no-repeat 2px 5px; padding: 10px 4px 0 52px; border: 1px solid #ddd;}

.stars {overflow: hidden; width: 150px; height: 30px; margin: 5px 0;}
.stars li {display: block; width: 30px; height: 30px; float: left; background: url(../img/ui/star_gold.png) no-repeat top left;}
.listing_info {padding: 10px 0 0 0;}

#listings {margin: 0 15px;}
#listings .listing {margin: 0 0 15px 0; padding: 0 12px 20px 12px; border-bottom: 1px solid #ddd;}
#listings .listing h3 {font-size: 1.2em; font-weight: bold; margin: 0 0 10px 0;}

#breadcrumb { padding: 12px 0 0 40px; height: 24px; margin: 8px 0 0 18px;}
.phonebook_icon {background: url(../img/ui/phone_book.jpg) no-repeat top left;}
.restaurant_icon {background: url(../img/ui/restaurant_icon.jpg) no-repeat top left;}
#breadcrumb li {display: inline;}
#breadcrumb li a {font-size: 1.1em;}

#events_calendar {padding: 0 15px;}

#google_map {margin: 15px;}
#weather_map {padding: 40px 190px;}

#content {padding: 15px;}
#hotel_info {overflow: hidden; line-height: 150%;}
#hotel_left {float: left; width: 650px;}
#hotel_right {float: right; width: 290px;}
#hotel_right .info_block {padding: 0 0 15px 0;}
#hotel_info  p {margin: 0 0 10px 0;}
#hotel_info .phone {position: absolute; top: 10px; right: 15px; color: blue; font-weight: bold; width: 110px; font-size: 1.4em; height: 26px; background: #fff url(../img/ui/phone.png) no-repeat 2px 5px; padding: 10px 4px 0 52px; border: 1px solid #ddd;}
#hotel_info h3 {font-size: 1.6em; font-weight: bold; margin: 0 0 10px 0;}
#hotel_info h4 {font-size: 1.2em; font-weight: bold; margin: 0 0 10px 0;}
#hotel_info ul {list-style-type: disc; padding: 0 0 0 15px;}
#hotel_info ul li {margin: 0 0 0 15px;}
#hotel_header {position: relative; height: 65px; border-bottom: 1px solid #ddd; width: 680px;}
#hotel_header .stars {position: absolute; top: 25px; left: 15px;}

.iframe {padding: 15px;}
.wide_full {padding: 15px 0;}
.wide_pad {padding: 15px 5px;}

/* Advertise Page */
.ad_content_block {padding: 0 0 10px 0; position: relative;}
.ad_gutter {background: #f1f1f1; margin: 0 0 10px 0; border: 1px solid #ddd; position: relative; padding: 10px 300px 10px 10px; height: 200px;}
.price_green {color: green; font-size: 1.4em;}
.bottom_ad_box {background: #fff; font-size: 1.4em; font-weight: bold; width: 130px; padding: 10px; text-align: center; border: 1px solid #ddd; float: left; margin: 0 10px 0 0;}
.bottom_ad_container {overflow: hidden;}
.ad_content_img {position: absolute; top: 10px; right: 10px; border: 1px solid #ddd;}

/* Contact Form */
#contact_form {width: 400px; float: left;}
#contact_form p {overflow: hidden;}
#contact_form form label {width: 90px; float: left;}
#contact_form .textbox {width: 300px; float: right;}
#contact_form textarea {width: 300px; height: 100px; float: right;}
#contact_form #contact_submit {margin: 0 0 0 90px;}
#contact_right {width: 220px; float: right;}

#restaurant_grid {overflow: hidden; margin: 15px 0 0 15px; width: 665px;}
#restaurant_grid .grid_unit {width: 149px; height: 110px; display: block; float: left; margin: 0 15px 0 0; text-align: center; padding: 10px 0; border: 1px solid #fff;}
#restaurant_grid .grid_unit:hover {border: 1px solid #ddd;}
#restaurant_grid .grid_unit span {font-size: 1.4em; font-weight: bold; margin: 0 0 10px 0; width: 149px; display: block;}

#intro {margin: 15px;}

.sports_table th {font-weight: bold; padding: 10px; border-bottom: 1px solid #ddd; background: #0021a6; color: #fff;}
.sports_table td {padding: 10px; border-bottom: 1px solid #ddd;}
.sports_table .even {background: #eee;}

.content_block {padding: 15px; overflow: hidden;}
.content_block p {line-height: 150%; margin: 0 0 10px 0;}
.content_block h3 {font-size: 1.8em; font-weight: bold; margin: 0 0 10px 0;}
.content_block h4 {font-size: 1.4em; font-weight: bold; margin: 0 0 10px 0;}
.content_block h5 {font-size: 1em; font-weight: bold; margin: 0 0 10px 0;}

.body_section {margin: 15px;}
.body_section p {line-height: 150%; margin: 0 0 10px 0;}
.body_section h3 {font-size: 1.2em; font-weight: bold; margin: 0 0 10px 0;}

.title_h2 {font-size: 2.4em; font-weight: bold; margin: 15px 15px 0 15px;}
.header_image {padding: 3px; background: #fff; border: 1px solid #ddd; width: 642px; height: 120px; margin: 15px 15px 0 15px;}

.uf_title, .sfcc_title {width: 176px; height: 51px; text-indent: -9999px; padding: 0 0 5px 0;}
.uf_title {background: url(../img/logos/uf.jpg) no-repeat top left;}
.sfcc_title {background: url(../img/logos/sfcc.jpg) no-repeat top left;}
.uf_title a, .sfcc_title a {display: block; width: 176px; height: 51px;}
.school_links {list-style: disc; margin: 0 0 0 35px;}
.school_links li {margin: 0 0 4px 0;}

.green {color: green;}
.large {font-size: 1em;}

.img_left {float: left; margin: 0 15px 10px 0;}
.img_right {float: right; margin: 0 0 10px 15px;}

.hidden {display: none;}
.news_image {margin-top: 15px;}
.plus {font-weight: bold; font-size: 2em; margin: 0 5px 0 0;}
.big_text {font-size: 1.4em;}
.yp {background: url(../img/ui/phone_book.jpg) no-repeat top left; padding: 8px 0 0 40px; height: 34px;}
.centered {text-align: center;}

em {font-weight: bold;}