body {
margin:0;
padding:0;
height:100%;
background-color: #C8B789;
}

.spacer_row

{
clear: both;
width: 100%;
background-color: #E5D3A3;
overflow: hidden;
}

.spacer_row_a
{
float: left;
width: 72px;
background-color: #C6AC62;
overflow: hidden;
}

.spacer_row_b
{
float: left;
background-color: #CFB18D;
width: 1px;
overflow: hidden;
}

.spacer_row_c
{
float: left;
background-color: #CFB18D;
overflow: hidden;
}

.top_spacer
{
height: 12px;
}

.middle_spacer
{
height: 26px;
}

.bottom_spacer
{
height: 50px;
}


#header_top
{
clear: both;
width: 100%;
height: 2px;
background-color: #DDCDBD;
}

#header_main
{
clear: both;
width: 100%;
background-image: url("images/logo.gif");
background-repeat: no-repeat;
background-position: 90% 10%;
padding-top: 4px;
min-height: 125px;
}

#header_a
{
float: left;
width: 51%;

}

#header_b
{
float: left;
width: 48%;
}



#address_block
{
color: #542D0C;
margin-top: .5em;
font-family: "Trebuchet MS",sans-serif;
font-size: 14px;
font-weight: bold;
padding-left: 18px;
}

.address
{
margin-top: .5em;
font-size: smaller;
font-weight: normal;
}


#title_block
{
clear: both;
width: 100%;
background-color: #654321;
}

#pomc
{
padding-left: 16px;
font-variant: small-caps;
font-family: Century, Serif;
font-size: 40px;
color: #B78A3C;
font-weight: bold;
padding-bottom: 10px;

}

#buttons_block
{
clear: both;
width: 100%;
}


#header_hr
{
clear: both;
width: 100%;
height: 5px;
background-color: #DDD0C2;
background-image: url("images/hr.gif");
background-repeat: repeat-x;
overflow: hidden;

}

.nav_button
{
display: block;
text-align: center;
float: left;
padding-left: 1em;
padding-right: 1em;
padding-top: 5px;
padding-bottom: 3px;
margin-left: .5em;
margin-right: .5em;
background-color: #DBCEBD;
font-family: "Trebuchet MS", sans-serif;
font-size: 9pt;
color: #665827;
text-decoration: none;
overflow: hidden;
border-style: solid;
border-width: 1px;
border-color: #DBCEBD;
}

.selected
{
background-color: #542D0C;
border-color: #542D0C;
font-weight: bold;
color: #A09A60;
}

a:hover.nav_button
{
background-color: #DBCEBD;
border-color: #542D0C;
}

a:hover.pomc_link
{
color: #FFFFFF;
}


.content_row
{
clear: both;
width: 100%;
background-image: url("images/content_bg.gif");
background-repeat: repeat-y;
background-color: #DEC17F;
overflow: hidden;
}

.content_spacer
{
height: 14px;
}

#content_container
{
padding-left: 82px;
padding-right: 18px;
padding-top: 14px;
padding-bottom: 14px;
overflow: hidden;
}

.content_text
{
font-family: "Century", serif;
color: #000000;
margin-bottom: 1em;
font-size: medium;
text-align: justify;
}

.signature
{
font-weight: bold;
font-size: medium;
font-family: "Monotype Corsiva", "Brush Script MT", "Lucida Handwriting", serif;
}

#content_left
{
float: left;
width: 49%;
}

#content_alley
{
float: left;
width: 2%;
}


#content_right
{
float: left;
width: 48%;

}

.downloads_left
{
float: left;
width: 80%;
}

.downloads_right
{
float: left;
width: 19%;
}

.goober
{
float: left;
width: 49%;
}




.side_spacer
{
float: left;
height: 100%;
width: 20%;
}

.center_content
{
float: left;
height: 100%;
width: 59%;
background-color: inherit;
margin-top: 1em;
}

.testimonial_subhead
{
font-family: Century, serif;
font-style: italic;
font-size: small;
padding-left: 1em;
margin-top: .5em;
margin-right: 0px;
padding-right: 0px;
}

.has_portrait
{
min-width: 125px;
min-height: 300px;
}

.testimonial_portrait
{
float: right;
display: block;
width: 150px;
height: 200px;
margin-top: 1em;
m!argin-left: 1em;
m!argin-right: 1em;
m!argin-bottom: .5em;
padding-right: 1em;
padding-left: 1em;
padding-bottom: .1px; /* bug in either Firefox or IE, text isn't flowing right around image. I left it to look good in IE. */
}

.testimonial_link
{
display: block;
font-variant: small-caps;
font-size: small;
font-family: Century,serif;
font-weight: bold;
text-decoration: none;
color: #000000;
}

.leftside
{
text-align: left;
}

.rightside
{
text-align: right;
}


a:hover.testimonial_link
{
color: #FFFFFF;
}

.caption_container
{
width: 300px;
margin-top: 2px;
}

.caption
{
font-size: x-small;
font-family: "Trebuchet MS", sans-serif;
font-style: italic;
text-align: center;
}


.subhead
{
font-family: "Trebuchet MS", sans-serif;
font-size: 14px;
font-weight: bold;
margin-bottom: 5px;
margin-left: 10px;
}

.directions
{
font-size: small;
margin-left: 10px;
margin-bottom: 1em;
border-style: solid;
border-width: 1px;
border-color: #542D0D;
padding: 5px 5px 5px 5px;
background-color:  #E5D3A3;
}

.driving_directions
{
line-spacing: 1em;
}

.textbox
{
clear: both;
width: 100%;
margin-top: 25px;
margin-bottom: 5px;
border-style: solid;
border-width: 1px;
border-color: #542D0D;
background-color:  #E5D3A3;
}

.textbox_offset_color
{
background-color:  #EACB86;
}

.textbox_header
{
font-family: "Trebuchet MS", sans-serif;
font-size: medium;
clear: both;
background-color: #542D0D; 
padding-left: 1em;
color: #E5D3A3;
font-weight: bold;
}

.textbox_subhead
{
font-family: "Trebuchet MS", sans-serif;
clear: both; 
margin-top: 1em;
font-weight: bold;
}

.sized_to_image
{
width: 300px;
}

.pomc_link
{
text-decoration: none;
color: #0000FF; 
font-family: "Trebuchet MS", sans-serif;
font-weight: bold;
}

.inside_content
{
font-family: Century, serif;
}

.textbox_text
{
margin-top: 1em;
margin-bottom: 1em;
font-family: "Trebuchet MS", sans-serif;
font-size: smaller;
padding-left: 1em;
padding-right: 1em;
text-align: justify;

}

.bordered
{
border-width: 2px;
border-color: #542D0D;
border-style: solid;
}

.bug
{
position: relative;
margin-left: .5em;
width: 15px;
height: 14px;
top: 2px;
}

.text_centered
{
display: block;
text-align: center;
}

.parking
{

}

.word_wrap_hack
/* used to fix wrap on www.transitchicago.com on directions page */
{
margin-left: -.8em;
}

.doctor
{
font-size: small;
text-align: right;
margin-right: 2em;
}

.last_doctor
{
margin-bottom: 1em;
}

.subtle
{
color: #111111;
font-weight: bold;
}

.unjustified
{
text-align: left;
}

.skinny
{
width: 39%;
}

.fat_margin
{
width: 30%;
}

.faqtextbox
{
margin-top: 1em;
margin-bottom: 1em;
font-family: "Trebuchet MS", sans-serif;
font-size: smaller;
padding-left: 1em;
padding-right: 1em;
text-align: justify;
}



.faq_box
{
width: 740px;
height: 10px;
}