* { margin: 0; padding: 0; } 
/* Special 1 Featured Listing */
div.transpix {text-align:center; text-decoration:none;}
div.clickandenlarge {font-size: 10px; line-height: 12px; padding: 8px 0 8px 0;}
span.transaddr, span.transprice {font-weight:bold;}
span.brks {line-height: 5px;}
.call1, .call2 {font-style:italic; color: #336600; font-weight: bold;}
td.transpics, .transpropinfo {font-size: 16px;}
.transdescrip {font-size:14px }

body
    {
   font-family: Arial, Helvetica, sans-serif;
   margin: 0;
   padding: 0;
    }


/* ===================================== */
/* ======== FIRST 3 MAIN DIVs  ========= */
/* ===================================== */

#outerwrap {
   position: relative;
   top: 0;
   left: 0;
   width: 980px;
   text-align: left;
   padding: 0px;
   background-color: #FFF;
   margin-left: auto;
   margin-right: auto;
   margin-bottom: 0px;
   /* border makes width 982px and adds
   2px to whatever page height is as well  */
   border: 1px solid #000;
}

/* ===================================== */
/* ======= OTHER STRUCTURE DIVs ======= */
/* ===================================== */

#innerwrap {
   width: 980px;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 15px;
   font-style:normal;
   padding: 0 10px 0 0;
   margin: 0;
   }
  
  
#tcontact {
    position: absolute;
	top: 39px;
	left: 105px;
	font-family: "Times New Roman", Times, serif;
	font-size: 17px; 
	color: #b4c7e0;
}

.tcname {
	font-family: "Times New Roman", Times, serif;
	font-size: 24px; 
	color: #fff;
}

.tcaps {
	font-family: "Times New Roman", Times, serif;
	font-size: 24px; 
	color: #b4c7e0;
}

#timedate {
    position: absolute;
	top: 130px;
	left: 10px;
	width: 480px;
	color: #fff;
	margin: 0;
	padding: 5px 10px 5px 0;
	text-align: left;
	font-size: 13px;

}

	#wthrbx {
	display:none; 
	position: absolute;
	width: 515px; 
	top:-125px;
	left: -5px;
	background:#fff url(../pix/structure/weather-by-noaa.jpg) top left no-repeat; 
	border: 2px solid #000;
	z-index: 25;
	margin:0;
	padding: 75px 10px 10px 10px;
	font-weight: normal;
	color: #000;}
	
 a#shwbtn:link, a#shwbtn:visited {color: #ddd; text-decoration: underline;}
 a#shwbtn:hover, a#shwbtn:active {color:#0099FF; text-decoration: none;}	

div.tcapwrap {
	letter-spacing: 3px;
	margin:0;
	padding:0;
	}

#yutu {
    position: absolute;
	top: 4px;
    right: 6px;
	width: 185px;
	margin:0;
	padding:0;
}  

#tbtn {
    position: absolute;
	top: 10px;
	left: 10px;
	width: 450px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px; 
	text-align: left;
	color: #b4c7e0;
}  
  
#tbtn a  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px; 
	color: #b4c7e0;
}  

#tbtn a.hilight  {
	color: #ef7f81;
}   
   
/* ######################################### */
/* ## UPPER TRIFECTA NAV STYLES           ## */
/* ######################################### */

.menu {
    width: 976px;
	height: 50px;
	}

