/***  MAIN.CSS from lippincott  ***/
/* Bottlecap - changed all font-sizes to ems -- NOTE, padding/margin related to font should also be changed to ems */

body { font-family: Arial, Helvetica, sans-serif; color: #1769A7; font-size: .8em; text-align: center; background-color: #fff; padding: 0; margin: 0 30px; } /** Bottlecap: changed left/right margin to 30 px to avoid crashing the edges of the browser  **/

/* resets */
img, a img { border: none; }
form { margin: 0; padding: 0; border: none; }
table, tr, th, td { border-collapse: collapse; }
h1, h2, h3, h4, h5, h6, p, ul, li, ol, dl, dt, dd { margin: 0; padding: 0; font-size: 1em; line-height: 1.3em; }
/* Bottlecap - Heading declarations - further refinements below in #content h1 declaration */
h1, h2, h3, h4, h5, h6 { color: #0046ad; } 
h1 { font-size: 1.4em; line-height: 1.2em; font-weight: normal; text-transform: uppercase; }
h2 { font-size: 1.2em; line-height: 1.2em; font-weight: normal; text-transform: uppercase; }
h3 { font-size: 1.0em; line-height: 1.2em; font-weight: normal; }

ul, li { list-style: none; }

/* using <br class="clearing" /> to clear floats */
.clearing { clear: both; margin: 0; padding: 0; font-size: 1px; line-height: 0px; height: 0; }

a { text-decoration: none; color: #0046ad; border: none; outline: none; }
a:hover { color: #4d4f53; }

/* main page container div*/
#container { width: 960px; text-align: left; margin: 20px auto 20px auto; background-color: #fff; position: relative; text-align: left; }
/** Bottlecap: changed bottom margin to 20px to avoid crashing the edges of the browser  **/

/* header */
#header { width: 960px; height: 230px; position: relative; }
#topBand { width: 960px; height: 180px; background: url(images/home-header.jpg) top left no-repeat; }
#logoHome { position: absolute; top: 25px; left: 25px; }
#homeImg { position: absolute; top: 0; right: 0; }
#nav { font-size: .9em; }
#nav { width: 960px; position: absolute; top: 180px; left: 0; padding: 17px 0 15px 0; border-bottom: 8px solid #d2b22c; }
#nav ul { position: relative; list-style: none; } /* Bottlecap - moved list-style: none here so that content was not affected. */
#nav ul li ul { display: none; z-index: 5000; border: 1px solid #4d4f53; padding: 0 0 6px 0; background: #fff; }
#nav li { display: inline; float: left; padding: 0 0 5px 0; margin: 0; line-height: 16px; zoom: 1; }
#nav li.spacer { padding: 0 12px 0 12px; }
#nav li a { color: #4d4f53; display: block; padding: 5px 0 5px 5px width: 100%; }
#nav li ul li a { color: #4d4f53; display: block; padding: 8px 0 5px 8px width: 100%; }
#nav li a:hover { color: #0046ad; }
#nav ul li.hover, #nav ul li:hover { background: #fff; color: #0046ad; position: relative; }
#nav ul li.hover a { color: #0046ad; }
#nav ul li.hover a:hover { color: #0046ad; }
#nav ul li.hover ul li a { color: #4d4f53; }
#nav ul ul { width: 170px; position: absolute; top: 19px; left: -5px; }
#nav ul ul li { display: block; font-weight: normal; background: #fff; color: #000; float: none; padding: 0; }
/* IE 6 & 7 Needs Inline Block */
#nav ul ul li a { border-right: none; width: 100%; display: inline-block; padding: 5px 0 5px 5px; } 
#header form { position: absolute; top: 192px; right: 0; }
#headSearchTxt { border: 2px solid #e6e7e8; background: #fff; font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif; width: 120px; padding: 1px 0 0 10px; height: 20px; margin: 0; color: #4d4f53; }
#headSearchBtn { background: #0046ad; color: #fff; font-size: 14px; line-height: 14px; border: none; text-align: center; vertical-align: middle; margin: -4px 0 0 9px; padding: 4px 7px 4px 7px; }
#headSearchBtn.btnHover { background: #4d4f53; cursor: pointer; }

/* note: if specific widths need to be spec'd for each nav menu, set an id on the parent list and then set the sub menu width for its child. Ex:
#nav li#navAbout ul { width: 225px; }
*/

/** The magic - by Bottlecap Studios, Inc 
    The following three lines are what allow the nav blocks to show, with the accompanying script in tower.js, 
	which is used for IE.  These are a replacement for a very large JS library that is overkill for just nav
*/
#nav li:hover>ul { display: block; } 
#nav li.hover ul { display: block; } /* Used for IE */
#nav li.standard ul { display: none; } /* Used for IE */
/** END the magic **/

/* content area */
#main { width: 960px; margin: 28px 0 0 0; }
#content { width: 595px; margin: 0 40px 0 0; float: left; display: inline; }
#content h1 { margin: -4px 0 30px 0;  }
#content p {  margin: 0 0 20px 0; }


#content p a { text-decoration: underline; color: #4d4f53; }
#content p a:hover { color: #0046ad; }
#content p.subLinks { color: #0046ad; }
#content p.subLinks a { text-decoration: underline; color: #4d4f53; }
#content p.subLinks a:hover { color: #0046ad; }
.footnote {font-size: .8em; } /*Bottlecap*/
/* Bottlecap added list item styles */
#content ul, #content li { margin: 1em 2em; list-style: disc;}
#content li { margin-bottom: 0em; }

#sidebar { width: 325px; float: left; display: inline; }
#sidebar img { margin: 0 0 14px 0; }
#sidebar .sideItem { border-top: 1px solid #1769A7; padding: 10px 0 0 0; margin: 0 0 17px 0; }
body #main #sidebar .sideItem.first { border: none; }
#sidebar .sideItem p { margin: 0; font-size: .9em; line-height: 1.3em; color: #1769A7; }
#sidebar .sideItem p a { color: #4d4f53; }
#sidebar .sideItem p a:hover { color: #0046ad; }

/** Bottlecap - Footer **/
#footer { font-size: .8em; margin-top: 3em; clear: both; }

/* modifications for secondary page -- <body class="secondary"> */
.secondary #header { height: 140px; }
.secondary #topBand { width: 960px; height: 90px; background: #0046ad url(../images/internal-header.jpg) top left no-repeat;}
.secondary #logo { display: none; }
.secondary #nav { top: 90px; }
.secondary #header form { top: 104px; }


/* modifications for subsidiary page -- <body class="subsidiary"> */
.subsidiary #logo { position: absolute; top: 25px; left: 25px; }
.subsidiary #headImg { position: absolute; top: 0; right: 0; }
.subsidiary #content { width: 460px; margin: 0 30px 0 0; }
.subsidiary #sidebar { width: 470px; }
.subsidiary #content h1 { margin: 0 0 26px 0; }
.subsidiary #sidebar p { font-size: .9em; line-height: 1.3em; margin: 0 0 18px 0; }
.subsidiary #sidebar p a { text-decoration: underline; color: #4d4f53; }
.subsidiary #sidebar p a:hover { color: #0046ad; }

/*** END MAIN.CSS ***/

#content h2.fraud { font-size: 1.1em; line-height: 1.2em; }
#content p.fraud { font-size: .9em; line-height: 1.2em; }