body {
  background-color: #e2dfcc;
  margin: 0px;
  font-size: 100%;
  font-family: Tahoma, Verdana, sans-serif;
  line-height: 1.25em;
}

body {background-image: url(/images/ivac4/background-test.jpg);}


h1 {
  color: #56564E;
  font-size: 1.5em;
  line-height: 120%;
  padding-right: .75em;
  text-align: right;
}

h2 {
  color: #1e7fb6;
  font-size: 1.6em;
  line-height: 160%;
  font-weight: bold;
}

p {color: #606060; padding-right: .75em;}

img {border: 0;}

p img {display: inline;}

pre, form {
  margin: 0;
  padding: 0;}
  
input {
  border: 1px solid #252525;
  margin-bottom: 1px;
  margin-left: 20px;
  padding: 0px;
  padding-left: .3em;
  font-size: .9em;}

.floatright {float: right;}

.hide {display: none;}
.inline {display: inline;}
.invisible {visibility: hidden;}
.clearboth {clear: both;}
.nomar {margin: 0;}

big {font-size: 1.3em;}
small {display: block; font-size: .85em; }

.center {text-align: center;}
.right {text-align: right;}


span.orange     {color: #ff6633;}
span.red, .red  {color: #d51d25;}
span.green      {color: #99cc33;}


.tinytext {font-size: .6em; font-weight: bold;}


#frame {background-image: url(/images/ivac4/masthead.jpg);
        background-repeat: no-repeat;
        background-color: #878578;
        font-size: .75em;
        width: 766px;
        margin-right: auto;
        margin-left: auto;
        margin-top: 0;
        margin-bottom: 10px;
        padding: 0 0 10px 0 ;
        text-align: left;}

/* --- IE6 Hacks --- */
* html #frame {
  left: 50%;
  margin-left: -383px; /*set to a negative number 1/2 of your width*/
  position:absolute;
}


#frame div#logo {
  padding-top: 15px;
  padding-left: 33px;
}

div#logo p {
  color: #989898;
  font-size: 1.2em;
  font-weight: bold;
  letter-spacing: .03em;
  margin: 0 0 1em 0;
  padding: 0;
  text-align: center;
}

div#logo img {margin-top: 40px;}

#other-ivacs {float: right; margin-right: 30px; padding-top: 10px;}
#other-ivacs a {color: #d4d8d7; text-decoration: none;}

/* ================================================= */
/* --- #frame :: Centering Hacks for IE6 only --- */

*#frame {
  *position:absolute;
  *left: 50%;
  * margin-left: -383px; /*set to a negative number 1/2 of your width*/
/*   *padding-right: 34px; => doesn't work - shoves frame 34 px right - */
  }


/* --- NAVIGATION --- */


div#column {
  background-color: #ffffff;
  padding: 20px 20px 0 18px;
  margin-top: 10px;   
  margin-left: 34px;
  width: 206px;
}

div#navigation {background-color: #f26521;}

#navigation ul {
  font-weight: bold;
  list-style-type: none;
  margin: 0;
  padding: 3px 6px;
  *width: 190px;
}

#navigation li {
  background-image: url(/images/ivac4/list-image-navigation.gif);
  background-repeat: no-repeat;
  border-bottom: 1px dotted #fcc008;
  display: block;
/*   font-size: 1em; */
  line-height: 110%;
  margin: 6px 5px 6px 3px;
  padding: 2px 5px 4px 44px;
}

#navigation .last  {border: 0; /*padding-bottom: 10px;*/}

#navigation li a:link    { color: #ffffff; text-decoration: none; }
#navigation li a:visited { color: #ffffff; text-decoration: none; }
#navigation li a:hover   { color: #ffffff; text-decoration: none; }
#navigation li a:active  { color: #ffffff; text-decoration: none; }

/* --- BELOW THE FOLD (so to speak)  */


/* ----------------------------------------------------- */
/* --- INDEX SPECIFIC STYLES --- */
/* ----------------------------------------------------- */

