/* First, let's import our basics - you should never need to edit these, so they're in separate files */ /* A handy pixel to percent font conversion */ /* 10px / 77% 11px / 85% 12px / 92% 13px / 100% 14px / 107% 15px / 114% 16px / 122% 17px / 129% 18px / 136% 19px / 144% 20px / 152% 21px / 159% 22px / 167% 23px / 174% 24px / 182% 25px / 189% 26px / 197% */ /* +++ VERY IMPORTANT+++ The default font for these templates is 13px Arial, set on the element (in basereset.css). NEVER set a font-size or font-family on the element. ALWAYS override using a child of , with the pixel-equivalent percentage value for the font size, as documented above. EG: #wrap {font-family:Verdana,Arial,Helvetica,sans-serif;} would set everything within #wrap to Verdana. It is better to set font-sizes on elements rather than containers. */ /* General fonts */ #pagewrap, #ftwrap {font-family:Arial, Helvetica, sans-serif;} h1 {font-size:174%;} h2 {font-size:122%;} h3 {font-size:114%;} h4 {font-size:107%;} h5 {font-size:107%;} h6 {font-size:107%;} p, li, dt, dd, th, td, address, blockquote, pre, input, textarea, select {font-size:85%;} p p, p li, p dt, p dd, p th, p td, p address, p blockquote, p pre, p input, p textarea, p select, li p, li li, li dt, li dd, li th, li td, li address, li blockquote, li pre, li input, li textarea, li select, dt p, dt li, dt dt, dt dd, dt th, dt td, dt address, dt blockquote, dt pre, dt input, dt textarea, dt select, dd p, dd li, dd dt, dd dd, dd th, dd td, dd address, dd blockquote, dd pre, dd input, dd textarea, dd select, th p, th li, th dt, th dd, th th, th td, th address, th blockquote, th pre, th input, th textarea, th select, td p, td li, td dt, td dd, td th, td td, td address, td blockquote, td pre, td input, td textarea, td select, address p, address li, address dt, address dd, address th, address td, address address, address blockquote, address pre, address input, address textarea, address select, blockquote p, blockquote li, blockquote dt, blockquote dd, blockquote th, blockquote td, blockquote address, blockquote blockquote, blockquote pre, blockquote input, blockquote textarea, blockquote select, pre p, pre li, pre dt, pre dd, pre th, pre td, pre address, pre blockquote, pre pre, pre input, pre textarea, pre select, input p, input li, input dt, input dd, input th, input td, input address, input blockquote, input pre, input input, input textarea, input select, textarea p, textarea li, textarea dt, textarea dd, textarea th, textarea td, textarea address, textarea blockquote, textarea pre, textarea input, textarea textarea, textarea select, select p, select li, select dt, select dd, select th, select td, select address, select blockquote, select pre, select input, select textarea, select select {font-size:100%;} strong,b {font-weight:bold;} em,i {font-style:italic;} /* Headings -------------------------------------------------------------- */ h1,h2,h3,h4,h5,h6 { font-weight: normal; } h1 { color:#183089!important; line-height: 1em; margin-bottom: 0.5em;} h2 { color:#891f03!important; margin-bottom: 0.75em; } h3 { color:#18308c!important; line-height: 1em; margin-bottom: 0.5em; } h4 { line-height: 1.25em; margin-bottom: 1.25em; } h5 { font-weight: bold; margin-bottom: 1.5em; } h6 { font-weight: bold; } /* Text elements -------------------------------------------------------------- */ #pri p { margin: 0 0 1.5em; } #pri p.last { margin-bottom: 0; } #pri p img { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; } #pri p img.top { margin-top: 0; } /* Use this if the image is at the top of the

