/* 
Roberts base Cascading Style Sheet file,
to be included and shared by other CSS files.
*/

/*-----------------------------------------------------
list of classes frequently-used
*/

.btext, 
.body-link, 
.body-nav-link, 
.nav-link, 
p.btext, 
p.inset-btext-p, 
p.inset-little-p, 
p.quote-blog-p,
p.hang-indent-p, 
p.nav-link {
	  
}

/*-----------------------------------------------------
list of classes less frequently used
*/
.banner-title, 
.banner-subtitle, 
p.banner-title, 
p.banner-subtitle, 
.spacer, 
.concept-word,
p.concept-word,
td.spacer, 
td.main-column,
li.major-item {
	  
}
span.body-nav-link,
span.btext {
	  
}
img.spacer-inset-width,
img.spacer-body-width-font,
img.spacer-body-width-pixel,
img.empty-cell {
	  
}

/*-----------------------------------------------------
colors + background images + display + visibility
*/
/*-----------------------------------------------------
Note: generally most tags and classes should be left
with the default "transparent" background color and with 
no background image.
*/
body {
	background-color: white;
	background-image: none;
}
.spacer {
  	display: none; 
}

/*-----------------------------------------------------
font colors
*/
/*-----------------------------------------------------
   (usually better to leave the base <p> tag with font properties 
    inherited or undefined, so the author and browser can conveniently
    use it for a broad range of purposes.  Put the font definitions
    on the "btext" class instead.)
*/
h1,h2,h3,h4,h5,h6, 
th, td, 
.btext,
body {
	color: black;
}
p.banner-title,
p.banner-subtitle { 
	color: black;
}
.concept-word {
    color: rgb(102,102,102);
}

/*-----------------------------------------------------
hyperlink colors
*/
a:visited,
a:link {
	color: rgb(  0,  0,192);
}
a:hover {
	color: rgb(255,102, 51);
}
a:active {
	color: rgb(  0,  0,192);
}

/*-----------------------------------------------------
other colors
*/
hr {
	color: gray;
}

/*-----------------------------------------------------
font family and other non-size properties
*/
/*-----------------------------------------------------
   (usually better to leave the base <p> tag with font properties 
    inherited or undefined, so the author and browser can conveniently
    use it for a broad range of purposes.  Put the font definitions
    on the "btext" class instead.)
*/
h1,h2,h3,h4,h5,h6, 
th, td, 
.btext,
body {
	font-family: "Times New Roman",TimesNR,times,serif;
	font-weight: normal;
	font-style: normal;
}
/*-----------------------------------------------------
font properties: header + title classes
*/
p.banner-title,
p.banner-subtitle { 
	font-style: normal;
}
p.banner-title,
p.banner-subtitle,
h1,h2,h3,h4 {
	font-family: Arial,Helvetica,sans-serif;
}
h5,h6 {
	font-family: inherit;
}
h1,h2,h3,h4,h5,h6 {
	font-weight: bold;
}
.banner-title,
.banner-subtitle {
	font-weight: normal;
}

/*-----------------------------------------------------
font properties: paragraph classes
*/
p.hang-indent-p,
p.inset-little-p, 
p.inset-btext-p {
	font-family: inherit;
}
p.quote-blog-p {
	font-family: Arial,Helvetica,sans-serif;
	font-weight: normal;
	font-style: italic;
}
.concept-word{
	font-family: "Times New Roman",TimesNR,times,serif; 
	font-weight: normal;
	font-style: normal;
}
/*-----------------------------------------------------
font properties: hyperlink classes
*/
.body-link {
	font-family: inherit;
}
.body-nav-link,
.nav-link {
	font-family: Arial,Helvetica,sans-serif;
}

/*-----------------------------------------------------
font size: base
*/
/*-----------------------------------------------------
   (usually better to leave the base <p> tag with font properties 
    inherited or undefined, so the author and browser can conveniently
    use it for a broad range of purposes.  Put the font definitions
    on the "btext" class instead.)
*/
h4,h5,h6,
.btext,
body {
	font-size: small;
}
th, td {
	font-size: inherit;
}

/*-----------------------------------------------------
font sizes for paragraph, header, and other classes -- 
Define the font sizes of these classes in a reasonable 
relationship to the base font.
*/

p.banner-title,
h1 { 
	font-size: x-large;
}
p.banner-subtitle,
h2 { 
	font-size: large;
}
h3 { 
	font-size: larger;
}
/* other classes are defined above as normal font size */

.nav-link, 
.concept-word {
	font-size: x-small;
}

/*-----------------------------------------------------
font size : relative definitions 
*/
p.inset-btext-p,
p.hang-indent-p,
.body-link {
	font-size: inherit;
}
/* other classes are defined above as normal font size */

.body-nav-link,
p.inset-little-p, 
p.quote-blog-p {
	font-size: smaller;
}

/*-----------------------------------------------------
paragraph-related properties for various classes.
*/
/*-----------------------------------------------------
Warning:  be wary of over-specifying the paragraph 
properties of the "raw" <p> normal paragraph tag,
otherwise you take away the flexibility the browser
can use to help you in various contexts you could not
have conceived of.  Instead use the "btext" class to 
control formatting of the obvious "body text" contexts.
Then go thru the page and explicitly designate most 
text paragraphs as "btext" -- the stuff you understand
well enough to have a good bet on understanding how
to control the formatting yourself.
*/