.cssnav	{
    position:relative;
	float: left;
	margin: 0; 
	padding: 0;
	font-family: "Times New Roman", Times, serif;
	background: url(http://www.janabantz.com/pix/structure/hoverbtn.jpg) no-repeat;	
	width: 122px;
	height: 38px;
	overflow:hidden;/* for ie to hide extra height*/	
	}

.cssnavhot	{
    position:relative;
	float: left;
	margin: 0; 
	padding: 0;
	font-family: "Times New Roman", Times, serif;
	background: url(http://www.janabantz.com/pix/structure/hoverbtn.jpg) no-repeat;	
	width: 122px;
	height: 38px;
	overflow:hidden;/* for ie to hide extra height*/	
	}


.cssnav a {
	display: block;
	color:#000099;
	font-size: 13px;
	font-weight: normal;
	width: 122px;
	height: 38px;
	float: left;
	text-decoration: none;
	overflow:hidden;/* for ie to hide extra height*/
	}
	
.cssnavhot a {
	display: block;
	color:#fff;
	font-size: 13px;
	font-weight: bold;
	width: 122px;
	height: 38px;
	float: left;
	text-decoration: none;
	overflow:hidden;/* for ie to hide extra height*/
	}	


.cssnav a:link, .cssnav a:visited{
    text-decoration: none;
    }
	
.cssnavhot a:link, .cssnavhot a:visited{
	color:#fff;
    text-decoration: none;
    }	

.cssnav a:hover, .cssnav a:active{
    color:#003366;
	}
	
.cssnavhot a:hover, .cssnavhot a:active{
    color:#003366;
	}	
			
.cssnav img, .cssnavhot img {	
    width: 122px;
	height: 38px;
	border: 0; }

* html a:hover {
    visibility:visible
	}

.cssnav a:hover img{
    visibility:hidden
	}
	
.cssnavhot a:hover img{
    visibility:hidden
	}	

.cssnav span {
    position: absolute;
	left: 8px;
	top: 5px;
	text-align: center;
	width: 109px;
	cursor: pointer;   
	}   

.cssnavhot span {
    position: absolute;
	left: 8px;
	top: 5px;
	text-align: center;
	width: 109px;
	cursor: pointer;   
	}
	
	
/* ######################################### */
/* ## LOWER-MID-PAGE MENU                 ## */
/* ######################################### */

#lowermenu {
    width: 608px;
    height: 91px;
	background: no-repeat url(http://www.janabantz.com/pix/structure/lowermenu.jpg);
	padding: 15px;
	margin: 0 auto 0 auto;
    font-family:'Times New Roman', Times, serif;
	font-size:18px;	
	line-height: 26px;
	text-align: center;
	
}

#lowermenu a:link, #lowermenu a:visited {
    color: #19266b;
	text-decoration: none;
}

#lowermenu a:hover, #lowermenu a:active {
    color: #38468e;
    text-decoration: underline;
}

/* ######################################### */
/* ## LOWER TRIFECTA NAV STYLES           ## */
/* ######################################### */

.menulower {
    width: 978px;
	height: 52px;
	margin: 0 auto 0 auto;
	padding: 0;
	}

.cssnavlower	{
    position:relative;
	float: left;
	margin: 0 auto 0 auto; 
	padding: 0;
	font-family: "Times New Roman", Times, serif;
	background: url(http://www.janabantz.com/pix/structure/hoverbtnlower.jpg) no-repeat;	
	width: 326px;
	height: 52px;
	overflow:hidden;/* for ie to hide extra height*/	
	}

.cssnavlower a {
	display: block;
	color:#000099;
	font-size: 22px;
	font-weight: normal;
	width: 326px;
	height: 52px;
	float: left;
	text-decoration: none;
	overflow:hidden;/* for ie to hide extra height*/
	}
	
.cssnavlower a:link, .cssnavlower a:visited{
    text-decoration: none;
    }

.cssnavlower a:hover, .cssnavlower a:active{
    color:#003366;
	}	

.cssnavlower img {	
	width: 326px;
	height: 52px;
	border: 0; }

.cssnavlower a:hover img{
    visibility:hidden
	}

.cssnavlower span {
    position: absolute;
	left: 10px;
	top: 15px;
	text-align: center;
	width: 300px;
	cursor: pointer;   
	}
	
	
/* ######################################### */
/* ## END NAV STYLES                      ## */
/* ######################################### */

#leftside {
   float: left;
   width: 289px;    
}

#leftside h1 {
   font-family: "Times New Roman", Times, serif;
   font-size: 18px;
   text-align: center;
   color: #b92425;
   margin: 0;
   padding: 0;
}

#leftside p {
    font-family:'Times New Roman', Times, serif;
	font-size:18px;
	color:#000066;
	margin:0;
	padding:0;
	text-align: center;
}

#leftside a {
    font-family:'Times New Roman', Times, serif;
	font-size:18px;
	color:#000066;
	margin:0;
	padding:0;
	text-decoration:underline;
}

