* { padding: 0px; margin: 0px; }
body { font: 16px Arial, sans-serif; line-height: 16px; text-align: center; background: #fff; margin: 0px }
a { color: #428cb6 }
a:hover { text-decoration: none }
p { margin: 10px auto; }

/* Header */
#header { width: 907px; height: 102px; background: url('../img/header-background.jpg'); margin: 0px auto; text-align: left; overflow: hidden; }

/* Top right links */
#top-links ul { float: right; list-style-type: none; margin: 0px; padding: 0px 5px 3px 0px; background: url('../img/top-links-background.jpg') top right no-repeat }
#top-links ul li { float: left; padding: 0px 7px; background: url('../img/top-links-background.gif') 0px 5px no-repeat }
#top-links ul li.first-child { background: none }
#top-links ul li a { font: bold 0.75em serif; color: #fff; text-decoration: none }
#top-links ul li a:hover, 
#top-links ul li a.current { text-decoration: underline }
#top-links ul li a:visited { color: #fff }

/* Email signup form */		
#newsletter-signup { float: right; clear: right; margin: 50px 5px 0px 0px; padding: 0px }
#newsletter-signup label { color: #d7d7d7; width: 190px; display: block; float: left; font-size: 11px; line-height: 12px; }
#newsletter-signup fieldset { border: none; padding: 0px }
#newsletter-signup input { font: normal 13px Georgia, serif; color: #333; padding: 0px; height: 15px; width: 150px }
#newsletter-signup button { margin-top: 2px; height: 20px; float: right; border: 1px solid #fff; color: #fff; background: #d85213; font-size: 11px; text-transform: uppercase; cursor: pointer }

/* Main navigation and search */
#nav { width: 934px; height: 28px; background: url('../img/nav-background.jpg'); margin: 5px auto 0px auto; text-align: left; overflow: hidden; }
#nav ul { list-style-type: none; margin: 0px; padding: 0px 0px 0px 25px }
#nav ul li { float: left; background: url('../img/nav-li-background.gif') 0px 6px no-repeat; padding: 2px 5px 0px 7px; margin: 0px; }
#nav ul li.first-child { background: none }
#nav ul li a { font: 14px Georgia, serif; color: #fff; text-decoration: none; height: 16px; display: block; float: left; padding: 4px; overflow: hidden; }

#nav ul li a.doing-business:hover, #nav ul li a.doing-business-highlight { background: #70905d }
#nav ul li a.experiencing:hover, #nav ul li a.experiencing-highlight { background: #8c2908 }
#nav ul li a.living:hover, #nav ul li a.living-highlight { background: #004270 }

#nav form { float: right; margin: 0px; padding: 2px 0px }
#nav form fieldset { border: none; padding: 2px 0px 0px 0px }
#nav form input { font: normal 13px Georgia, serif; color: #333; padding: 0px; height: 15px; width: 150px; }
#nav form button { vertical-align: top; border: 1px solid #fff; color: #fff; background: #004270; margin-right: 18px; font-size: 11px; height: 19px; text-transform: uppercase; cursor: pointer }

/* Subnav */			
#subnav ul { width: 892px; padding: 0px 0px 0px 15px; height: 23px; background: #abacad; list-style-type: none; margin: 0px auto; text-align: left }
#subnav.living ul { background: #004270; }
#subnav.doing-business ul { background: #70905d; }
#subnav.experiencing ul { background: #8c2908; }

#subnav ul li { display: inline; padding: 0px 5px 0px 7px; background: url('../img/subnav-li-background.gif') 0px 5px no-repeat }
#subnav ul li.first-child { background: none }
#subnav ul li a { font: 11px Georgia, serif; color: #fff; text-decoration: none }
#subnav ul li a:hover { text-decoration: underline }
#subnav ul li a:visited {  }
#subnav ul li a.current { font-weight: bold; color: #fff; font-size: 11px; }

#subnav.living ul li a { color: #6fbdea }
#subnav.living ul li a:hover { color: #fff; text-decoration: none }
#subnav.living ul li a.current { font-weight: bold; color: #fff; font-size: 0.7em }

#subnav.doing-business ul li a { color: #dae8af }
#subnav.doing-business ul li a:hover { color: #fff; text-decoration: none }
#subnav.doing-business ul li a.current { font-weight: bold; color: #fff; font-size: 0.7em }

#subnav.experiencing ul li a { color: #d39934 }
#subnav.experiencing ul li a:hover { color: #fff; text-decoration: none }
#subnav.experiencing ul li a.current { font-weight: bold; color: #fff; font-size: 0.7em }

/* Utility nav */
#utility-nav { width: 140px; padding-right: 10px; float: left; }
#utility-nav ul { margin: 0px; padding: 0px 0px 0px 23px; }
#utility-nav ul li { color: #333; font: 11px Arial, sans-serif; }
#utility-nav ul li a { color: #666; text-decoration: none; }
#utility-nav ul li a:hover, #utility-nav ul li a.current { color: #004270; }

/* Main content container */
#content { width: 934px; margin: 5px auto 0px auto }

/* Callouts on index */
#callouts { float: left; margin-top: 15px; padding: 0px 15px 0px 20px; color: #fff; text-align: left; font-size: 11px }
#callouts a { color: #fff }
#callouts a:visited { color: #eee }
#callouts p { margin: 0px; line-height: 15px }
#callouts h2 { font: normal 1.5em Arial, sans-serif; text-transform: uppercase; margin: 0px }
#callouts div { width: 194px; height: 114px; padding: 17px 10px 0px 25px }
#callouts .live { background: url('../img/live-callout-background.jpg'); margin-bottom: 8px }
#callouts .do-business { background: url('../img/do-business-callout-background.jpg'); margin-bottom: 8px }
#callouts .experience { background: url('../img/experience-callout-background.jpg') }

/* Slideshow and copy */
#slideshow { width: 453px; float: left; margin-top: 8px; text-align: left; font: 0.7em Arial, sans-serif }
#slideshow .image { width: 417px; height: 316px; clear: left; padding: 8px 10px 0px 2px; background: url('../img/photo-background.jpg') top right no-repeat; }
#slideshow .image img { margin: 8px 8px 0px 0px; border: 2px solid #666; float: right; }
* html #slideshow .image img { margin-right: 4px; }
#slideshow h2 { margin: 0.3em 0em; font: bold 18px Georgia, serif; color: #428cb6 }
#slideshow p { margin: 0px 0px 15px 0px; text-align: left; }

#slideshow ul.nav { list-style-type: none; }
#slideshow ul.nav li { float: left; margin-right: 10px; }
#slideshow ul.nav a { text-align: center; text-decoration: none; display: block; width: 130px; height: 26px; padding-top: 2px; background: url('../img/slideshow-nav-background.gif') top left no-repeat #000; color: #fff; text-transform: uppercase; }
#slideshow ul.nav a.activeSlide { background: url('../img/slideshow-nav-background.gif') bottom left no-repeat; }

/* Ad */
#advertisement { float: right; width: 160px; text-align: center; margin-top: 14px }	/* This allows an ad (up to 160px wide) to be centered within its placement context */

/* Secondary pages */
#secondary-content { text-align: left; font: 14px Georgia, Times New Roman, serif; line-height: 18px; padding: 10px 0px 20px 15px }
#secondary-content.with-ad { width: 759px; float: left }
#secondary-content .photo { background: url("../img/photo-background.jpg") top right no-repeat; padding: 9px 10px; }
#secondary-content .photo.right { float: right; clear: right; }
#secondary-content ul { padding-left: 25px; }
#secondary-content ul li { margin-top: 10px; margin-bottom: 10px }

#secondary-content h1 { font: bold 20px Georgia, Times New Roman, serif; color: #004270 }
#secondary-content.experiencing h1 { color: #8c2908 }
#secondary-content.doing-business h1, #secondary-content.doing-business h3 { color: #70905d }
#secondary-content.doing-business h3 a { color: #70905d }

#secondary-content h2 { font: bold 16px Georgia, Times New Roman, serif; color: #004270 }
#secondary-content h3 { font: bold 15px Georgia, Times New Roman, serif; color: #004270; background: url('../img/th-background.gif') 0px 2px no-repeat; padding-left: 15px; margin: 0px 0px 10px 0px; }
#secondary-content h4 { font: bold 13px Georgia, Times New Roman, serif; color: #004270; margin: 5px auto }
#secondary-content table caption { text-align: left; font-weight: bold; }

/* Large callouts */
#large-callout-living { font-size: 12px; line-height: 14px; color: #fff; width: 250px; padding: 15px 23px 0px 23px; float: right; margin: 0px 40px 0px 25px; background: url('../img/living-large-callout-background.jpg') no-repeat #004370 }
#large-callout-living a, #large-callout-living h2 { color: #39c; }

#large-callout-experiencing { font-size: 12px; line-height: 14px; color: #fff; width: 250px; padding: 15px 23px 0px 23px; float: right; margin: 0px 40px 0px 25px; background: url('../img/experiencing-large-callout-background.jpg') no-repeat #8c2908; }
#large-callout-experiencing a, #large-callout-experiencing h2 { color: #d39934 }

#large-callout-doing-business { font-size: 12px; line-height: 14px; color: #fff; width: 250px; padding: 15px 23px 0px 23px; float: right; margin: 0px 40px 0px 25px; background: url('../img/doing-business-large-callout-background.jpg') no-repeat }
#large-callout-doing-business a, #large-callout-doing-business h2 { color: #dae8af }

#large-callout-living img, #large-callout-doing-business img, #large-callout-experiencing img { border: 2px solid #ccc }
#large-callout-living h2, #large-callout-doing-business h2, #large-callout-experiencing h2 { font: bold 16px Georgia, Times New Roman, serif; margin: 0px 0px 5px 0px }
img#large-callout-bottom { border: none; margin: 0px 0px -3px -23px }

/* Right callout for use on some secondary pages */
.right-callout { margin-left: 20px; color: #274c66; width: 277px; padding: 5px 10px; float: right; background: url('../img/right-callout-background.jpg') no-repeat #fff; font: 12px Arial, sans-serif; }
.right-callout ul { margin: 0px; padding-left: 15px; }

/* Residential housing search elements */
#housing-search.wide { width: 400px }
#housing-search select { width: 165px; float: left; margin: 5px 0px 5px 20px }
#housing-search button { float: right; margin: 5px 50px 0px 0px; cursor: pointer; background: #004270; border: 1px solid #d3d3d3; color: #fff; text-transform: uppercase }

#search-results-box { width: 220px; float: left }
#search-results-box p { padding-left: 15px; margin-top: -10px }
#search-results-box hr { margin: 10px 20px 10px 10px }

.property, #no-results { width: 180px; height: 190px; padding: 10px 20px; margin-bottom: 20px; float: left; border-bottom: 1px solid #bddd9b; background: url('../img/properties-results-background.gif') 0px 8px no-repeat }
.property img { border: 2px solid #ccc }
.property-highlight { height: 170px; border: 1px solid #fff; padding: 10px; padding-bottom: 0px }
.property-highlight-on { border: 1px solid #a0c5da; background: #f1f6f9 }
.property-details { font: 12px Arial, sans-serif; margin: 0px }

#search-outside-core { margin: 40px 0px 0px 20px; border: 1px solid #edae90; background: #fbeee8; width: 120px; height: 100px; padding: 20px 20px 0px 20px; float: left }
#search-outside-core a { color: #e38154 }

#property-information { width: 280px; margin: 15px 30px 0px 20px; float: left }
#property-information ul { list-style-type: none; margin: 5px 0px 0px 0px; padding: 0px; background: #004270; width: 281px; -moz-border-radius-bottomleft: 10px; -webkit-border-radius-bottom-left: 10px }
#property-information ul li { color: #fff; font: 12px Helvetica, Arial; padding: 12px 10px; border-bottom: 1px solid #fff; margin: 0px 10px }
#property-information ul li:last-child, #property-information ul li.last-child { border: none }

#find-it-downtown-search-box { width: 220px; float: left; margin-right: 15px }
#find-it-downtown-search-box p { padding-left: 15px; margin-top: -10px }
#find-it-downtown-search-box hr { margin: 10px 15px 10px 0px }
#find-it-downtown-search-box select { width: 165px; float: left; margin: 5px 0px 5px 20px }
#find-it-downtown-search-box button { float: right; margin: 5px 40px 0px 0px; cursor: pointer; background: #004270; border: 1px solid #d3d3d3; color: #fff; text-transform: uppercase }

.results-table { width: 650px }
.results-table td { margin: 3px 0px; background: url('../img/tr-spacer.gif') 0px 0px repeat-x; padding: 16px 10px 10px 10px }
.results-table tr.alt { background: #ecf3f8 }
.results-table tr.hover { background: #d3e5f2 }
.results-table th { padding: 0px 10px 10px 10px }

.happenings-table a { color: #ae6952 }
.happenings-table td, .happenings-table th { margin: 3px 0px; padding: 5px 0px 11px 0px; background: url('../img/tr-spacer-red.gif') bottom left repeat-x; font: 11px Arial, sans-serif }
.happenings-table td p { margin: 0px }
.happenings-table td table { width: 100%; margin-bottom: 10px; }
.happenings-table td table td { vertical-align: middle; width: 25%; background: none; font: 14px Georgia, sans-serif; color: #8c2908; padding: 0px 8% 0px 0px; margin: 0px; }
.happenings-table tr.alt { background: #f2f3f3 }
.happenings-table tr.hover td { background: #eee }
.happenings-table th { font: bold 16px Georgia, serif; width: 33%; }

#publications-sort { width: 220px; float: left; padding-right: 15px }

/* Kickball */
#secondary-content .kickball-callout { width: 238px; border: 1px solid #ccc; float: right; margin: 10px 0px 0px 20px; clear: right; }
#secondary-content .kickball-callout h2 { font-size: 14px; padding: 5px; background: url("../img/kickball-callout-header-background.jpg") top right repeat-y #428cb6; color: #fff; }
#secondary-content .kickball-callout img { float: right; }
#secondary-content .kickball-callout p { padding: 5px 10px; margin: 0px; }

/* Wise Up Columbus */
#secondary-content #wise-up-top { height: 530px; background: url('../img/wise-up-top-image.jpg') bottom center no-repeat; }
#secondary-content #wise-up-top-copy { width: 469px; margin: 356px 0px 0px 36px; }
#secondary-content #wise-up-bottom { height: 500px; background: url('../img/wise-up-bottom-image.jpg') bottom center no-repeat; }
#secondary-content #wise-up-bottom-copy p { width: 306px; padding: 248px 0px 0px 110px; margin:0px; color: #fff; text-align: center; float: left; }
#secondary-content #wise-up-right-copy ul { width: 200px; padding: 68px 0px 0px 112px; color: #004270; float: left; list-style-type: none; }

/* Three-column data table */
#bottom-content-header { width: 706px; height: 20px; padding: 5px 0px 0px 30px; margin: 25px 0px 15px 0px; text-align: left; font: bold 15px Georgia, serif; color: #fff; text-transform: uppercase; }
#bottom-content-header-grey { width: 706px; height: 20px; padding: 5px 0px 0px 30px; margin: 25px 0px 15px 0px; text-align: left; font: bold 15px Georgia, serif; color: #fff; text-transform: uppercase; background: url('../img/headline-background-grey.jpg'); }
#bottom-content-header-blue { width: 706px; height: 20px; padding: 5px 0px 0px 30px; margin: 25px 0px 15px 0px; text-align: left; font: bold 15px Georgia, serif; color: #fff; text-transform: uppercase; background: url('../img/headline-background-blue.jpg'); }
#bottom-content-header-red { width: 706px; height: 20px; padding: 5px 0px 0px 30px; margin: 25px 0px 15px 0px; text-align: left; font: bold 15px Georgia, serif; color: #fff; text-transform: uppercase; background: url('../img/headline-background-red.jpg'); }
#bottom-content-header-green { width: 706px; height: 20px; padding: 5px 0px 0px 30px; margin: 25px 0px 15px 0px; text-align: left; font: bold 15px Georgia, serif; color: #fff; text-transform: uppercase; background: url('../img/headline-background-green.jpg'); }

#bottom-content-header-wide { width: 877px; height: 20px; padding: 5px 0px 0px 30px; margin: 25px 0px 15px 0px; text-align: left; font: bold 15px Georgia, serif; color: #fff; text-transform: uppercase; }
#bottom-content-header-blue-wide { width: 877px; height: 20px; padding: 5px 0px 0px 30px; margin: 25px 0px 15px 0px; text-align: left; font: bold 15px Georgia, serif; color: #fff; text-transform: uppercase; background: url('../img/headline-background-blue-wide.jpg') }
#bottom-content-header-grey-wide { width: 877px; height: 20px; padding: 5px 0px 0px 30px; margin: 25px 0px 15px 0px; text-align: left; font: bold 15px Georgia, serif; color: #fff; text-transform: uppercase; background: url('../img/headline-background-grey-wide.jpg') }
#bottom-content-header-red-wide { width: 877px; height: 20px; padding: 5px 0px 0px 30px; margin: 25px 0px 15px 0px; text-align: left; font: bold 15px Georgia, serif; color: #fff; text-transform: uppercase; background: url('../img/headline-background-red-wide.jpg') }
#bottom-content-header-green-wide { width: 877px; height: 20px; padding: 5px 0px 0px 30px; margin: 25px 0px 15px 0px; text-align: left; font: bold 15px Georgia, serif; color: #fff; text-transform: uppercase; background: url('../img/headline-background-green-wide.jpg') }

#bottom-content { width: 736px; text-align: left }
#bottom-content.wide { width: 907px }
#bottom-content th { background: url('../img/th-background.gif') 7px 1px no-repeat; padding-left: 25px; color: #8c8c8e; font: bold 0.9em serif; border-right: 1px dotted #333 }
#bottom-content td { font: normal 0.7em Arial, sans-serif; width: 33%; padding: 5px 15px 0px 25px; border-right: 1px dotted #333 }
#bottom-content td ul { margin: 10px 0px; padding-left: 13px }
#bottom-content td ul li { margin-bottom: 5px }
#bottom-content th.last, #bottom-content td.last { border: none }

#find-it-downtown select { width: 165px; margin: 5px 0px 5px 2px }
#find-it-downtown button { float: right; margin: 5px 2px 0px 0px; cursor: pointer; background: #004270; border: 1px solid #d3d3d3; color: #fff; text-transform: uppercase }

/* Footer */
#footer { padding-top: 10px; margin-top: 10px; background: url('../img/footer-background.jpg') top center no-repeat; clear: both; color: #58595b; font: normal 0.75em Georgia, serif }
#footer ul { list-style-type: none }
#footer ul li { display: inline; background: url('../img/footer-li-background.gif') 0px 2px no-repeat; padding: 0px 3px 0px 6px }
#footer ul li.first-child { background: none }
#footer a { text-decoration: none }
#footer a:hover { text-decoration: underline }

/* Site Map */
.sitemap td.nav, td.subnav, td.subsubnav { font-size: 14px; padding: 5px }
.sitemap td.nav { background: url('../img/nav-node.gif') 2px 3px no-repeat; padding-left: 20px }
.sitemap td.subnav { background: url('../img/subnav-node.gif') 10px 3px no-repeat; padding-left: 40px }
.sitemap td.subnav-last { background: url('../img/subnav-node-last.gif') 10px 3px no-repeat; padding-left: 40px }
.sitemap td.subsubnav { background: url('../img/subsubnav-node.gif') 10px 3px no-repeat; padding-left: 57px }
.sitemap td.subsubnav-last { background: url('../img/subsubnav-node-last.gif') 10px 3px no-repeat; padding-left: 57px }

/* Misc. */
hr { height: 0px; border: none; border-top: 1px solid #bddd9b; margin: 5px 1px }
a img { border: 0px }
form fieldset { border: none; }
.clear-left { clear: left }
.clear-right { clear: right }
.clear { clear: both }
.accessibility { position: absolute; left: -9999px }
.invisible { display: none }
input:focus { background: #ffd }	/* Gives form elements a slight yellow highlight when focused */
span.highlight { background: #ffc; }
.caption { margin: 0px; clear: right; float: right; font-size: 11px; display: block; width: 325px; text-align: center; }

ul.feed {width: 325px; float: right; clear: right; list-style-type: none;}
ul.feed strong{color: #8c2908;}

ul.tweets {background: url('../img/twitter-feed-experiencing.gif') no-repeat #efefef; padding: 0; margin: 0; line-height: 18px; width: 410px;}
ul.tweets li {margin-left: 55px; margin-right: 0px; padding-left: 10px; padding-right: 10px; padding-top: 5px; padding-bottom:5px ;display: block;}

ul.blog {background: url('../img/blog-feed-experiencing.gif') no-repeat  #efefef;padding: 0; margin: 0; line-height: 18px; width: 410px; margin-bottom: 25px;}
ul.blog li {margin-left: 55px; margin-right: 0px; padding-left: 10px; padding-right: 10px; padding-top: 5px ;display: block;}