/*-----------------------------------------------------
vertical margins 
*/
p.inset-little-p, 
p.quote-blog-p,
p.inset-btext-p,
p.hang-indent-p,
li.major-item,
p.btext{
	margin-top: 0.75em; 
	margin-bottom: 0.75em; 
}
p.no-vspace-btext{
	margin-top: 0em; 
	margin-bottom: 0em; 
}
p.small-vspace-btext{
	margin-top: 0.2em; 
	margin-bottom: 0.2em; 
}
p.nav-link { 
	margin-top: 1.0em; 
	margin-bottom: 1.0em; 
}
p.banner-title { 
	margin-top: 0; 
	margin-bottom: 0.5em; 
}
p.banner-subtitle { 
	margin-top: 0.5em; 
	margin-bottom: 0.5em; 
}
p.concept-word {
	margin-top: 0.0em; 
	margin-bottom: 0.0em; 
}
h1,h2,h3,h4,h5,h6 {
	margin-top: 1.0em; 
	margin-bottom: 0.5em; 
}
h1 + h2 {
	margin-top: 0.5em; 
}
h2 + h3 {
	margin-top: 0.5em; 
}
h3 + h4 {
	margin-top: 0.5em; 
}

/*-----------------------------------------------------
horizontal margins + indents
*/
p.concept-word,
p.btext,
p { 
	margin-left: 0em;
	margin-right: 0em;
}
p.banner-subtitle,
p.inset-btext-p,
p.hang-indent-p, 
ol,
ul {
	margin-left: 2.5em;
}
p.banner-subtitle,
p.inset-btext-p {
	margin-right: 2.5em;
}
p.inset-little-p {
	margin-left:  3.2em;
	margin-right: 3.2em;
}
p.quote-blog-p {
	margin-left:  3.2em;
	margin-right: 10em;
}
p.hang-indent-p {
	text-indent: -2.5em;
}
ol,
ul {
	padding-left: 0em;
}
img.spacer-inset-width {
   	width: 2.5em; 
   	height: 0.5em; 
   	margin: 0;
   	border: 0;
}

/*-----------------------------------------------------
list + item
*/
ul {
	list-style-type: disc;	   
}
ul ul {
	list-style-image: none;
	list-style-type: circle;
}
ul ul ul {
	list-style-image: none;
	list-style-type: square;
}
li {
	 
}

/*-----------------------------------------------------
table + cell
*/
table {
	border-collapse: collapse;
}
td.spacer {
	visibility: hidden;
	margin: 0;
	padding: 0;
	border: 0;
}

/*-----------------------------------------------------
hyperlink behaviors 
*/
a:visited,
a:link {
	  
}
a:hover {
	text-decoration: underline;
}
a:active {
	  
}

/*-----------------------------------------------------
horizontal rule
*/
hr {
	height: 1.8pt;
}

/*-----------------------------------------------------
images + spacers
*/
/* see also
- img.spacer-inset-width
defined further above.
*/
img.spacer-body-width-font {
	font-family: Arial,Helvetica,sans-serif; 
	font-size: x-small;
   	width: 41em; 
   	height: 0.5em; 
   	margin: 0;
   	border: 0;
}
img.spacer-body-width-pixel {
   	width: 600px; 
   	height: 4px; 
   	margin: 0;
   	border: 0;
}
img.empty-cell {
   	width: 5px; 
   	height: 5px; 
   	margin: 0;
   	border: 0;
}

/*-----------------------------------------------------
other miscellaneous stuff
*/
textarea {
	font-style: normal;
	font-family: "Courier New",monospace;
}
button {
	border-top-style: solid;
	font-style: normal;
	font-family: Arial,Helvetica,sans-serif;
	border-left-width: 1pt;
	border-bottom-width: 1pt;
	border-left-style: solid;
	border-bottom-style: solid;
	border-top-width: 1pt;
	border-right-width: 1pt;
	border-right-style: solid;
}
/*-----------------------------------------------------*/
/*-----------------------------------------------------
print: begin print media overrides
*/

@media print {

	/*-----------------------------------------------------
	base background color and display properties
	*/
	body {
		background-image: none ! important;
		background-color: white ! important;
	}

	.concept-word,
	.nav-link,
	.noprint {
		display: none; 
	}

	/*-----------------------------------------------------
	base font properties: family + foreground color 
	*/

	.btext,
	th, td, p, 
	body {
		color: black;
	}

	/*-----------------------------------------------------
	base font size
	*/
	.btext,
	th, td, p, 
	body {
		font-size: 12pt;
	}

	/*-----------------------------------------------------
	font size: 
	Define the font sizes of these classes in a reasonable 
	relationship to the base body font.
	*/

	p.banner-title,
	h1 { 
		font-size: 24pt;
	}
	p.banner-subtitle,
	h2 { 
		font-size: 18pt;
	}
	h3 { 
		font-size: 14pt;
	}
	/* other classes are defined above as normal font size */

	.nav-link, 
	.concept-word {
		font-size: 10pt;
	}

	/*-----------------------------------------------------
	relative font-size definitions 
	*/
	.bullet-link,
	p.inset-btext-p,
	p.hang-indent-p,
	.nav-big-link, 
	.body-link,
	.body-big-link {
		font-size: 12pt;
	}
	/* other classes are defined above as normal font size */

	.body-nav-link,
	.body-little-link,
	p.quote-blog-p,
	p.inset-little-p {
		font-size: 10pt;
	}

	/*-----------------------------------------------------
	images + spacers
	*/
	img.spacer-body-width-font {
		font-family: Arial,Helvetica,sans-serif; 
		font-size: 10pt;
	}
	img.spacer-body-width-pixel {
	   	width: 6.5in; 
	   	height: 5pt; 
	}

} /* end print media overrides */
/*-----------------------------------------------------
print: end print media overrides
*/
/*-----------------------------------------------------*/