/* Main Controls */
    body {
        background-color:#660000;
        margin:0px; 
    }
    img { border:0px; }
    .container {
        font-family:Arial, Helvetica, sans-serif; 
        color:black;
        position: relative; 
        margin-left: auto;
        margin-right: auto;
        left:0px;
        text-align:center;
        width: 100%;
    }
    .pageContainer {
        text-align:left;
        background-color:#F4F7CC; 
        }
    
    .homePage .pageContainer{
        font-size:12px; 
        background-color:white;
    }
    .mainContent {
        padding:10px;
    }
    
    td.generalCopy p {
        line-height:1.5em;
    }
    td.generalCopy h1 {
        padding:0px; 
        border:0px; 
        font-size:18px;
    }
    
    table.fullWidth {
        border-collapse: collapse; 
        width:100%;
   }
    td {
        vertical-align:top;
    } 
    a {
        color:#336699; 
        text-decoration: none;
    }
    a:hover {
        text-decoration:underline;
    }
    h1 {
        font-size: 30px;
    }
    h2 {
        font-size: 16px;
        color: #660000;
    }
    h3 {
        font-size:14px;
    }

/* Header */
    .header               {background-color:#81572B; padding:2px 10px; height:36px;}
    * html .header        {background-color:#81572B; padding:2px 10px; height:40px;}
    .header .mobileLink   {float:right; margin:8px 4px; font-size:12px;}
    .header .mobileLink a {color:lemonchiffon;} 
    .header h1.logo {
        color:lemonchiffon; 
        font-size: 20px; 
        position:absolute;
        top:4px; 
        left: 60px; 
        margin:0px;
        padding-top:4px;
    }
    .header h1.logo a{
        color:lemonchiffon;
    }
    .header h1.logo a:hover{
        text-decoration:none;
    }
    .header #logo {position:absolute; top:0px; left:10px; z-index:1;}
    * html .header #logo {position:absolute; top:4px; left:10px; z-index:1; width:47px;}

/* Focus Areas */
    .focusAreas         {margin:0px; padding:0px;text-align:right;}
    .focusAreas table {border-collapse:collapse;}
    .focusAreas td     {width:25%;}
    .focusArea_1 {
        background: #D6E286 url(images/bannerBG_green.jpg) repeat-x;
        height: 104px;
        margin: 4px 2px 4px 0px;
        font-weight:bold;
        font-size:14px;
        padding:4px;
    } 
        .focusArea_1 a          {color: black;} 
        .focusArea_1 h1         {margin:0px; padding:0px 0px 24px 0px;}  
        .focusArea_1 h1 a       {margin:0px;color:white;} 
        .focusArea_1 h1 a:hover {text-decoration:underline;} 
    .focusArea_2 {
        background: #C7B320 url(images/bannerBG_yellow.jpg) repeat-x; 
        height: 104px;
        margin: 4px 2px 4px 0px;
        font-weight:bold;
        font-size:14px;
        padding:4px;
    } 
        .focusArea_2 a          {color: black;} 
        .focusArea_2 h1         {margin:0px; padding:0px 0px 24px 0px;} 
        .focusArea_2 h1 a       {margin:0px;color:white;} 
        .focusArea_2 h1 a:hover {text-decoration:underline;} 
    .focusArea_3 {
        background: #FCEAD1 url(images/bannerBG_brown.jpg) repeat-x;
        height: 104px;
        margin: 4px 2px 4px 0px;
        font-weight:bold;
        font-size:14px;
        padding:4px;
    } 
        .focusArea_3 a          {color: black;} 
        .focusArea_3 h1         {margin:0px; padding:0px 0px 24px 0px;} 
        .focusArea_3 h1 a       {margin:0px;color:white;} 
        .focusArea_3 h1 a:hover {text-decoration:underline;} 
    .focusArea_4 {
        background: #DEEAF7 url(images/bannerBG_blue.jpg) repeat-x; 
        height: 104px;
        margin: 4px 2px 4px 0px;
        font-weight:bold;
        font-size:14px;
        padding:4px;
    } 
        .focusArea_4 a          {color: black;} 
        .focusArea_4 h1         {margin:0px; padding:0px 0px 24px 0px;} 
        .focusArea_4 h1 a       {margin:0px;color:white;} 
        .focusArea_4 h1 a:hover {text-decoration:underline;} 
          
/* All Pages */
    table.titleContainer {
        border-collapse:collapse;
        background-color:#660000;
        border:0px;
        width:100%;
    }
    div.pageTitleBar {
        clear:both;
        padding-top:46px;
    }
    .pageTitleBar{
        color:lemonchiffon; 
        padding: 1px 0px 1px 20px;
        margin-top:0px;
    }
    * html  .pageTitleBar h1{
        padding: 21px 0px 1px 20px;
    }
     .pageTitleBar h1{
        font-family:times new roman, times, serif; 
        font-size: 24px; 
        font-weight:normal;
        color:lemonchiffon;
        margin:0px;  
        padding:0px 0px 10px 0px;
    }
     .pageTitleBar h1{
        text-transform: uppercase;
    }
    h2.subTitle {color:#336699;}
    .footer      {
        background-color:#81572B;
        color: #EDE2D3; 
        font-size: 11px; 
        text-align:center; 
    }
    .footer  a   {
        color: #99CCFF;
        font-weight:normal;
    }
    
    ul.arrow li {
        list-style-image: url(images/arrow.png);
     }
    .contentContainer {padding:10px 40px;}


/* HOME PAGE */
    .search {
        scrollbar-base-color:#990000;
        scrollbar-arrow-color:#FF0000;
    }
    .cityListContainer {font-size:100%;}
    .cityListContainer .cityList    {background-color:lemonchiffon; padding-bottom:10px;}
    .cityListContainer .cityList a  {font-weight:bold; }
    .cityListContainer .cityList td {font-size:78%; padding-left:10px;}
    .homePage .cityListContainer .cityList td {font-size:100%; padding-left:10px;}
    .cityListContainer .cityList h4 {background-color:#CCCC99; padding:10px;}
    .homePagePadder {padding-top:44px;background-color:#660000;}
    * html .homePagePadder {padding-top:48px;background-color:#660000;}
    
    .searchContainer {width:100%;}
    .searchContainer table{width:350px;}
    .searchContainer h2{ margin-top:10px;}
    .searchBox      {
        background:#990000 url(images/red_bg.jpg) repeat-x; 
        padding:10px 10px 10px 0px; 
        color: lemonchiffon;
    }
    .searchBox a   {
        color: white; 
        text-decoration:underline;
    }
    .searchBox  h2 {
        color:lemonchiffon;
    }
    
    .linkBox {
        background-color:white; 
        padding:10px 10px 10px 20px;
    }
    
    input, select {
        font-family:tahoma;
    }
     .small input, .small select {
         font-size:11px;
     }
     img.10_Year {width:250px;}
    .callout {border-right:4px solid #D0D0D0; padding-left:4px; margin-right:4px;}
    .spacer {margin-bottom:15px;}
    
/* Summary */
    .summaryContainer {
        margin:8px; 
        float:left;
        height:200px; 
        width:160px; 
        font-size:11px;
        white-space:nowrap;
        overflow:hidden;
    }
    .summaryContainer .summaryPriceContainer {
        background-color:#CCCC99; 
        font-size:1em; 
        padding:4px; 
        text-align:center;
    }
    .summaryContainer .summaryCity {
        font-weight:bold;
    } 
    .summaryContainer .summaryAddress {
        font-weight:bold;
        width:158px; 
        white-space:nowrap;
        overflow:hidden;
    } 
    .summaryContainer .summaryStats {
        font-size:1em;
        width:158px; 
        white-space:nowrap;
        overflow:hidden;
    }
    .summaryContainer .summaryStats a {
        font-weight:bold;
    }
    .summaryContainer .summarySearchContainer {
        padding:4px; 
        font-size:92%;
        }
    .summaryContainer div.photoNotAvailable {
        width:158px; 
        height:122px; 
        border:1px solid gray;
        text-align:center;
        vertical-align:middle;
        margin:0px;
        white-space:nowrap;
        overflow:hidden;
    }
    .summaryContainer .noPhotoPadder {
        margin-top:50px;
        white-space:nowrap;
        overflow:hidden;
    }

div.cityPageSearch {
    width:360px; 
    background-color:#CCCC99; 
    padding:10px;
    font-size:12px;
}


/* Step Carousel Div Slider */ 

    .carouselContainer { 
        background-color:#DEEAF7;
        padding:4px 20px; 
        text-align:center;
    }
    .stepcarousel{
        position: relative; /*leave this value alone*/
        overflow: scroll; /*leave this value alone*/
        width: 400px; /*Width of Carousel Viewer itself*/
        height: 108px; /*Height should enough to fit largest content's height*/
        text-align:center;
    }
    .stepcarousel a{
        font-size:11px;
    }
    .stepcarousel img {
        border:0px;
    }
    .stepcarousel .belt{
        position: absolute; /*leave this value alone*/
        left: 0;
        top: 0;
    }

    .stepcarousel .panel{
        float: left; /*leave this value alone*/
        overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
        margin: 6px; /*margin around each panel*/
        width: 93px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
    }

/* SEARCH OPTIONS CONTAINER */
         /* first-level lists */
    .searchOptionsContainer {
        background-color:lemonchiffon;
        border:1px solid gray; 
        height:20px;
        width:130px;
        z-index:30;
        color:#990000;
        white-space:nowrap;
    } 
    .searchOptionsContainer #searchOptions, .searchOptionsContainer #searchOptions ul { /* all lists */
        font-family:Arial, Helvetica, sans-serif; 
        padding: 0;
        margin: 0;
        list-style: none;
        line-height: 1; 
    }
    .searchOptionsContainer #searchOptions a {
        display: block;
        /* width: 10em;*/
        color:#990000;
        margin-right:0px; 
        padding-bottom:7px;
        text-decoration:none; 
    }
    .searchOptionsContainer #searchOptions a:hover {
        text-decoration:none; 
    }
    .searchOptionsContainer #searchOptions li { /* all list items */
        float: left;
        padding:2px 0px 0px 6px; 
        /* width: 10em; */
    }
    .searchOptionsContainer #searchOptions li a {
        color:#990000;
    }
    .searchOptionsContainer #searchOptions ul li a {
        color:#990000;
    }
    /* second-level lists */
        .searchOptionsContainer #searchOptions, .searchOptionsContainer #searchOptions ul { /* all lists */ 
        padding: 0;
        margin: 0;
        list-style: none;
        line-height: 1;
        padding:2px;
    }
    .searchOptionsContainer #searchOptions a {
        display: block;
        /* width: 10em;*/
        color:#990000;
        font-size:11px; 
    }
    
    .searchOptionsContainer #searchOptions li { /* all list items */
        float: left;
        padding-right: 2px;
        /* width: 10em; width needed or else Opera goes nuts */
    }
    
    .searchOptionsContainer #searchOptions li ul { /* second-level lists */
        position: absolute; 
        border:1px solid gray;
        border-top:0px;
        margin:-3px;
        background-color: lemonchiffon; 
        padding: 2px;
        width: 112px;
        display:block; 
        left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
    }
    
    .searchOptionsContainer #searchOptions li ul ul { /* third-and-above-level lists */
        margin: -1em 0 0 1em;
    }
    .searchOptionsContainer #searchOptions li:hover, .searchOptionsContainer #searchOptions li.hover {
        background-color:lemonchiffon;
        color:#990000;
        position: static;
    }
    .searchOptionsContainer #searchOptions li:hover a, .searchOptionsContainer #searchOptions li.hover a{
        color:#990000;
    }
    .searchOptionsContainer #searchOptions li li {
        display:block;
        padding: 2px 10px;
    }
    .searchOptionsContainer #searchOptions li li a:hover {
        color:#990000;
    }
    * html .searchOptionsContainer #searchOptions li li a:hover {
        color:#990000;
        text-decoration: underline; 
    }
    .searchOptionsContainer #searchOptions li li:hover {
        color:#990000;
        text-decoration:underline; 
    }
    .searchOptionsContainer #searchOptions li:hover ul ul, .searchOptionsContainer #searchOptions li.sfhover ul ul {
        left: -999em;
    }
    
    .searchOptionsContainer #searchOptions li:hover ul, .searchOptionsContainer #searchOptions li li:hover ul, .searchOptionsContainer #searchOptions li.sfhover ul, .searchOptionsContainer #searchOptions li li.sfhover ul { /* lists nested under hovered list items */
        left: auto;
    }
    .searchSubmit {margin:10px 0; background-color:#CC0000; color:lemonchiffon; border:1px solid red; padding:4px 40px; font-weight:bold;}
    .search-area-container {width:340px;}
    .top-padder {padding-top:8px;}
    .top-padder-large {padding-top:18px;}

/*** NAVIGATION ***/
    .nav {
        border-top:4px solid black; 
        margin:0px;
    }
    
    * html .nav {
        border-top:none;
        margin:0px;
    }
    .navigation  {  
        height:24px;
        z-index:30;
        margin:0px;
        padding:0px;
        clear:both;
        position:absolute;
        top:44px;
        left:0px;
        background: url(images/bg_navigation.gif) repeat-x; 
        width:100%;
    }
    * html .navigation  {
        border-top:4px solid black;
    }

/*** FUNCTIONALITY STYLES ***/
  .sf-menu, 
  .sf-menu *        {list-style:none;}
  .sf-menu          {line-height: 1.0; margin:0px; padding:0px;}
  .sf-menu ul       {position: absolute; top: -999em; width: 10em;} /* left offset of submenus need to match (see below) */
  .sf-menu ul li    {width: 100%;}
  .sf-menu li:hover {visibility: inherit;}  /* fixes IE7 'sticky bug' */ 
  .sf-menu li       {float: left;position: relative;}
  .sf-menu a        {float: left;position: relative;}
  .sf-menu li:hover ul,
  .sf-menu li.sfHover ul       {left: 0;top: 2.5em; /* match top ul list item height */z-index: 99;}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul    {top: -999em;}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul    {left: 10em; /* match ul width */top: 0;}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {top: -999em;}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {left: 10em;top: 0;}

/*** STYLES ***/
  .sf-menu                  {padding:1px 0px 0px 0px; font-family: arial, helvetica, sans-serif; font-size:11px;}
ul.sf-menu a                {padding: 6px 10px; text-decoration:none;color:black;}
ul.sf-menu li               {}
ul.sf-menu li a             {color:black; margin:0px;}
ul.sf-menu li a:hover       {color:lemonchiffon;}
ul.sf-menu li:hover a       {color:lemonchiffon;}
ul.sf-menu li ul li         {margin-top:-2px; background: #660000; color:lemonchiffon; float:left; padding-bottom:6px;}
ul.sf-menu li ul li a       {font-size:12px; color:lemonchiffon; float:left; display:inline; padding-top:4px; padding-bottom:0px;}
ul.sf-menu li ul li:hover   {background-color:lemonchiffon;}
ul.sf-menu li ul li:hover a {background-color:lemonchiffon; color: black;}
ul.sf-menu li ul li a:hover {background-color:lemonchiffon; color:black; }

ul.sf-menu li:hover, 
ul.sf-menu li.sfHover,
ul.sf-menu a:focus, 
ul.sf-menu a:hover, 
ul.sf-menu a:active {background: #660000; outline: 0;}

/*** arrows **/
.sf-menu a.sf-with-ul {
    padding-right: 2.25em;
    min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
    position: absolute;
    display: block;
    right: .75em;
    top: 1.05em; /* IE6 only */
    width: 10px;
    height: 10px;
    text-indent: -999em;
    overflow: hidden; 
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
    top: .8em;
    background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
    background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator     {background-position: -10px 0; }
.sf-menu ul a > .sf-sub-indicator {background-position: 0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
    background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul { 
    padding: 0 8px 9px 0;
    -moz-border-radius-bottomleft: 17px;
    -moz-border-radius-topright: 17px;
    -webkit-border-top-right-radius: 17px;
    -webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
    background: transparent;
}

/*** Nav Bar ***/
div.navigation ul.sf-navbar li ul li a {margin:0px; padding:1px 4px;}

  .sf-navbar           {height: 2.5em; padding-bottom: 2.5em; position: relative; width:100%;}
  .sf-navbar li a.first {margin-left:20px;}
  .sf-navbar li        {position: static;}
  .sf-navbar a         {border: 0px;}
  .sf-navbar a:hover   {text-decoration:none;}
  .sf-navbar li ul     {width: 50em;}  /*IE6 soils itself without this*/
  .sf-navbar li li     {position: relative;}
  .sf-navbar li li ul  {width: 13em;}
  .sf-navbar li li li  {width: 100%;}
  .sf-navbar ul li     {width: auto; float: left;}
  .sf-navbar ul li:hover ul li { width:100%;}
  .sf-navbar a, 
  .sf-navbar a:visited {border: none;}
  .sf-navbar li.current       {}
  .sf-navbar li:hover,
  .sf-navbar li.sfHover,
  .sf-navbar li li.current,
  .sf-navbar a:focus, 
  .sf-navbar a:hover, 
  .sf-navbar a:active         {}
  .sf-navbar ul li:hover,
  .sf-navbar ul li.sfHover,
ul.sf-navbar ul li:hover li,
ul.sf-navbar ul li.sfHover li,
  .sf-navbar ul a:focus, 
  .sf-navbar ul a:hover, 
  .sf-navbar ul a:active       {}
ul.sf-navbar li li li:hover,
ul.sf-navbar li li li.sfHover,
  .sf-navbar li li.current li.current,
  .sf-navbar ul li li a:focus, 
  .sf-navbar ul li li a:hover, 
  .sf-navbar ul li li a:active {}
ul.sf-navbar .current ul,
ul.sf-navbar ul li:hover ul,
ul.sf-navbar ul li.sfHover ul {left: 0;top: 2.5em; /* match top ul list item height */}
ul.sf-navbar .current ul ul   {top: -999em;}

.sf-navbar li li.current > a  {font-weight: bold;}

/*** point all arrows down ***/
/* point right for anchors in subs */
.sf-navbar ul .sf-sub-indicator { background-position: -10px -100px; }
.sf-navbar ul a > .sf-sub-indicator { background-position: 0 -100px; }
/* apply hovers to modern browsers */
.sf-navbar ul a:focus > .sf-sub-indicator,
.sf-navbar ul a:hover > .sf-sub-indicator,
.sf-navbar ul a:active > .sf-sub-indicator,
.sf-navbar ul li:hover > a > .sf-sub-indicator,
.sf-navbar ul li.sfHover > a > .sf-sub-indicator {
    background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/*** remove shadow on first submenu ***/
.sf-navbar > li > ul {
    background: transparent;
    padding: 0;
    -moz-border-radius-bottomleft: 0;
    -moz-border-radius-topright: 0;
    -webkit-border-top-right-radius: 0;
    -webkit-border-bottom-left-radius: 0;}