. */ #pri ul, ol { margin:0 1.5em 1.5em 1.5em; } #pri ul { list-style-type: circle; } #pri ol { list-style-type: decimal; } #pri dl { margin: 0 0 1.5em 0; } #pri dl dt { font-weight: bold; } #pri dd { margin-left: 1.5em;} #pri abbr, #pri acronym { border-bottom: 1px dotted #666; } #pri address { margin-top: 1.5em; font-style: italic; } #pri del { color:#666; } #pri a:focus, #pri a:hover { color: #000; } #pri a { color: #009; text-decoration: underline; } #pri blockquote { margin: 1.5em; color: #666; font-style: italic; } #pri strong { font-weight: bold; } #pri em, #pri dfn { font-style: italic; background: #ffc; } #pri dfn { font-weight: bold; } #pri pre, #pri code { margin: 1.5em 0; white-space: pre; } #pri pre, #pri code, #pri tt { font: 1em 'andale mono', 'monotype.com', 'lucida console', monospace; line-height: 1.5em; } #pri tt { display: block; margin: 1.5em 0; line-height: 1.5em; } /* Tables -------------------------------------------------------------- */ #pri table { margin-bottom: 1.4em; } #pri th { border-bottom: 2px solid #ccc; font-weight: bold; } #pri td { border-bottom: 1px solid #ddd; } #pri th, #pri td { padding: 4px 10px 4px 0; } #pri tfoot { font-style: italic; } #pri caption { background: #ffc; } /* END General fonts */ /* Printer-fiendly stylesheet */ /* Print Structure */ #sec, #ter, #pri, #inner {float:none;} html>body #inner {width:auto;} #sec, #ter, #nav ul, #ft ul {display:none;} #outer, #innerpagewrap, #wrap {border-width:0;} .pad {padding:14px 14px 0 14px;} /* column padding */ #pri-pad {padding:0;} /* primary column padding */ #sec-pad {padding:0;} /* left column padding */ #ter-pad {padding:0;} /* right column padding */ /* END Print Structure */ /* Print theme */ body * { /* Makes everything monotone for easy printing */ background-color:#fff; color:#000; } a, a:link, a:visited { /* Removes formatting on all links */ text-decoration:none; background-color:inherit; color:inherit; } #masthead, #ftwrap { /* Adds top and bottom borders to masthead and footer to visually delimit them */ border:1px solid #000; border-width:1px 0; padding:0.5em; } /* Masthead nav */ #masthead { background:transparent; color:#fff; min-height:60px; } #logo_top {float:left; border:0;} /* Global nav */ #globalnav { font-family:Arial, Helvetica, sans-serif; float:right; margin-top:0; padding:0; width:400px; } #globalnav ul, #globalnav form { float:right; font-size:92%; } #globalnav li {display:inline;} #globalnav li a { display:block; float:left; border-right:1px solid #18308c; margin-right:7px; padding-right:7px; color:#18308c; text-decoration:none; } #globalnav li a:hover {text-decoration:underline;} #globalnav li.last a { border-right:0; margin-right:0; padding-right:0; } #globalnav form {display:none;} /* END Global nav */ /* END Masthead */ #ahft em { font-style:normal; } /* END Print theme */ /* Main Nav */ #nav { background:#6685a2; color:#fff; margin:0; padding:0; position:relative; } /*END Main Nav*/ /* Splash - top splash banner on the home page. */ .homepage #splash { position:relative; } .homepage #splash form { margin:0; padding:0; position:absolute; top:168px; left:41px; } #want-to-learn-more fieldset {border:0;} #want-to-learn-more label {display:none;} input#lets_started { border:0; height:23px; margin:0; padding:0; width:214px; } /* End Splash */ /* Grid The Grid mimics a Table. There are IE specific rules in the /filter/ieonly.css file for the Grid section. */ .grid-2 .col, .grid-4 .grid-2 {width:47%;} .grid-top_row { /* This class sets the gradient top background on any grid row. Apply this class to rows that need the gradient background. */ background: url(/life/ltc.nsf/Lookup/images/$file/bg_grid-top_row.gif) repeat-x top left scroll; } .grid-2, .grid-3 { position:relative; padding-bottom:10px; } .grid-2 h2, .grid-3 h2 {min-height:40px;} .grid-2 .box img, .grid-3 .box img { display:block; float:left; padding: 0 0 10px 0; margin: 0 1.5em 1.5em 0; } .grid-2 .box p, .grid-3 .box p { background:transparent; } .grid-2 a.discover-more, .grid-3 a.discover-more { /* .discover-more - Click through links for the Discover section(s). */ /*background: url(/life/ltc.nsf/Lookup/images/$file/arrow-light_blue.gif) no-repeat center left scroll;*/ display:block; font-size:12px; /*padding-left:18px;*/ line-height:16px; position:absolute; bottom:10px; } #pri .grid-2 a.discover-more:link, #pri .grid-3 a.discover-more:link { color:#505050; text-decoration:none; } #pri .grid-2 a.discover-more:hover, #pri .grid-3 a.discover-more:hover { text-decoration:underline; } /*.do-you-know { background: url(/life/ltc.nsf/Lookup/images/$file/bg_do-you-know.gif) no-repeat bottom center scroll; }*/ .do-you-know .first .pad { /* "Did you know"/"Learn more" boxes found at the bottom of the home page. */ padding-top:0; padding-right:10px; padding-bottom:0; } .do-you-know .second .pad { padding-top:0; padding-left:10px; padding-bottom:0; } .do-you-know .pad .box { background-color:#faf8f5; border:1px solid #e4e1db; border-top-color:#6685a2; border-top-width:10px; border-top-style:solid; min-height:150px; padding:10px 25px 0 10px; } .grid-2 a.learn-more { /* .learn-more - Click through links for the "Did you know"/"Learn more" boxes */ /*background: url(/life/ltc.nsf/Lookup/images/$file/arrow-dark_blue.gif) no-repeat center left scroll;*/ display:block; font-size:12px; /*padding-left:18px;*/ line-height:18px; } .homepage .grid-2 a.learn-more { margin-left:175px; } /* Specific to the home page. This width will be different for the Subpages*/ #pri .grid-2 a.learn-more:link { color:#18308c; text-decoration:none; } #pri .grid-2 a.learn-more:hover { text-decoration:underline; } /* Grid*/ /* Win/IE6 and below fixes */ * html #ftwrap { /* \*/ margin-top: 1em; /* */ } /* END Win/IE6 and below fixes */ /* Clearfix for IEs */ #innerpagewrap, #outer, .clearfix, #masthead, #nav li, #ft li, #nav, .grid-2 .box, .grid-3 .box, .grid-2 {zoom:1;}