/* responsive-scsi-pkt-1e1g3e3.css Style Sheet
   Last modified on Tuesday, February 9, 2016 at 5:45 p.m.

   Created on Wednesday, December 4, 2013 at 6:35 p.m.
   by Raymond Sonoff, President of Sonoff Consulting Services, Inc.

   Most recent changes:
    9-Feb. 2016: Added in more classes based on color buttons for navigation categories (WBP, etc.);
   27-Jan. 2016: Changed background color of element p from White to #99ffcc;
                 Added yellowhighlight class;
   17-Jan. 2016: Added classes .greenlight and .redlight;
    3-Jan. 2016: Changed background color from white to White;
    8-May  2015: Removed "extraneous" li:scsi-hfm-vendors entry.
    5-May  2015: Removed text-align: center; from h2 element;
                 Changed img element's attribute from display: block; to display: inline;
                 Earlier, Added display: block; to .breadcrumbs class.
    4-Feb. 2015: Added class scsi-hfm-vendors under element li;
   26-Jan. 2015: Added font-weight: bold; to Elements h1 through h5;
                 Changed colors for Elements h3 through h5;
                 Changed Element h2's foreground and background colors to black and yellow;
                 Added attributes font-weight: bold; and text-align: center to Element h2;
   25-Dec. 2014: Changed Element h2's foreground and background colors to black and white;
                 Added class bcenterhighlight.
   23-Dec. 2014: Changed h1 element's foreground and background colors and
                 removed font-weight: bold from elements h1 through h6.
   12-Oct. 2014: Changed background color for element h3; 
                 made h3 through h6 have font-weight bold.
   11-Oct. 2014: Commented out all text-shadow attributes (3 locations)
                 Changed colors for Elements h1 thru h5, a:visited
                 
   17-Apr. 2014: Revised h1 element's colors specifically for Scsi's Portal page distinction.
    7-Dec. 2013: Changed class highlight's background from yellow to #ffcc99;
    
    4-Dec. 2013: Revised h1 element's colors and added font-weight: bold; to its attributes list.
                 Added font: 1em/1.4 "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Tahoma, sans-serif; to h1 through h6 elements.
    
   Prior changes made to responsive-scsi-pke-1e1a.css style sheet that was cloned:
    7-Nov. 2013: Changed sizes and/ot foreground/background colors for h1-h6 elements;
                 Added ol and li elements; added font-family to ul element; reduced 
                 font-size for breadcrumbs class.
   18-Oct. 2013: Added class highlight.
   20-Sept.2013: Added class bcenter for use in footer section of Web pages.
   11-Sept.2013: Modified margin settings for ul and li classes.
   11-Mar. 2013: Changed background colors for most elements and classes to white.
   06-Mar. 2013: Increased sizes of h1 through h5 elements;
   05-Mar. 2013: Changed colors for h1 and h2; then for h3 and h4 elements;
                 Added h5 and h6 elements.
   01-Feb. 2013: Made slight size reductions in h1 through h4 elements
   27-Jan. 2013: Added border and border2 elements.
   22-Jan. 2013: Modified h1, h2, h3 colors; added h4.
   12-Jan. 2013. Added border: none; to img Element.
   03-Mar. 2013. Changed visited anchor element's color; background-color
                 from aqua to aqua; and modified abbr element's properties.
      
   Notes and Comments:
   * The abbr element is used to indicate Current Page being viewed.
   * The background-color for Class header is #00bfff referred to as "deepskyblue" color.
   */


body {
	margin: 0;
	padding: 0;
	font: 1em/1.4 "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Tahoma, sans-serif;
	background-color: white;
	color: rgb(59,67,68);
}

.wrapper {
	width: 90%;
	margin: 0 auto 0 auto;
}

border{
   border-style: none none none none;
   background: #f0f8ff;
   color: Black;
   width: 0px;
   border: 0px;
}