/* --- BADGES --- */

#badges {
  background-color: #ffffff;
  border-top: 2px solid #ececec;
  border-bottom: 2px solid #ececec;
  height: 100px;
/*   margin-left: 34px; */
  width: 702px;
}

#badges h1 {
color: #ffffff;
font-size: 1.6em;
font-weight:normal;
padding: 0 5px 0 0;
margin: 2px 0 0 0;
}

#badges h1 a:link    {color: #ffffff; text-decoration: none;}
#badges h1 a:visited {color: #ffffff; text-decoration: none;}
#badges h1 a:hover   {color: #ffffff; text-decoration: none;}
#badges h1 a:active  {color: #ffffff; text-decoration: none;}

#badges p a:link    {color: #ffffff; font-weight: bold; text-decoration: none;}
#badges p a:visited {color: #ffffff; font-weight: bold; text-decoration: none;}
#badges p a:hover   {color: #ffffff; font-weight: bold; text-decoration: none;}
#badges p a:active  {color: #ffffff; font-weight: bold; text-decoration: none;}



#testimonials, #getstarted, #search {
  background-repeat: no-repeat;
  float: left; display: inline;
  height: 81px;
  margin: 10px 7px 0px 18px;
  text-align: right;
  width: 206px;}

#getstarted {margin: 10px 7px 0px 15px; width: 210px;}  /* --- Slight adjustment for vertical alignment --- */

#testimonials {background-image: url(/images/ivac4/background-testimonials.jpg);}
#getstarted   {background-image: url(/images/ivac4/background-getstarted.jpg);}
#search       {background-image: url(/images/ivac4/background-membership.jpg);}

div#testimonials:hover {background-image: url(/images/ivac4/background-testimonials-hover.jpg);}
div#getstarted:hover   {background-image: url(/images/ivac4/background-getstarted-hover.jpg);}
div#search:hover       {background-image: url(/images/ivac4/background-membership-hover.jpg);}


#testimonials p, #getstarted p, #search p {
color: #ffffff;
font-family: Verdana;
padding: 0 10px 0 0;
margin: 32px 0 0 0;
}


/* --- ANNOUNCENTS and ATTENTION GRABBERS --- */
.announcement {
  background-color: #E6F0CF;
  background-image: url(/images/ivac4/background-announcement.png);
  background-repeat: no-repeat;
  background-position: .3em center;
/*   border: 1px dotted #07b3c0;  */
  margin: 1em 1em 1em 0;  
  }

.announcement p {padding: .5em .5em .5em 5.3em; }

.video {
  background-color: #E6F0CF;
  background-image: url(/images/ivac4/background-video.png);
  background-repeat: no-repeat;
  background-position: .3em center;
/*   border: 2px dotted #5FA8DD;   */
  margin: 1em 1em 2em 0;  
  }

.video p {padding: .5em .5em .5em 5.3em; }


/* ----------------------------------------------------- */

#content {
  background-color: #ffffff;
/*   float: left; */
  margin-left: 34px;
  margin-right: 30px;
/*   *margin-right: 34px; => doesn't work - shoves #frame right resulting in more grey background */
/*   width: 702px; */
/*   *width: 680px; => doesn't work - shoves right column left, and left column down */
}


/* ----------------------------------------------------- */


div#leftcolumn {
  background-color: #ffffff;
  padding: 5px 0 0 0;
  float: left;
  padding: 20px 20px 0 20px;
  *padding-right: 0;
  width: 206px;
/*  *width: 190px;*/
}

div#leftcolumn div {margin: 0 0 3em 0;}


#leftcolumn h2 {
  color: #56564E;
  font-size: 1.3em;
  font-weight: bold;
  line-height: .85em;
}

div#leftcolumn h2.dbupdate {
  background-image: url(/images/ivac4/background-database-update.png);
  background-repeat: no-repeat;
  border-bottom: 2px solid #95c91a;
  margin: 0;
  padding: .3em 0 .2em 1.7em;
  text-align: left
}


