body { 
   font-family: verdana, helvetica, sans-serif; 
   height: 100%; 
   background: url(../pix/layout/blue_bkg.gif) repeat 0 0;
   color: #000000;
   }

* { 
   margin: 0px;
   padding: 0px; 
   }

a:link { 
   color: #00539f; 
   font-weight: bold; 
   text-decoration: none; 
   }
   
a:visited { 
   color: #00539f;
   font-weight: bold; 
   text-decoration: none; 
   }
   
a:hover { 
   color: #6698c5;
   font-weight: bold; 
   text-decoration: none; 
   }
    
.clearfloats { 
   clear: both; 
   }

#nav_text {
   font-family: verdana, helvetica, sans-serif;
   text-align: center;
   font-size: .6em; 
   margin-top: 50px;
   padding-bottom: 0px; padding-top: 5px; 
   border-top: 1px solid #000000;
   color: #000000;
   background: #FFFFFF;
   }
     
#footer { 
   font-family: verdana, helvetica, sans-serif;
   text-align: left;
   font-size: .7em; 
   margin-top: 5px;
   padding: 8px 0px 2px 20px; 
   border-top: 1px solid #000000;
   color: #000000;
   background: #e5edf5;
   line-height: 1.3em;
   }

#footer span {
   font-size: 1.2em;
   font-weight: bold;
   }   
   
#footer .realtor_pic {
   float: right;
   padding: 0px 20px 0 0;
   }   

#footer img {
   border: 0;
   }   
   
.webdesign {
   font-family: verdana, helvetica, sans-serif;
   text-align: center;
   font-size: .6em; 
   margin-top: -10px;
   padding-bottom: 10px;
   line-height: 1em;
   }

.webdesign a:link {
   color: #6698c5;
   }   
   
.webdesign a:hover {
   color: #e5edf5;
   }   
      
.webdesign a:visited {
   color: #6698c5;
   }     
   
p {
   color: #000000;
   font-family: verdana, helvetica, sans-serif;
   font-size: .8em;
   padding-bottom: 0.5em;
   margin: 0 0 0 10px;
   }
     
p span {
   font-weight: bold;
   }    
      
sup {
   font-size: .5em;
   vertical-align: 90%;
   line-height: 1em;
   }   
   
/* centers pages */
   
#page_container {
   margin-right: auto; margin-left: auto;
   width: 815px;
   }  
   
/*** all pages ***/   
   
#text {
   width: 100%;
   background: #ccddec;
   position: relative;
   top: -60px;
   }   
   
#text h1 {
   color: #00539f;   
   font-family: verdana, helvetica, sans-serif;
   margin: 1em 0px 10px 20px;
   font-size: 1.2em;
   font-weight: normal;
   letter-spacing: -1px;
   line-height: 1.2em;
   }

#text h2 {
   color: #00539f;
   margin: .5em 0px 0px 20px;
   font-size: 1em;
   font-weight: bold;
   }   
   
#text p {
   padding: 10px 10px 10px 10px;
   min-height: 100%
   } 
   
#text ul {
   padding: 5px 10px 10px 50px;
   list-style-type: disc;
   marker-offset: outside;
   width: 650px;
   }   
   
#text ul li {
   background: #ccddec;
   font-family: verdana, helvetica, sans-serif;
   font-size: .8em;
   font-weight: normal;
   margin: 0px 0px 6px 5px;
   float: none;
   }   
   
.staff {
   float: left;
   margin: 15px 10px 8px 20px;
   }   
   
.mort_cal {
   margin: 10px 0px 0px 10px;
   }   
   
.pic_right {
   margin: 10px 20px 10px 20px;
   float: right;
   }   

.email_updates {
   width: 175px;
   margin: 10px auto;
   border: 1px solid #000000;
   padding: 10px;
   background-color: #ccddec;
   }   
   
.email_updates img {
   border: 0;
   }   
      
/* weather page */

.weather_temp {
   float: left;
   margin: 20px 10px 0px 35px;
   }   

.weather_cam {
   float: left;
   margin: 0;
   }
   
