/* ======================================================================

   Kellogg Real Return // Kellogg School of Management
   (c) 2007 Kellogg School of Management, Northwestern University
   All Rights Reserved.

   Stylesheet prepared by mStoner, LLC. http://mstoner.com

 ======================================================================== */

/*----------------------------------------------------------------------- 
   Standard
 ------------------------------------------------------------------------ */

* { margin: 0; padding: 0; }

body {
color: #333333;
background: url(/~/media/images/departments/realestate/newsletter/gfx/bg.ashx) repeat-x fixed #CEC9B4;
font-family: arial, verdana, sans, serif; 
font-size: 13px;
line-height: 18px;
text-align: center;
min-width: 960px;
margin-bottom: 50px;
margin: 0 auto 50px auto;
}

p { text-align: left; padding: 0px 20px 12px 20px; }

a:link { color: #cc3300; text-decoration: none; }
a:visited { color: #cc3300; text-decoration: none; }
a:hover { color: #cc3300; text-decoration: underline;}
a:active { color: #cc3300; text-decoration: none; }



h1 { color: #333; font-family: arial; font-size: 18px; font-weight: bold; line-height: 100%; }
h2 { color: #333; font-family: arial; font-size: 14px; font-weight: bold; }
h3 { color: #333; font-family: arial; font-size: 12px; font-weight: bold; }

img { border: 0; display: block; }

ol {
padding: 0 20px 10px 40px;
}


/*----------------------------------------------------------------------- 
   Layout
 ------------------------------------------------------------------------ */

form {
margin:0px;padding:0px;
}

#frame {
width: 960px;
background-color: #FFFFFF;
text-align: center; 
margin: 0px auto 50px auto;
}

#content {
width: 940px;
background: url(/~/media/images/departments/realestate/newsletter/gfx/bg_content.ashx) repeat-y #FFFFFF;
text-align: left; 
margin: 0 auto 0 auto;
}

#interior-content {
width: 940px;
background-color: #FFFFFF;
text-align: left; 
margin: 0 auto 0 auto;
}

.col-one {
clear: left;
float: left;
width: 189px;
margin-right: 1px;
}

.col-one-topics {
float: left;
width: 190px;
}

.col-two {
float: left;
width: 380px;
}

.col-three {
float: left;
width: 370px;
margin-right: -1px;
}

/*----------------------------------------------------------------------- 
   Masthead
 ------------------------------------------------------------------------ */

#masthead {
width: 940px;
height: 93px;
background: url(/~/media/images/departments/realestate/newsletter/gfx/masthead_new_tagline.ashx) no-repeat;
}

.logo {
float: right;
position: relative;
top: 7px;
left: 0;
margin-right: 14px;
text-align: right;
}

.logo img { display: inline; }

.logo .newsletter-link-outer {
  padding-top: 4px;
}

/*----------------------------------------------------------------------- 
   Tactical Nav
 ------------------------------------------------------------------------ */

#tactical-nav {
width: 380px;
height: 41px;
background: url(/~/media/images/departments/realestate/newsletter/gfx/nav.ashx);
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
top: 0px;
}

#tactical-nav span { display: none; }

#tactical-nav li { margin: 0px; padding: 0px; list-style: none; position: absolute; top: 0px; }

#tactical-nav li, #tactical-nav a { height: 41px; display: block; }
#tactical-nav1 { left: 0px; width: 95px; }
#tactical-nav2 { left: 95px; width: 95px; }
#tactical-nav3 { left: 190px; width: 95px; }
#tactical-nav4 { left: 285px; width: 95px; }

#tactical-nav1 a:hover { background: transparent url(/~/media/images/departments/realestate/newsletter/gfx/nav.ashx) 0px -41px no-repeat;}
#tactical-nav2 a:hover { background: transparent url(/~/media/images/departments/realestate/newsletter/gfx/nav.ashx) -95px -41px no-repeat;}
#tactical-nav3 a:hover { background: transparent url(/~/media/images/departments/realestate/newsletter/gfx/nav.ashx) -190px -41px no-repeat;}
#tactical-nav4 a:hover { background: transparent url(/~/media/images/departments/realestate/newsletter/gfx/nav.ashx) -285px -41px no-repeat;}

.folio { height: 41px; background: url(/~/media/images/departments/realestate/newsletter/gfx/bg_folio.ashx) no-repeat top left; }
.folio p { padding: 14px 5px 0 5px; font-size: 12px; text-align: right; }

.search-text { width: 310px; color: #333; }
.search-button { margin-left: 5px; vertical-align: bottom; }

a:link.current { color: #0066cc; font-weight: bold; }
a:visited.current { color: #0066cc; font-weight: bold; }
a:hover.current { color: #0066cc; font-weight: bold; }
a:active.current { color: #0066cc; font-weight: bold; }

/*----------------------------------------------------------------------- 
   Topics Nav
 ------------------------------------------------------------------------ */

#topics-nav {
font-size: 12px;
width: 189px;
background-color: #99959d;
border-right: 1px solid white;
}

#topics-nav ul {
width: 184px;
background: url(/~/media/images/departments/realestate/newsletter/gfx/bg_topics_nav.ashx) repeat-y; 
list-style: none;
padding-top: 4px;
}

#topics-nav li {
padding: 7px 0px 10px 25px;
margin-left: 5px;
border-bottom: dotted 1px #8CB1B8;
background: url(/~/media/images/departments/realestate/newsletter/gfx/bullet.ashx) 6px 11px no-repeat;
}

#topics-nav li.none {
list-style: none;
padding: 10px 0px 10px 5px;
margin-left: 5px;
border-bottom: 0px;
}

#topics-nav a { color: #FFFFFF; text-decoration: none; font-weight: bold; text-transform: uppercase; }
#topics-nav a:hover { text-decoration: underline; }

#search { background-color: #71677e;}
.search { color: #333; width: 120px; font-size: 11px; font-family: arial; border: 1px solid #CCC; padding: 2px; margin: 10px; }

/*----------------------------------------------------------------------- 
   Related Links
 ------------------------------------------------------------------------ */

#related {
width: 189px
}

#related ul {
font-size: 11px;
padding: 3px 5px 13px 5px;
list-style: none;
}

#related li {
background: url(/~/media/images/departments/realestate/newsletter/gfx/bullet_related.ashx) no-repeat 0 6px;
padding: 3px 10px 3px 15px;
margin-left: 5px;
}

#related a { font-weight: bold; text-transform: uppercase; }


/*----------------------------------------------------------------------- 
   Homepage Articles List
 ------------------------------------------------------------------------ */

.lead-story {
color: #666666;
overflow: hidden;
height: auto;
font-size: 11px;
font-weight: bold;
padding: 10px;
border-bottom: 1px solid white;
}

.lead-story img { float: left; margin: 0 10px 5px 0; border: solid 1px #fff; }
.lead-story h1 { font-family: arial; font-size: 18px; font-weight: bold; margin-bottom: 2px; line-height:20px;}
.lead-story a { font-weight: bold; }

.byline { text-transform: uppercase; }
.story1 { background-color: #CCCCCC; }
.story2 { background-color: #d6d6d6; }
.story3 { background-color: #e0e0e0; }
.story4 { background-color: #ebebeb; }

.other-articles { 
color: #666666; 
background: url(/~/media/images/departments/realestate/newsletter/gfx/bg_recent_articles.ashx) repeat-x; 
padding: 1px 15px 10px 15px; 
font-size: 12px;
}

.other-articles a, other-articles a:hover { font-weight: bold; }

.other-articles p { padding: 0px; margin: 0px 0px 10px 0px; }

/*----------------------------------------------------------------------- 
   Most Popular Widget
 ------------------------------------------------------------------------ */

#most-popular {
font-size: 12px; 
background: url(/~/media/images/departments/realestate/newsletter/gfx/bg_most_popular.ashx) no-repeat top left;
padding: 18px 10px 18px 10px; 
}

#most-popular a { color: #006699; font-weight: bold; }

#tab-widget {
width: 360px;
margin-top: 12px;
}

#articles, #emailed, #commented {
border-top: 5px solid #443a52;
padding-top: 10px;
background-color: #ece9de;
}

#articles p, #emailed p, #commented p { padding: 0px 10px 10px 10px ; }

#nav_tabs {
width: 360px;
height: 26px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
top: 0px;
}

#nav_tabs span { display: none; }

#nav_tabs li { margin: 0px; padding: 0px; list-style: none; position: absolute; top: 0px; }

#nav_tabs li, #nav_tabs a { height: 26px; display: block; }



/*----------------------------------------------------------------------- 
   Articles
 ------------------------------------------------------------------------ */

#article {
float: left;
width: 744px;
border-top: 1px solid #333;
}

* html #article { margin-right: -1px; }

#article h1 { font-size: 24px; margin-bottom: 5px; }
#article h1 a { font-weight: bold; }

#article h2 { color: #666666; font-size: 20px; line-height: 24px; margin-bottom: 5px; }

#article h3 { font-size: 13px; text-transform: uppercase; }
#article h3 a { color: #069; font-weight: bold; }

#article h4 { color: #660000; font-size: 13px; padding: 15px; }

#article h5 { color: #660000; font-size: 13px; padding: 10px 0px 0px 45px; }

#article .col-one { float: left; width: 95px; }
#article .col-one p { font-size: 13px; padding: 15px 10px; }

#article .col-two { float: left; width: 435px; padding: 15px 10px 10px 10px; }

hr.article { clear: both; border: 0; border-bottom: 1px dotted #999; }

#article .col-two-text { float: left; width: 435px; padding: 15px 10px 10px 105px; color: #666; }

#article .col-two-text2 { float: left; width:627px; padding: 00px 10px 10px 105px; color: #666; }


#article .col-two-text1 { padding-left: 70px; color: Black; }


#article .col-two-text p { font-size: 13px; padding: 0px 0px 10px 0px; }
#article .col-two-text blockquote { padding: 10px 25px 10px 25px; }
#article .col-two-text ul { padding: 10px 25px 10px 25px; }

#article .col-three { font-size: 12px; width: 178px; padding: 15px 0px 10px 10px; margin-left: 0px; }
#article .col-three p { color: #666; padding: 0px 10px 0px 10px; margin-bottom: 10px; }

a.comments { background: url(/~/media/images/departments/realestate/newsletter/gfx/icon_comments.ashx) no-repeat 0 50%; padding-left: 20px; }
a.add-comments { background: url(/~/media/images/departments/realestate/newsletter/gfx/icon_add_comments.ashx) no-repeat 0 50%; padding-left: 20px; }

.col-three hr.article { clear: both; border: 0; border-bottom: 1px dotted #999; margin-bottom: 10px; }

.ex a:link, .ex a:hover, .ex a:active, .ex a:visited  { color: #006699; }

a.print { background: url(/~/media/images/departments/realestate/newsletter/gfx/icon_print.ashx) no-repeat 0 50%; padding-left: 20px; }
a.email{ background: url(/~/media/images/departments/realestate/newsletter/gfx/icon_email.ashx) no-repeat 0 50%; padding-left: 20px; }

#about-author {
clear: both; 
width: 750px;
border-top: 1px dotted #666; 
background: url(/~/media/images/departments/realestate/newsletter/gfx/bg_about_author.ashx) no-repeat top center;
}

#about-author .col-two { color: #999; }
#about-author .col-two p { padding: 0px 0px 10px 0px; }

#about-author .col-three { font-size: 12px; width: 170px; padding: 15px 0px 10px 0px; margin-left: 10px; }
#about-author .col-three p { color: #666; padding: 0px 10px 0px 10px; margin-bottom: 10px; }

#about-author .col-three a { color: #069; font-weight: bold; }
	
/*----------------------------------------------------------------------- 
   Comments
 ------------------------------------------------------------------------ */

#comments {
clear: both; 

}

#comments h2 { color: #333; }

.comments-header {
background-color: #dcdcd2;
border-top: 1px dotted #666;
border-bottom: 1px solid #979680;
}
#browse_columns .col-one { font-weight: bold; }
#comments .col-one { float: left; width: 95px; }
#comments .col-two { float: left; width: 435px; padding: 15px 10px 0px 10px; }
#comments .col-two p { padding: 0px 0px 15px 0px; }
#comments .col-two-header { float: left; width: 445px; padding: 10px 10px 5px 10px; margin-left: 95px; }
#comments .col-three { float: left; width: 150px; font-size: 12px; padding: 15px 10px 10px 10px; margin-left: 10px; }

.comment {
border-bottom: 1px dotted #ccc;
}

#comments-form {
clear: both; 
}

.comments-form-header {
background-color: #eaeae4;
border-bottom: 1px solid #979680;
}

#comments-form .col-one p { padding: 15px 15px 0px 15px; }

#comments-form .col-two { float: left; width: 625px; padding: 15px 10px 0px 10px; } 

input.comments-form { width: 340px; font: 12px arial; padding: 2px; }
textarea.comments-form { width: 340px; height: 200px; font: 12px arial; padding: 2px; }

.required { font-size: 11px; color: #999; padding-left: 10px; }



/*----------------------------------------------------------------------- 
   Browse/Search
 ------------------------------------------------------------------------ */

#browse { 
float: left;
width: 750px;
border-top: 1px solid #333;
}

* html #browse { margin-right: -1px; }

#browse p { font-size: 13px; line-height: 18px; padding: 10px 15px 0px 15px; }

#browse a { font-weight: bold; }

#browse-menus {
padding: 15px;
border-bottom: 1px dotted #333;
}
#browse_columns td, #browse_search td { border-top: 1px dotted #333; padding-bottom: 10px;}
#browse_search .col-one { font-weight: bold; }
#browse table { width: 750px; }

