/* 
2010-01-31T10:16:57-08:00 - Add line-height, important and change default margin/padding,
                            and resync with FixedRight
2009-12-01T23:00:03PST - Change br.clear to .clear. Add .strikethrough.
                         Do updates from FixedRightCol.css.
2009-04-04T13:26:55PST - Add style and image to .article blockquote
2009-03-26T14:21:40PST - Add display: inline to divs in footerButton
2009-03-10T17:30:58PST - Add scrollbars for pre; include IE hack
10/21/08 - modify <a> colors and underline. Add div.floatRightButtons
10/5/08 - modify print styles to eliminate page margins and colors
*/
/*
Replace .textWrapper with #bodyContainer on new pages
*/
@media print { 
   /* set page width */
   #allContentWrapper { width: 100% }
   /* standard page padding, all text */
   body { background-color: white; }
   body,p,td,th,li,pre,code { color: black; font-size: 10pt; font-family: Georgia, "Times New Roman", serif;  }
   #pageEndDiv { display: none }
   #allContentWrapper .textWrapper, #bodyContainer { margin: 0 0em }
   #introBox { margin: 1.25em 0em; }
}

@media screen { 
   /* set page width */
   body { background: #78a0c3 url(images/bodyBg.png) repeat-y top center; }
   body,p,td,th,li,pre,code { color: black; font-size: small; line-height: 1.25em;
    font-family: verdana, arial, helvetica, sans-serif;  }
   #allContentWrapper { width: 60em }
   /* standard page padding, all text */
   #allContentWrapper .textWrapper, #bodyContainer { padding: 1.25em; background-color: #f8f4df }
   #introBox { margin: 1.25em }
}

html { font-size: 100% }
body { text-align: center; margin: 0; padding: 0 }
div { margin: 0; padding: 0 }
/* use 100% instead of 1em; ie sizes wrong before ie8 */
p,td,th,li,pre,code { font-size: 100%; line-height: 1.25em }

/* set page width, restore standard text alignment */
#allContentWrapper { text-align: left; margin: 0 auto; border: none }

#titleDiv { background-color: #78a0c3; font-size: 2.5em; line-height: 1.25em; 
 margin: 0; padding: .625em; color: #fff0c0;
text-align: center; font-weight: bolder }
#introBox { border: 3px solid #666666; padding: 1.25em; background-color: #e8f0f0 }

/* easier reading on wide page */
#allContentWrapper .textWrapper p, #bodyContainer p { line-height: 1.25em; }

#footerContainer { margin-right: auto; margin-left: auto; text-align: center; 
 background-color: white; clear: both }

/* ================================================================ */
/* everything is the same below here FixedRightCol and CenteredPage */
ul, ol, li { margin: 0; padding: 0 }
ul { margin: .625em 0em 1.25em 1.25em; padding-left: .625em }	/* box starts at the text, marker is outside the box */
ol { margin: .625em 0em 1.25em 2em; padding-left: .625em }	/* box starts at the text, no marker */
ul.noBull { margin: .625em 0em 1.25em .625em; padding-left: .625em }	/* box starts at the text, no marker */
ul ul { margin: 0em 0em .625em 1.25em }
ol ol { margin: 0em 0em .625em 1.25em }
li { padding: .318em 0px;}
ul.noBull li { list-style-type: none; }
ul li { list-style: disc;}
ul li li { list-style:  square; font-size: smaller }
ul li li li { list-style:  circle; font-size: 100% }

/* don't modify all the pages just because the term no longer makes sense. */
.pad1emAll { padding: 1.25em }
.pad1emSides { padding-left: 1.25em; padding-right: 1.25em }

blockquote, .indent, .codeblock { margin: .625em 0 .625em 1.25em }
.article blockquote { background: #FFFFFF url(http://YourFriendPaul.com/CommonWeb/images/ldquo22x19.gif) no-repeat scroll 0 0;
  padding: 1.25em 1.25em 1.25em 2.5em; }