#leftcolumn p {
  line-height: 110%;
/*   font-size: 1em; */
}

#leftcolumn a:link    {color: #56564E;}
#leftcolumn a:visited {color: #56564E;}
#leftcolumn a:hover   {color: #56564E;}
#leftcolumn a:active  {color: #56564E;}

#leftcolumn blockquote {
  background-color: #ececec;
  background-image: url(/images/ivac4/background-sidebar-bq.gif);
  background-repeat: no-repeat;
  background-position: 5px 10px;
  border: 1px #ececec solid;

  margin: 0 0 5em 0;
  padding-left: 20px ;}

#leftcolumn blockquote p.endquote {
background-image: url(/images/ivac4/background-sidebar-citation.gif);
  background-repeat: no-repeat;
  background-position: 95% 93%;
  color: #4c4c4c;
/*   font-size: 100%; */
  margin:  0;
  padding: 10px 5px;
}

#leftcolumn p.citation {
  /*background-image: url(/images/ivac4/background-sidebar-citation.gif);
  background-repeat: no-repeat;
  background-position: 98% 3px;*/
  font-style: italic;
  min-height: 35px;
/*   padding: 20px 0 0 0 ; */
  margin: 0;
  text-align: right;}

#leftcolumn div#partner {margin-top: 3em; }


/* --- SEARCH DATABASE --- */

div#findahome {
  background-image: url(/images/ivac4/magnifying-glass.gif);
  background-repeat: no-repeat;
  margin: 0 0 0 4px;
  padding: 0;
}

#findahome h2 {  
  margin: 0;
  padding: 5px 0 1em 30px;}

#findahome p { 
  color: #56564E; 
/*   letter-spacing: .01em;  */
  margin: 1em 0 4px 0;                    /* 10,000 properties online:  margin: 0 0 4px 0;*/
  padding-left: 0;                       /* 10,000 properties online:  padding-left: 40px; */
}

#searchform fieldset.first {
  border: 0; 
/*   border-bottom: 2px solid #d3d3ce;  */
  padding: 0 0 20px 0; }

#searchform fieldset {
  border: 0; 
/*   border-bottom: 2px solid #d3d3ce;  */
  padding: 20px 0; }

#searchform select, #searchform input {border: 1px solid #d3d3ce; border-right: 0; margin-top: 2px; padding: 1px 0 1px 2px; font-size: .9em;}
#searchform input  {border: 1px solid #d3d3cd; margin-left: 0;} 


#searchform p {margin: 0 0 10px 0; padding: 0;}

#searchform label.smalltext {font-size: .9em}

#searchform .buttontext {background-color: #ffffff; border: 1px solid #d3d3cd; font-size: .9em; margin: 6px 0;}






/* ----------------------------------------------------- */
/* --- WHATS NEW --- */

div#whatsnew {
  color: #56564E;
/*  margin: 0 0 2em 0;*/
  width: 206px;
}

div#whatsnew h2 {
  background-image: url(/images/ivac4/background-whatsnew-headline.png);
  background-repeat: no-repeat;
  border-bottom: 2px solid #f26521;
  margin: 0;
  padding: .3em 0 .2em 1.7em;
}

div#whatsnew h4 {margin: 0 0 0 0;}

/* div#whatsnew1, div#whatsnew2 { */

div#whatsnew div {
  height: 11em;
  margin: 1em 0 2em 0;
}

 #whatsnew img {
  border: 2px solid #e2dfcc;
  float: left;
  margin: 0 10px 0 0;
  padding: 2px;
}

#whatsnew span.city {font-family: "lucida sans unicode"; font-size: 1.2em; font-weight: normal;}
#whatsnew p.setting {display: block; color: #329704; font-weight: bold; margin: 0 0 5px 0;}
#whatsnew p {margin: 0; font-size: .9em; line-height: 110%;}

/* --- WHATS NEW LINKS --- */
#whatsnew a:link, #whatsnew a:visited, #whatsnew a:hover, #whatsnew a:active {
  color: #56564E;
  font-weight: bold;
  text-decoration: none;
}