/* featured listing */
#lb-featprop div.transpix img {
    width: 225px;

}


  /* ######################################### */
  /* ## LEFT BOXES                          ## */
  /* ######################################### */

  #lb-search1 {   
   border: 2px #3b58a5 solid;
   width: 260px;
   padding: 9px;
   margin: 10px 0 0 6px;
  }

  #lb-prefpart {   
   border: 2px #3b58a5 solid;
   width: 260px;
   height: 53px;
   padding: 9px 9px 0 9px;
   margin: 10px 0 0 6px;
   background: url(http://www.janabantz.com/pix/structure/lb-background.jpg);   
  }

  #lb-search2 {   
   border: 2px #3b58a5 solid;
   width: 260px;
   height: 53px;
   padding: 9px 9px 0 9px;
   margin: 10px 0 0 6px;
   background: url(http://www.janabantz.com/pix/structure/lb-background.jpg);   
  }

  #lb-featprop {   
   border: 2px #3b58a5 solid;
   width: 260px;
   padding: 9px;
   margin: 10px 0 0 6px;
  }

  #lb-search3 {   
   border: 2px #3b58a5 solid;
   width: 260px;
   padding: 9px;
   margin: 10px 0 0 6px;
  }
  
  select#searchbox {
    width: 225px;
	height: 140px;
	border: 2px solid #000;
	padding: 5px;
	font-family: arial, sans-serif
    }
  
  #lb-jdpower {
   border: 2px #fff solid;
   width: 260px;
   padding: 9px;
   margin: 10px 0 0 6px;  
}

  #lb-relo {   
   border: 2px #3b58a5 solid;
   width: 260px;
   padding: 9px;
   margin: 10px 0 0 6px;
  }

  /* ######################################### */
  /* ## END LEFT BOXES                      ## */
  /* ######################################### */

#contentcontainer {
   float: right;
   width: 681px;
   margin: 10px 0 0 0;
   padding: 0px;
   font-family: "Times New Roman", Times, serif;
   font-size: 16px;
   text-align: left;
}

#contentcontainer p { /* had to specify this for some reason... */
   margin: 10px;
   padding: 0;
}

#contentcontainer ul { /* had to specify this for some reason... */
   margin-left: 37px;
}

/* Give Margin: 8px margin & 0 padding to images in contentcontainer */
div.mogecon img, #contentcontainer img.gm{
   margin: 8px;
   padding: 0px;
}

/* ===================================== */
/* =======     PAGE STYLES       ======= */
/* ===================================== */


#footer {
   clear: both;
   width: 980px;
   /* current height of the background image */
   padding: 20px 0 0 0;   
   margin: 0;
   text-align: center;
   font-family: "Times New Roman", Times, serif;
   font-size: 16px;
}


#contentcontainer h1,#contentcontainer h2,#contentcontainer h3,#contentcontainer h4,#contentcontainer h5,#contentcontainer h6
{
    color: #000;
    font-family:"Times New Roman", Times, serif;
   padding-right:10px;
    }

#contentcontainer h1
{
font-family: Arial, Helvetica, sans-serif;
font-style: italic;
font-size: 22px;
margin: 0 0 10px 0;
}

#contentcontainer h2
{
font-size: 22px;
text-align:center;
width: 90%;
}

#contentcontainer h3
{
font-size: 20px;
text-align:center;
width: 80%;
}

#contentcontainer h4
{
font-size: 18px;
text-align:center;
width: 70%;

}

#contentcontainer h5
{
font-size: 17px;
text-align:center;
width: 60%;

}

#contentcontainer h6
{
font-size: 16px;
text-align:center;
width: 50%;

}

a:link, a:visited{
   color: #08135e;
   text-decoration: underline;
   padding: 0;
   margin: 0;
   }

a:hover, a:active{
   text-decoration: none;
   color: #2433a4;
}

.imarial12 {font-family:Arial, Helvetica, sans-serif; font-size: 12px;}
.imarial14b {font-family:Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold;}


td.mgebhtdttxt h3 {font-family:Arial, Helvetica, sans-serif !important;font-size:18px !important; color: #666666 !important; text-align: left !important;}

div.copybubble a { font-family:Arial, Helvetica, sans-serif; font-size: 10px;color:#999999; }

.signup th { text-align: right; }

#citymod, #localinfo { float: left; }


/* ### TEMP STYLES ### */
#contentcontainer img.gmtemp{
   margin: 8px;
   padding: 3px;
   border: 2px #FF0000 solid;
}

a.temp:link, a.temp:visited{
   color: #ff0000;
   text-decoration: underline;
   font-size: 20px;
   padding: 0;
   margin: 0;
   }

a.temp:hover, a.temp:active{
   text-decoration: none;
   color: #00ff00;
}
/* ### END TEMP STYLES ### */

div.agent h3 {text-align:left !important; background-color:#ddd !important; margin-top: 1em; }