
/******** General tags ********/

body {
margin:25px auto;
padding:0;
font:76% Verdana,Tahoma,Arial,sans-serif;
background: white; /*#bcc3c3;
color:#303030;
line-height:1.3em;*/
}

/*a img {
border:0;
}

p {
margin:0 8px 4px 8px;
}

h1 {
font-size:1.6em;
font-weight:bold;
letter-spacing:-1px;
margin:10px 0 8px 0;
color: #4b4b4b;
line-height: 1.2em;
text-align:center;
}

h2 {
font-size:1.5em;
font-weight:bold;
letter-spacing:-1px;
margin:10px 0 8px 0;
color: #4b4b4b
}

h3 {
font-size:1.2em;
margin:2px 0 8px 0;
color: #4b4b4b

}
h4 {
font-size:1.5em;
font-weight:bold;
letter-spacing:-1px;
margin:10px 0 8px 10px;
color: #4b4b4b

}
h5 {
font-size:1.0em;
margin:2px 0 8px 0;
color: #4b4b4b

}*/
/******** Main wrap ********/

#wrap {
background:#ffffff url(images/newwrapbg900.gif) top left repeat-y;
color:#303030;
margin:0 auto;
width:1000px;
overflow:hidden;
border: solid 2px black;
}


#wrapdetail {
background:#ffffff url(images/newwrapbg900.gif) top left repeat-y;
color:#303030;
margin:0 auto;
width:1050px;
background-color: #edede5;
}

#wraplist 
{
background:#ffffff url(images/newwrapbg900.gif) top left repeat-y;
color:#303030;
margin:0 auto;
width:1050px;
overflow:hidden;
background-color: #edede5;
}

.wraplistsection 
{
background:#ffffff url(images/newwrapbg900.gif) top left repeat-y;
color:#303030;
padding:0 0 500px 0;
margin-bottom:-500px;
width:1000px;
background-color: #edede5;
}

#wraprealtor 
{
padding:24px 4px 4px 24px;
width:95%;
/*border: solid 1px;*/
}

#wraprealtor ul
{
padding:4px 4px 4px 30px;
}

#wraprealtor li
{
padding:4px 4px 4px 30px;
}
/******** Header ********/

#header {
clear:both;
background:url(images/newheader900.jpg) top left no-repeat;
/*height:180px;*/
width:1000px;
padding: 1px 0 0 1px;
}

#headerdetail {
clear:both;
/*background:url(images/newheader900.jpg) top left no-repeat;
height:180px;*/
width:1050px;
}

#header h1 {
font-size:3.8em;
letter-spacing:-4px;
color:#d88d44;
padding:55px 0 10px 45px;
}

#header h1 a {
color:#d88d44;
text-decoration:none;
}

#header h1 a:hover {
color:#e99e55;
}

#slogan {
color:#20526a;
margin:15px 0 0 45px;
font-size:1.6em;
letter-spacing:-1px;
}
/**************Listing Menu************/

#tablist{
padding: 3px 0;
margin-left: 0;
margin-bottom: 5px;
margin-top: 0.1em;
font: bold 12px Verdana;
/*border-bottom: 1px solid gray;*/
}

#tablist li{
list-style: none;
display: inline;
margin: 0;
}

#tablist li a{
text-decoration: none;
padding: 3px 0.5em;
margin-right: 3px;
border: 1px solid #778;
/*border-bottom: none;*/
background: white;
}

#tablist li a:link, #tablist li a:visited{
color: black;
}

#tablist li a:hover
{
    color: black;
    background: #C0C0C0;
    border-color: navy;
}

#tablist li a.current{
background: #C0C0C0;
}

#tablist2{
padding: 3px 0;
margin-left: 0;
margin-bottom: 1px;
margin-top: 2px;
font: bold 12px Verdana;
/*border-bottom: 1px solid gray;*/
}

#tablist2 li{
list-style: none;
display: inline;
margin: 0;
}

#tablist2 li a{
text-decoration: none;
padding: 3px 0.5em;
margin-right: 3px;
border: 1px solid #778;
border-bottom: none;
background: white;
}