#browse th { font-size: 11px; text-align: left; padding: 10px 0px 10px 15px; }

#browse tr{ border-top: 1px solid #333; }

#browse th.col-one { float: left; width: 80px; }
#browse th.col-two { float: left; width: 365px; }
#browse th.col-three { float: left; width: 165px; }
#browse th.col-four { float: left; width: 75px; }

#browse td.col-one { float: left; width: 95px; }
#browse td.col-two { float: left; width: 380px; }
#browse td.col-three { float: left; width: 180px; }
#browse td.col-four { float: left; width: 85px; }


#browse td a { color: #069; }

#browse-menus select { float: left; width: 160px; font: 11px arial; padding: 2px; margin-right: 12px; }

.btn-go { float: left; }

.selected { background-color: #f8f3db; }

#search-box {
padding: 15px; 
border-bottom: 1px dotted #333;
}

#search-box input.searchbox { float: left; width: 500px; font: 12px arial; padding: 2px; margin-right: 10px; }

/*----------------------------------------------------------------------- 
   Browse/Search tabs
 ------------------------------------------------------------------------ */

#browse-search {
width: 750px;
height: 39px;
background: url(/~/media/images/departments/realestate/newsletter/gfx/tabs_browse.ashx);
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
top: 0px;
}

#browse-search span { display: none; }

