/*colour palette:
#fff 255.255.255 white
#f5f5f5 245.245.245 WhiteSmoke
#dcdcdc 220.220.220 gainsboro lt grey

#cc9 204,204,153 v. lt olive
#996 153.153.102 lt grey olive
#663 102,102,51 dk greeny olive

#b0c4de 176.196.222 LightSteelBlue
#69c 102,153,204 dk cornflower
#339 51,51,153 bright dk blue
#006 0,0,102 dk blue
#003 0.0.51 blue/black

#ff9900 255,153,0 bright orange
#d2691e 210,105,30 burnt orange or #c60 204,102,0 burnt lt orange
3E HEX code for >

*/

body {font: 12px Arial, sans-serif; color: #003; background-color: #f5f5dc;}
ul {list-style-type: none; list-style-position: inside; border-left: none;}
li {font-style: normal; font-variant: normal; font-weight: normal;}
img {border: none; padding: 0.1em}

#container {background-color: #fff; border-left:#996 0.1em solid; border-right:#996 0.1em solid; border-top:#996 0.1em solid}
#mainlinks-wrapper {background-image: url(images/link_backg.gif); background-repeat:repeat}

#mainlinks-menu ul li a:hover {color:#d2691e}
#mainlinks-menu ul ul li a, 
#mainlinks-menu ul li:hover ul li a, 
#mainlinks-menu ul li.hover ul li a {border: 0.2em solid #dcdcdc; background-color: #f5f5f5}
.active {background-image:url(images/link_back_active.gif); background-repeat:no-repeat; background-position: left top}
.inactive {background-image:url(images/link_back.gif); background-repeat:no-repeat; background-position: left top}


#quicklinks2 {background-color:#003}
#quicklinks2 ul li a {font-weight: bold; color: #fff}
#quicklinks2 ul li a:hover {text-decoration:underline; color: #fff}

#quicklinks {background-color:#003}
#quicklinks ul li, #quicklinks ul li a {font-weight: bold; color: #fff}
#quicklinks ul li a:hover {text-decoration:underline; color: #fff}
#tel {color: #b0c4de}


#main-content1 {background-color:#f5f5f5}
#main-content2, #main-content3 {background-color:#fff}

#centerlink {border: #003 0.1em solid} 

#info-column ul li {border: 0.1em solid #dcdcdc; background-color: #f5f5f5; font-weight: bold}
#info-column ul li a:hover {color:#d2691e}

#base-wrapper {background-color: #f5f5f5; border-top: 0.4em solid #003}
/*#basebody {border: #CCCC99 1px solid}
#base-column {background-color: #f5f5f5}*/
#footer {background-color: #003; color: #fff}

#column-head, .column-head {background-color: #b0c4de; font-weight: bold}

#item-wrapper dl{border: #996 0.1em solid}
.mainitem {border: #996 0.1em solid}
.itemimage {width: 75px; height: 65px} 
.quotebutton {background-image:url(images/button_bk.gif); background-repeat: no-repeat; font-weight: bold}
.quotebutton2 {background-image:url(images/button_bk2.gif); background-repeat: no-repeat}

#support1, #support2  {border: #996 0.1em solid}
.supportimage {width: 50px; height: 50px}

/*text*/
font {font-size: 1.2em; font-weight: bold}
big {font-size: 1.4em; font-weight: bold; color: #69c;}
small {font-size: 0.8em; font-weight: bold}
.f1 {font-size: 1.5em; color: #fff}
.head {font-weight: bold}
.title { color: #006;}
.bright { color: #d2691e;}
.v_pale { color: #999966;}
.pale { color: #663;}
.main_bold {font-size: 1.2em;}
#tel {font-size: 1.5em; color: #fff; font-weight: bold}

/*links*/
a {color: #663; text-decoration: none; }
.fauxA { color: #663; text-decoration: none;}
alink { color: #CC6600; font-size: inherit;}
vlink { color: #b0c4de; font-size: inherit;}
.a1 { color: #CC6600;}
.a2 { border: 2px #CCCC99 double}
.a3 { font-size: 1.2em; font-weight: bold; color: #69c;}
.a4 { font-size: 1.2em; font-weight: bold; color: #fff;}

p.p2 {border: #CCCC99 0.1em solid}
#pagetext-wrapper p {font-size: 1em; font-weight: bold; color: #69c; line-height: 1em; padding: 0.1em; margin-top: 0.2em; margin-bottom: 0.2em }



h1 {font-size: 1em}
h2, h3, .col2 h2 {font-size: 1em; font-weight: bold; color: #69c; line-height: 1em; padding: 0.1em; margin-top: 0.2em; margin-bottom: 0.2em }
#content-column h2, #content-column h1 {font-size: 1.4em, font-weight: bold; color: #69c}
#pagetext h1, #pagetext h2.head, #item-wrapper h1, .content-head h1, .content-head h2 {font-size: 1.4em; font-weight: bold; color: #69c;}

hr {color: #996; line-height: 0.1em}


.endorse {background-color:#fff}

.paging {background-color: #663;  
  /* for IE */ filter:alpha(opacity=60);
  /* CSS3 standard */ opacity:0.6;}
.paging a {color: #fff}
.paging a:active {color: #663; background: #f5f5f5;
  /* for IE */ this.filters.alpha.opacity:100;
  /* CSS3 standard */ this.style.opacity:1;}
  
.bullet {list-style-type: disc; list-style-position: inside; margin-bottom: 0.2em}
.bulletlinks {list-style-type:disc; list-style-position: outside; margin-left: 1em}

SELECT { font-weight: normal; font-variant: normal; font-style: normal; color: #333399;}

INPUT { color: #339;}

textarea { color: #339;}

.note_small { font-size: 0.7em; color: #F90;}

/*I don't think these are used anymore*/
.deadTopLink { color: gray;}
.goodTopLink { color: navy;}

.currentPage { color: #FEAE12;}

.toperror { text-align: center; color: red; font-weight: bold;}
/*end poss not used*/

.back { background-image: url(images/background.jpg); background-repeat: no-repeat;}

.box1, .box2 ul li, .box3 ul li, .list3 ul li {background: #dcdcdc}
.box1:before, .box2 ul li:before, .box3 ul li:before, .list3 ul:before {
  background: transparent url(images/boxtr.png) scroll no-repeat top right;
  margin: 0 0 -0.5em 0;
  height: 15px;
  display: block;
  border: none;
  content: url(images/boxtl.png);
  padding: 0;
/*  line-height: 0.2em;
  font-size: 0.2em;*/
}
.box1:after, .box2 ul li:after, .box3 ul li:after, .list3 ul:after {
  background: transparent url(images/boxbr.png) scroll no-repeat bottom right;
  margin: 0.5em 0 0 0;
  height: 15px;
  display: block;
  content:  url(images/boxbl.png);
  padding: 0;
/*  line-height: 0.8em;
  font-size: 0.8em; */
}

.box3 dl dt   {margin-left: -0.5em; font-weight: bold}
.box3 dl dd, {margin-left: 2em}
.box3 dl dd a {margin-left: 2em}
.box3 li h3 {font-size: 1.2em}

.questions ol  {margin-left: 1em; list-style-position: outside; list-style-type:decimal}
.questions ol li {font-weight: bold}
.questions ol ol, .questions ul {margin-left: 2em; list-style-position: outside; list-style-type:lower-roman}
.questions ol ol li, .questions ul li {font-weight: normal}
    
.image-links li {float: left; margin: 1em}
.image-links li img {border: #003 solid 0.1em}


.pad {background-color: #fff}

.clear {font-size: 0.1em; height: 0.1em}

.popup { color: #663; font-size: 0.6em; }
.personID { color: red; font-weight: bold }
.bold { font-weight: bold }



/*moved from style_quote.css*/
.benefits {list-style-image: url(http://www.worldwideinsure.com/images/bullet_tickbox.gif); padding-left: 0.2em; padding-bottom: 0.5em; margin-top: 1em}

.quickquote {}

#quotelinks-wrapper {background-image: url(images/link_backg.gif); background-repeat:repeat}
.active_quote {color: #003}
.inactive_quote {color: #663}

/*#infoType dl dt, #infoAges dl dt, #infoArea dl dt, #infoList dl dt {color: #69c; font-size: 0.9em}
#infoType dl dd, #infoAges dl dd, #infoArea dl dd, #infoList dl dd, #infoList ul li, #infoPay ul li {font-size: 0.9em}
#infoType dl dd, #infoAges dl dd, #infoArea dl dd, #infoList dl dd {font-size: 0.9em; border-bottom: 0.1em solid #666633}
#infoType dl dd.last, #infoAges dl dd.last, #infoArea dl dd.last, #infoList dl dd.last {border-bottom: 0}*/
.infopop dl dt, #infoList small {color: #69c; font-size: 0.9em}
.infopop ul li {font-size: 0.9em}
.infopop dl dd {font-size: 0.9em; border-bottom: 0.1em solid #666633}
.infopop dl dd.last {border-bottom: 0}
a.infoClose {color: #f90; font-size: 0.8em; font-weight: bold; line-height: 0.9em; margin-bottom: 0.2em}
.list ul li {list-style-type: disc}

.quoteform {border: 0.1em solid #663; background-color: #f5f5dc;}

#basebody ul li {list-style-type: disc; padding-left: 0.2em; padding-bottom: 0.5em}

.option1, .option2,.option3 {border: 0.1em solid #663; background-color: #f5f5dc;}
.option1 ul li, .option2 ul li,.option3 ul li {border-bottom: 0.1em dotted #663}
.optionlast {border-bottom: 0}

.insured, .address, .contactinfo, .medicals, .remove, .waiver, .activities {border: 0.1em solid #663; margin: 1em; padding: 0.2em; background-color: #f5f5dc;}

.crumb li {margin-left: 1em; padding-right: 1em}
.crumb li.parent:after {padding-left: 1em; content: "\3E \ "}