/** index page **/ 
   
#featured {
   width: 225px; height: 250px;
   background: #d6caae;
   border: 1px solid #000000;
   padding: 0px;
   margin: 10px 0px 0px 20px;
   text-align: center;
   }
   
#featured h1 {
   background: #827046;
   font-family: verdana, helvetica, sans-serif;
   font-size: 1.1em;
   border-bottom: 1px solid #000000;
   color: #000000;
   font-weight: normal;
   padding: 8px;
   margin: 0 0 15px 0;
   }   

.featured_script {
   margin-left: 7px;
   }
   
#right_text {
   width: 500px;
   float: right;
   padding: 0 20px 0 0;
   margin: 0px 0 0 0;
   }   
   
#right_text h1 {
   margin: 5px 0px 0px 0px;
   }   
   
#right_text h2 {
   margin-left: 0px;
   }   
   
#right_text p {
   margin-left: 0px;
   }    
   
.pr_staff {
   margin: 5px 0px 20px 125px;
   font-family: verdana, helvetica, sans-serif;
   font-size: .7em;
   font-style: italic;
   }   
   
#index_search {
   width: 195px;
   height: 255px;
   background: #00539f;
   font-family: verdana, helvetica, sans-serif;
   font-size: .8em;
   color: #FFFFFF;
   font-weight: bold;
   text-align: center;
   margin: 30px 10px 0px 35px;
   padding: 0;
   border: 1px solid #000000;
   } 

#index_search h1 {
   font-family: verdana, helvetica, sans-serif;
   font-size: 1.4em;
   background-color: #000000;
   padding: 8px;
   color: #FFFFFF;
   margin: 0 0 18px 0;
   letter-spacing: 0;
   }   
   
#index_search .search_item {
   margin: 12px 0px;
   }   
   
.search_submit {
   margin-top: 10px;
   }   
   
.weather_cam_link {
   border: 0;
   margin: 30px 10px 0px 86px;
   }   
   
/*****************
INDEX - RIGHT SIDE
*****************/   

#rgt_index {
   float: right;
   width: 160px;
   margin: 10px 20px 5px 10px;
   padding: 0;
   }
   
.rgt_box {
   width: 160px;
   border: 1px solid #000;
   background-color: #d6caae;
   padding: 10px;
   margin-bottom: 10px;
   }   

.rgt_box img {
   margin: 5px;
   border: 1px solid #000;
   }
   
#rgt_index p {
   font-size: .7em;
   margin: 5px 0;
   padding: 0;
   }   

.loonpic {
   border: 1px solid #000;
   margin: 5px 0 0 30px;
   background-color: #d6caae;
   }   
   
/* storage units page */

#storage {
   text-align: center;
   font-size: 1.2em;
   line-height: 1.6em;
   } 
   
#storage p span {
   font-size: 1.5em;
   }   
   
#storage p span b {
   color: #827046;
   }   
   
#storage img {
   border: 1px solid #000;
   }   
   
   
   
/* search on listings page */   
   
#listings_search {
   width: 195px;
   height: 255px;
   background: #00539f;
   font-family: verdana, helvetica, sans-serif;
   font-size: .8em;
   color: #FFFFFF;
   font-weight: bold;
   text-align: center;
   margin: 30px 10px 0px 35px;
   padding: 0;
   border: 1px solid #000000;
   float: left;
   } 

#listings_search h1 {
   font-family: verdana, helvetica, sans-serif;
   font-size: 1.4em;
   background-color: #000000;
   padding: 8px;
   color: #FFFFFF;
   margin: 0 0 18px 0;
   letter-spacing: 0;
   }   
   
#listings_search {
   margin: 12px 0px;
   }      
   
   
/* for featured properties */   
   
#featured a:link { 
   color: #000000; 
   font-weight: bold; 
   text-decoration: none; 
   }
   
#featured a:visited { 
   color: #6698c5;
   font-weight: bold; 
   text-decoration: none; 
   }
   
#featured a:hover { 
   color: #00539f;
   font-weight: bold; 
   text-decoration: none; 
   }
   
   
