body {
font : 73% "lucida sans", "Trebuchet MS", helvetica, arial, sans-serif;
line-height: 1.7em;
background : #fff url(pattern_036.gif) repeat;
color : #555;
}
#container {
width: 760px;
\width: 780px;
w\idth: 760px;
border: 0px solid #ccc;
margin: auto;
padding: 10px;
background : #fff;
}
#topbar {
height : 25px;
margin : 0;
padding : 0;
background : #80A173;
color : #666;
}
#banner h1 {
float : right;
margin : 0;
padding : 60px 20px 10px 0;
font-size : 140%;
letter-spacing: 3px;
font-weight: bold;
text-transform : uppercase;
background : transparent;
color : #5F6951;
}
#banner {
padding: 0px;
margin-bottom: 10px;
height: 150px;
background: #BCEDA8 url(02.jpg) no-repeat;
}
		/* LEFTBOX PROPERTIES */
#leftbox  {
float : left;
width : 200px;
height: auto;
padding : 0;
margin-top : 0;
font-size : 1em;
background : #fff;
color : #333;
}
		/* RIGHTBOX PROPERTIES */

#rightbox {
float : right;
width : 70%;
height: auto;
margin : 0;
padding-top : 20px;
background : #fff;
color : #A4B48B;
}
#content {
padding: 5px;
margin-left: 215px;
background:  #fff;
font-size : 0.9em;

}
#sidebar-a {
float: left;
width: 200px;
\width: 210px;
w\idth: 200px;
margin: 0 5px 0 0;
padding: 5px;
background:  #fff;
}
			/*TOP NAVIGATION */
#menu {
height: 100px;
margin : 0;
padding : 0;
list-style-type : none;
list-style-image : none;
text-transform : lowercase;
background: #5F6951;
}
#menu li {
float : left;
width :10em;
border-right : 1px solid #eee;
}
#menu a {text-decoration: none;
display : block;
height : 70px;
width : 10em;
padding : 30px 0 0 0;
font-weight : bold;
line-height : 30px;
letter-spacing: 3px;
text-align : center;
color : #000;
background : #A4B48B;
}
#menu a:hover {
color : #fff;
background : #969B85 url(pattern_036.gif) repeat;
}
ul {
list-style : none;
margin : 0;
padding : 0;
}
#footer {
clear: both;
padding: 5px;
margin-top: 5px;
background: #BCC2A6;
color: #eee;
}
.clear {
clear : both;
}
h2 {
margin : 0;
padding: 15px 0 0 15px;
font : bold 140% "Trebuchet MS", "lucida sans", helvetica, arial, sans-serif;
text-transform : uppercase;
line-height: 1.5em;
background : transparent;
color : #A4B48B;
}
h3 {
margin : 0;
font : normal 200% "Trebuchet MS", "lucida sans", helvetica, arial, sans-serif;
text-transform : uppercase;
line-height: 2em;
border-bottom: 1px solid #5F6951;
background : transparent;
color : #5F6951;
}
			/*SEARCH BOX*/
legend {
color : #5F6951;
}
input {
background : #eee;
color : #5F6951;
}

select {
background : #eee;
color : #5F6951;
}
textarea {
background : #eee;
color : #5F6951;
}
a:link, a:visited {
text-decoration : none;
background : inherit;
color : #5F6951;
}
a:hover {
text-decoration : underline;
background : inherit;
color :  #666;
}

/*---------- 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;}