﻿<! START CSS>

<style type="text/css">

html {
margin: 0;
padding: 0;
}

body {
color: #00000;
font-family: Arial, Helvetica, serif;
width:1000px;
font-size: 14px;
line-height: 14px;
}

p.section-hed {
font-weight:bold;
color:red;
margin-bottom:2px;
}

a {
font-weight: bold;
font-size: 14px;
text-decoration: none;
border: none;
}

a.white {
color:white;
text-decoration:none;
}

a:link {
color: black;
}

a:visited {
color:gray;
}

a:active {
color: black;
}

a:hover {
color: #6F000B;
}

img {
float:left;
border:none;
}

img.border {
   border:1px solid #021a40;
}

ul {
margin:12px;
padding:0px;
float:left;
}

ul.latest-news {
margin:12px;
float:left;
font-size: 1.2em;
line-height: 18px;
}

li {
margin-bottom: .5em;
}

li.none {
list-style-type:none;
}


li.racinepost {
list-style-image:url(http://www.racinepost.com/art/r15.jpg);
}

li.racinekiosk {
list-style-image:url(http://www.racinepost.com/art/k15.jpg);
}


H1 {
font-family: Arial Black;
font-size: 48px;
margin:0px;
line-height:48px;
margin-bottom:12px;
margin-top:0px;
}

H2 {
font-family: Arial Black;
font-size:36px;
line-height:36px;
margin-bottom:12px;
margin-top:0px;
}

h2.white {
color:white;
margin:0px;
}

h3 {
font-family: Arial Black;
font-size: 24px;
line-height:24px;
margin-bottom:12px;
margin-top:0px;
}

h3.kiosk {
font-family: Arial Black;
font-size: 24px;
margin: 0px 0px 6px 0px;
margin:0px;
}

h3.latest {
font-family: Arial Black;
font-size: 24px;
line-height: 24px;
margin:0px;
color:white;
}

h3.white {
color:white
text-align:left;
margin:0px;
}

h4 {
font-family: Georgia;
font-size: 18px;
line-height: 18px;
margin-bottom:12px;
margin-top:0px;
}

h5 {
font-family: Arial,Helvetica,san serif;
font-size: 14px;
line-height: 14px;
font-style: italic;
margin-bottom:12px;
margin-top:0px;
}

h5.kiosk {
font-family:Arial,Helvetica,san serif;
font-size:14px;
font-style:italic;
line-height:24px;
margin-bottom:6px;
}

h6 {
font-family: arial,Helvetica,san serif;
color: white;
size: 11px;
font-weight: bold;
line-height:11px;
margin-bottom:12px;
margin-top:0px;
}

#nav-menu {
display:inline;
float:left;
margin:0;
width:100%;
margin-bottom:12px;
}

#nav-menu-links {
width: 70%;
display:inline;
float:left;
margin:0;
}

#nav-menu-links ul
{
list-style: none;
padding: 0;
margin: 0 0.30em 0 0;
}


#nav-menu-links li
{
float: left;
margin: 0 0.30em 0 0;
}

#nav-menu-links li a
{
float: left;
display: block;
color: #0d2474;
text-decoration: none;
text-align: left;
font-family: Tahoma, san serif;
font-size: 12px;
padding: 6px;
font-weight: bold;
}

#nav-menu-links li img
{
float: left;
display: block;
color: #0d2474;
text-decoration: none;
text-align: left;
font-family: Tahoma, san serif;
font-size: 10px;
padding: 6px;
}

#utilities {
width: 300px;
display:inline;
float:right;
margin:0;
position: relative;
}

#utilities ul
{
list-style: none;
padding: 0;
margin: 0;
}

#utilities li
{
float: right;
}

#utilities li a
{
float: right;
display: block;
text-decoration: none;
text-align: right;
padding: 6px;
font-size: 12px;
color:red;
clear: both;
font-weight: bold;
}

#topgraphic ul
{
list-style: none;
padding: 0;
margin: 0;
float: left;
width: 50;
height: 200;
}

#topgraphic li
{
float: left;
margin: 0 0.15em;
}

.floatleft
{
float: left;
margin: 0 0 10px 10px;
clear: left;
}

