html{
	background-image: url('../images/bg_sm.gif'); 
	}
body {
    background-color: #fff;
	color: navy;
	font-size:10px;
	font: 100% verdana, arial, helvetica, sans-serif;
	text-align: center; /* for IE */
	margin: 0 auto;
	width: 1024px;
	/*height: 768px;*/
    text-align: left;
    z-index: -1;
    /*filter:foo;*/
	}

h1, h2 {
    margin: 0px;
    padding-left: 10px;
    background-image: url('../images/underline.gif');
    background-repeat:no-repeat; 
    background-position:left; 
    height: 30px;
	}
/* -- START HEADER OF THE PAGE */
#topContent 
{
	position:relative;
    text-align: left;
    background-color: #fff;
    color: navy;
    font-size: x-large;
    text-decoration: none;
    font-weight: bold;
    padding: 0px;
    height: 120px;   
	}
	
#logoleft{
	position: relative;
 	height: 110px;
	margin-left:15px;
	margin-top: 8px;	
	}
	
#logoright{
	position:absolute;
	height: 120px;
	margin-left:469px;
	margin-top: 0px;
	}
	
#topContent a {
    text-decoration: none;
    color: Navy;
}
/* ---- END HEADER ---->

/* ---- START HORIZONTAL MENU ----*/
#hmenu /*menuContent*/
{
	position:relative;
    text-align: right;
    color: navy;
    font-size: medium;
    text-decoration: none;
    font-weight: bold;
    padding: 0px;
    height: 40px;
    margin-top: 2px;
}
#showdate
{
	text-align: left; 
	margin-top: 10px; 
	margin-left:10px; 
	color:#333333;
	font-size:12px;
}



/* ---- Page Content ---- */
#pageContent
{	width: 1024px;
}

/* ---- MAIN CONTENT ---- */
#mainContent { 
	float: left;
	
	margin-top:2px;
	width: 575px;
}
#rightColumn
{
	float: left;
	margin-top:2px;
	width: 860px;
}

#tbl_main_content td{
	height: 18px;
	}
#blue_banner{
	width: 575px;
	height: 30px;
	color: #369;
	font-family:Century Gothic;
	font-size: 20px;
	background:url(../images/blue_banner.gif) repeat-x;
	border-top: solid 1px #000066;
	padding-left: 5px;
	padding-top: 3px;
}
/* ---- END MAIN CONTENT ---- */


/* ---- RIGHT CONTENT ---- */
#rightContent {
	margin-left: 25px;
	width: 260px;
	float:left;

}
/* ---- END RIGHT CONTENT ---- */

#right_Content 
{
	position:absolute;
	background-color:#fff;
	color:Navy;
    text-align: left;
    margin-left: 770px;
    margin-top:40px;
    padding: 2px;
    padding-top:3px;
    width: 250px;
    height:565px;
    z-index:-1;
}
#content_right_bottom{
	float:right;
	margin-top:250px;
	z-index:10;
	overflow:visible;
	width: 250px;
	height: 260px;
	/*-ms-filter: alpha(opacity=70);*/
	-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dde9ff', endColorstr='#ffffff');
	/*filter: progid:DXImageTransform.Microsoft.dropShadow(color=#818181, offX=5, offY=5, positive=true);*/
	border-right: 2px solid #aaa;
    border-bottom: 2px solid #aaa;
    font-size:10px;
}

#tbl_content_right_bottom input, select{
	position: relative;
	margin-top:5px;
	font-size: 10px;
	margin-left:30px;
	width:120px;
	
	}
.buttonstyle{
	background: linear-gradient(blue,white)
	font-size: 11px;
	}

#solid_blue_banner{
	width: 243px;
	height: 26px;
	color: #fff;
	font-family:Century Gothic;
	font-size: 16px;
	background-color: #336699;
	padding-top: 2px;
	padding-left: 5px;
	margin-left: 1px;
	margin-top: 2px;
	text-align:center;
}
#quicksearchmls_banner{
	width: 239px;
	height: 26px;
	color: #fff;
	font-family:Century Gothic;
	font-size: 16px;
	background-color: #336699;
	padding-top: 2px;
	padding-left: 5px;
	margin-left: 1px;
	margin-top: 2px;
	text-align:center;
}

