/**********************************
KB5259st.htm CSS DOCUMENTS CONTENTS

1. font and page layout elements
2. relating to graphics used  
3. styles applied links used
4. main navigational sections  
 **********************************/




/*****************************************************************
 * 1. LAYOUT AND FONTS: DEFAULTS USED TO HANDLE ALL TEXT ELEMENTS 
******************************************************************/
 body {
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-color: #61605e;
	text-align: left;
	margin: 0px;
	padding: 0px;
	background-color: #FFFFFF; /*white - bg-color is defaulted to white following browser reset to ensure consistency - plse disregard any CSS warnings when validating code*/
}

.bold {font-weight: 600;}

h1 {
	margin: 0px;
	font-size: 1.4em;
	font-weight: bolder;  
}

h2 {
	margin: 0px;
	font-size: 1.2em;
	font-weight: bold;
}

p {
	font-size: 1em;
}

th {display: none;}/*Note: headings will not display, but is used by screen readers to assist users with accessibility issues*/

ul {
	list-style-type: disc;
	list-style-image: none;
	list-style-position: inside;	
}

.center {text-align: center;}

.align-right {text-align: right;}

.margin_default {margin: 0px;}

.inline {display: inline;}

/**************************
 * END FONT & LAYOUT STYLES
 *************************/


/******************************
 * 2. RELATING TO GRAPHICS USED 
 ******************************/

img {text-decoration: none;}

.no-border {
	border: none;	
	text-decoration: none;
}


/**************************
 * END GRAPHICS STYLES
 *************************/


/************
 * 3. LINKS
 ************/

a, a:link {text-decoration: none;
	color: #ffb556; /*gold*/
}

a:hover {text-decoration: underline;
	color: #ffb556; /*gold*/
}

a:visited {text-decoration: underline;
	color: #c07719; /*drkgold - */
}


/**************************
 * END LINKS STYLES
 *************************/


/**********************************
 * 4. MAIN NAVIGATIONAL SECTIONS
 **********************************/
 
div#container {
	width: 775px;
	margin: 0 auto;
}

div#header {width: 775px;}


/* R nav list */
div#nav_right {
	position: absolute;
	top: 50px;
}

div#navR {
	width: 282px; 
	height: 30px;
	margin-left: 468px;
	text-align: right;
}

div#navR a:link, 
div#navR a:active, 
div#navR a:visited {
	color: #61605e;/* darkgrey - plse disregard any warnings at validation. The bg here is white */
	font-size: .90em;
	text-decoration: none;
}

div#navR a:hover {
	color: #61605e; /* black */
	text-decoration: none;
}


/* MAIN NAV */
div#navTop {
	margin-top: 10px;
	margin-bottom: 10px;
	margin-right: auto;
	margin-left: auto;
	width: 550px;
	font-size: 1em;
	background-color: #FFFFFF; /* white */
}

div#navTop a:link, 
div#navTop a:active, 
div#navTop a:visited {
	color: #ffb556; /* gold */
	font-weight: bold;
	text-decoration: none;
	display: block;
}

div#navTop a:hover {
	color: #ffb556; /* gold */
	text-decoration: underline;
}

div#navTop td.border {
	color: #FFFFFF; /* white */
	text-decoration: none;
}

div#navTop td.border a:link,
div#navTop td.border a:active, 
div#navTop td.border a:visited   {
	font-weight: bold;
	display: block;
	background-color: #FFFFFF; /* white */
}

div#navTop td.border a:hover  {
	color: #ffb556; /* gold */
	text-decoration: underline;
}
  

div#navTop td.border_active a:link, 
div#navTop td.border_active a:active,
div#navTop td.border_active a:visited {
	font-weight: bold;
	color: #ffb556;  /* gold */
	text-decoration: none;
}

/* HOMEPAGE CONTENT DIV */
div#home_txt {
	width: 530px;
	margin-right: .6em;
	float: left;
	line-height: normal;
}

/* DIV NEW PRODUCTS COLUMN */
div#newProd {
	text-align: left;
	line-height: normal;
}


/* DIV FOR PRODUCTS AND STAFF PAGES */
div#wrapper {
	width: 775px;
	margin: 0 auto;
}

/* PRODUCTS NAV */	
div#left_nav {
	float: left;
	text-align: left;
	background-color: #ccc3bc;
	margin-right: 1em;
}

div#left_nav a {display: block;}

.left_menu1,
a.left_menu1:link,
a.left_menu1:active, 
a.left_menu1:visited {
	padding: .6em;
	text-decoration: none;
	color: #660000; /*darkbrown*/
	font-size: 1em;
	display: block;
}

a.left_menu1:hover, 
a.left_menu2:hover  {
	color: #660000; /* darkbrown */
	text-decoration: underline;
	background-color: #dfd3c9; /* light-brown */
}

.left_menu2,
a.left_menu2:link,
a.left_menu2:active, 
a.left_menu2:visited {
	padding: 1.2em;
	text-decoration: none;
	color: #ffffff; /* white */
	font-size: .8em;
	display: inline;
	font-weight: bold;
	line-height: 2px;
}

.left_menu2_active,
a.left_menu2_active:link, 
a.left_menu2_active:active, 
a.left_menu2_active:visited {
	padding: .9em;
	text-decoration: none;
	color: #28211b; /* Dark Brown */
	font-size: 1em;
	display: inline;
	font-weight: bold;
	background-color: #bbaea5; /* mid-brown */ 
	line-height: 2px;
}

/* BREADCRUMB */
div#breadcrumb {
	font-size: .8em;
	color: #333333; /* darkgrey */
}


/* PRODUCT IMAGE DIV */
div#pic {margin-right: 10px;}

/* DIV PRODUCT DESC */
div#desc {
	color: #333333; /* darkgrey */
	margin-left: 450px;
}


/* PRODUCTS PG MIDDLE SPACER DIV */
div#central {float: left;}


/* STAFF & SURVEY PGS DIV */
div#content {
	height: auto;
	margin-top: .8em;
}

div#content img {
	float: left;
	margin-right: .6em;
	margin-top: .8em;
}

/* FOOTER SECTION */
div#footer {
	display:block;
	clear: left;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-right: auto;
	margin-left: auto;
	width: 775px;
	font-size: .8em;
	background-color: #ffffff; /* white */
	color: #999999; /* lightgrey */
}	


div#footer a:link, 
div#footer a:active, 
div#footer a:visited {
	color: #ffb556; /* gold */
	text-decoration: none;
	font-weight: bold;
}

div#footer a:hover {text-decoration: underline;
	color: #ffb556; /* gold */
	font-weight: bolder;
}

/**************************
 * END NAVIGATION STYLES
 *************************/