.boxed { border: 1px solid #999999; padding: 1.25em; background-color: #f0f0f0 }
blockquote.blockFormat { font-family: "Times New Roman", Times, serif; 
 margin: 1.25em 2.5em }
.quoteGroup { margin-left: .625em; border-left: 1px dotted #999999; padding-left: .625em }

/* floating sidebars */
div.sideBarRight { float: right; margin-right: 0; border-right: none } 
div.sideBarLeft { float: left; margin-left: 0; border-left: none }
div.sideBarLeft, div.sideBarRight { width: 30%; padding: .625em 1.25em; margin: .625em 1.25em;
 background-color: #f0f8ff; border: 1px solid #d0e0f0 } 

/* for lists of buttons (or text), usually in rhContainer of 180px */
.buttonBox { background-color: #ECF1F4; padding: 5px; margin: 25px 5px; 
   border: 3px solid #608ca0; text-align: left }
.buttonBoxNbg { padding: 5px; margin: 25px 5px; text-align: left }
.buttonBox a, .buttonBoxNbg a { border: none; margin: 0; padding: 0 }
.buttonBox a img, .buttonBoxNbg a img { border: none; margin: 0; padding: 0 }
.buttonBox ul, .buttonBoxNbg ul { margin: .625em 0em 0em 0em; padding-left: 0; list-style-type: none;  }	
.buttonBox ul li, .buttonBoxNbg ul li { margin: .625em auto; padding: 0; list-style-type: none;  } 
.buttonBox .linkButton, .buttonBoxNbg .linkButton { border: none; margin: 0; padding: 0 }

/* div for a quick link or two for local navigation */
.floatRightButtons { float: right; padding: .625em; margin: 0 0 1.25em 1.25em }

/* specialty classes for books, movies and music */
.mediaTitle { font-weight: bold; font-style: italic }
.phoneNumber { font-family: 'Courier New', Courier, monospace; font-weight: bold; white-space: nowrap }
.monoNoWrap { font-family: 'Courier New', Courier, monospace; white-space: nowrap }
.noWrap { white-space: nowrap }
.comment { font-family: times }
.monospaceFont { font-family: monospace }
.inlineTitle { font-variant:small-caps; font-weight:bold; }

code, .code, .codeblock { font-weight: bold; color: #006600; font-size: 101%; 
 font-family: 'Courier New', Courier, monospace; }
pre { font-family: 'Courier New', Courier, monospace; font-size: 100%; overflow: auto }
/* for ie */
pre { *overflow: visible; overflow-x: auto; overflow-y: hidden; }



img { border: none; position: relative }
p { margin: 1.25em 0px; }

h1, h2, h3, h4, h5, h6 { font-family: verdana, arial, helvetica, sans-serif; font-weight: bold;
letter-spacing: .1em; margin: 2.5em 0 .625em 0; clear: both }
/* this needs to be removed, but many pages need to be updated to use the 'first' class */
h1 { margin-top: 0 }
h1 { font-size: 150%; line-height: 1.25em; padding: 7px .5em 5px 12px; }
h2 { font-size: 130%; padding-top: 6px; border-top: 2px solid }
h3 { font-size: 115% }
h4 { font-size: 100% }
h5 { font-size: 100% }

/* content dividers, typically start article with h1 */
/* .article { margin: 20px 0em; border-top: 8px solid #78a0c3; padding-top: 8px; clear: both } */
.article { margin-top: 2.5em; clear: both }

hr { width: 95% }
hr.secBreak { margin: 1.25em auto 3px auto; clear: both; text-align: center; }

.CenteredTitle { text-align : center; font-weight : bold; }
.footerButton{ margin: 20px; width: 100px; display: inline }
.footerButton div { display: inline }

/* put these at the end of the file so they override the defaults */
.clear { clear: both }
.strikethrough { text-decoration: line-through }
.first, .noTopMargin { margin-top: 0 ! important }
.noTopBorder { border-top: none ! important }
.noTopPadding { padding-top: 0 ! important }
.last { margin-bottom: 0 ! important }
.center { text-align: center }


/* ================================================ */
/* color overrides */
/* color scheme is hue 0x93 */
#allContentWrapper, div#allContainer { background-color: #ffffff; }

a:hover { text-decoration: none }
a { color: #1b3345; text-decoration: underline; }
a img { border: none }
h1 { color: #EAF0F6; background: #292F35 url(images/h1bg.png) no-repeat 0 0; }
h2, h3, h4, h5, h6 { color: #173147 }
h2 { border-top-color: #173147 }

.comment { color: #2D4A63 }
div.quoteGroup { border-left-color: #8A98A4 }
#titleContainer { color: #081118 }
#titleDiv { background-color: #78a0c3; color: #F7EDE6; border-bottom-color: #76b088 }
#introBox { border-color: #AB8C73; background-color: #F7EDE6 }
.textWrapper .article, #bodyContainer .article { border-top-color: #78a0c3 }
div.sideBarLeft, div.sideBarRight { background-color: #f0f8ff; border-color: #d0e0f0 }
.phoneNumber { color: #1b3345 }
.floatRightButtons { background-color: #D6DFE6 }