/* ******* rg7.css  A css for very wide use. 20071213..20101001..20110429..[art0n..]..110213v..110324chg10to100size..
  These attempts at 'universal' classes do work, in IE7 at least, for many, possibly ALL(?), HTML elements!  BUT an HTML element cannot have two class=,
    so may often add within an HTML tag the attribute style=.
  Are some not applicable to both block-level and non???
  Could skip some style definitions here bec the universal dot classes cover them.

  The css cascade, including HTML page head section style section lines, will affect final style definitions.

  20101001 Many remarks went to my HTML language comments .doc! c langs html .doc.
  End of header remarks section of this .css.

  Defining styles for nonstandard reserved tag names is not simply ignored.
   Instead, it will affect the subsequent style attempts without giving error messages!

*/
/* HTML tag id names, which are each used only once per HTML page, mean class= will not be nec there. */
/* Styles can be adjusted using style sections within the HTML head section. */


/*  Forcing default as 100% */
#bodyhead {font-size:100%} /* untested  had been 76% */
#bodyhead h1 {font-size:200%} */   /* 100% worked for lb index.html ..20110212.. */
#bodyhead h1 span {font-size:85%} /* untested   .85 x 2.00 = 1.70 */
/* Other names for use-once # styles might include - - */
/* bodyhead bodyheadhead bodyheadbody banner bodyheadfoot */
/* bodybody unnec? */
/* main or mcop or maincontents ofpage  mainhed mainbody mainfoot */
/* bodyfoot bodyfoothead bodyfootbody bodyfootfoot */
#banner {margin:.5em;border:thin transparent solid;padding:.5em;background:transparent; width:80%;    max-width:222em;margin-right:auto;margin-left:auto}


.plain {}  /* A class for plain (style= can still embellish this element). */
.centeredlr {margin-left: auto; margin-right: auto}  /* This element, IF NARROWER than the containing parent, will be centered lr within its parent. Note that text-align: center is NEW HERE and may oft be what matters, 2/4/09. Note, dropped text-align bec refers to content within! the styled object? */
.centered {margin-left: auto; margin-right: auto ; text-align: center}  /* This element, IF NARROWER than the containing parent, will be centered lr within its parent. Note that text-align: center is NEW HERE and may oft be what matters, 2/4/09. Wait, drop text-align bec refers to content within! the styled object? */

.floating {float:left}  /* untested */
.floatingl {float:left}  /* untested */
.floatingr {float:right}  /* untested */
.inline {display:inline}  /*  experimenta1    fails with p     sb retry ? */
._special_note_ {/* === A note within this HTML page code document that this element is special. Often the style= has a special setting(s). === */}
.margin-none {display: inline; margin:0}  /* Set an element as inline, not bo*, and no margin. */
.bkg-grays {
 background:aliceblue url('../3/bkg-grays-rounded.jpg') center center no-repeat;
 border:medium solid skyblue;
 text-align:center;
 margin: 0.50em; padding: 0.50em;
 font-family: verdana, arial, helvetica, sans-serif; 
} /*  A new style 20080510.  So, a style CAN include a url/filespec. Need tests if applicable to any HTML element, block or not.  */ 


/* ************ */
body.grnss {}
body.bluss {}
body.blusf {}
body.grnsf {}
body.bluss h1, body.bluss h2, body.bluss h3 {color:blue}
body.bluss, body.grnss {font-family:  Arial, Verdana, Helvetica, sans-serif}
body.grnss h1, body.grnss h2, body.grnss h3 {color:green}
body.grnss h1, body.bluss h1 {font-family:  Arial, Verdana, Helvetica, sans-serif}
body.grnss h2,     body.bluss h2 {font-family:  Arial, Verdana, Helvetica, sans-serif}
body.grnss h3, body.bluss h3 {font-family:  Arial, Verdana, Helvetica, sans-serif}
body.grnss h4, body.bluss h4 {font-family:  Arial, Verdana, Helvetica, sans-serif}
body.grnss h5 h6, body.bluss h5 h6 {font-family:  Arial, Verdana, Helvetica, sans-serif}
body.grnss h5, body.grnss h6 {font-family:  Arial, Verdana, Helvetica, sans-serif}  /* equivalent to start of the above??? */ 
body.bluss h5, body.bluss h6 {font-family:  Arial, Verdana, Helvetica, sans-serif}  /* equivalent to start of the above??? */ 
body.grnsf, body.blusf {font-family:  Times, 'Times New Roman', serif}