#tablist2 li a:link, #tablist li a:visited{
color: black;
}

#tablist2 li a:hover{
color: black;
background: #C0C0C0;
border-color: navy;
}

#tablist2 li a.current{
background: #C0C0C0;
}

#tablist3{
padding: 3px 0;
margin-left: 0;
margin-bottom: 5px;
margin-top: 0.1em;
font: bold 12px Verdana;
}

#tablist3 li{
list-style: none;
display: inline;
margin: 0;
}

#tablist3 li a
{
text-decoration: none;
padding: 3px 0.5em;
margin-right: 3px;
border: 1px solid #778;
/*border-bottom: none;*/
background: white;
}

#tablist3 li a:link, #tablist li a:visited{
color: black;
}

#tablist3 li a:hover
{
    color: black;
    background: #C0C0C0;
    border-color: navy;
}

#tablist3 li a.current{
background: #C0C0C0;
}

#tablist4{
padding: 3px 0;
margin-left: 0;
margin-bottom: 1px;
margin-top: 2px;
font: bold 12px Verdana;
/*border-bottom: 1px solid gray;*/
}

#tablist4 li{
list-style: none;
display: inline;
margin: 0;
}

#tablist4 li a{
text-decoration: none;
padding: 3px 0.5em;
margin-right: 3px;
border: 1px solid #778;
border-bottom: none;
background: white;
}

#tablist4 li a:link, #tablist li a:visited{
color: black;
}

#tablist4 li a:hover{
color: black;
background: #C0C0C0;
border-color: navy;
}

#tablist4 li a.current{
background: #C0C0C0;
}



/******** Sitemenu, left sidebar ********/

#sitemenu td:hover 
{
    background-image: url('../Images/homebgblue.gif'); 
    font-family: Arial, Helvetica, sans-serif; 
    width: 130px; 
    height: 58px; 
    font-size: 1.2em; 
    font-weight: bold; 
    font-style: normal; 
    font-variant: small-caps; 
    text-transform: capitalize; 
    text-align: center;
    vertical-align:middle;
    font-weight: bold;
}

#sitemenu td
{
    background-image: url('../Images/homefgblue.gif'); 
    font-family: Arial, Helvetica, sans-serif;
    width: 130px; 
    height: 58px; 
    font-size: 1.2em; 
    font-weight: bold; 
    font-style: normal; 
    font-variant: small-caps; 
    text-transform: capitalize; 
    text-align: center;
    vertical-align:middle;
    
}

#sitemenu a
{
    color: #f1fdf8;
    text-decoration: none;
    font-size: 1.2em;
}

#sitemenu a:hover
{
    color: #f1fdf8;
    font-style: oblique;
    font-size: 1.2em;
}

#sitemenu
{
    clear: both;
    float: left;
    width: 138px;
    margin: 0;
    background-color: #d6e7ee;
    /*background-image: url('Images/realty/logos/361MenuBG.gif');
    background-repeat: repeat;*/ 
    padding:6px 1px 1500px 1px;
    margin-bottom: -1500px;
/*background-color:#6d8d77;
margin-bottom: -2000px;
height: 792px;*/
}



/******** Extras, right sidebar ********/

#extras {
float:right;
width:210px;
margin-bottom:-1500px;
padding: 2px 4px 1500px 4px;
}
/******height: 800px;background-color: #d6e7ee;
***/
#extras ul {
margin:0 0 14px 10px;
list-style:none;
color:#f9f5f5;
}

#extras li {
margin:0 0 10px 0;
width:165px;
color:#f9f5f5;
}

#extras li a {
padding:2px 2px 2px 2px;
height:2.2em;
letter-spacing:-1px;
font-weight:bold;
color:Gray;
}

#extras li a:hover {
color:Silver;
}

#extras a {
padding:2px 2px 2p  2px;
color:#225f98;
text-align:center;
}

#extras a:hover {
color: #BD002C;
font-weight:bold;
font-style:italic; 
}