/* ----------------------------------------------------- */
/* --- DATABASE LAST UPDATED --- */

#leftcolumn #lastupdate {
  border-top: 2px solid #ececec;
  border-bottom: 2px solid #ececec;
  margin: -2em 0 2em 0;
}

#leftcolumn #lastupdate p {font-size: 90%;}



/* ----------------------------------------------------- */
/* --- TOP 10 DESTINATIONS --- */

.topdestinations h2 {
  background-image: url(/images/ivac4/background-topdestinations-headline.png);
  background-repeat: no-repeat;
  border-bottom: 2px solid #62d2ef;
  margin: 1em 0 0 0;
  padding: .3em 0 .2em 1.7em;}

.topdestinations ol, .topdestinations ul {
  margin: .1em 0 1.5em 0;
  padding: .7em 0 .7em 1em;
}

.topdestinations ol {background-color: #def5fb;}
.topdestinations ul {background-color: #def5fb;}

.topdestinations li {
  border-bottom: 1px dotted #62d2ef;
  margin: 0 0 .3em 1.3em;
  padding: 0;
}

.topdestinations li.last {border: 0;}

.topdestinations li:hover {background-color: #B9EBF7; text-decoration: underline;}
.topdestinations a {text-decoration: none;}


/* ----------------------------------------------------- */
/* --- FOOTER --- */

div#footer {
  background-color: #878578;
  float:left;
/*   clear:both; */
  margin: 0 20px 6px 20px;
  padding: 10px;
  width: 650px;
}

#footer p {
  color: #ffffff;
  line-height: 130%;
  margin: 0;}

#footer p.links {
font-size: 90%;
margin-top: 5px;
}

/* --- FOOTER LINKS --- */
#footer a:link, #footer a:visited, #footer a:hover, #footer a:active {
  color: #ffffff;
}





/* --- RIGHT COLUMN --- */

div#rightcolumn {
  background-color: #ffffff;
  float: right;
  position:relative;
  margin-top: 0;
/*   *margin-left: -20px; */
  width: 456px;
/*  *width: 435px;*/
}



#rightcolumn blockquote {
/*   background-color: #f0f0f0;  */
  background-image: url(/images/ivac4/background-bq.gif);
  background-repeat: no-repeat;
  background-position: top left;
/*   border-bottom: 2px #28c9e2 dashed; */
/*   border-bottom: 2px dotted #ff3100; */
/*   font-size: small; */
  margin: 1.7em 5%;
  padding-left: 40px ;}

#rightcolumn blockquote p {
  color: #4c4c4c;
/*   font-size: 100%; */
  margin: 0 0 1em 0;
  padding: 0;
}

#rightcolumn p.citation {
  background-image: url(/images/ivac4/background-citation.gif);
  background-repeat: no-repeat;
  background-position: top right;
  font-style: italic;
  min-height: 35px;
  padding: 10px 50px 0 0 ;
  text-align: right;}




/* --- MAP --- */

div#map {margin: 20px 0 10px 0;}






/* --- WHY INTERVAC? --- */

div#whyintervac {
  background-color: #e2dfcd;
  clear: both;
  color: #56564E;
  margin: 0px 6px 17px 0px;
  padding: 0px 1em 1em 1em;
}

#whyintervac div {
  display: inline;
  float: left;
  margin: 0;
  width: 50%;}

#whyintervac h3 {
  margin: 0 0 1px 0;
  padding: 10px 0; }

ul#whyintervac1 {float: left; display: inline; margin:  0 20px; padding: inherit; /*width: 15em;*/}

ul#whyintervac2 {margin: 0;}

/* #whyintervac li {margin: 0; padding-top: 2px; } */

/* --- WHY INTERVAC LINKS --- */
#whyintervac a:link, #whyintervac a:visited, #whyintervac a:hover, #whyintervac a:active {
  color: #56564E;
  font-weight: normal;
}