/** area links page **/

#area_links h2 {
   color: #00539f;
   margin: .5em 0px 0px 30px;
   font-size: 1em;
   font-weight: bold;
   border-bottom: 1px solid #00539f;
   width: 400px;
   }

#area_links p {
   margin: 0px 0px 1em 32px;
   }      
   
   
/** contact page **/

#contactform {
   font-family: verdana, helvetica, sans-serif;
   font-size: .9em;
   width: 400px;
   padding: 0px 20px 0px 30px;
   color: #000000;
   float: left;
   }

#contactform p {
   margin: 0;
   padding: 0;
   }   
   
.formitem {
   margin-top: 20px;
   }   
   
.formitem label {
   color: #000000;
   width: 400px;
   }   

.form_list {
   padding: 5px 20px 0px 0px;
   float: left;
   }   
   
#contactform .submit { 
   margin: 10px 0 10px 0;
   border: 0;
   }
                     
.disclaimer { 
   font-size: .9em;
   font-style: italic; 
   text-align: left;
   color: #000000; 
   }   
   
.address {
   margin: 50px 15px 20px 30px;
   padding: 10px 0 0 10px;
   border-top: 1px solid #000000;
   width: 700px;
   }    
   
#newsletter_signup {
   float: right;
   border: 1px solid #000000;
   width: 220px;
   margin-right: 40px;
   margin-top: 25px;
   padding: 5px;
   background-color: #FFFFFF;
   }
   
#newsletter_signup p {
   margin-left: 0;
   }

#newsletter_signup p span {
   font-style: italic;
   font-size: .8em;
   font-weight: normal;
   line-height: 1.1em;
   }      
      
/* border around page */
           
#box_border {
   background: transparent;
   margin: 1em;
   width: 800px;
   }

.xtop, .xbottom {
   display: block;
   background: transparent;
   font-size: 1px;
   position: static;
   z-index: -1;
   }
   
.xb1, .xb2, .xb3, .xb4 {
   display: block;
   overflow: hidden;
   }
   
.xb1, .xb2, .xb3 {
   height: 1px;
   }
   
.xb2, .xb3, .xb4 {
   background: #FFFFFF;
   border-left: 1px solid #000000;
   border-right: 1px solid #000000;
   position: static;
   z-index: -1;
   }
   
.xb1 {
   margin: 0 5px;
   background: #000000;
   position: static;
   z-index: -1;
   }
   
.xb2 {
   margin: 0 3px;
   border-width: 0 2px;
   position: static;
   z-index: -1;
   }
   
.xb3 {
   margin: 0 2px;
   position: static;
   z-index: -1;
   }
   
.xb4 {
   height: 2px;
   margin: 0 1px;
   position: static;
   z-index: -1;
   }

.box_content {
   display: block;
   background: #ccddec;
   border: 0 solid #000000;
   border-width: 0 1px;
   line-height: 1em;
   }

/** bottom rounded corners - blue **/

.xbb1, .xbb2, .xbb3, .xbb4 {
   display: block;
   overflow: hidden;
   }
   
.xbb1, .xbb2, .xbb3 {
   height: 1px;
   }
   
.xbb2, .xbb3, .xbb4 {
   background: #e5edf5;
   border-left: 1px solid #000000;
   border-right: 1px solid #000000;
   }
   
.xbb1 {
   margin: 0 5px;
   background: #000000;
   }
   
.xbb2 {
   margin: 0 3px;
   border-width: 0 2px;
   }
   
.xbb3 {
   margin: 0 2px;
   }
   
.xbb4 {
   height: 2px;
   margin: 0 1px;
   }
   
/*** business brokerage listings ***/   
  
.pbs {
   border: 1px solid #000;
   }  
  
.biz_item {
   width: 95px;
   float: left;
   font-size: .7em;
   text-align: center;
   margin: 7px 0px 7px 20px;
   border: 1px solid #000;
   background: #e5edf5;
   padding: 5px;
   } 
              