#extras h5 {
font-size:1.3e;
color: #225f98;
margin:2px 0 8px 0;
padding:0 0 2px 3px;
color: #225f98
}
/******** Content variation ********/

#content {
margin: 3px 210px -5px 5px;
padding:2px 5px 5px 10px;
line-height:1.5em;
text-align:left;
/*border-right: solid thin Navy;
border: solid 2px Navy;
background-color: #edede5;
height: 800px;***/
}

#content h1
{
    font-size: 1.6em;
    margin: 20px 0 10px 0;
    color: Navy;
}

#content h2 {
font-size:1.6em;
margin:20px 0 10px 0;
color: Navy;
padding: 0 20px 0 20px;
}

#content h3 {
font-size:1.4em;
font-weight:normal;
margin:10px 0 8px 0;
color: Navy;
padding: 0 20px 0 20px;
}

#content p {
text-align:justify;
padding: 2px 15px 4px 15px;
font-size:1.2em;
}

#content ul
{
text-align:justify;
margin: 5px 4px 2px 10px;
font-size:1.1em;
}

#content li
{
text-align:justify;
 padding: 0 20px 5px 0;
font-size:1.1em;
}

/********Listing Content variations ********/
/*****e7e7dd*****/
#contentlist {
margin:0px 0px 0 0px;
padding:4px 6px 4px 6px;
line-height:1.5em;
text-align:left;
background-color: #edede5;
/*height: 800px;***/
}

#contentlist h2 {
font-size:1.6em;
margin:20px 0 10px 0;
}

#contentlist h3 {
font-size:1.4em;
font-weight:normal;
letter-spacing:-1px;
margin:10px 0 8px 0;
}

#contentlist p {
text-align:justify;
}
/******** Footer ********/

#footer {
clear:both;
margin:5px auto 0 auto;
padding:10px 0 10px 0;
width:1000px;
text-align:center;
background-color: #d6e7ee;
color:#808080;
font-size:0.9em;
}

#footer p {
margin:3px;
color:#225f98;
font-size: 1.1em;
padding: 3px 6px 3px 6px;
}

#footer p.footerContact {
margin:3px;
color:#225f98;
font-size: 1.4em;
padding: 3px 6px 3px 6px;
}

#footer a {
color:#225f98;
text-decoration:none;
}

#footer a:hover {
color:#BD002C;
font-weight:bold;
font-style:italic; 
}

/******** Footer dark ********/

#footerd {
clear:both;
margin:5px auto 0 auto;
padding:10px 0 10px 0;
width:1000px;
text-align:center;
background: url(images/newfooter900.jpg) bottom left no-repeat;
color:#808080;
font-size:0.9em;
}

#footerd p {
margin:3px;
color:Black;
font-size: 1.1em;
padding: 3px 6px 3px 6px;
}

#footerd p.footerContact {
margin:3px;
color:Black;
font-size: 1.4em;
padding: 3px 6px 3px 6px;
}

#footerd a {
color:Black;
text-decoration:none;
}

#footerd a:hover {
 color:#BD002C;
  font-weight:bold;
}
/******** Various classes ********/


