body, textarea {
font-family: Verdana,Arial,Helvetica,sans-serif; background:#F5F5E4;
}

body, dl, dt, ul, li, dd, div, h1, h2, h3, h4, h5 {
margin: 0; padding: 0; list-style: none; color: #333;
}

p {
margin: 0 0 5px 0;
line-height: 1.3em;
}

p.noSpace {
margin: 0 0 0 0;
line-height: 1.3em;
}

div#pageContent{
line-height: 1.3em;
padding-left: 30px;
}


img { border: none; }

a {
color: #00669D;
text-decoration: none;
cursor: hand;
}

a:hover {
color: #666;
text-decoration: none;
}

span.emphasis {
color: #00669D;
font-weight: bold;
}

/* content control */

div#contentWrap {
position: absolute;
top: 240px;
left:0px;
width: 100%;
text-align: left;
font-size: 0.75em;
background: #F5F5E4;
}

body.level3 div#contentWrap {
position: absolute;
top: 155px;
left:0px;
width: 100%;
text-align: left;
font-size: 0.75em;
background: #F5F5E4;
}

/* left navigation links */

div#pageContent div#nav {
float:left;
margin-top: 15px;
width:210px;
font-family: Arial,Verdana,Helvetica,sans-serif;
font-weight: bold;
}

div#nav li {
margin-top: 10px;
}

div#nav a {
color: #00669D;
text-decoration: none;
}

div#nav a:hover {
color: #666;
text-decoration: none;
}

div#nav li#navLinkCurrent {
color: #888888;
margin-bottom: 10px;
}

div#pageContent div#intro {
float: left;
width: 425px;
padding-bottom: 10px;
font-family: Arial,Verdana,Helvetica,sans-serif;
border-right: solid #888888 1px;
}

div#pageContent div#intro p#firstP {
margin-top: 25px;
width: 405px;
}

div#pageContent div#intro p {
width: 405px;
}

body.wideTextScreen div#pageContent div#intro {
float: left;
width: 545px;
padding: 15px 10px 10px 10px;
font-family: Arial,Verdana,Helvetica,sans-serif;
border-right: none;
}

/* level 1 layout */

div#pageContent div#introWide {
float: left;
width: 635px;
margin-top: 25px;
border-right: solid #888888 1px;
font-family: Arial,Verdana,Helvetica,sans-serif;
}

div#pageContent div#referenceWide {
float: left;
width: 550px;
font-family: Arial,Verdana,Helvetica,sans-serif;
}

div#pageContent div#introCol1 {
width: 300px;
margin-top: 10px;
float: left;
}

div#pageContent div#introCol2,  div#introCol22{
float: left;
width: 300px;
margin-top: 10px;
margin-left: 10px;
padding-left: 15px;
}

div#pageContent div#introCol12 {
width: 300px;
margin-top: 10px;
float: left;
height: 21em;
}


/* right column layout */

div#rightColumnContent {
float: left;
margin-top:15px;
margin-bottom: 10px;
font-size: 1.0em;
font-family: Arial,Verdana,Helvetica,sans-serif;
width: 240px;
}

body.level3 div#rightColumnContent {
float: left;
margin-top:10px;
margin-bottom: 10px;
font-size: 1.0em;
font-family: Arial,Verdana,Helvetica,sans-serif;
width: 240px;
}

div#rightColumnContent div#rightCol1 {
margin: 0 0 5px;
padding-left: 15px;
}

div#rightColumnContent div#rightCol2 {
margin: 0 0 5px;
padding-left: 15px;
}

div#rightColumnContent div#rightColumnSeparator {
border-top: solid #888888 1px;
margin: 10px 0 10px 0;
}

div#pageContent, div#rightColumnContent {
float: left;
}

div#intro ul, div#rightColumnContent ul {
margin-bottom: 5px;
}

div#rightColumnContent li {
margin-left: 15px;
list-style: url(../images/triangle.gif);
}

li.triangle {
margin: 2px 10px 0px 15px;
list-style: url(../images/triangle.gif);
}

