/* -----------------------------------
File name:  master-css1h3a2.css
Site:       Sonoff Consulting Services, Inc.
CSS author: Raymond Sonoff
Updated:	   Wednesday, January 27, 2016 at 4:45 p.m.
Updated by: Raymond Sonoff

Most recent change(s):
				27-Jan. 2016: Changed background color of element p from White to #99ffcc;
								  Added yellowhighlight class; 
Previous changes:
            17-Jan. 2016: Added classes .greenlight and .redlight;
             3-Jan. 2016: Changed background color to white.
             4-May  2015: Modified img element's attributes.
             3-May  2015: Added gallery ul and gallery ol classes.
             2-May  2015: Removed ul, ol, and li from Simple Reset operation.
             1-Mar. 2015: Added Scsi's Privacy Policy button to Primary Navigation section.
            21-Feb. 2015: Added Scsi's Ten Web Best Practices, scsi-portal, and productivity-# classes under the primary-nav section.
            16-Feb. 2015: Added button colors-specific classes within the primary-nav section.
            
             5-Jan. 2015: Made some changes in the primary-nav class section for testing purposes,
                          specifically background color change to #000 and hover color to yellow.
                          Saved master-css1f1d.css as the "newest" revision of master-css1f.css.
                          
             1-Jan. 2015: Made some changes in the primary-nav class section for testing purposes,
                          specifically making "tabs-corners-1b.gif" the "tab testing" graphic.
             
            27-Dec. 2014: Changed color and background-color of primary-nav: a:hover
            11-Oct.-2014: Commented out a:focus ....
                          Changed footer background color to white, for a:visited, 
                          changed colors and commented out font-weight: bold attribute;
                          commented out font-weight: bold attribute in primary-nav's
                          a:hover and a:focus elements
.
            
            04-May-2014: Edited :focus pseudo-class to provide for tabbed highlighting
                         of text or button hyperlinks.
Previous Changes:
           Changed corners.gif to corners-bkgd-body.gif in primary-nav class values
            Removed h1-h6 elements;
            Modified primary-nav attributes.
----------------------------------- */

/* -----------------------------------
simple reset
----------------------------------- */

/* html, body, ul, ol, li, form, fieldset, legend */

html, body, form, fieldset, legend
{
	margin: 0;
	padding: 0;
}

fieldset, img { border: 0; }
legend { color: #000; }



input, textarea, select, button
{
	font-size: 110%;
	line-height: 1.1;
	font-family: helvetica, arial, sans-serif;
}

button
{
	width: auto;
	overflow: visible;
}

table
{
	border-collapse: collapse;
	border-spacing: 0;
}

caption, th, td
{
	text-align: left;
	vertical-align: top;
	font-weight: normal;
}

ul li { list-style: none; }

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

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


abbr, acronym
{
	border-bottom: .1em dotted;
	cursor: help;
}

sup { vertical-align: text-top; }
sub { vertical-align: text-bottom; }

pre, code
{
	font-family: "Courier New", monospace, serif;
	font-size: 100%;
	line-height: 1.2;
}

/* -----------------------------------
elements
----------------------------------- */

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);
}


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%;
	}

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

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


/* a:focus
{
	color: #000;
	outline: 
	;
}
*/

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

a:hover {
	color: red;
	background-color: yellow;
	/* font-weight: bold; */
}

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

/* a:focus {
	color: #000;
	outline: thin dotted;
	color:red;
	background-color: yellow;
	font-weight: bold;
}
*/

.content ol
{
	line-height: 1.4;
	padding: 0 0 1.5em 40px;
}

.content ul
{
	line-height: 1.4;
	padding: 0 0 1.5em 20px;
}

.content li { margin: 0 0 .3em; }

.content ul li
{
	padding: 0 0 0 20px;
	background: url(../images/bullet.gif) no-repeat 0 .3em;
}

/* -----------------------------------
layout
----------------------------------- */

.container
{
	width: 100%;
	margin: 50px auto;
}

.content-container
{
	clear: both;
	padding: 20px 0 0;
}

.section-nav
{
	float: left;
	width: 200px;
}

.content
{
	float: left;
	width: auto;
}

.sidebar
{
	float: left;
	width: 200px;
}

*/

/* -----------------------------------
header
----------------------------------- */