body.grnss h1, body.grnss h2, body.bluss h1, body.bluss h2 {text-align:center}
 /* text-align seems to center imgs, too. But contained elements might use display:block;margin-right:auto;margin-left:auto; in case these 3 help other browsers to center them lr in the body. */ 

/*  Forcing default as 100%       font-size as 10% was a mistake for months  */
body {font-size:       100%}  /* [but] shouldnt 100% be default with page head the place to adjust? */

h1 span {font-size:85%} /* 20110211. New, trying 85% as a default for the body h1 subtitle    */
h3 {font-size:130%}

pre {font-family:monospace}

div._clear_all_body_ {clear: both; height: 0em}
 /* 
 ====new 20080515 & needs tests.
 Go below all floating blocks. No height. Assures subsequent HTML elements are below all floating elements in the page's body so far.

 These breakers should be outside of all elements except body!
 */
div.bodybody       {} /* Body areas and bodybody division do not need any containing div. Especially if floating elements or great height might be involved.  */
div.centeredlr {margin-right:auto;margin-left:auto} /* The div as a block IF NOT FULL-WIDTH is centeredlr. */
div.centered   {margin-right:auto;margin-left:auto} /* The div as a block IF NOT FULL-WIDTH is centeredlr. */
div.ofcenteredtext {text-align:center} /* Text and elements are centered lr within this div. */
div.marginspoint7  {margin:0.700em;} /* border:black thin solid; */
div.marginless     {margin-top:0em;margin-right:0em;margin-bottom:0em;margin-left:0em}
div.marginedlr     {margin-top:0em;margin-right:0.200em;margin-bottom:0em;margin-left:0.200em}
div.header         {margin-top:0em;margin-right:0.200em;margin-bottom:0em;margin-left:0.200em} /* border:Orange thin solid;   div.header is now just like div.marginedlr */
div.header h1      {font-size:large ! important} /* E.g., :large ! important; */
div.header h2      {font-size:large ! important} /* E.g., :large ! important; */
div.floatingr      {float:right;clear:none;margin:0 0 .5em .5em;border:0;padding:0}
div.floating       {float:left;clear:none;margin:0 .5em .5em 0;border:0;padding:0}
div.floatingl      {float:left;clear:none;margin:0 .5em .5em 0;border:0;padding:0}
 /*      HEY    clear NONE may fail floatingr. SO force RIGHT again?  rg7.css users!! */
div.sidebar        {float:left;clear:none;margin:0 .5em .5em 0;border:0;padding:0} /* div.sidebar is a copy of div.floating */
div.nonwrapping    {white-space:nowrap;margin-top:0em;margin-right:0.200em;margin-bottom:0em;margin-left:0.200em}
 /*  pg3c.css-like styles */ 
olddiv.header      {clear:both;  text-align:center; /* default sb none? */ ;  margin-left:auto;         margin-right:auto;}
div.maincontentsofpage {margin-right:0px;margin-left:0px}
 /* *** article.css-like styles *** */ 
div.article {clear:both; float:left; margin-right:0px;margin-left:0px} /* ****** clear:both always  or as a default that can be overridden with none */
.centeredlr {margin-right:auto;margin-left:auto}
 /* These rules are unnecessary if  above works for hn tags */
h1.centeredlr {margin-right:auto;margin-left:auto}
h2.centeredlr {margin-right:auto;margin-left:auto}
h3.centeredlr {margin-right:auto;margin-left:auto}
h4.centeredlr {margin-right:auto;margin-left:auto}
h5.centeredlr {margin-right:auto;margin-left:auto}

 /* zzzdiv.article zzzp.FirstLineSmallCaps  {display:block;margin-left:44px;padding-left:30px;  color:red;} */

 /* Special first-letter and first-line custom classes of p by bg */
p.FirstLetterLargeAndFirstLineSmallCaps:first-letter {font-size: 200%; float: left}
p.FirstLetterLargeAndFirstLineSmallCaps:first-line {font-variant: small-caps}
p.FirstLetterLarge:first-letter {font-size: 200%; float:left}
 /* FirstLetterLarge is flawed when window narrows! */
