body {background:#fff; color:#000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:13px; text-align:center; margin-top:7px; 
}
p {margin:0px 10px 10px 10px;}    /* p margin:0px at top otherwise space above p looks too big under first heading. .example span{} */
 
/* TOP */

.container730 {background: #fff; margin-right:auto; margin-left:auto; margin-top:0px; width:730px; text-align:left; 
}                                                    /* for non-ie browsers to return to align text on the left */ 
.container730 a {text-decoration:none;
}            
.ibheader730 {display: block; position: relative; text-align: left; height:110px; width:730px;
}
.header730-87 {display: block; position: relative; text-align: left; height:87px; width:730px;
}
.logobox {float:right; position:relative; width:175px; margin-top:15px;
}
.logo {float:right; position:relative; width:175px; margin-top:2px;
}

/* POP UP */

.popup {margin:0px auto 0px auto; width:550px; padding:13px; text-align:left;
}
.popupwide {margin:0px auto 0px auto; width:620px; padding:13px; text-align:left;
}      /* keep width in pixels for popups so text always fits - window size in pixels may keep its size better */

.popupfooter {margin:0px auto 10px auto; text-align:center; 
}

/* NO FLOAT.  NO INLINE */

.perimeterb {border:solid 1px #ccf; width:706px; margin-top:0px; text-align:left;   /* short term */
}
.border7grey704 {border:7px #eef solid; padding:15px;      /*short term */
}
.w620b {width:620px; padding:10px 5px 0px 5px; border:1px #ccc solid; background-color: #f8f8f8; text-align:center; margin:10px 0px 20px 50px;   /* sloans */
}

/* FLOAT DIV and associated specs */

/* W3C validator says "In (x)HTML+CSS, floated elements need to have a width declared. Only elements with an intrinsic width (html, img, input, textarea, select,
 or object) are not affected". Must have px width for most IE8 floated divs. width:auto may or may not work for IE8 internet */
  
.fll {float:left; position:relative; width:auto;
}
.flr {float:right; position:relative; width:auto;
}
.selectset {width:730px; clear:left; padding:5px 0px 0px 0px; text-align:left;      /* health index for Norvax */
}
.selectbox {border: 1px #ccc solid; font-size:13px; background-color:#fafafa; padding-top:10px; padding-bottom:0px; position:relative; width:226px;
	float:left; margin-top:0px; margin-bottom:7px;
}
.selectbox a {font-size:14px;
}
.flr113b {padding-top:5px; float:right; position:relative; width:113px; border:1px #ccc solid; background-color:#fbfbfb;  /* hsa */
}
.flr155nb {padding-top:5px; float:right; position:relative; width:155px; background-color:#fafafa;   /* index */
}
.flr130b {padding-top:5px; float:right; position:relative; width:130px; border:1px #ccc solid; background-color:#fbfbfb; margin:10px 0px 10px 20px;
}                              /*specs are identical for IE8 and FF etc but width:auto not working in IE* in health index & colo co's so a px width is needed*/
.ieflr145b {padding-top:7px; float:right; position:relative; width:153px; border:1px #ccc solid; background-color:#fdf8ef;  /* health insurance index */
}
.ieflr145b p {margin-bottom:8px;
}
.flr153b {padding-top:5px; float:right; position:relative; width:153px; border:1px #ccc solid; background-color:#fbfbfb;  /* margin-right:10px; */
}
.flr175nb {float:right; background-color:#f8f8f8; padding-top:5px; position:relative; width:175px;
}
.quotebox {float:left; width:550px; background: #fafafa; padding:7px 5px 0px 8px; border:1px #ccc solid; margin:0px 0px 7px 3px;
}
.inlfllb {float:left; display:inline; position:relative; padding:7px; border:1px #ccc solid; background:#f4f4f4; margin-top:4px; margin-bottom:9px; width:auto;
}          /* short term */
.flr250b {float:right; background-color:#fbfbfb; border:1px solid #ccc; width:250px; margin:10px 0px 10px 20px; padding:10px 5px 10px 5px;   /* hsa-bank */
}
.fll250b {float:left; background-color:#fbfbfb; border:1px solid #ccc; width:250px; margin:10px 20px 10px 10px; padding:10px 5px 10px 5px;   /* short term */
}
.flrautob {float:right; position:relative; width:auto; border:1px #ddd solid; background-color:#fbfbfb; margin:10px 0px 10px 20px; padding:7px 4px 0px 4px;
      clear:right;          /* subdoman links */
}
.flrautonb {float:right; background-color:#fafafa; position:relative; overflow:auto; width:auto; margin-bottom:0px;   /* health insurance colorado companies */
}     
.fllautob {float:left; position:relative; overflow:auto; width:auto; border:1px #ddd solid; background-color:#fbfbfb; padding:7px 4px 0px 4px;    /* supplemental */
}
.fllautonb {float:left; background-color:#fafafa; position:relative; overflow:auto; width:auto;    /* association */
}
.flr300b {float:right; position:relative; width:300px; margin-left:20px; margin-bottom:15px; border:1px solid #ddd; background-color:#fbfbfb;     /* student */
} 
.state {background-color:#fafafa; width:730px; height:125px; margin-top:15px; margin-left:10px; /* state index pages. Must have px height for statel abs to work */
}
.statel {width:420px; position:absolute; margin-top:5px; z-index:2;
}
.stater {float:right; position:relative; width:280px; margin-top:10px; padding-left:5px; z-index:2;
}

