BODY
{
	BACKGROUND-COLOR:#A9D06A;
	text-align: 	center;
	margin-top:	0px;
        margin-left:    0px;
        margin-right:    0px;
}
A
{
    FONT-SIZE: 11px;
    COLOR: #003300;
    FONT-FAMILY: Arial, Helvetica, sans serif;
    TEXT-DECORATION: none
}
A:hover
{
    TEXT-DECORATION: underline
}
TD, TH
{
    FONT-SIZE: 8pt;
    COLOR: #333333;
    FONT-FAMILY: Arial, Helvetica, sans serif;
}
P { font-family : "Arial";
     font-size : 10.0pt;
     color : black;}
INPUT
{
    FONT-SIZE: 8pt;
    COLOR: #333333;
    FONT-FAMILY: Arial, Helvetica, sans serif
}
SELECT
{
    FONT-SIZE: 8pt;
    COLOR: #333333;
    FONT-FAMILY: Arial, Helvetica, sans serif
}
TEXTAREA
{
    FONT-SIZE: 8pt;
    COLOR: #333333;
    FONT-FAMILY: Arial, Helvetica, sans serif
}
INPUT.button,
INPUT.buttonM
{
    WIDTH: auto;
    CURSOR: hand;
    COLOR: #ffffff;
    BACKGROUND: #C88333;
    border: 1px solid #A16929;
    font-family: Verdana, Helvetica, Sans-Serif;
    font-size: 11px;
    padding: 1px;
    CURSOR: hand;
}
.shade
{
    COLOR: #333333;
    BACKGROUND-COLOR: #FFFFFF;
}
.hshade
{
	COLOR: #FFFFFF;
	BACKGROUND-COLOR:#FF8425;
}
.blackshade
{
	COLOR: #FFFFFF;
    BACKGROUND-COLOR: #FF8425;
    FONT-WEIGHT: bold;

}
.blackshade:hover
{
    COLOR: #FFCC00;
}
.rowselected
{
    COLOR: #333333;
    BACKGROUND-COLOR: #FFCBA3;
}
.message
{
    FONT-SIZE: 8pt;
    FONT-WEIGHT: bold;	
    COLOR: #cc3300;
    FONT-FAMILY: Arial, Helvetica, sans serif;
}
span.red, span.red p
{
   color: red;
   font-weight: bold;
}
table.main_table
{
   background-color: #ffffff;
   margin-left:	auto;
   margin-right: auto;
   border-collapse:collapse;
   border-style:none;
   border-spacing:0px;
   padding:0px;
   width:800px;
}
table.top
{
  width:	100%;
  border-collapse:collapse;
  border-style:none;
  border-spacing:0px;
  padding:0px;
}
table.header_buttons
{
  width:	800px;
  border-collapse:collapse;
  border-style:none;
  border-spacing:0px;
  padding:0px;
  margin-left:	auto;
  margin-right: auto;
}
div.header
{
  width:	100%;
  background: transparent url('/images/masthead3_ext.jpg') repeat-x;
  margin: 0px 0px 0px 0px;
}
div.header_buttons
{
  width:	100%;
  background: transparent url('/images/flags/menubutton_ext.gif') repeat-x;
}
div.bgfade
{
  width:	800px;
  background: transparent url('/images/bg-page-body.jpg') repeat-x;
  margin-left:	auto;
  margin-right: auto;
  font-size: 12px; 
  FONT-FAMILY: Arial, Helvetica, sans serif;
}
div.riverdalebanner_bg
{
  width:	100%;
  background: transparent url('/images/riverdalebanner_bg.jpg') repeat-x;
  margin: 0px 0px 0px 0px;
}
div.riverdalebanner
{
  width:	800px;
  height:       100px;
  background: transparent url('/images/riverdalebanner.jpg') no-repeat;
  margin-left:	auto;
  margin-right: auto;
}
div.weatherbanner_right
{
  width:	100%;
  background: transparent url('/images/weather_banner_right.gif') repeat-x;
  margin: 0px 0px 0px 0px;
  font-size: 12px;
  FONT-FAMILY: Arial, Helvetica, sans serif;
}
table.search
{
   background-color: #ffffff;
   border-collapse:collapse;
   border-style:none;
   border-spacing:0px;
   padding:0px;
   margin:0px;
   width:100%;
   height:100%;
   text-align: left;
   vertical-align: middle;
}
table.text_table
{
   background-color: #ffffff;
   margin-left:	auto;
   margin-right: auto;
   border-collapse:collapse;
   border-style:none;
   border-spacing:0px;
   width:800px;
}

table.main_table td
{
  padding:	0px;
}
table.top td
{
  padding:	0px;
}
table.header_buttons td
{
  padding:	0px;
}
table.search td
{
  padding:	0px;
}
table.text_table td
{
   padding-top:0px;
   padding-bottom:0px;
   padding-right:15px;
   padding-left:15px;
   text-align:justify;
}

td.searchlabel
{
   text-align: center;
   vertical-align: middle;
   font-size: 10pt;
   font-weight: bold;
}
td.searchtext
{
   vertical-align: middle;
}
div.searchhead
{
   text-align: center;
   font-weight: bold;
}
td.hrule
{
   text-align: center;
   vertical-align: middle;
}
table.listings_body
{
   margin-left:	auto;
   margin-right: auto;
   border-collapse:collapse;
   border-style:none;
   border-spacing:0px;
   padding:0px;
   width:800px;
}