#loadarea
{
	width:100px;
	height:50px;
}
/*--- Footer css format ---*/
#footerContent 
{
	clear:both;
    text-align: center;
    padding: 4px;
    background-image:url('../images/menu_bg.gif');
    height:30px;
    width:1016px;
     clear: both;
     
 margin: 0;
 
 color: #333;
 background-color: #ddd;
 border-top: 1px solid gray;
}
#footerContent p{
	text-align:center;
	margin-top:8px;
	word-spacing:5px; 
	font-size:small; 
	/*margin-top: 7px; */
	color:#333333; 
	font-family:Adobe Garamond Pro, Century Gothic;
}
/*--- End footer format ---*/

#page_content
{
	width: 850px;
	/*border: 1px solid #336699;*/
	margin-left: 2px;
	padding-left: 4px;
	margin-top:1px;
	vertical-align:top;
}
#page_content p
{
	color: #7d7d7d;
	font: 100% Adobe Garamond Pro, Century Gothic;
}

#page_content h2
{
	margin: 0 0 .5em 0;
	font-size:larger;
	color:#336699;
}

/*--- Fearture Sales ---*/
.sliderwrapper{
position: relative; /*leave as is*/
overflow: hidden; /*leave as is*/
border: 1px solid #336699; /**solid navy;**/
border-bottom-width: 1px;
width: 246px; /*width of featured content slider*/
height: 148px;
margin-top:5px;
}



.sliderwrapper .contentdiv{
visibility: hidden; /*leave as is*/
position: absolute; /*leave as is*/
left: 0;  /*leave as is*/
top: 0;  /*leave as is*/
padding: 0px;

background: white;
width: 250px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
height: 100%;
/*filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);*/
-moz-opacity: 1;
/*opacity: 1;*/
}

.pagination{
width: 226px; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/
text-align: right;
background-color: navy;
padding: 5px 10px;
}

.pagination a{
padding: 0 5px;
text-decoration: none; 
color: #00007D;
background: white;
}

.pagination a:hover, .pagination a.selected{
color: #000;
background-color: #FEE496;
}

#slider4{
border-color: navy;
margin-left: -5px;
height: 150px;
}


#paginate-slider4{
background-color: navy;
border-color: navy;
margin-left: 0px;
}


#paginate-slider4 a img{
width: 40px;
height: 30px;
border: 1px solid gray;
margin-top: 5px;
}


#paginate-slider4 a img:hover, #paginate-slider4 a.selected img{
border: 2px solid blue;
}

.links
{
	font-style:italic;
	color:Blue;
	font-size:small;
	margin-left:-5px;
}
/**** End Feature Sale ***/
/* working on */
#container
 {
 width: 1024px;
 margin: 0px auto;
 background-color: #fff;
 color: #333;
 border: 1px solid gray;
 line-height: 130%;
 }

 #top
 {
 padding: 0px;/*.5em;*/
 background-color: #fff;/*ddd*/
 border-bottom: 0px solid gray;
 height:120px;
	width: 1024px;
}
/* ---- START HORIZONTAL MENU ----*/
#hmenu /*menuContent*/
{
	position:relative;
    text-align: right;
    color: navy;
    font-size: medium;
    text-decoration: none;
    font-weight: bold;
    padding: 0px;
    height: 40px;
    margin-top: 0px;
	top: 0px;
	left: 0px;
	width: 1024px;
}
#showdate
{
	text-align: left; 
	margin-top: 10px; 
	margin-left:10px; 
	color:#333333;
	font-size:14px;
	top: 0px;
	left: 0px;
	width: 140px;
}
#menu{
	position:relative;
	width: 1024px;/*854*/
	padding-top:0px;
	font-family:Adobe Garamond Pro, Century Gothic; 
	font-size:16px;
	color:#333333;
	text-align:center;	
	height:40px; /*dont change*/
	background-image:url('../images/menu_bg.gif');
            top: 0px;
            
        }