/*

.header
{
	float: left;
	width: 920px;
	position: relative;
	padding: 20px 30px 0;
	color: #fff;
	background: #33ffcc;
}

h1
{
	margin: 0;
	padding: 0 0 20px;
}

h1 img { display: block; }

/* -----------------------------------
search-form
----------------------------------- */

.search-form
{
	position: absolute;
	right: 10px;
	top: 10px;
	padding: 0 0 0 145px;
	background: url(../images/search-label.gif) no-repeat;
}

.search
{ 
	float: left;
	width: 130px;
	height: 22px;
	margin: 0;
	padding: 2px 5px;
	border: none;
}

.search-button
{
	float: left;
	margin: 0;
	padding: 0;
}

/* -----------------------------------
primary-nav
----------------------------------- */

.primary-nav li 
{ display: inline;
background-color: white }

.primary-nav a
{
	float: left;
	margin: 0 2px 0 0;
	background: #000 url(../images/tabs-corners-1b.gif) no-repeat -2000px 0;
	text-decoration: none;
}

.primary-nav span
{
	display: block;
	padding: 7px 15px;
	background: url(../images/tabs-corners-1b.gif) no-repeat 100% 0;
}

.primary-nav a:hover
{
	color: black;
	background-color: yellow;
	/* font-weight: bold; */
}

.primary-nav a:focus
{
	color: yellow;
	background-color: red;
	/* font-weight: bold; */
}

/* Scsi Primary Navigation Buttons-related classes */

.scsi-index span {
	background-color: yellow; 
	color: black;
	font-weight: bold;
}

.scsi-navigation span {
	background-color: yellow; 
	color: black;
	font-weight: bold;
}

.scsi-site-map span {
	background-color: yellow; 
	color: black;
	font-weight: bold;
}

.scsi-home span {
	background-color: yellow; 
	color: black;
	font-weight: bold;
}

.scsi-expanded-home span {
	background-color: yellow; 
	color: black;
	font-weight: bold;
}

.scsi-graphics-based-home span {
	background-color: yellow; 
	color: black;
	font-weight: bold;
}

.scsi-mobile span {
	background-color: #feff33; 
	color: black;
	font-weight: bold;
}

.on-line-directory-listings span {
	background-color: #ff9999; 
	color: black;
	font-weight: bold;
}

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

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

.scsi-about-scsi span {
	background-color: #ff9900; 
	color: black;
	font-weight: bold;
}

.scsi-profile span {
	background-color: #ff9900; 
	color: black;
	font-weight: bold;
}

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

.scsi-categories span {
	background-color: #ff9900; 
	color: white;
	font-weight: bold;
}

.scsi-services-offered span {
	background-color: #ff9900; 
	color: white;
	font-weight: bold;
}

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

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

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

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

.scsi-tips-and-notes span {
	background-color: blue; 
	color: white;
	font-weight: bold;
}

.scsi-perfect-10-standard span {
	background-color: blue; 
	color: white;
	font-weight: bold;
}

.scsi-part-1 span {
	background-color: blue; 
	color: white;
	font-weight: bold;
}

.scsi-part-2 span {
	background-color: blue; 
	color: white;
	font-weight: bold;
}

.scsi-part-3 span {
	background-color: blue; 
	color: white;
	font-weight: bold;
}

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

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

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

.scsi-best-practice-1 span {
	background-color: #cc66ff; 
	color: black;
	font-weight: bold;
}

.scsi-best-practice-2 span {
	background-color: #cc66ff; 
	color: black;
	font-weight: bold;
}

.scsi-best-practice-3 span {
	background-color: #cc66ff; 
	color: black;
	font-weight: bold;
}

.scsi-best-practice-4 span {
	background-color: #cc66ff; 
	color: black;
	font-weight: bold;
}

.scsi-best-practice-5 span {
	background-color: #cc66ff; 
	color: black;
	font-weight: bold;
}

.scsi-best-practice-6 span {
	background-color: #cc66ff; 
	color: black;
	font-weight: bold;
}

.scsi-best-practice-7 span {
	background-color: #cc66ff; 
	color: black;
	font-weight: bold;
}

.scsi-best-practice-8 span {
	background-color: #cc66ff; 
	color: black;
	font-weight: bold;
}

.scsi-best-practice-9 span {
	background-color: #cc66ff; 
	color: black;
	font-weight: bold;
}