#browse-search li { margin: 0px; padding: 0px; list-style: none; position: absolute; top: 0px; }

#browse-search li, #browse-search a { height: 41px; display: block; outline: none; }
#browse-search1 { left: 7px; width: 94px; }
#browse-search2 { left: 107px; width: 89px; }

#browse-search1 a:hover { background: transparent url(/~/media/images/departments/realestate/newsletter/gfx/tabs_browse.ashx) -7px -39px no-repeat;}
#browse-search2 a:hover { background: transparent url(/~/media/images/departments/realestate/newsletter/gfx/tabs_browse.ashx) -107px -39px no-repeat;}

/*----------------------------------------------------------------------- 
   Search/Browse tabs
 ------------------------------------------------------------------------ */

#search-browse {
width: 750px;
height: 39px;
background: url(/~/media/images/departments/realestate/newsletter/gfx/tabs_search.ashx);
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
top: 0px;
}

#search-browse span { display: none; }

#search-browse li { margin: 0px; padding: 0px; list-style: none; position: absolute; top: 0px; }

#search-browse li, #search-browse a { height: 41px; display: block; outline: none; }
#search-browse1 { left: 7px; width: 94px; }
#search-browse2 { left: 107px; width: 89px; }

#search-browse1 a:hover { background: transparent url(/~/media/images/departments/realestate/newsletter/gfx/tabs_search.ashx) -7px -39px no-repeat;}
#search-browse2 a:hover { background: transparent url(/~/media/images/departments/realestate/newsletter/gfx/tabs_search.ashx) -107px -39px no-repeat;}