ul.menu {list-style:none; margin:0; padding:0;}
ul.menu * {margin:0; padding:0}
ul.menu a {display:block; color:#000; text-decoration:none;}
ul.menu a:hover {color:#fff; font-weight:500;}
ul.menu li {position:relative; float:left; margin-right:1px; width:135px;
}
ul.menu ul {position:absolute; top:32px; left:0; background:#ffffff; display:none;/* opacity:10;*/ width:132px; list-style: none}
ul.menu ul li {position:relative; border:1px solid #aaa; border-top:none; width:132px; margin:0;}
ul.menu ul li a {display:block; padding:8px 2px 2px; background-color:#336699; color:#CCCCCC; font-size:13px}
ul.menu ul li a:hover {background-color:#8c8984; color:#fff}
ul.menu ul ul {left:133px; top:1px}
ul.menu .menulink {border:0px solid #aaa; padding:10px 3px 3px; width:100px; 
height:18px;
} 	/*background:url(../images/header.gif); */
ul.menu .droplink {border:0px solid #aaa; padding:1px 0px 0px 1px; width:132px; height:22px;} 	/*background:url(../images/header.gif); */
ul.menu .droplink a:hover {}							/*background:url(../images/header_over.gif); */
ul.menu .menuhover {width:132px; color:#fff;}	/*background:url(../images/header_over.gif);*/
ul.menu .menulink a:hover {}							/*background:url(../images/header_over.gif); */
ul.menu .menuhover {width:132px; color:#fff;}	/*background:url(../images/header_over.gif);*/ 
ul.menu .sub {background:#336699 url(../images/arrow.gif) 132px 12px no-repeat;}
ul.menu .topline {border-top:1px solid #aaa;}
/* ---- END HORIZONTAL MENU ----*/	
/* ---- LEFT CONTENT ---- */
#leftContent {
	float: left;
	width: 160px;
	height:100;/*555px*/
	padding-top:36px; 
	margin-top:0px;
	background:url(../images/menu_1.gif) no-repeat;
    margin-right: 2px;
}
#leftColumn {
	float: left;
	width: 160px;
	height:555px;
	padding-top:36px; 
	margin-top:0px;
	background:url(../images/menu_1.gif) no-repeat;
    margin-right: 2px;
}
#vmenubody {background:url(../images/menu_2.gif) repeat-y; padding-left:2px; margin-top:0px;}/*-31*/

ul#vmenulist {width:110px; list-style-type:none;margin-top:0px;
	margin-bottom: 0px;
}/*20*/

ul#vmenulist li {height:26px; background:url('../images/menu_3.gif') repeat-x bottom;margin-left:-24px;width: 124px;}/*-24*/

ul#vmenulist a {width:115px; height:20px; border-left:#989acc 3px solid; font:bold 10px Verdana, Arial, sans-serif; color:#ffffff; text-decoration:none; padding:5px 0 0 5px; display:block !important; display:inline-block; }

ul#vmenulist a:hover {background:url(../images/menu_5.gif) left repeat-y;}

div#vmenubottom {height:26px; background:url(../images/menu_4.gif) left bottom no-repeat;margin-top:-2px;}/*-16*/
/* ---- END LEFT CONTENT ---- */



 #top h1
 {
 padding: 0;
 margin: 0;
 }

 #leftnav
 {
 float: left;
 width: 160px;
 margin: 0;
 padding: 1px;
 }

 #content
 {
 margin-left: 165px;
 border-left: 1px solid gray;
 padding: 1em;
 max-width: 60em;
 }

 #leftnav p { margin: 0 0 1em 0; }
 #content h2 { margin: 0 0 .5em 0; }
        #logo_right
        {
            height: 120px;
        }
        #logo_left
        {
            width: 160px;
        }
        #topMenu
        {
            height: 36px;
        }