/*
2012-01-31T15:03:58-08:00 - Added defaults for table, th and td; added align-xx items.
2012-01-09T17:26:35-08:00 - Added yfp-php-error formatting to go with updated error report.
2011-10-01T16:04:58-08:00 - Change html element background color to #283440 to match
					the footer image, visible on short pages.
2011-09-14T19:56:19-08:00 - Add .logger-info { display: none; } to hide any warnings
					made by the logger.
2011-06-18T13:56:47-08:00 - Fix an old, unnoticed bug. LI items need 'layout' to not add
					extra space around block content (like an image). Add it to buttonBox,
                    and increase the margin on the LI items now that the extra space is gone.
2011-05-03T11:35:02-08:00 - Get rid of the IE fix for overflow for pre.
2011-04-06T13:20:14-08:00 - Changed monospace and related fonts based on fontstack @ codestyle.org.
					Move the font definitions out of individual elements and into the body.
2011-03-08T07:01:46-08:00 - Add ul and ol classes compressed and expanded. Added
                    margin to ul p because the default p margin was too big.
                    Remove ",p,td,th,li,pre,code" from body def for font-size and line-height
                    and color; font and line were and are set below. 
2011-03-05T22:38:29-08:00 - The footer got broken in ie6/7 some time ago. Add width
                    to #footerContainer for hasLayout.
2011-03-02T12:24:10-08:00 - Add footerContainer background image and change color.
2011-01-08T13:08:31-08:00 - Changed to ldquo100x50 to quotes image. Add
                    p img, code img, dt img, dd img { display: inline }
2011-01-02T13:54:18-08:00 - Add h2.noTopBorder { background-image: none; }
                    Also add img { display: block }. When did that go away?
                    This requires making footerButtons inline-block.
2010-12-19T15:58:35-08:00 - Add an image background (H2bar.gif) to H2 elements.
2010-12-18T11:23:59-08:00 - Removed H1: border-top none. It's about time. Added
					blockquote.quoted because I can never remember blockquote.imaged.
                    Changed image to png, 50x50.
2010-12-17T19:45:57-08:00 - Fix order of specific after general for div.sideBarLeft, 
					div.sideBarRight.
2010-12-14T12:21:06-08:00 - Add clear: both to buttonBoxNbg. Adds were being hidden.
2010-12-09T08:30:09-08:00 - How did I miss this? table needs to be included in the
					font-size inheritance (size: 100%) from body.
2010-12-05T14:32:36-08:00 - Add blockquote.imaged class to put use the quote images.
					Add borders to .article blockquote and blockquote.imaged.
                    Add .clearBoth and .clearfix because I can never remember the name.
2010-11-21T08:27:58-08:00 - Add background-color to html element, same as footer, for
					short pages.
2010-09-18T16:22:44-08:00 - Add allContentWrapper class. Modify color on footer if not
                    wrapped in allContentWrapper.
2010-01-31T10:16:57-08:00 - Add line-height, important and change default margin/padding
2009-12-01T23:00:03PST - Change br.clear to .clear. Add background image class
                         for mainContainer: .headerShadow. Add .strikethrough
2009-09-19T17:06:59PST - Change article margins
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-13T16:32:58PST - Delete side margins on footer container
2009-03-10T17:30:58PST - Add scrollbars for pre; include IE hack
10/21/08 - modify <a> colors and underline.
10/5/08 - modify print styles to eliminate page margins and colors
*/
/*
Do not use #allContainer on new pages
*/
@media print { 
   /* set page width */
   #allContainer, #allContentWrapper, .allContentWrapper { width: 100% }
   /* standard page padding, all text */
   body { background-color: white; color: black; font-size: 10pt; font-family: Georgia, "Times New Roman", serif;}
   body,p,td,th,li,pre,code,table {   }
   #pageEndDiv { display: none }
   #mainContainer { background-color: #ffffff }
}

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

html { font-size: 100%; background-color: #283440 }
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,table { font-size: 100%; line-height: 1.25em }
p, pre, xmp, plaintext, listing  { margin: 1.25em 0; }

table { border-collapse:collapse; empty-cells: show; }
td { vertical-align: top; }
th { vertical-align: bottom; }

/* holds everything, same as allContentWrapper */
#allContainer, #allContentWrapper, .allContentWrapper { text-align: left; margin: 0 auto; border: none; position: relative;  }

/* holds title and above body, width for IE hasLayout */
#headingContainer { width: 100% }

/* holds below title and above footer */
#bodyContainer { position: relative; clear: both;
 background-image: url(images/Side180Strip.gif); background-repeat: repeat-y; background-position: top right }

/* main content, left of rhContainer */
#mainContainer { margin-right: 180px; margin-left: auto; clear: both; padding-bottom: 1px }
.headerShadow { background-image: url( images/titleW5x10.gif ); background-repeat: repeat-x; background-position: 0 0 }