p.FirstLineSmallCaps:first-line {font-variant:small-caps}
 /* FirstLineSmallCaps is dependent on float left or right!      float:Left; clear:none;  Float ruins text wrapping sidebar! True!                 */


 /* Was testing size  header h1, header h2 {font-size:70%} */
 /* Was header h1, header h2   {font-size:110%} */
 /* As in articlennheader?  h2 sb smaller? */
 /* New 20070307 header h1 and header h2 different  */
header h1   {font-size:110%}
 /* As in articlennheader? */
header h2   {font-size:100%}
 /* h2 in header is now smaller  trying 100%  20070307 note */


a:link {color: gray   ;font-weight:700} /* To navy 20110211 bold feb13. Long had been #0000EE a blue?, ala HTML2.0.. */
 /* unvisited link */
a:visited {color:gray} /* To gray 20110211. Long had been #551A8B a maroon?, ala HTML2.0.. */
 /* visited links */
a:active {color:#FF0000}
 /* active links */
a:hover  {background-color:#eee}
 /* #eee is light gray */
 /* setting the anchor border around IMG elements requires contextual selectors */
a:visited img {border: 1px #551A8B}
 /* img visited links */
a:active img {border: 1px #FF0000}
 /* img active links */
 /* *********************** */
 /* *********************** MORE style definitions,
 Augmenting any previous but not subsequent definitions!
 If used in an HTML head, use the HTML tag pair for style type="text/css"
 */
div.articlefooter {}

/* Conventions for versatile styling. RG. 
  Size the divisions relatively, starting with the size of 1.000em in BODY
  Always USE em FOR WIDTHs, HEIGHTs, and other lengths,
   BUT always set a blocks relative sizing by using % FOR 'FONT-SIZE:'. font-size:100%;.
*/ 
/* When id names are used only once on a page styling could be by # */
/*  Forcing default as 100% */
div.maincontentsofpage {font-size:100%}
 /* parent is body */
div.header             {clear:both;font-size:100%}
 /* parent is body  clear:both added 20071213 */
div.footer             {clear:both;font-size:100%}
 /* parent is body  clear:both added 20071213 */
div.article            {font-size:100%}
 /* parent is usually .marginless eg maincontentsofpage */
div.articlefooter      {font-size:100%}
 /* parent is usually article */
div.sidebar            {font-size:90%}
 /* parent is usually article */

 /* testing body.h1               {font-size:010%} */

 /* testingp                      {font-size:010%} */

div.maincontentsofpage img {width:auto;height:22.2em}
 /* So lb- lists will default to 22.2em wide imgs here */

div.sidebar {} /* Different class name for div.floating. */
div.sidebar {} /*  long had fixed  width:22.2em  temply, to ck img immok etc and word wrapping width  */

div.flcr {float:left;clear:right}
 /* Float left with clear right, for bunching columns to the left 20071230new  */

div.floatingr img {width:auto;height:11.0em} /* So right-floating imgs ala LB site will default to the given width */



div.articlefooter img  {width:auto;height:1.200em}
 /* as a default height */

div.nonwrapping {white-space:nowrap}
 /* No automatic new lines. Makes a nonwrappable horizontal bar of the div. Nice. */
div.sidebar            {text-align:center}
 /*  sb  Just use div class=centeredlr?      elsewhere?    custom for lb  unusual */ 
 /* *********************** */
 /* *********************** MORE style definitions,
  div.inlinelis  June 2009 RG      SOON div.rg7wbparent section IS TO BE DELETABLE!
   2011009 sb someday replace with library.htm version xhinlinelis?
   Defines a div class to hold wrapping blocks.  A shorter name would be div.lwrap since it is for wrapping the li tags the way wordwrap wraps words (could even handle the space between?).
   The HTML can add style refinements for margin, border, padding, colors, etc.

  A styles group to wrap li elements as inline wrappable blocks.   june 2009
  Default here is text-align: center and vertical-align: middle.

  NOTE, IMPORTANT. The HTML FILE SHOULD ALSO HAVE, for earlier Internet explorer versions to do the wrapping pby, the following between style tags in the page head section:
 Question. Would there be any harm in just having these definitions UNconditional and in the css?

 Developer, 908:05 PM 10/8/20108:12 PM 10/8/2010he div.inlinelis padding seems more than the setting. Bec LI values?

 */
div.inlinelis {text-align:    center; /* moot? */;
 MARGIN-RIGHT: auto; MARGIN-LEFT: auto;
 BORDER: thin pink solid;
 PADDING-TOP: 1.600em; PADDING-RIGHT: 1.600em; PADDING-BOTTOM: 0.000em; PADDING-LEFT: 0.00em;
 BACKGROUND: cornsilk url(../3/clothcreambkg.gif) repeat ;
 WIDTH: 95%; VERTICAL-ALIGN: middle;
 /* Eyeball 726 sez use asymetrical padding values */;
 /* The parent of this div should? often to have text-align center ?? */;
}
div.inlinelis UL {
 LIST-STYLE-TYPE: none;
}
div.inlinelis UL LI {
 Margin: 0.750em; border: 0.00em solid black; padding: 0.75em;
 DISPLAY: inline-block;
 VERTICAL-ALIGN:     middle; text-align:    center;
 FONT-WEIGHT:   bold;
 BACKGROUND:  	transparent;}
}
 /* div.inlinelis UL LI IMG {} */
div.inlinelis UL LI P {WIDTH: auto ;
 /* Was 1px, but auto works okay here. */;}
 /* A div.inlinelis OL group just like the UL group ******** */
div.inlinelis OL {
 LIST-STYLE-TYPE: none;
}

div.inlinelis OL LI {
 Margin: 0.750em; border: 0.00em solid black; padding: 0.75em;
 DISPLAY: inline-block;
 VERTICAL-ALIGN:     middle; text-align:    center;
 FONT-WEIGHT:   bold;
 BACKGROUND:  	transparent;}
}
 /* div.inlinelis OL LI IMG {} */
div.inlinelis OL LI P {WIDTH: auto ;
 /* Was 1px, but auto works okay here. */;}
 /* -- SB  AND add in the HTML adjustments if the browser app is lte IE 7, like OS of 726xp. 
Lessthansign!-- In case browser app is lte IE 7   Untested by IE 6 or by Safari yet   No effect ever anyway? --Greaterthansign
Lessthansign!--[if lte IE 7]Greaterthansign
 LessthansignSTYLE type=text/cssGreaterthansign
 divPeriodinlinelis UL LI Leftcurlybrace DISPLAY: inline; ZOOM: 1 Rightcurlybrace
 * HTML divPeriodinlinelis UL LI Leftcurlybrace HEIGHT: 0px Rightcurlybrace
 divPeriodinlinelis UL LI P Leftcurlybrace WIDTH: auto Rightcurlybrace

 divPeriodrg7wbparent UL LI Leftcurlybrace DISPLAY: inline; ZOOM: 1 Rightcurlybrace
 Asterisk HTML divPeriodrg7wbparent UL LI Leftcurlybrace HEIGHT: 0px Rightcurlybrace
 divPeriodrg7wbparent UL LI P Leftcurlybrace WIDTH: auto Rightcurlybrace
 Lessthansign/STYLEGreaterthansign
 Sometimes html pages have script/script sections within ifendif pair
Lessthansign![endif]--Greaterthansign
 */
 /* ********************** */
 /* ***********************
 May add more style definitions.
 Augmenting any previous, but not any subsequent, definitions!
 If defined in an HTML head, instead of CSS, then
  ...
  and use the HTML tag pair for style type="text/css"
 */
 /* *********************** */
 /* Unusual border can reveal divs and prove this stylesheet was called
  (provided no subsequent style overrides this style).
  Put this outside remarks and at bottom:
  div {border: thick dashed yellow;}
 */
/* added 20091207 */
span.articlemenupad {margin-right:1.50em;margin-left:1.50em;border:none medium transparent;background-color:transparent;padding:8pt} 
  
img.ccards {margin-top:0em;margin-right:0.200em;margin-bottom:0em;margin-left:0.200em; border-width:0em;width:auto;height:2.00em} 
  
div.art-rg001 {background:white;margin-top:0em;border:thin solid navy;padding:.5em;clear:both}

/* Art0n series is new in rg7.css 20110211.. */
/* Use div.art01 for the MAIN article in a div, and usually only that one main article. */
/*  With subsequent articles likely best as art02 and art03. */  
div.art01, div.art02, div.art03 {font-family:  Arial, Verdana, Helvetica, sans-serif}
div.art01 {font-size:100%}


div.art01 img (width:1.1111em;height:9.6em;text-align:center;vertical-align:middle;border:thick solid gray}

div.art02 {font-size:100%}
div.art03 {background:transparent;margin:0px;padding:0px;  font-size:100%;}
div.art03 span {font-size:80%}
div.art03 img {text-align:center;vertical-align:middle;width:auto;height:9em}


/* Create div.artplayer and more someday? */


div.borderridgesilver {border:ridge 0.200em white;background:silver} 
  
span.font70percent {font-size:70%;color:black;font-weight:300} 

/* added 20091207 has ended */
/* not added 20091207 bec pby already accomplished in this .css  
   body.bluss {background:silver;max-width:76.00em;margin-left:auto;margin-right:auto;background: url(../3/bkg-blu2wht.gif) repeat-x #fffffe;} */
/* Modifying body.bluss style definition already here from rg7.css */ 

/* added 20100128 */
/* a good tab bar ..20101107 e.g., mcpmn library page, needs
   no div nor ul nor li nor tabel, but
   ONLY spans with these styling classes herein:
     .tabendl .tabspacer .tab .tabactive .tabendr.
*/
.tabsbar {
	zzzborder-bottom: 1.5em solid pink;
	margin: 0px; border:0px;
	zzzpadding: 1em;

/*PROBLEM - linewrap of tabs is horrible
Spans work much better in wrap.
Now try as divs displaying inline ????? ........

 */;
font-size:120%;
text-align:center;
}

.tabsbar li { 
	display:inline; 
	border-top: .1em solid yellow;
	border-left: .1em solid yellow;
	border-right: .1em solid yellow;
}
.tab {

width:33.333em;
background:#f0f0f0;
padding-right:1em;padding-left:1em;
	margin-top:1em;margin-right:0px;margin-bottom:1em;margin-left: 0px;
	border-top: .1em solid gray;
	border-right: .1em solid gray;
	border-bottom: .1em solid navy;
	border-left: .1em solid gray;
}
.tabactive {

width:33.333em;
background:cornsilk;
padding-right:1em;padding-left:1em;
font-size:133.333%;
	margin-top:   1em;margin-right:0px;margin-bottom:1em;margin-left: 0px;
	border-top: .1em solid navy;
	border-right: .11em solid navy;
	border-bottom: .1em dashed transparent;
	border-left: .11em solid navy;
}
.tabedge {
/* THIS version without r or l is not ready to use yet */;
width:22.333em;
background:        red;
	margin-top:1em;margin-right:0px;margin-bottom:1em;margin-left: 0px;
	border-top: .1em solid transparent;
width:1em;
	border-right: 1em;
	border-bottom: .1em solid navy;
	border-left: 0px solid navy;
}
.tabedger {

width:22.333em;
background:transparent;
	margin-top:1em;margin-right:0px;margin-bottom:1em;margin-left: 0px;
	border-top: .1em solid transparent;
	border-right: 0px;
	border-bottom: .1em solid navy;
	border-left: .1em solid navy;
}
.tabedgel {

width:22.333em;
background:transparent;
	margin-top:1em;margin-right:0px;margin-bottom:1em;margin-left: 0px;
	border-top: .1em solid transparent;
	border-right: .1em solid navy;
	border-bottom: .1em solid navy;
	border-left: 0px;
}
.tabspacer {

width:22.333em;
background:transparent;
	margin-top:1em;margin-right:0px;margin-bottom:1em;margin-left: 0px;
	border-top: .1em solid transparent;
	border-right: 0px;
	border-bottom: .1em solid navy;
	border-left: 0px;
}

.tabbarendr {

width:22.333em;
background:transparent;
	margin-top:1em;margin-right:0px;margin-bottom:1em;margin-left: 0px;
	border-top: .1em solid transparent;
	border-right: .1em solid transparent;
	border-bottom: .1em solid navy;
	border-left: 0px;
}
.tabbarendl {

width:22.333em;
background:transparent;
	margin-top:1em;margin-right:0px;margin-bottom:1em;margin-left: 0px;
	border-top: .1em solid transparent;
	border-right: 0px;
	border-bottom: .1em solid navy;
	border-left: .1em solid transparent;
}
/* Dot style did NOT prevent DISPLAYED tagged contents. Underline the problem or misunderstand syntax? */
.__NOT_DISPLAYED__ {display:none}
div.__NOT_DISPLAYED__ {display:none}
h2.__NOT_DISPLAYED__ {display:none}
/* added 20091207 has ended */