#total {
-moz-background-clip: border;
-moz-background-inline-policy: continuous;
-moz-background-origin: padding;
background: transparent;
position: absolute;
width: 100%;
}

#main-body {
background:white;
width:1000px;
font-style: Georgia; serif;
margin:auto;
display:inline-box;
}

#main-hed {
background:white;
width:1000px;
font-style: Georgia; serif;
display:inline-box;
margin:0px 0px 12px 0px;
}

#main-hed-banner {
background:white;
width:580px;
font-style: Georgia; serif;
display:inline-box;
margin:0 5px 0px 0px;
}

#top-body {
display:inline;
float:left;
margin-bottom:12px;
width: 1000px;
position: relative;
background:white;
}

#top-heds {
display:inline;
float:left;
margin:12px 12px 12px 0px;
width: 450px;
position: relative;
background:white;
}

#top-boxes {
display:inline;
float:left;
margin:6px 0px 6px 0px;
width: 420px;
position: relative;
background:white;
}

#main-col {
display:inline;
float:left;
margin:0;
width:1000px;
background:white;
}

#stripe {
float:left;
margin-bottom:5px;
width:1000px;
background:white;
}

#column-1col {
width:186px;
background:white;
float:left;
}

#column-2col {
width:387px;
background:white;
float:left;
display:box;
margin-right:10px;
height:1000px;
}

#column-3col {
width:592px;
background:white;
float:left;
}

#recentcomments {
float:left;
display:box;
margin: 0px 0px 10px 0px;
height:500px;
}


.latest-news-shadow {
display:inline;
float:left;
width:430px;
background: url(http://www.racinepost.com/site-art/latest-news-shadow.jpg) left no-repeat;
}

#latest-news-container {
float:left;
width:387px;
height:213px;
background:#8E0D0D;
padding:5px;
margin:0px 5px 0px 0px;
}

#latest-news-hed {
float:left;
width:386px;
height:34px;
margin:auto;
background:#8E0D0D;
}


#latest-news {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:white none repeat scroll 0 0;
border: 1px solid #D7D7D7;
overflow:auto;
padding:0px 6px 3px 6px;
height:170px;
}

#latest-ad {
display:inline;
float:left;
margin: 12px 0px 12px 0px;
width:300px;
height:240px;
}

#about-us {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:beige none repeat scroll 0 0;
display:inline;
float:left;
height:255px;
margin:0 0 0 6px;
padding:0 12px;
width:190px;
}

#news-tip {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
display:inline;
float:left;
height:255px;
margin:0 0 0 6px;
padding:0 12px;
width:190px;
}

#news-box {
display:inline;
float:left;
margin: auto;
width:170px;
height:200px;
padding: 0px;
margin:6px 12px 0px 0px;
line-height:1.25;
}

#news-box-obits {
display:inline;
float:left;
margin: 0px;
width:186px;
height:455px;
line-height:1.5;
}

#news-box-container-4col {
float:left;
width:803px;
height:240px;
margin-right:5px;
}


#1col-shadow {
display:inline;
width:186px;
height:225px;
background:url(http://www.racinepost.com/site-art/1-col-shadow.jpg) top left no-repeat;
margin: 0px 5px 0px 0px;
float:left;
padding:5px;
line-height:1.25;
}

#news-box-hed {
display:inline;
float:left;
width:200px;
font-size:18px;
}

#news-box-196 {
display:inline;
float:left;
width:186px;
height:225px;
margin: 0px 5px 0px 0px;
line-height:1;
background:url(http://www.racinepost.com/site-art/1col-shadow2.jpg) no-repeat;
padding:5px;
}


#news-box-196-2col {
display:inline;
float:left;
width:387px;
height:225px;
margin: 0px 5px 0px 0px;
line-height:1.25;
background:url(http://www.racinepost.com/site-art/2col-shadow.jpg) no-repeat;
padding:5px;
}

#news-box-196-3col {
display:inline;
float:left;
width:592px;
height:225px;
margin: 0px 5px 0px 0px;
line-height:1.25;
background:url(http://www.racinepost.com/site-art/3col-shadow.jpg) no-repeat;
padding:5px;
}