/* fixed width container to right of mainContainer */
#rhContainer { width: 180px; position: absolute; right: 0; top: 0; background-color: transparent; overflow: hidden }


/* this should go in headingContainer, but is not required to */
#titleContainer { padding: 1em; text-align: center; vertical-align: middle; 
 font-size: 150%; font-weight: bold; background-color: white }
#titleContainer2 { text-align: center; vertical-align: middle; 
 font-size: 150%; font-weight: bold; background: url( images/titleBG750x5.gif) #bbd2e3 repeat-y  top center }
/* the top padding is to match the background image */
#titleContainer2 p { padding: 13px 1.25em 30px 1.25em; margin: 0; 
 background: url( images/titleP5x30.gif) transparent repeat-x left bottom }
#headingContent { background: url( images/titleC5x30.gif) #d0d0d0 repeat-x 0 0 }

#footerContainer { text-align: center; clear: both; width: 100%;
	background: #283440 url(images/footerBg.png) repeat-x center top; }
.logger-info { display: none; }
#rhContainer .adSpace { margin: 20px auto; width: 160px }

/* ================================================================ */
/* 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 }
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% }

li { padding: .318em 0px; }
ul.compressed li, ol.compressed li { padding: 0em 0; }
ul.expanded li, ol.expanded li { padding: .625em 0; }
ul p { margin: .625em 0; }

/* 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, blockquote.imaged, blockquote.quoted { 
  background: #FFFFFF url(images/ldquo100x50.png) no-repeat scroll 0px 0px;
  padding: 19px 0.625em 1.25em 22px; margin: .625em 0; border-right: 1px solid #78a0c3;
  border-bottom: 1px solid #78a0c3; }
.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.sideBarLeft, div.sideBarRight { width: 30%; padding: .625em 1.25em; margin: .625em 1.25em;
 background-color: #f0f8ff; border: 1px solid #d0e0f0 } 
div.sideBarRight { float: right; margin-right: 0; border-right: none } 
div.sideBarLeft { float: left; margin-left: 0; border-left: none }

/* 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; clear: both }
.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;  }	
/* height is for IE7 etc., has layout */
.buttonBox ul li, .buttonBoxNbg ul li { margin: 1.25em auto; padding: 0; list-style-type: none; height: 1%; } 
.buttonBox .linkButton, .buttonBoxNbg .linkButton { border: none; margin: 0; padding: 0 }
.buttonBox li img, .buttonBoxNbg li img { display: block; }


/* 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: Georgia, "Courier New", "DejaVu Sans Mono", monospace; font-weight: bold; white-space: nowrap }
.monoNoWrap { font-family: "Andale Mono", Monaco, Consolas, "Courier New", "DejaVu Sans Mono", monospace; white-space: nowrap }
.noWrap { white-space: nowrap }
.comment { font-family: times }
.monospaceFont { font-family: "Andale Mono", Monaco, Consolas, "Courier New", "DejaVu Sans Mono", monospace; }
.inlineTitle { font-variant:small-caps; font-weight:bold; }

code, .code, .codeblock { font-weight: bold; color: #006600; font-size: 101%; 
 font-family: "Andale Mono", Monaco, Consolas, "Courier New", "DejaVu Sans Mono", monospace; }
pre { font-family: "Andale Mono", Monaco, Consolas, "Courier New", "DejaVu Sans Mono", monospace; font-size: 100%; overflow: auto }
/* for ie vertical scrollbar bug. Thru IE7. */
/* pre { *overflow: visible; overflow-x: auto; overflow-y: hidden; padding-bottom: 1em; } */



img { border: none; position: relative; display: block }
p img, code img, dt img, dd img { display: inline }

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 }
h1 { font-size: 150%; line-height: 1.25em; padding: 7px .5em 5px 12px; }
h2 { font-size: 130%; padding-top: 8px; border-top: 1px solid; padding-left: 4px }
h3 { font-size: 115% }
h4 { font-size: 100% }
h5 { font-size: 100% }

/* content dividers, typically start article with h1 */
.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: 5px 20px; width: 100px; display: inline }
.footerButton img { display: inline-block }
.footerButton div { display: inline }

/* put these at the end of the file so they override the defaults */
.clear, .clearBoth, .clearfix { 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, .align-center { text-align: center }
.align-left { text-align: left }
.align-right { text-align: right }

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

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 { color: #173147; background: transparent url(images/H2bar.gif) repeat-x 0 0; }
h2.noTopBorder { background-image: none; }
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: #FFDDC1; border-bottom-color: #76b088 }
#introBox { border-color: #AB8C73; background-color: #F9EFE7 }
.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 }
/* Error reporting, when it's visible instead of hidden by comment tags. For YFP pages. */
.yfp-php-error { color: #B22222; font-weight: bold; text-align: left; padding: .625em; }