a.biz, a.biz:visited {
   display: inline; 
   color: #000; 
   text-decoration: none; 
   border: 1px solid #000; 
   width: 75px; 
   height: 75px; 
   float: left; 
   position: relative; 
   cursor: default;
   margin-left: 10px;
   }

a.brokerage_a {
   background:url(../pix/businesses/cafe_lafayette_dinner_train_sm.gif);
   }
      
a.brokerage_b {
   background:url(../pix/businesses/commercial_land_building_sm.gif);
   }   
   
a.brokerage_c {
   background:url(../pix/businesses/handywash_laundromat_sm.gif);
   }
   
a.brokerage_d {
   background:url(../pix/businesses/kimberlees_deli_sm.gif);
   }

a.brokerage_e {
   background:url(../pix/businesses/notchview_country_kitchen_sm.gif);
   }   
   
a.brokerage_f {
   background:url(../pix/businesses/pizzeria_sm.gif);
   }     
   
a.brokerage_g {
   background:url(../pix/businesses/red_sleigh_inn_sm.gif);
   }     
      
a.brokerage_h {
   background:url(../pix/businesses/salon62_sm.gif);
   }   
   
a.brokerage_i {
   background:url(../pix/businesses/white_mountain_campground_sm.gif);
   }     
    
a.biz span {
   visibility: hidden; 
   display: block; 
   position: absolute; 
   width: 430px; 
   height: 475px; 
   top: 0px; 
   left: 0px; 
   color: #00000;
   background: #e5edf5;
   text-align: center; 
   font-family: verdana, helvetica, sans-serif; 
   font-size: 1.3em;
   cursor: default;
   font-weight: normal;
   padding: 10px;
   border: 1px solid #000000;
   }

a.biz h1 {
   font-weight: bold;
   color: ##00539f;
   }   
   
a.brokerage_a span { left: 260px; top: -30px; }
a.brokerage_b span { left: 130px; top: -30px; }

a.brokerage_c span { left: 260px; top: -165px; }
a.brokerage_d span { left: 130px; top: -165px; }

a.brokerage_e span { left: 260px; top: -283px; }
a.brokerage_f span { left: 130px; top: -283px; }

a.brokerage_g span { left: 260px; top: -380px; }
a.brokerage_h span { left: 130px; top: -380px; }

a.brokerage_i span { left: 260px; top: -450px; }

a.biz:hover {
   white-space: normal; 
   border: 1px solid #fff; 
   z-index: 100;
   }

a.biz:hover span {
   visibility: visible; 
   z-index: 100;
   }

a.biz:hover span img {
   margin: 10px; 
   border: 1px solid #000; 
   position: relative; 
   z-index: 100;
   }

a.biz:active, a.biz:focus {
   border: 1px solid #c00; 
   z-index: 10;
   }

a.biz:active span, a.biz:focus span {
   visibility: visible; 
   z-index: 10;
   }

a.biz:active span img, a.biz:focus span img {
   border: 1px solid #000; 
   position: relative; 
   margin: 10px; 
   z-index: 10;
   }


/*** rentals pages ***/

.rental_featured {
   background: #e5edf5;
   color: #000000;
   float: right;
   border: 1px solid #000000;
   padding: 8px;
   margin: 5px 20px 10px 20px;
   width: 175px;
   font-family: verdana, helvetica, sans-serif; 
   font-size: .8em;
   text-align: center;
   }   

.rental_featured span {
   font-weight: bold;
   }   
   
.rental_featured img {
   border: 0;
   margin: 3px;
   }   
   
.rentals_seasonal_desc {
   float: left;
   font-family: verdana, helvetica, sans-serif; 
   font-size: .8em;
   width: 350px;
   margin: 12px 0px 12px 50px;
   }   

.rentals_seasonal_desc span {
   font-weight: bold;
   }   
   
.rentals_seasonal_desc img {
   border: 0;
   float: left;
   margin-right: 13px;
   }   

.rentals_seasonal_price {
   float: left;
   font-family: verdana, helvetica, sans-serif; 
   font-size: .8em;
   width: 80px;
   text-align: right;
   margin: 12px 0px 12px 0px;
   }