.DataViewItem { width: 180px;}
.DataViewItemTop { margin-bottom: 2px; font-size: 14px; color: #4b4b4b; }
.DataViewItemTitle { font-size: 14px; margin: 6px 0px; color: #4b4b4b; }  
.DataViewItemTitleC { font-size: 14px; font-weight: bold; margin: 6px 0px; color: #000000; text-align: center; width: 98%; }      
.DataViewItemTitle a { color: #4b4b4b;} 
.DataViewItemHint { color: #4b4b4b; font-size: 10px; }       
.DataViewItemPrice { color: #4b4b4b; font-size: 12px; font-weight: bold; }
.DataViewItemDetail { color: #4b4b4b; font-size: 12px; } 
.footerContact { color: #4b4b4b; font-size: 1.1em; }
.DataViewItemDetailC { color: #4b4b4b; font-size: 12px; text-align: center; width: 98%;} 
.DataViewRecipeDetail { color: #4b4b4b; font-size: 12px; padding-left: 6px; width:450px; }   
.DataViewItemDetailPopup { color: #4b4b4b; font-size: 12px; width: 450px; }    
.divRight { float: none; text-align: center; padding-right: 4px; width: 100%; }   
.divFloatLeft { float: left; padding-left: 10px; width: 255px }
.divFloatLeftfooter { float: left; padding-left: 4px; margin-left: 2px; }
.divFloatRight{ float: right; padding-right: 4px; padding-left: 6px; }
.divFloatRightfooter{ float: right; padding-right: 4px; margin-left:950px; }
.divFooter{ margin-left: 55px; padding-right: 4px; margin-left:55px; width:830px; }
.divAlignLeft { text-align: left; padding-left: 4px; }
.divAlignLeft300 { text-align: left; padding-left: 4px; width: 300px; }
.divAlignLeft250 { text-align: left; padding-left: 4px; width: 250px; }
.divAlignCenter { text-align: center; }
.divAlignCenter535 { text-align: center; padding-left: 4px; width: 535px; float: left; }
.divAlignCenter400 { text-align: center; padding-left: 4px; width: 400px; }
.divAlignCenter300 { text-align: center; padding-left: 4px; width: 300px; }
.divAlignCenter250 { text-align: center; padding-left: 4px; width: 250px; }
.divlogin { float:none; text-align:right; color: #4b4b4b; font-size: 10px;}
.divAlignCenterB { text-align: center; height: 100%; width: 100% }/** background-color: #7E6453;**/
.DataViewItemTitle400B { font-size: 14px; margin: 6px 0 0 6px; width: 100%; text-align: center; }
.DataViewItemDetailPopup400B { margin: 6px 0 0 6px; font-size: 12px; width: 98%; text-align: center; }  
.DataViewItemDetailPopup450B { margin: 6px 0 0 2px; font-size: 12px; width: 100%; text-align: left; }
.divRealtorListing { margin: 6px 0 0 2px; font-size: 12px; width: 90%; text-align: left; overflow: auto; height: 600px; }
.divScroller{ margin: 6px 0 0 2px; font-size: 12px; width: 100%; text-align: left; overflow: auto; height: 500px; }
/*.divCart { border-style: ridge; border-width: thin; border-color: inherit; padding-top: 15px; }*/
.tdRight135 { text-align: right; padding-left: 2px; color: #4b4b4b; font-size: 12px; width:135px; }
.tdRight150 { text-align: right; padding-left: 2px; color: #4b4b4b; font-size: 12px; }
.tdRight155 { text-align: right; padding-left: 2px; color: #4b4b4b; font-size: 12px; width:155px; }
.tdRight220 { text-align: right; padding-left: 2px; color: #4b4b4b; font-size: 12px; width:220px; }
.tdRight100 { text-align: right; padding-left: 2px; color: #4b4b4b; font-size: 12px; width: 95px; }
.tdLeft150 { text-align: left; padding-left: 2px; width: 135px; color: #4b4b4b; font-size: 12px; }
.tdLeft110 { text-align: left; padding-left: 2px; width: 110px; color: #4b4b4b; font-size: 12px; }
.tdLeft220 { text-align: left; padding-left: 2px; width: 220px; color: #4b4b4b; font-size: 12px; }
.tdLeft250 { text-align: left; padding-left: 2px; width: 220px; color: #4b4b4b; font-size: 12px; }
.tdLeft350 { text-align: left; padding-left: 2px; width: 330px; color: #4b4b4b; font-size: 12px; }
.tdCenter{ text-align: center; color: #4b4b4b; }
.tdLeft400 { text-align: left; padding-left: 2px; width: 400px; color: #4b4b4b; font-size: 14px; }
.tdBold{ font-weight:bold; text-align:left; padding-left:2px; }
.tblCenter270 { margin: 6px 0 0 0px; font-size: 12px; width: 282px; text-align: center; } 
.trCenter270 { margin: 6px 0 0 0px; font-size: 12px; width: 282px; text-align: center; }  
.divRLLeft {width: 47%; float: left; padding:0 0 0 0; background-color: #edede5; }
.divRLRight {width: 47%; float: right; padding:0 0 0 0;  background-color: #edede5; }
.divRLLeftQuarter {width: 47%; float: left; padding: 4px 4px 4px 4px; background-color: #edede5; }
.divRLRightQuarter {width: 47%; float: right; padding: 4px 4px 4px 4px; background-color: #edede5; }
.divRLLeftQuarterPlain {width: 45%; float: left; padding:  4px 4px 4px 4px; text-align:left; }
.divRLRightQuarterPlain {width: 45%; float: right; padding: 4px 4px 4px 8px; text-align:left; }
.divRLRightQuarterMap {width: 50%; float: right; padding: 8px 8px 4px 8px; text-align:left; }
.divBorder { border-style: solid; border-width: 1px; }
.divRLThirds { float: none; width: 32%; padding: 4px 4px 4px 4px; text-align: center; }
.SpecialsTitleRow { padding: 0px 0 2px 4px; font-size: 14px; font-weight:bold; } 
.SpecialsSubTitleRow { padding: 0px 0 2px 4px; font-size: 12px; font-weight:bold; }
.SpecialsTextRow { padding: 0px 0 2px 4px; font-size: 12px; }  
/**.AccordianHeader 
{
     background-color:#00582C; color:White; font-size: 1.3em; height: 25px; vertical-align:middle;   
}**/
.AccordianHeader h1 
{
     background-color:#00582C; color:White; font-size: 1.3em; height: 25px; vertical-align:middle;   
}
/**.AccordianHeader:hover 
{
     background-color:#00583f; color:White; font-size: 1.3em; height: 28px; border: solid 1px white; font-weight:bold; text-decoration:underline; vertical-align:middle;
}**/
.AccordianHeader h1:hover 
{
background-color:#00583f; color:White; font-size: 1.3em; font-weight:bold; text-decoration:underline; vertical-align:middle;
}
.AccordianContent
{
    font-size: 1.0em;
    font-family: Arial, Helvetica, sans-serif;
}
.AccordianContent p
{
    font-size: 1.0em; text-align:justify;   
}
.AccordianContent li
{
    font-size: 1.0em; text-align:justify; padding-left: 15px;   
}
.AccordianContent ul
{
    font-size: 1.0em; text-align:justify; padding-left: 10px;   
}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

#ubercolortabs{
padding: 0;
width: 750px;
overflow: hidden;
background: transparent;
}

#ubercolortabs ul{
font: 12px Arial, Verdana, sans-serif;
margin: 0;
padding: 0;
list-style: none;
}

#ubercolortabs li{
display: inline;
margin: 0 1px 0 0;
padding: 0;
}


#ubercolortabs a
{
    background-position: left top;
    float: left;
    color: white;
    background: #d6e7ee url('../images/roundleft.gif') no-repeat left top; /*default background color of tabs, left corner image*/
    margin: 0 2px 0 0;
    padding: 0 0 1px 2px;
    text-decoration: none;
    letter-spacing: 1px;
}

#ubercolortabs a span
{
background-position: right top;
float: left;
display: block;
background: transparent url('../images/roundright.gif') no-repeat right top; /*right corner image*/
padding: 7px 9px 3px 6px;
cursor: pointer;
float: none;
color:Navy;
font-weight:bold;
font-size: 14px;
}

#ubercolortabs a:hover
{
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
}

#ubercolortabs a.selected
{
    background-color: #70BDFC; /*background color of tabs onMouseover*/
    color: #CC3300;
    font-weight: bold;
}

#ubercolortabs a:hover span{
color: #BD002C;
background-color: transparent;
font-size: 14px;
font-weight: bold;
font-style:italic; 
}

#nocolor{
padding: 0;
width: 1000px;
overflow: hidden;
background: transparent;
}

#nocolor ul{
font: 16px Arial, Verdana, sans-serif;
margin: 0;
padding: 0;
list-style: none;
}

#nocolor li{
display: inline;
margin: 0 5px 0 0;
padding: 0;
}


#nocolor a
{
    background-position: left top;
    float: left;
    color: Navy;
    font-weight: bold;
    margin: 0 2px 0 0;
    padding: 0 0 1px 2px;
    text-decoration: none;
    letter-spacing: 1px;
}

#nocolor a span
{
    background-position: right top;
    float: left;
    display: block;
    padding: 7px 6px 3px 3px;
    cursor: pointer;
}

/*#nocolor a span{
float: none;
}*/


#nocolor a:hover
{
    color: #BD002C;
    font-weight: bold;
    font-style:italic;
}

#nocolor a.selected
{
    color: #BD002C;
}

#nocolor a:hover span{
background-color: transparent;
}

#nocolordivider{ /*CSS for horizontal line.*/
clear: both;
padding: 0 2px 0 2px;
width: 100%;
height: 5px;
line-height: 5px;
background: Navy; /*background color of horizontal line*/
border-top: 1px solid #fff; /*Remove this to remove border between bar and tabs*/
letter-spacing: 1px;
}

.toplistingcellleft1{
border-style: solid none none solid; border-width: thin; border-color: #003399; width:150px;font-weight:Bold;padding-left:5px;
}
.toplistingcellright1{
border-style: solid solid none none; border-width: thin; border-color: #003399;text-align:Center;font-weight:Bold;
}
.toplistingcellleft2{
border-style: none none none solid; border-width: thin; border-color: #003399; width:150px;font-weight:Bold;padding-left:5px;
}
.toplistingcellright2{
border-style: none solid none none; border-width: thin; border-color: #003399;text-align:Center;font-weight:Bold;
}
.listingcellleftmiddle{
border-style: none none none solid; border-width: thin; border-color: #003399;
}
.listingcellrightmiddle{
border-style: none solid none none; border-width: thin; border-color: #003399;text-align:center;padding-left:20px; padding-right:20px;
}
.listingcellbottomleft{
border-style: none none solid solid; border-width: thin; border-color: #003399; text-align:center;
}
.listingcellbottomright{
border-style: none solid solid none; border-width: thin; border-color: #003399; text-align:center;padding-left:60px;
}
.listingcellbottomright a{
display:block; border-style: solid solid solid solid; border-width: thin; border-color: #003399; text-align:center; width:400px;height:25px; background-color:#d6e7ee; text-decoration:none; font-size:12px; padding-top:5.5px; color:Navy; font-weight:bold; 
}
.listingcellbottomright a:visited{
display:block; border-style: solid solid solid solid; border-width: thin; border-color: #003399; text-align:center; width:400px;height:25px; background-color:#d6e7ee; text-decoration:none; font-size:12px; padding-top:5.5px;
}
.listingcellbottomright a:hover{
text-decoration:none; color:#BD002C; font-weight:bold; font-style:italic; 
}

.listingcellphoto{
height:100px; padding-left:5px;
}
/**#nocolor a span
{
    background-position: right top;
    float: left;
    display: block;
    padding: 7px 9px 3px 6px;
    cursor: pointer;
}

#nocolor a span{
float: none;
}


#nocolor a:hover
{
    color: #BD002C;
    font-weight: bold;
}

#nocolor a.selected
{
    color: #BD002C;
}

#nocolor a:hover span{
background-color: transparent;
}

#nocolor a span
{
    background-position: right top;
    float: left;
    display: block;
    padding: 7px 9px 3px 6px;
    cursor: pointer;
}

#nocolor a span{
float: none;
}


#nocolor a:hover
{
    color: #BD002C;
    font-weight: bold;
}

#nocolor a.selected
{
    color: #BD002C;
}

#nocolor a:hover span{
background-color: transparent;
}

#nocolordivider{
clear: both;
padding: 0 2px 0 2px;
width: 100%;
height: 5px;
line-height: 5px;
background: #3366FF; 
border-top: 1px solid #fff; 
}**/