/* FOOTER */

.footer {font-size: 11px; margin-top:15px; background:#fbfbfb;}   .footer p {margin-bottom:4px;}   .address {font-size:13px;}

/* WIDTH */

.w150 {width:150px;}    .w180 {width:180px;}    .w300 {width:300px;}    .w340 {width:340px;}    .w400 {width:400px;}    .w520 {width:520px;}    .w730 {width:730px;}    
.wauto {width:auto;}     /* auto makes the div the width of the widest paragraph in IE if width is not specified. FF recognizes <p> of itself */
 
 /* HEIGHT */
 
.h125 {height:125px;}   .h900 {height:600px;}   .hauto {height:auto;}
 
/* BORDER */

.b1grey {border:1px #ccc solid;}

/* DIV BACKGROUND */

.bbeige {background-color:#fdf8ef;}     .bmbeige {background-color:#fcf5e9;
}
.bblue {background-color: #fcfeff;
}
.bgrey {background-color:#f4f4f4;}  .bmgrey {background-color:#f6f6f6;}  .blgrey {background-color:#f9f9f9;}  .bllgrey {background-color:#fbfbfb;}  

.bbluegrey {background-color: #faf9ff;
}
.blgold {background-color:#ffe750;}     .bgold {background-color:#ffda3a;}

.bgreen {background: #f6fff6;}  .bsgreen {background-color: #efffef;}  .bssgreen {background-color: #dfefdf;}  .bsssgreen {background-color: #8fdfbf;}  
.bmgreen {background-color: #f1fff1;
}
.bpink {background-color: #fff9f9;
}
.bpinkgrey {background-color: #feefef;
}
.bpinkpurple {background-color: #ffeeff;
}
.bpurple {background-color: #fdfbff;}     .bwhite {background-color: #ffffff;
}
.bssred {background-color:#ff9f90;
}
.byellow {background-color: #fefef4;
}

/* INLINE. Width is of no effect for display:inline; */

.inl {display:inline; position:relative;
}
.inl-1 {display:inline; position:relative; margin-right:0px;}    .inl-2 {display:inline; position:relative; margin-left:0px; margin-right:0px;}  /* footer */

.inlb {display:inline; position:relative; padding:7px; border:1px #ccc solid; background-color:#fcf5e9; width:auto;   /* dental insurance travel insurance */
}
.inlnb {display:inline; position:relative; width:auto;
}

/* Z-INDEX */    .zauto {z-index:auto;}   .z1 {z-index:1;}   .z2 {z-index:2;}   .z3 {z-index:3;}

/* OVERFLOW */    .overhide {overflow:hidden;}   .overauto {overflow:auto;}

/* GENERAL POSITION */

.abs {position:absolute;}   .rel {position:relative;}
.tac {text-align: center;}   .tar {text-align: right;}   .tal {text-align: left;}

/* HEADINGS & SPECIFIC TEXT. Use ml0 to remove left margin*/

.questext {color:#f07; font-size: 16px;}   .teltext {color:#2a0; font-size: 16px;}    .navtext {font-size: 13px; font-weight:bold;
}
.hblue15 {font-size:15px; color:#00b; font-weight:normal;  margin:12px 0px 5px 10px;}    .hblue14 {font-size:14px; color:#00b; margin:12px 0px 5px 10px;
}
.hbblue15 {font-size:15px; color:#02a; font-weight:bold;  margin:12px 0px 5px 10px;
}
.hblblack15 {font-size:15px; color:#444; font-weight:bold; margin:12px 0px 5px 10px;
}  
.hbred15 {font-size:15px; color:#a00; font-weight:bold; margin:12px 0px 5px 10px;
}
			
/*	CLEAR */

.cll {clear:left;}   .clr {clear:right;}   .clb {clear:both;}

/* TEXT ATTRIBUTES */

.bld {font-weight: bold;}   .bold {font-weight: bold;}   .itlc {font-style: italic;}   .italic {font-style: italic;}   .normal {font-weight: normal; text-align: left;
}   
.tdu {text-decoration:underline;}   .ltdu a {text-decoration:underline;   /* for links to be underlined */
}

/* BORDER AND PADDING ARE ADDED TO THE OUTSIDE OF SPECIFIED DIV DIMENSIONS FOR THE TOTAL DIV HEIGHT AND WIDTH */

/* MARGIN.    Adding top margin for the first paragraph works, but not between paragraphs. */

/* IE is named for what it is in IE. example: iepl10 is named for left 10 px in IE but here is 5px for non-IE browsers. */ 

.pml0 p {margin-left:0px;} /* footer */    

.iemt-10 {margin-top:-10px;}    .iemt60 {margin-top:60px;} /* short term */    .ieml20 {text-align:center;
}
.mt-5 {margin-top:-5px;}       .mt-15 {margin-top:-15px;}    .mt-100 {margin-top:-100px;}   .mt-200 {margin-top:-165px;}   .mt0 {margin-top:0px;}  .mt2 {margin-top:2px;}
.mt5 {margin-top:5px;}         .mt7 {margin-top:7px;}        .mt10 {margin-top:10px;}       .mt15 {margin-top:15px;}       .mt20 {margin-top:20px;}   
.mt25 {margin-top:25px;}       .mt30 {margin-top:30px;}      .mt35 {margin-top:35px;}       .mt40 {margin-top:40px;}       .mt45 {margin-top:45px;}       
.mt50 {margin-top:50px;}       .mt60 {margin-top:60px;}      .mt70 {margin-top:70px;}       .mt85 {margin-top:85px;}       .mt160 {margin-top:160px;}     
.mr10 {margin-right:10px;}     .mr15 {margin-right:15px;}    .mr20 {margin-right:20px;}     .mr25 {margin-right:25px;}     .mr40 {margin-right:40px;}
.mr60 {margin-right:60px;}     .mr90 {margin-right:90px;}
.mb-5 {margin-bottom:-5px;}    .mb-10 {margin-bottom:-10px;} .mb-20 {margin-bottom:-20px;}  .mb0 {margin-bottom:0px;}      .mb5 {margin-bottom:5px;}      
.mb10 {margin-bottom:10px;}
.mb15 {margin-bottom:15px;}    .mb20 {margin-bottom:20px;}   .mb30 {margin-bottom:30px;}    .mb40 {margin-bottom:40px;}    .mb70 {margin-bottom:70px;}
.ml-10 {margin-left:-10px;}    .ml0 {margin-left:0px;}       .ml3 {margin-left:3px;}        .ml7 {margin-left:7px;}        .ml10 {margin-left:10px;}      
.ml15 {margin-left:15px;}
.ml20 {margin-left:20px;}      .ml25 {margin-left:25px;}     .ml30 {margin-left:30px;}      .ml45 {margin-left:45px;}      .ml60 {margin-left:60px;}
.ml75 {margin-left:75px;}      .ml90 {margin-left:90px;}     .ml100 {margin-left:100px;}    .ml125 {margin-left:125px;}    .ml150 {margin-left:150px;}    
.ml185 {margin-left:185px;}    .ml200 {margin-left:200px;}    .ml225 {margin-left:225px;}   .ml250 {margin-left:250px;}    .ml285 {margin-left:285px;}
.ml325 {margin-left:325px;}

/* PADDING. If gecko and ie have different results, try m and p in equal amounts.  Negative values and auto do not work for padding  */

.iept10 {padding-top:0px;} /*student */ .iep5 {padding:inherit;}  .iep10 {padding-top:10px;}  .iepl8 {padding-left:inherit;}  .iepl10 {padding-left:inherit;  /*colo co*/
}
.p10 {padding:10px;}            .p15 {padding:15px;}          .p20 {padding:20px;}          
.pt5 {padding-top:5px;}         .pt10 {padding-top:10px;}     .pt15 {padding-top:15px;}
.pt20 {padding-top:20px;}       .pt25 {padding-top:25px;}     .pt30 {padding-top:30px;}      .pt35 {padding-top:35px;}      .pt40 {padding-top:40px;}
.pt50 {padding-top:50px;}       .pt55 {padding-top:55px;}     .pt60 {padding-top:60px;}      .pt75 {padding-top:75px;}      .pt85 {padding-top:85px;}
.pt140 {padding-top:140px;}     .pr15 {padding-right:15px;}   .pr25 {padding-right:30px;}    .pr30 {padding-right:30px;}    .pr220 {padding-right:220px;}
.pb10 {padding-bottom:10px;}    .pb15 {padding-bottom:15px;}
.pl5 {padding-left:5px;}        .pl10 {padding-left:10px;}    .pl15 {padding-left:15px;}     .pl20 {padding-left:20px;}     .pl25 {padding-left:25px;}
.pl30 {padding-left:30px;}      .pl45 {padding-left:45px;}    .pl60 {padding-left:60px;}     .pl65 {padding-left:65px;}     .pl75 {padding-left:75px;}   
.pl90 {padding-left:90px;}      .pl100 {padding-left:100px;}  .pl115 {padding-left:115px;}   .pl125 {padding-left:125px;}    .pl130 {padding-left:130px;}
.pl145 {padding-left:145px;}    .pl150 {padding-left:150px;}  .pl165 {padding-left:165px;}   .pl175 {padding-left:175px;}
.pl200 {padding-left:200px;}    .pl235 {padding-left:235px;}  .pl265 {padding-left:265px;}   .pl285 {padding-left:285px;}   .pl310 {padding-left:310px;}


/* TEXT COLOR. 6 DEGREES MAX - generic name, bright, strong, dark, darker, darkest.  #049; is close to default link color.*/

.black {color:#000;}        .lblack {color:#333; font-weight:bold;}         .llblack {color:#555; font-weight:bold;}         .lllblack {color:#777; font-weight:bold;}
.blue {color: #00b;}        .brightblue {color: #00e;}    .strongblue {color: #03b;}    .dblue {color: #443092;}    .ddblue {color: #007;}
.paleblue {color:#efefff;}
.bronze {color:#979302;}    .dbronze {color:#7e6500;}    .ddbronze {color:#5f5200;}    .lbronze {color:#b79302;}
.brown {color: #530;}       .lbrown {color: #850;}
.crimson {color: #936;}     .red {color:#a03;}
.green {color: #090;}       .brightgreen {color:#0b2;}    .dgreen {color: #017501;}  .ddgreen {color: #050;}  .stronggreen {color: #2a2;}  .palegreen {color:#43ff93;}
.orange {color: #f50;}      .darkorange {color:#a30;}
.strongpink {color: #f07;}  .brightpink {color: #fa119f;}
.purple {color:#92a;}       .brightpurple {color:#93e;}    .dpurple {color: #70a;}
.violet {color: #707;}
.red {color:#a00;}
.white {color:#fffffe;}
.yellow {color: #ffff02;}   .lyellow {color: #ffff80;}

/* TEXT SIZE & TYPE sans17 and serif18	 are smallest to appear bold.  SERIF IS SUITABLE FOR CAPS ONLY */

.sans10 {font-size:10px;}   .sans11 {font-size:11px;}   .sans12 {font-size:12px;}	.sans13 {font-size:13px;}   #carriers {font-size:13px;}   .sans14 {font-size:14px;}
.sans15 {font-size:15px;}   .sans16 {font-size:16px;}   .sans17 {font-size:17px;}   .sans18 {font-size:18px;}   .sans19 {font-size:19px;}     .sans20 {font-size:20px;}
.sans22 {font-size:22px;}   .sans24 {font-size:24px;}
			
.serif12 {font-size: 12px; font-family: "Times New Roman", Times, serif;}    .serif13 {font-size: 13px; font-family: "Times New Roman", Times, serif;}
.serif14 {font-size: 14px; font-family: "Times New Roman", Times, serif;}    .serif15 {font-size: 15px; font-family: "Times New Roman", Times, serif;}
.serif16 {font-size: 16px; font-family: "Times New Roman", Times, serif;}
.serif17 {font-size: 17px; font-family: "Times New Roman", Times, serif;}    .serif18 {font-size: 18px; font-family: "Times New Roman", Times, serif;}
.serif19 {font-size: 19px; font-family: "Times New Roman", Times, serif;}    .serif20 {font-size: 20px; font-family: "Times New Roman", Times, serif;}
.serif21 {font-size: 21px; font-family: "Times New Roman", Times, serif;}    .serif22 {font-size: 22px; font-family: "Times New Roman", Times, serif;}
.serif24 {font-size: 24px; font-family: "Times New Roman", Times, serif;}    .serif28 {font-size: 28px; font-family: "Times New Roman", Times, serif;}


/* LINE HEIGHT SPEC FOR UL changes all lines between and within each li. Use class for p on page or descendent selector for LINE-HEIGHT FOR P IN LI TO OVERRIDE */

ul.index li {margin-bottom:20px; margin-left:-10px;
}
ul.index li p {line-height:120%;
}
ul.arrow {list-style: url(bullet_arrow.png) disc;
}


/* LINE HEIGHT. Line height class must start with a letter, not a digit */

.l100 {line-height:100%}    .l125 {line-height:125%;}     .l150 {line-height:150%;}    .l160 {line-height:160%;}

.l175 {line-height:175%;}   .l200 {line-height:200%;}     .l250 {line-height:250%;}    .l300 {line-height:300%;}


/* If bullet list-style-type is NOT specified in css for li, a type or nobullet can  be specified for li or ul on the page. The default appears as disc.
If list-style-type is specified as "none" for li in css, it works to specify a bullet on the page for li but not for ul.
If list-style-type is specified as "disc" etc. for li in css, then "nobullet" will not work on the page for ul but will work for li.
If "none" is specified for ul in css, it is of no effect */

/* BULLET */

.nobullet {list-style-type:none;}    .circle {list-style-type:circle;}    .square {list-style-type:square;}    .disc {list-style-type:disc;}

/* IMAGE */

img {border:0;}   .testb {border:#000 solid 3px;}


/* LINKS WITHOUT CLASS.  #049; is close to default link color. */

a:link {color:#23a;}    a:visited {color: #953;}    a:hover {color: #f0f;}    a:active {color: #c09;
}

/* WORKS IN P and SPAN */

.pale a:link {color: #abffba; text-decoration:none;}            .pale a:visited {color: #ffff80; text-decoration:none;}
.pale a:hover {color: #fd3; text-decoration:underline;}         .pale a:active {color: #03ff93; text-decoration:none;}

/* WORKS IN A HREF */

a.plain {color:#60c; text-decoration:none;}                a.plain:visited {color: #f0a; text-decoration:none;}
a.plain:hover {color: #2c3; text-decoration:none;}         a.plain:active {color: #f0f; text-decoration:none;}


/* HORIZONTAL LINE USING HR AND DIV.  Border, color, background are all NEEDED FOR ALL BROWSERS TO SHOW HR.  
IE ignores background-color and applies color:  Opposite for other browsers.  IE8 and lower ignores text-align center for hr -> ieml15 in iecss */

hr.st {border:0px; width:95%; text-align:center; background-color: #ccc; color: #cccccb; height:3px; margin-top:15px; margin-bottom:20px;   /* short term */
}	       
.hrgrey {background-color:#ccc; color: #cccccb; width:730px; height:4px; border:0px; text-align:left; clear:both; font-size:0px;
}            /* or add overflow:hidden;. ie<7 makes the minimum height of a div = assumed text size. For FF, to get margin above, using iemb15 in <p> or <div> above */



 /* inline and display:inline-block is a span type element. Size is determined by content. has no width or height. for display:inline as a div, can use float
 to position it, unless centering, then use span=greybox and a containing div whose class has text-align:center to center the span.  
 Containing div can also be positioned with margin. If text is multi-line, a fixed width must be specified plus text-align:center */

/* Only inline specs work for span = an inline element */
/* float should specify width except for objects that have an intrisic width like img etc. */

/* h will not cascade once set in css file > set each margin on the page.  Headings up to h6 recognized, but changing to one h element only in XHTML. h is auto bold.
h does not respond to center > use margin-left */

/* When margin for p is set globally, p {margin:etc}, margin can be changed in a p.  When margin is set in a div, it cannot be changed by a p in that div - so
another div must be used enclosing the p to change the margins.  So set p globally, and set margin to 0px; etc in a div if needed */

/* min.css has old specs. #fcfcff; #905090   for ie 7.0: use { zoom:1; } for hasLayout. IE before 7.0 does not interpret html>/ ** /body  {stuff},
 but IE 7.0 does -> don't use now. Gecko may need overflow:auto;  Main reason for specs is css economy, but also to change on many pages at once if desired eg navtext */

/* style on page - overrides css when class will not: either use id (limited to one use) instead of class in css or use style on page <a style="font-size:12px; 
color:#dad;" href="...."> #address p {margin-top:10px;}  border: 4px #eae outset; */
    
/* DIVS - IDS & CLASSES margin-right:auto and margin-left:auto for center position on screen. perimeter had 
 border-left: #dad 3px solid; border-right:#dad 3px solid; border-bottom:3px #dad solid; border-top:3px #dad solid; BODY TEXT-ALIGN IS FOR IE 5.0 and 6.0 */

/* The last line of a duplicate overrides the prior duplicate.  hr.example {etc} > hr class="example" .example hr {etc} > div class="example" > an hr */

/* text-align:center; is for IE to center the page.
  various bugs > do not use width on body.   margin-top:0px; in body eliminates gap at top in IE, not FF. Put m0t in h1 spec and top div to get FF to not have gap at top */
  
  
hr.reg {border:0px; width: 95%; text-align: left; color: #b5b; background-color: #b6b; 	height:3px; margin:12px 0px 12px 20px;
}
hr.regindex {border:0px; width: 95%; text-align: left; clear:both;  color: #b5b; background-color: #b6b; height:3px; margin:10px 0px -5px 20px;
}
hr.regindexie {border:0px; width: 95%; text-align: left; clear:both; color: #b5b; background-color: #b6b; height:3px; margin:0px 0px 0px 20px;
}
hr.regshort {border:0px; width: 600px; text-align: left; color: #b5b; background-color: #b6b; height:3px; margin:10px 0px 10px 20px;
}
hr.nm {border:0px; width: 95%; text-align: center; color: #b5b; background-color: #b6b; height:3px;
}