li.triangleBold {
color: #888888;
margin: 2px 10px 0px 15px;
list-style: url(../images/triangle.gif);
}

div#pageContent h1 {
color: #0186BE;
font: bold 1.2em Verdana, Arial, Helvetica, sans-serif;
margin: 20px 0 10px 0;
}

div#rightColumnContent h1 {
color: #0186BE;
font: bold 1.5em Verdana, Arial, Helvetica, sans-serif;
margin: 20px 0 10px 0;
}

div#pageContent h2, div#rightColumnContent h2 {
color: #888888;
font: bold 1.1em Arial, Verdana, Helvetica, sans-serif;
margin: 7px 0 6px 0;
}

div#pageContent h2 a, div#rightColumnContent h2 a {
color: #888888;
}

div#pageContent h3, div#rightColumnContent h3 {
color: #888888;
font: 1.0em Verdana, Arial, Helvetica, sans-serif;
margin:5px 0 5px 0;
font-style: italic;
}

div.indent15 {
margin-left: 15px;
}

li#listIndent {
margin: 0 10px 5px 15px;
}

li#listIndent2 {
margin: 0 0 5px 15px;
color: #888888;
}

/* crumbs */

div#crumbs {
margin: 5px 0 0px 30px;
line-height: 1.4em;
font-size: 0.75em;
}

div#crumbs ul li {
display: inline;
text-transform: lowercase;
color: #888888;
}

div#crumbs a {
color: #888888;
text-decoration: none;
}

div#crumbs li#crumbLinkCurrent {
font-weight: bold;
}

/* default nav settings */

div#navWrap {
height: 240px;
width: 100%;
background: #F5F5E4;
}

div.nav ul li {
display: inline;
text-transform: lowercase;
}

/* common navigation items */

div#common {
position: absolute;
top: 45px;
left: 665px;
width: 230px;
text-align: center;
font-size: 0.8em;
font-weight: bold;
}

div#common > ul {
margin: 0 auto;
}

div#common ul li {
padding: 0 10px;
}

div#common ul > li {
padding: 0 9px 0 10px;
}

div#common ul li.homeLink, div#common ul li#notLast {
border-right: solid #888888 1px;
}

div#common ul li a {
color: #888888;
text-decoration: none;
}

/* common navigation items - overrides */

body.level2 div#common {
position: absolute;
left: 665px;
top: 90px;
width: 178px;
text-align: center;
font-size: 0.8em;
font-weight: bold;
}

body.level3 div#common {
position: absolute;
left: 665px;
top: 65px;
width: 178px;
text-align: center;
font-size: 0.8em;
font-weight: bold;
}

/* menuBar */

/* set selected home page */
body.groupProducts div#menuBar ul li#groupProductsHome a,
body.indProducts div#menuBar ul li#indProductsHome a,
body.forms div#menuBar ul li#formsHome a {
color: #fff;
background-color: #3E9FCB;
}

div#menuBar {
position: absolute;
z-index: 2;
top: 115px;
left: 30px;
height: 30px;
width: 886px;
background: #C1C17C;
text-align: center;
}

div#menuBar ul {
position: absolute;
left: 240px;
}

div#menuBar ul li {
font: bold 0.70em Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
line-height: 0.9em;
float: left;
}

div#menuBar ul li a {
display: block;
color: #fff;
background: #94945D;
text-transform: lowercase;
text-decoration: none;
margin: 0 3px 0 0;
text-align: center;
}

div#menuBar ul li a span {
display: block;
padding: 8px 0 12px;
width: 80px;
cursor: hand;
}

div#menuBar ul li#formsHome a span,
div#menuBar ul li#groupProductsHome a span,
div#menuBar ul li#indProductsHome a span {
padding: 6px 0 6px;
}

/* menu bar override */
body.level3 div#menuBar {
position: absolute;
z-index: 2;
top: 95px;
left: 30px;
height: 30px;
width: 886px;
background: #C1C17C;
text-align: center;
}