.search_banner {
   display: block;
   height: 30px;
   width: 100%;
   background: #e0542f;
   padding: 0 0 0 0;
   line-height: 30px;
   color: #ffffff;
   font-weight: bold;
   text-decoration: none;
   text-align:center;
   outline: none;
   font-size: 12px;
   border-bottom: 1px solid #f68263;
   margin: 0 0 0 0;
}

.bottom_banner {
   display: block;
   height: 30px;
   width: 100%;
   background: #e0542f;
   padding: 0 0px 0 0px;
   line-height: 30px;
   color: #ffffff;
   font-weight: bold;
   text-decoration: none;
   text-align:center;
   outline: none;
   FONT-FAMILY: Arial, Helvetica, sans serif;
   font-size: 14px;
   border-bottom: 1px solid #f68263;
   margin: 0 0 0 0;
}

h1
{  
    FONT-FAMILY: Arial, Helvetica, sans serif;
    font-size: 13pt;
}

.tableheader
{
    FONT-FAMILY: verdana, Arial;
    font-size: 13px;
    FONT-WEIGHT: bold;	
    BACKGROUND-COLOR: #C88333;
    COLOR: #FFFFFF;
    padding: 5px;
} 
.header2
{
	BACKGROUND-COLOR: #FBD87F;
	padding: 10px;	
}
.fieldname
{
    FONT-FAMILY: verdana, Arial;
    color: #000040;
    font-weight: bold;
    padding: 5px;
}
.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;background: #FFE4A2;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {border-left:1px solid #A16929; border-right:1px solid #A16929;}
.xb1 {margin:0 5px; background:#A16929;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}
.xboxcontent {display:block; border:0 solid #A16929; border-width:0 1px; padding: 4px; background: #FFE4A2;}

.newstyle
{
  width:	800px;
  margin-left:	auto;
  margin-right: auto;
  background-color: #FFFFFF;
  border-width:	0px:
  border-spacing: 0px;
  border-collapse:collapse;
}

.newstyle td
{
  text-align:	center;
  vertical-align: top;
}

.newstyle img
{
  border-style:	none;
}

td.col1
{
  width: 	400px;
  padding:	0px;
}

td.col2
{
  width: 	50px;
  padding:	0px;
}

td.col3
{
  width: 	270px;
  padding:	0px;
}

td.detaillabel
{
  width:	50px;
  padding:	0px;
  text-align:	left;
  font-weight:	bold;
}

td.detail
{
  width:	202px;
  padding:	0px;
  text-align:	center;
}

td.courtesy
{
  padding:	0px;
  text-align:	center;
}

table.detail
{
  width:	252px;
  margin-left:	auto;
  margin-right: auto;
}
td.description
{
  text-align:	justify;
}

.mortgage
{
  width:	95%;
  margin-left:	auto;
  margin-right: auto;
  border-width:	0px:
  border-spacing: 0px;
  border-collapse:collapse;
}

.amortization
{
  width:	95%;
  margin-left:	auto;
  margin-right: auto;
  padding:	5px;
  border-width:	1px:
  border-spacing: 0px;
  border-collapse:collapse;
}

.amortization td
{
    COLOR: #333333;
    BACKGROUND-COLOR: #FFFFFF;
}

.stepcarousel{
position: relative; /*leave this value alone*/
border: 0px;
overflow: scroll; /*leave this value alone*/
width: 270px; /*Width of Carousel Viewer itself*/
height: 200px; /*Height should enough to fit largest content's height*/
}

.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: 10px; /*margin around each panel*/
width: 250px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

.vis1	{ visibility:"visible" }
.vis2	{ visibility:"hidden" }

.editable{
	background-color: #ffffd3;
}
/* ######### Default class for drop down menus ######### */

.anylinkcss{
position: absolute;
left: 0;
top: 0;
visibility: hidden;
border: 0px;
border-bottom-width: 0;
font: normal 16px Arial;
line-height: 25px;
z-index: 500; /* zIndex should be greater than that of shadow's below */
background: #171b20;
width: 200px; /* default width for menu */
}

.anylinkcss ul{
margin: 0;
padding: 0;
list-style-type: none;
}

.anylinkcss ul li a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 0px;
padding: 1px 0;
text-decoration: none;
font-weight: bold;
text-indent: 5px;
color: white;
}

.anylinkcss a:hover{ /*hover background color*/
background: #e0542f;
text-decoration: none;
}

/* ######### class for shadow DIV ######### */


.anylinkshadow{ /*CSS for shadow. Keep this as is */
position: absolute;
left: 0;
top: 0;
z-index: 99; /*zIndex for shadow*/
background: black;
visibility: hidden;
}

#bottomiconcontainer
{
   margin-left: auto;
   margin-right: auto;
   width:560px
}
#bottomicons
{
   text-align:center;
   padding:10px;
   float:left;
   clear:right;
}
#bottomicons a:hover
{
   text-decoration: none;
}