#news-box-196-4col {
display:inline;
float:left;
width:794px;
height:225px;
margin: 0px 5px 0px 0px;
line-height:1.25;
background:url(http://www.racinepost.com/site-art/4col-shadow.jpg) no-repeat;
padding:5px;
}

#news-box-196-4col-2row {
display:inline;
float:left;
width:779px;
margin: 0px 15px 0px 0px;
line-height:1.25;
background:beige;
padding:5px;
}

#news-box-196-3col-2row {
display:inline;
float:left;
width:582px;
margin: 0px 15px 0px 0px;
line-height:1.25;
background:beige;
padding:5px;
}

#news-box-196-2col-2row {
display:inline;
float:left;
width:392px;
height:452px;
margin: 0px;
line-height:1.25;
background:white;
}

#ad-box-196 {
display:inline;
float:left;
width:186px;
height:75px;
margin: 0px 5px 0px 0px;
line-height:1.25;
background:beige;
padding:5px;
}

#ad-box-196-2col {
display:inline;
float:left;
width:387px;
height:75px;
margin: 0px 5px 0px 0px;
line-height:1.25;
background:beige;
padding:5px;
}

#ad-box-196-3col {
display:inline;
float:left;
width:592px;
height:75px;
margin: 0px 5px 0px 0px;
line-height:1.2
background:beige;
padding:5px;
}

#news-box-196-feature-photo {
display:inline;
float:left;
width:784px;
height:435px;
margin: 0px;
line-height:1.25;
background:beige;
padding:10px;
}

#top-story-box {
width:1000px;
background: black;
float:left;
margin-bottom:12px;
padding:12px;
}

#real-estate-box {
float:left;
width:186px;
height:455px;
margin:0px 5px 0px 0px;
}

#kiosk-box-shadow {
width:1000px;
height:500px;
background: #FCF8DC;
float:left;
margin-bottom:12px;
}

#kiosk-box-container {
float:left;
width:385px;
height:455px;
margin-right:15px;
}

#kiosk-box-container-3col {
display:inline;
float:left;
width:598px;
height:235px;
}


#kiosk-box {
float:left;
width:367px;
background:white none repeat scroll 0 0;
overflow:auto;
padding:0px 5px 3px 5px;
height:445px;
}

#kiosk-box-hed {
display:inline;
float:left;
width:1000px;
margin-bottom:5px;
}

#kiosk-box-subhed {
width:500px;
}

#kiosk-box-highlight {
margin:auto;
background:#CCCCFF;
width:150px;
height:190px;
padding:6px;
}

#feature-photo-container {
display:inline;
float:left;
margin: auto;
width:675px;
line-height:1.5;
}

#quote {
display:inline;
float:left;
width:153px;
height:183px;
padding: 6px;
}

.quote-hed {
font-family: Arial,Helvetica,san serif;
color: #990000;
font-size: 12px;
font-weight: bold;
margin-bottom:3px;
}

.quote-text {
font-family: Arial,Helvetica,san serif;
color: #000000;
font-size: 14px;
font-weight: bold;
}

.quote-attribution {
font-family: Arial,Helvetica,san serif;
color: #777777;
font-size: 10px;
font-weight: bold;
font-style: italic;
}

.haiku-text {
font-family: Arial,Helvetica,san serif;
color: #000000;
font-size: 12px;
}

.haiku-text-hed {
font-family: Arial,Helvetica,san serif;
color: #000000;
font-size: 12px;
font-style:bold;
}


#latestnews {
display:inline;
float:left;
-moz-border-radius-bottomleft:12px;
-moz-border-radius-bottomright:12px;
-moz-border-radius-topleft:12px;
-moz-border-radius-topright:12px;
background-color:#D5CFB6;
border:1px solid;
margin-bottom:12px;
margin-top:12px;
padding:12px;
text-align:left;
width:640px;
}

#community-news {
display:inline;
float:left;
-moz-border-radius-bottomleft:12px;
-moz-border-radius-bottomright:12px;
-moz-border-radius-topleft:12px;
-moz-border-radius-topright:12px;
background-color:#CEB0B3;
border:1px solid;
margin-bottom:12px;
padding:12px;
text-align:left;
width:640px;
}