/* tagline bar */

div#taglineWrap {
position: absolute;
z-index: 1;
top: 145px;
height: 95px;
left: 30px;
width: 886px;
text-align: left;
font: normal 0.8em Times, serif;
}

div.tagline span {
display: none;
}

body.home div.tagline {
position: absolute;
top: 20px;
left: 105px;
width: 339px;
height: 54px;
z-index:4;
background: url(../images/homeTagline.gif) no-repeat;
}

body.groupProducts div.tagline {
position: absolute;
top: 18px;
left: 105px;
width: 334px;
height: 59px;
z-index:4;
background: url(../images/groupTagline.gif) no-repeat;
}

body.indProducts div.tagline {
position: absolute;
top: 34px;
left: 105px;
width: 269px;
height: 27px;
z-index:4;
background: url(../images/individualTagline.gif) no-repeat;
}

body.forms div.tagline {
position: absolute;
top: 34px;
left: 105px;
width: 269px;
height: 27px;
z-index:4;
background: url(../images/formsTagline.gif) no-repeat;
}

div#taglineBar {
position: absolute;
top: 145px;
height: 93px;
left: 30px;
width: 886px;
background: #3E9FCB;
}

body.level3 div#taglineBar {
position: absolute;
top: 125px;
height: 30px;
left: 30px;
width: 886px;
background: #3E9FCB;
}

/* photos and logos */

body.level1 div#taglinePhoto {
position: absolute;
top: 65px;
left: 665px;
width: 220px;
height: 152px;
z-index: 4;
background: url(../images/MII_Index.jpg) no-repeat;
}

body.groupProducts div#taglinePhoto {
position: absolute;
top: 115px;
left: 665px;
width: 220px;
height: 123px;
z-index:4;
background: url(../images/MII_Group.jpg) no-repeat;
}

body.indProducts div#taglinePhoto {
position: absolute;
top: 115px;
left: 665px;
width: 220px;
height: 123px;
z-index:4;
background: url(../images/MII_Individual.jpg) no-repeat;
}

body.forms div#taglinePhoto {
position: absolute;
top: 115px;
left: 665px;
width: 220px;
height: 123px;
z-index:4;
background: url(../images/MII_Forms.jpg) no-repeat;
}

div#siteLogo {
position: absolute;
top: 40px;
left: 75px;
}

div#siteID a.homeLink {
background: url(../images/MII_LifeLogo.jpg) no-repeat;
display: block;
width: 151px;
height: 56px;
}

body.level3 div#siteLogo {
position: absolute;
top: 40px;
left: 75px;
}

body.level3 div#siteID a.homeLink {
background: url(../images/MII_LifeLogoSm.jpg) no-repeat;
display: block;
width: 106px;
height: 38px;
}

/* footer */

div#footerWrap {
clear: both;
width: 100%;
padding-top: 10px;
padding-bottom: 10px;
}

div#footer {
width: 100%;
padding: 5px 0 5px;
text-align: left;
border-top: 1px solid #888888;
border-bottom: 1px solid #888888;
float: left;
background: url(../images/footerTexture.gif) top right repeat;
}

div#footer div#copyright {
width: 860px;
margin-left: 15px;
color: #999;
}

div#footer div#copyright p {
float:left
margin: 0 0 0 0;
font-size: 0.75em;
line-height: 1.4em;
}

div#footer div#copyright a {
color: #00669D;
text-decoration: none;
}

div#footer div.nav {
float: right;
margin-top: 5px;
}

div#footer div.nav li {
border-left: 1px solid #888888;
padding: 0 10px 0 10px;
}

div#footer div.nav li.first {
border-left: none;
padding: 0 10px;
}

div#footer div#copyright div.nav li a {
color: #888888;
font-size: 0.8em;
font-weight: bold;
text-decoration: none;
}

/* home page overrides */

body.home li.homeLink {
display: none;
}

div#siteLogo span {
display: none;
}
span.redtext {
color: red;
font-weight: bold;
}