.scsi-best-practice-10 span {
	background-color: #cc66ff; 
	color: black;
	font-weight: bold;
}

.scsi-any-browser span {
	background-color: #cc66ff; 
	color: white;
	font-weight: bold;
}

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

.WKG-Resource span {
	background-color: #00ff33; 
	color: black;
	font-weight: bold;
}

.WKG-1 span {
	background-color: #00ff33; 
	color: black;
	font-weight: bold;
}

.WKG-2 span {
	background-color: #00ff33; 
	color: black;
	font-weight: bold;
}

.WKG-3 span {
	background-color: #00ff33; 
	color: black;
	font-weight: bold;
}

.WKG-4 span {
	background-color: #00ff33; 
	color: black;
	font-weight: bold;
}

.WKG-5 span {
	background-color: #00ff33; 
	color: black;
	font-weight: bold;
}

.WKG-6 span {
	background-color: #00ff33; 
	color: black;
	font-weight: bold;
}

.WKG-7 span {
	background-color: #00ff33; 
	color: black;
	font-weight: bold;
}

.WKG-8 span {
	background-color: #00ff33; 
	color: black;
	font-weight: bold;
}

.WKG-9 span {
	background-color: #00ff33; 
	color: black;
	font-weight: bold;
}

.WKG-10 span {
	background-color: #00ff33; 
	color: black;
	font-weight: bold;
}

.WKG-12 span {
	background-color: #00ff33; 
	color: black;
	font-weight: bold;
}

.scsi-total-access span {
	background-color: #00ff33; 
	color: black;
	font-weight: bold;
}

.scsi-privacy-policy span {
	background-color: yellow; 
	color: black;
	font-weight: bold;
}

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

.scsi-productivity-1 span {
	background-color: #00afff; 
	color: black;
	font-weight: bold;
}

.scsi-productivity-2 span {
	background-color: #00afff; 
	color: black;
	font-weight: bold;
}

.scsi-productivity-3 span {
	background-color: #00afff; 
	color: black;
	font-weight: bold;
}

.scsi-productivity-4 span {
	background-color: #00afff; 
	color: black;
	font-weight: bold;
}

.scsi-productivity-5 span {
	background-color: #00afff; 
	color: black;
	font-weight: bold;
}

.scsi-productivity-6 span {
	background-color: #00afff; 
	color: black;
	font-weight: bold;
}

.scsi-productivity-7 span {
	background-color: #00afff; 
	color: black;
	font-weight: bold;
}

.scsi-productivity-8 span {
	background-color: #00afff; 
	color: black;
	font-weight: bold;
}

.scsi-productivity-9 span {
	background-color: #00afff; 
	color: black;
	font-weight: bold;
}



/* -----------------------------------
section-nav
----------------------------------- */


.section-nav li { display: inline; }

.section-nav a
{
	display: block;
	margin: 2px 0 0;
	color: #fff;
	background: #141413 url(../tabs-corners-1b.gif) no-repeat -340px 0;
	text-decoration: none;
}

.section-nav span
{
	display: block;
	padding: 7px 10px;
	background: url(../images/tabs-corners-1b.gif) no-repeat -880px 100%;
}

.section-nav a:hover { background-color: red; }
.section-nav a:focus { outline: red thin dotted; }
.section-nav ul ul a { background-color: #333; }
.section-nav ul ul span { padding: 5px 5px 5px 25px; }
.current a { background-color: red; }

/* -----------------------------------
footer
----------------------------------- */

.footer
{
	position: relative;
	clear: both;
	margin: 0 0 20px;
	padding: 20px 30px;
	color: black;
	background: white;
	font-size: 90%;
}

.footer li
{
	display: inline;
	margin: 0 15px 0 0;
}

.footer a:link, .footer a:visited { color: #9933ff; }

.footer-decoration
{
	position: absolute;
	right: 0;
	top: -21px;
	width: 82px;
	height: 61px;
	background: url(../images/scsi_logo.gif) no-repeat;
}

/* -----------------------------------
box
----------------------------------- */

/* -----------------------------------
colors
----------------------------------- */

/* -----------------------------------
classes
----------------------------------- */

.structural
{
	position: absolute;
	left: -500em;
}

.gutter { margin-left: 20px; }