body {
font-size:12px;
font-family:Arial;
color: black;
background-color: white;
text-align: center; /* centering the content for IE6 */
}

h2 {
font-size:14px;
font-family:Arial;
color: #0568B7;
}

em
{
	font-weight:bold;
	color:white;
	font-style:normal;
	}


#navigation {
	width:160px;
	height:150px;
	padding-top:5px;
	padding-bottom:0px;
	padding-left:45px;
}

#navigation ul {
	margin:0; padding:0;
}

#navigation li {
	font-size:12px;
	font-family:Arial;
	font-weight:bold;
	color: #923E7C;
	height:24px; 
	padding-top:2px;
	list-style-image: url(../images/button-bg.jpg);
}

#navigation a {
	font-size:11px;
font-family:Arial;
color: #923E7C;
text-decoration:none;
}

#navigation a:link, #navigation a:visited  {
color:#923E7C;
text-decoration:none;
}
#navigation a:hover, #navigation a:active  {
color:#80C4CD;
text-decoration:none;
}



.navon  {
font-size:11px;
font-family:Arial;
color: #80C4CD;
text-decoration:none;
}



#wrapper {
display:table; /* must put this in for FireFox. */
width:770px;
margin:auto; /* for IE6 and Firfox centering */
text-align:left; /* so that IE6 and Firefox puts the text to the left
*/
border:1px solid #984289;
height:400px; /* Have to put SOMETHING in here for the height for both
browser. DO NOT put in a percentage, must be a pixel value */
}

#sidebar {
float:left; /* float the menu to the left */
width:160px;
height:165px;
left:2px;
text-align:left;
}

#main {
position:relative;
display:table;
width:600px;
height:220px;
margin-top:-60px;
margin-left:7px;
}

#banner {
display:table;
width:770px;
background: url(../images/header.jpg) repeat-x; 
height:138px;/* so the content has the height of the menu and visa
versa */
}

#mid {
position:relative;
display:table;
width:770px;
background: url(../images/green-bg.jpg) no-repeat;
height:384px;
}

#midcenter {
position:relative;
display:table;
width:770px;
background: url(../images/green-bg-center.jpg) repeat-y;
}

#midlower {
position:relative;
display:table;
width:770px;
height:29px;
background: url(../images/green-bg-lower.jpg) no-repeat;
}

#base {
position:relative;
display:table;
width:770px;
}

#footer {
width:770px;
height:40px;/* so the content has the height of the menu and visa
versa */
}

#footertext {
	height:15px;
	width:100%;
	padding-left:165px;
}

#footertext ul {
	float:left;
	margin:0; padding:6;
}

#footertext li {
	float:left;
	list-style:none;
	font-size:11px;
	font-family:Arial;
	color: #000;
	padding-right:8px;
}
#footertext a {
	font-size:11px;
font-family:Arial;
color: #000000;
}

#footertext a:link, #footertext a:visited {
color:#000000;
}
#footertext a:hover, #footertext a:active {
color:#72C3BD;
}
#subtitle {
float:right;
width:601px;
height:56px;
padding-top:20px;
padding-bottom:10px;
}

#midtext {
	padding-top:45px;
	width:545px;
	margin-left:170px;
}

#bodytext {
	width:580px;
	padding:15px;
	margin-left:155px;
}

#instantcoverbox {
position:relative;
display:table;
float:left;
width:270px;
height:56px;
background-color:#fff;
padding-bottom:7px;
}

#multicoverbox {
position:relative;
display:table;
float:left;
width:145px;
height:56px;
background-color:#fff;
padding-left:5px;
padding-bottom:7px;
}

#claimbtn {
position:relative;
display:table;
float:left;
width:145px;
padding-right:5px;
}

#basenote {
width:720px;
color:#7A7A7A;
padding-top:10px;
text-align:center;
margin:auto;
}

td {
font-size:12px;
font-family:Arial;
color: black;
padding-left:10px;
height:20px;
}

#keyfacts {
float:right;
margin-top:-15px;
}

.heading { font-family: Arial, sans-serif; background: none; color: #000000; font-size: 18px; text-decoration: none; }
.subheading { font-family: Arial, sans-serif; background: none; color: #000000; font-weight:bold; font-size: 14px; text-decoration: none; }

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

.footnote
{
font-size:11px;

font-style:italic;
}