#news-sections {
padding: 0px;
width: 675px;
background-color: red;
font-size: medium;
text-align: left;
}

#news-sections-left {
width: 313px;
padding: 6px;
background-color: black;
float:left;
-moz-border-radius-bottomleft:12px;
-moz-border-radius-bottomright:12px;
-moz-border-radius-topleft:12px;
-moz-border-radius-topright:12px;
border:1px solid;
margin-bottom:12px;
margin-right:auto;
}

#news-sections-left a {
text-decoration: none;
}

#news-sections-left a:link {
color: white;
}

#news-sections-left a:visited {
color:gray;
}

#news-sections-left a:active {
color: white;
}

#news-sections-left a:hover {
color: blue;
}

#news-sections-right {
width: 313px;
padding: 6px;
background-color: #9F93D3;
float:left;
margin:0;
-moz-border-radius-bottomleft:12px;
-moz-border-radius-bottomright:12px;
-moz-border-radius-topleft:12px;
-moz-border-radius-topright:12px;
border:1px solid;
margin-bottom:12px;
margin-left:12px;
}

#top-headlines {
width: 640px;
padding: 6px;
background-color: #DED3D4;
float:left;
-moz-border-radius-bottomleft:12px;
-moz-border-radius-bottomright:12px;
-moz-border-radius-topleft:12px;
-moz-border-radius-topright:12px;
border:1px solid;
margin-bottom:12px;
margin-left:12px;
}

#ad-main-col {
width: 1000px;
padding: 6px;
float:left;
margin-bottom:12px;
text-align: center;
}

#ad-side-col {
width: 275px;
padding: 6px;
float:left;
margin-bottom:12px;
text-align: center;
}

#haiku {
display:inline;
float:left;
margin: auto;
width:275px;
background-color:#E6E3DA; 
padding: 6px;
}

.haiku-hed {
font-family: Arial,Helvetica,san serif;
color: #990000;
font-size: 12px;
font-weight: bold;
line-height: 100%;
}

.haiku-title {
font-family: Arial,Helvetica,san serif;
color: #000000;
font-size: 14px;
font-weight: bold;
}

.haiku-text {
font-family: Arial,Helvetica,san serif;
color: #777777;
font-size: 12px;
font-weight: bold;
font-style: italic;
}


#kiosk-content {
display:inline;
float:left;
width:275px; 
padding: 4px 4px 1px;
}

#kiosk-scroller {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:white none repeat scroll 0 0;
border:1px solid #D7D7D7;
height:452px;
overflow:auto;
}

.kiosk-hed {
font-family: Arial,Helvetica,san serif;
color: #570276;
font-size: 30px;
font-weight: bold;
line-height: 100%;
}

.kiosk-month {
font-family: Arial,Helvetica,san serif;
color: #570276;
font-size: 18px;
font-weight: bold;
line-height: 100%;
}

.kiosk-date {
font-family: Arial,Helvetica,san serif;
color: #570276;
font-size: 12px;
font-weight: bold;
line-height: 100%;
margin: 0 0 0 0;
}

.kiosk-text {
font-family: Arial,Helvetica,san serif;
color: #777777;
font-size: 12px;
}

.date {
display:block;
float: left;
color:#90301F;
width:85px;
margin-right:5px;
margin-bottom:5px;
line-height:1em;
font-family:times, serif;
font-size:1em;
}

.kiosk-box {
display:box;
float: left;
}

.kiosk-box p {
display:box;
font-size:1em;
margin-bottom:5px;
float: left;
font-family:times, serif;
}

.kiosk-box a {
font-size:1em;
display:block;
float:right;
width:250px;
margin-bottom:5px;
font-family:times, serif;
}

div > .kiosk-box {
display:block;
}

#general {
display:inline;
float:left;
margin: auto;
width:275px;
background-color:#E6E3DA; 
padding: 6px;
}


img.center {
margin-left: auto;
margin-right: auto;
}

.white {color: white;}

.powder-blue {color:#6495ED;}

#wrap {height:100%}

body > #wrap {height: auto; min-height: 100%}

#footer {position: relative;
	margin-top: -150px; /* negative value of footer height */
	height: 150px;
	clear:both;} 

/*Opera Fix*/
body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;/
}



</style>