/*----------------------------------------------------------------------- 
   Footer
 ------------------------------------------------------------------------ */

#footer {
width: 940px;
background: url(/~/media/images/departments/realestate/newsletter/gfx/bg_footer.ashx) no-repeat top center #FFF;
font-size: 11px;
line-height: normal;
text-align: left;
padding-top: 20px;
margin: 0 auto 0 auto;
}

.footer-one {
float: left;
width: 190px;
background-color: white;
}

.footer-two {
float: left;
width: 380px;
}

.footer-three {
float: left;
width: 360px;
}


.xs { font-size: 9px; }
.s { font-size: 10px; }
.m { font-size: 11px; }
.grey { color: #999; }
.dark-grey { color: #777; }
.norule { background: #333; }
.time { color: #777; }
.time a:link { color: #f36; margin-left: 10px; }
.time a:visited { color: #f36; margin-left: 10px; }
.time a:hover { color: #fff; margin-left: 10px; }
.time a:active { color: #f36; margin-left: 10px; }
.pad-top { padding-top: 16px; }


/*----------------------------------------------------------------------- 
   KSM Additions
 ------------------------------------------------------------------------ */

.calloutbox {
font: 14px arial; 
font-weight: bold; 
color:#9c2700; 
line-height: 130%; 
float: right; 
position:relative; left:120px; top:20px; 
width:275px; 
margin: -10px 0px 30px -80px; 
border-left: solid #ccc 4px; 
border-right: solid #ccc 4px; 
padding: 10px; 
}


/* ----------------------------------------------------------------------
Real Return Site Map
------------------------------------------------------------------------- */

.mainHeader { color: #666666; font-family: Helvetica; font-size: 24px; font-weight: bold; padding-bottom: 2px;margin-left: 10px;margin-top:15px;}
.header1 {padding: 15px 30px 15px 5px;}
.heading2 {font-family: Arial; font-weight: bold; font-size: 16px; color: #333333; padding: 10px; text-transform:uppercase;}
.heading3 {font-family: Arial; font-size: 20px; color: #ffffff;}
.text1 {color: #482B70;font-weight: bold; font-family: arial;}
.text2 {color: #006699; font-family: arial; font-weight: bold;}
.text3 {color: #666666; font-family: arial;font-weight: bold;}


#bodyCopy span.SmallBodyCopy { font-size: 85%; line-height: 100%; }
.StandardTable { width: 450; background: #eeeeee; border: 0; }
table.StandardTable td.StandardTableHeader { color: #ffffff; font-family: Arial; font-size: 120%; font-weight: bold; }


/*----------------------------------------------------------------------- 
   Real Return CSS Updates (9/30/2008)
 ------------------------------------------------------------------------ */

.ie6clear { display: none; }
* html .ie6clear { display: block; clear: both; }

.header-date {
  font-size: 12px;
  color: #fff;
}

.update-area {
  margin: 0; 
  padding: 5px 0 10px 0; 
  border-left: dotted 1px #999999; 
  color: #666;
  background: url(/~/media/images/departments/realestate/newsletter/gfx/bg_most_popular.ashx) no-repeat; 
}

.update-title {
  padding: 9px 10px;
  border-bottom: solid 1px #B8B6BA;
  font-size: 15px;
  line-height: 19px;
  color: #333;
}

.update-content {
  padding: 10px;
}

.update-thumb-outer {
  float: left;
  margin: 0 10px 3px 0;
  border: solid 1px #CDCDCD;
  padding: 1px;
}

.update-content p.intro {
  font-weight: bold;
  font-size: 15px;
}

.update-content p {
  padding: 0;
  margin-bottom: 20px;
}

.col3-title {
  padding-bottom: 10px;
  font-weight: bold;
  text-transform: uppercase;
  color: #666;
}

.related-articles-list {
  margin: 0;
  padding: 0 0 5px 0;
  list-style-type: none;
}

.related-articles-list li {
  margin-bottom: 5px;
  font-weight: bold;
  color: #069;
}

.related-articles-list a,
.related-articles-list a:link,
.related-articles-list a:visited {
  color: #069;
}

/*----------------------------------------------------------------------- 
   Real Return Photocaption Support (12/10/2009)
 ------------------------------------------------------------------------ */
.PhotoCaptionLeft { background: #747a71; float:left; padding-right: 5px; margin-bottom: 0; padding-left: 5px; margin: 5px 5px 5px 0;}
table.PhotoCaptionLeft caption {font-size: 90%; text-align: left; margin: 5px; background: #747a71; color: #ffffff; margin-top: 0; font-family: arial; font-weight: bold; margin: 0 5px 5px 0;}
table.PhotoCaptionLeft td.caption {font-size: 90%; color: #ffffff; font-family: arial; text-align: left}
table.PhotoCaptionLeft td.credit {font-size: 75%; color: #ffffff; font-family: arial; text-align: right}
.PhotoCaptionRight { background: #747a71; float:right; padding-right: 5px; margin-bottom: 0; padding-left: 5px; margin: 0 5px 5px 5px;}
table.PhotoCaptionRight caption {font-size: 90%; text-align: left; margin: 5px; background: #747a71; color: #ffffff; margin-top: 0; font-family: arial; font-weight: bold; margin: 0 5px 5px 0;}
table.PhotoCaptionRight td.caption {font-size: 90%; color: #ffffff; font-family: arial; text-align: left}
table.PhotoCaptionRight td.credit {font-size: 75%; color: #ffffff; font-family: arial; text-align: right}
.threeColumn #middleColumn #bodyCopy td.caption a { color: #ffffff;}