border2{
   border-style: none none none none;
   background: #f0f8ff;
   color: Black;
   width: 1px;
   border: 1px solid #999;
   padding: 5px 4px 5px 3px;
}

img {
	max-width: 100%;
/*	display: block;
*/
	display: inline;
	border: none;
}

h1,h2,h3,h4,h5,h6 {
	margin: 0;
	padding: 0;
	font: 1em/1.4 "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Tahoma, sans-serif;
}

h1 {
	font-size: 125%;
	color: black;
	background-color: #ffff99;
	font-weight: bold;
}

h2 {
	font-size: 110%;
	padding: 0 0 1em 0;
	color: black;
	background-color: yellow;
	font-weight: bold;
/*
	text-align: center;
*/
}

h3 {
	font-size: 100%;
	padding: 0 0 1em 0;
	color: black;
	background-color: #ffcc99;
	font-weight: bold;
	
}

h4 {
	font-size: 95%;
	padding: 0 0 1em 0;
	color: white;
	background-color: #0000cc;
	font-weight: bold;
	
}

h5 {
	font-size: 90%;
	padding: 0 0 1em 0;
	color: white;
	background-color: #cc0099;
	font-weight: bold;
	
}

h6 {
	font-size: 85%;
	padding: 0 0 1em 0;
	color: black;
	background-color: #ffcccc;
	
}

p{
	margin: 0;
	padding: 0 0 1em 0;
	background : #99ffcc;
	Color : Black;
	font-family: Tahoma, Georgia, Euphemia, "Trebuchet MS", "Lucida Console", Times, sans-serif;
	letter-spacing: 0.05em;
	font-size: 100%;
	}

ul {
	margin: 0;
	font-family: Tahoma, Georgia, Euphemia, "Trebuchet MS", "Lucida Console", Times, sans-serif;
}

ol {
	margin: 0;
	font-family: Tahoma, Georgia, Euphemia, "Trebuchet MS", "Lucida Console", Times, sans-serif;
}

li {
	margin: 0;
	font-family: Tahoma, Georgia, Euphemia, "Trebuchet MS", "Lucida Console", Times, sans-serif;
}

a:link {
	color: blue;
	background-color: white;
}

a:hover {
	color: red;
	background-color: yellow;
}

a:visited {
	color: #339933;
	background-color: white;
}

abbr { color: Green;
	background-color: white;
	text-decoration-style: solid;
font-family: Tahoma, Georgia, Euphemia, "Trebuchet MS", "Lucida Console", Times, sans-serif;
font-weight: bold;
letter-spacing: 0.05em;
border-color: Black;
cursor: help;

border-style: dashed;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
}

.bcenter{
	font-size: 90%;
    background : white;
	color : Black;
	font-family : Trebuchet, Verdana, Arial, Tahoma, Helvetica, sans-serif;
	font-weight : bold;
	text-align: center;
	}

.bcenterhighlight{
	font-size: 120%;
    background : yellow;
	color : Black;
	font-family : Trebuchet, Verdana, Arial, Tahoma, Helvetica, sans-serif;
	font-weight : bold;
	text-align: center;
	}

.breadcrumbs{
	background : #66ff33;
	Color : Black;
	font-family: Tahoma, Georgia, Euphemia, "Trebuchet MS", "Lucida Console", Times, sans-serif;
	letter-spacing: 0.05em;
	font-size: 80%;
	display: block;
	}

.copyright{
	background : #99ffcc;
	Color : Black;
	font-family: Tahoma, Georgia, Euphemia, "Trebuchet MS", "Lucida Console", Times, sans-serif;
	letter-spacing: 0.05em;
	font-size: 80%;
   text-align: center;
	}
	
.header {
	background-color: #99ffcc;
	color: rgb(0,0,0);
	border-bottom: 1px solid rgb(0,0,0);
	margin-bottom: 1em;
}

.header .wrapper {
	position: relative;
}

.header h1 {
	display: inline-block;
	padding: 1em 0 0.3em 0;
	font-size: 125%;
	font-weight: normal;
	/* text-shadow: 1px 1px 2px rgba(0,0,0,0.7); */
}

