/*
    name:   cloudyDay.css
    author: Pat Heard (fullahead.org)
    date:   2005/04/30
*/



/* -- Site container definition -- */



    body {
      font: 0.8em arial, sans-serif;
      color: #444444;
      background-color: #FFFFFF;
      margin: 20px 40px 20px 40px;
    }

    #siteBox {
      width: 99%;
      float: left;
      background: url(logo.gif) no-repeat left bottom;
    }



/* -- Header definitions -- */



    #headerBox {
      float: left;
      width: 100%;
      height: 50px;
      font-size: 1.5em;
      font-weight: bold;
      background: url(hdr_bg.gif) repeat-x left bottom;

    }

    #headerLeft {
      float: left;
      color: #808080;
      font-size: 1.4em;
      width: 49%;
      height: 50px;
      background: url(hdr_left.gif) no-repeat left bottom;
    }

    #headerRight {
      float: right;
      width: 42%;
      height: 50px;
      font-size: 0.7em;
      background: url(hdr_right.gif) no-repeat right bottom;
    }



/* -- Header link bar definitions -- */



    #headerRight a {
      padding-left: 20px;
      text-decoration: none;
      color: #999999;
    }

    #headerRight a:hover {
      color: #444444;

    }

    #headerRight a.home:hover {
	  color: #444444;
	  background: url(icn_home.gif) no-repeat left center;
    }

    #headerRight a.privacy:hover {
	  color: #444444;
	  background: url(icn_gallery.gif) no-repeat left center;
    }

    #headerRight a.terms:hover {
	  color: #444444;
	  background: url(icn_about.gif) no-repeat left center;
    }

    #headerRight a.brokers:hover {
	  color: #444444;
	  background: url(icn_links.gif) no-repeat left center;
    }


/* -- Footer definitions -- */



    #footerBox {
      float: left;
      width: 100%;
      height: 25px;
      font-size: 0.8em;
      color: #999999;
      border-top: 1px solid #D1D1D1;
    }

    #footerLeft {
      float: left;
      width: 69%;
      text-align: left;
          }

    #footerRight {
      float: right;
      width: 29%;
      text-align: right;
    }



/* -- Content column & layout definitions -- */


    #leftColumn {
      float: left;
      width: 50%;
      padding: 0 5px 5px 5px;
      margin: 1.0em 0 1.0em 0;
    }


    .leftColumnBox {
      float: left;
      width: 100%;
      margin-bottom: 1.4em;
      padding-top: 5px;
      border-top: 1px solid #444444;
      border-bottom: 1px solid #444444;
      background: url(news_bg.gif) repeat left bottom;
    }

    #leftColumn p {
      margin-top: 1px;
    }


    #leftColumn p a,
    #rightColumn p a,
    #rightColumn ul a,
    #footerBox a {
      text-decoration: none;
      color: #999999;
      background: #EEEEEE;

    }

    #leftColumn p a:hover,
    #rightColumn p a:hover,
    #rightColumn ul a:hover,
    #footerBox a:hover {
      color: #111111;
      background: #CCCCCC url(a_hover.gif) repeat-x left bottom;
    }

    #leftColumn h1 {
      clear: both;
      font-size: 1.2em;
      margin-top: 0.5em;
      border-top: 1px solid #444444;
      border-bottom: 1px solid #444444;
      background: url(news_bg.gif) repeat left bottom;
    }


    #rightColumn h1 {
      clear: both;
      font-size: 1.2em;
      margin-top: 1.1em;
      border-top: 1px solid #444444;
      border-bottom: 1px solid #444444;
      background: url(news_bg.gif) repeat left bottom;
    }

    #rightColumn {
      float: right;
      width: 45%;
    }



/* -- Layout class definitions -- */


    .subHeading {
      display: block;
      clear: both;
      font-size: 0.85em;
      font-weight: bold;
    }

    .noDisplay  {
      display: none;
    }

    .bugFix {
      height: 1px;
    }

    .center {
      text-align: center;
    }

    .verticalSpacer {
      height: 2.0em;
    }



/* -- Element class definitions -- */


    acronym {
      background-color: #FFFFFF;
      border: 1px solid #D2D2D2;
    }

    ul {
      margin-left: 2.0em;
      padding-left: 2.0em;
      list-style-image: url(bullet.gif);
    }

    ul li:hover {
      list-style-image: url(bullet_on.gif);
    }

    p {
      margin: 15px 0 15px 0;
    }



/* -- Image class definitions -- */


    .imgBlock {
      float: left;
      width: 75%;
      text-align: center;
      padding-left: 10px;
      margin-bottom: 1.0em;
    }

    .imgBlock .imgThree {
      padding: 0 2% 0 2%;
    }

    .imgLeft {
      float: left;
      padding: 5px;
    }

    .imgRight {
      float: right;
      padding: 5px;
    }

    .imgText {
      display: block;
      font-size: 0.7em;
    }



/* -- Form element class definitions -- */


    .inputField {
      font-size: 0.70em;
      border: 1px solid #D2D2D2;
      background-color: #FFFFFF;

    }

    .inputField:focus {
      color: #444444;
      border: 1px solid #999999;
    }


/*---------- tooltip -----------*/
a.tt{
    position:relative;
    z-index:24;
    text-decoration:none;
}

a.tt img {
	border:0;
	position:relative;
	top: 2px;
	padding:0px 2px 0 2px;
	margin-top:-2px;
}

a.tt span{ 	display: none;
			text-decoration:none;
}

/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt:hover{ z-index:25; color: #000000; background:;}
a.tt:hover span.tooltip{
    display:block;
    position:absolute;
    top:-10px; left:20px;
	padding: 12px 0 0 0;
	width:400px;
	color: #000000;
	font-weight:normal;
	/*filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;*/
}
a.tt:hover span.top{
	display: block;
	padding: 11px 8px 0 16px;;
    background: url(life-insurances.png) no-repeat top;
}
a.tt:hover span.middle{ /* different middle bg for stretch */
	display: block;
	padding: 0 10px 0 20px;
	background: url(life-insurance.png) repeat bottom;
	text-decoration:none;
}
a.tt:hover span.bottom{
	display: block;
	padding:3px 8px 10px 16px;
	/*color: #548912;*/
    background: url(life-insurances.png) no-repeat bottom;
}
/*--------------------------------*/

.preloadImage {display:none;}

#fsa {
font-size:89%;

}