.header .nav  {
	padding-bottom: 1em;
}

.header .nav li {
	display: inline;
	font-size: 125%;
	color: rgb(255,255,255);
	padding: 0.5em 0.5em 0 0;
	/* text-shadow: 1px 1px 2px rgba(0,0,0,0.7); */
}

.header .nav a:link, .header .nav a:visited {
	text-decoration: none;
	color: rgb(255,255,255);
}

.header .nav a:hover {
	text-decoration: none;
	color: red;
	background-color: yellow;
}

.highlight{
	background : #ffcc99;
	color : Black;
	font-family: Tahoma, Georgia, Euphemia, "Trebuchet MS", "Lucida Console", Times, sans-serif;
	letter-spacing: 0.05em;
	font-size: 100%;
	}
	
.greenlight{
	background : #99ffcc;
	color : Black;
	font-family: Tahoma, Georgia, Euphemia, "Trebuchet MS", "Lucida Console", Times, sans-serif;
	letter-spacing: 0.05em;
	font-size: 100%;
	}
	
.on-line-directory-listings{
	background-color: #ff9999; 
	color: black;
	font-weight: bold;
}

.other-web-sites{
	background-color: #ff9999; 
	color: black;
	font-weight: bold;
}

.redlight{
	background : red;
	color : White;
	font-family: Tahoma, Georgia, Euphemia, "Trebuchet MS", "Lucida Console", Times, sans-serif;
	letter-spacing: 0.05em;
	font-size: 100%;
	}
	
.scsi-about-scsi{
	background-color: #ff9900; 
	color: black;
	font-weight: bold;
}

.scsi-access-keys {
	background-color: blue; 
	color: white;
	font-weight: bold;
}

.scsi-best-practices{
	background-color: #cc66ff; 
	color: white;
	font-weight: bold;
}

.scsi-clients-etc{
	background-color: #ff9900; 
	color: white;
	font-weight: bold;
}

.scsi-contact-etc{
	background-color: green; 
	color: white;
	font-weight: bold;
}

.scsi-h1 h1 {
	background-color: yellow; 
	color: Black;
	font-weight: bold;
}

.scsi-hfm-vendors{
	background-color: #00cc00;
	color: black;
	font-weight: bold;
}

.scsi-index-etc {
	background-color: yellow; 
	color: Black;
	font-weight: bold;
}

.scsi-portal{
	background-color: white; 
	color: black;
	font-weight: bold;
}

.scsi-productivity-h1{
	background-color: #00afff; 
	color: White;
	font-weight: bold;
}

.scsi-productivity-etc {
	background-color: #00afff; 
	color: White;
	font-weight: bold;
}

.scsi-productivity-focus{
	background-color: #00afff; 
	color: White;
	font-weight: bold;
}

.scsi-proof-etc {
	background-color: blue; 
	color: white;
	font-weight: bold;
}

.scsi-webkiss-guides-etc{
	background-color: #00ff33; 
	color: black;
	font-weight: bold;
}

.yellowhighlight{
   background : yellow;
	color : Black;
	font-family: Tahoma, Georgia, Euphemia, "Trebuchet MS", "Lucida Console", Times, sans-serif;
	letter-spacing: 0.05em;
	font-size: 100%;
	}

.feature  {
	color: rgb(0,0,0);
	margin: 0 0 1em 0;
}

.caption {
	padding: 0.3em;
	font-size: 87.5%;
	/* text-shadow: 1px 1px 2px rgba(0,0,0,0.7); */
}

.gallery ul {
	list-style-type: none;
	margin: 1em 0 1em 0;
	padding: 0;
}

.footer {
	border-top: 1px solid rgb(59,67,68);
	font-size: 87.5%;
	padding: 1em 0 1em 0;
	color: rgb(0,0,0);
	background-color: white;
	margin: 0 0 1em 0;
}