html, body {
	color: #333333;
	background-color: #FFFFFF;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 101%;/* font sizing in ems. If you want to change anything, just change this.*/
	/*funny thing happens at 75% and lower. opera goes to a nice small size, but moz and ie pc change almost not at all. seems 76% is as small as you can go and stay the same across browsers.*/
	margin: 0;
	padding: 0;
}

#qbsTBM div, #qbsTBM ul {
	zoom:100%;
}

#masthead {
	height: 80px;
	background:url(../images/siteimages/logo.jpg) no-repeat;
}

#logohref img {
	border:0;
	float:left;
	margin-top:0px;
}

#banner {
	height: 80px;
	border:0;
	background:url(../images/pcconference.jpg) no-repeat;
	margin-left:40px;
	float:left;
	width: 300px;
}

#google {
	margin-top:2px;
	margin-left:25px;
	float:left;
}

#search {
	float:right;
	margin-top:25px;
	padding:0 0 5px 0;
	right: 110px;
	width: 260px;
}

#search form {
	margin: 0;
}

#search form fieldset {
	border: 0;
	margin:0;
	padding:0;
}

#search form fieldset legend {
	display: none;
}

#search label {
	height: 40px;
	width: 32px;
	float: left;
	text-indent: -4000px;
	position: relative;
	display: block;
	background:url(../images/magsearch.gif) no-repeat;
}

#search .searchbox {
	border: 1px solid #CC6600;
	background-color:#FFFFCC;
	font-size: 14px;
	padding: 0px 0 0px 12px;
	color: #333333;
	float: left;
	width: 100px;
	margin: 10px 0 0 -20px;
}

#search .btn {
	color:#666666;
	background-color:#FFCC00;
	border: 1px #CC6600 outset;
	margin: 9px 0 0 1px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#666666;
}

#textsize {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.73em;
	color:#333333;
	text-align:right;
	margin-right: 60px;
	margin-top:10px;
}

#menubar {
	font-size: 0.8em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/*Style Switchers*/

#switch {
	top:0;
	left:0;
	padding:0.5em 1em;
	font-size:0.94em;
}

#switch a:link, #switch a:visited {
	border:none;
	color:#CC6600;
	font-weight:normal;
	text-decoration:none;
}

#switch a:focus, #switch a:active, #switch a:hover {
	color:#999999;
	text-decoration:underline;
}

/********COLUMN WRAPPER**********/
#layout {
	width: 808px;
	margin:1em 0 0 4.5em;
	padding: 0;
}

/*MAIN and SIDEBAR COLUMNS
  Width of both must equal width of Layout
	360 + 295 + 295 = 950
	Then we deduct 2px from the sidebox to work
	around gross miscalculations by IE5 Mac*/
#sideboxright {
	width: 700px;
	float: left;
	clear:right;
}

/********CONTENT CONTAINERS*********/

/*Main Content*/
/*Main Content*/
#maincontent {
	line-height: 1.5em;
	padding: 12px 24px;
}

h1 {
	margin: 0px;
	font-size: 1.4em;
	color: #CC6600;
	font-weight: bold;
}

h1, h2, h3, h4 {
	line-height: normal;
	font-family:"Trebuchet MS", Arial, sans-serif;
}

h2 {
	margin: 1.5em 0 0 0;
	font-size: 1.30em;
}

h3 {
	margin: 1.5em 0 0 0;
	font-size: 1.20em;
	color:#666666;
}

h4 {
	margin: 1.5em 0 0 0;
	font-size: 1.0em;
	color:#666666;
}

h5 {
	margin: 1.5em 0 0 0;
	font-size: 1.0em;
	color: #669966;
	font-weight:bold;
}

h6 {
	font-size: 0.8em;
	color: #333333;
	margin-bottom:-3px;
}

ul {
	list-style-type:none;
	padding-left:15px;
	margin-left:0;
	list-style-image:url(../images/freepchelp.jpg);
}

#maincontent p {
	margin: 8px 0 12px 0;
}

/*Sidebar*/
#sidecontent {
	padding: 0 10px 16px 30px;
	line-height: 1.5em;
	font-size: 0.75em;
}

#sidecontent .topheading {
	margin: 0;
	color: #FFFFFF;
}

#sidecontent p {
	margin: 8px 0 12px 0px;
}

#sidecontentleft {
	padding: 0 15px 16px 24px;
	line-height: 1.5em;
	font-size: 0.75em;
}

#sidecontentleft.topheading {
	margin: 0;
	color: #FFFFFF;
}

#sidecontentleft p {
	margin: 8px 0px 12px 0px;
}

.zaptext {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	color:#CC6600;
	text-align:left;
	font-weight:bold;
}

.newstext {
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.9em;
	color:#333333;
	text-align:left;
}

.callout {
	float: left;
	width: 130px;
	margin: 0px 5px 5px 5px;
	padding: 5px;
	border: 1.5px dashed #999999;
	font-size: 1.15em;
	color: #333333;
	background-color:#FFFFCC;
}

.calloutblack {
	float: left;
	width: 130px;
	margin: 0px 5px 5px 5px;
	padding: 5px;
	border: 1.5px solid #999999;
	font-size: 1.0em;
	color:#333333;
}

.blognews {
	float: left;
	width: 310px;
	padding: 5px;
	margin-top: 20px;
	border: none;
	font-size: 1.5em;
	font-weight:bold;
	color: #ffffff;
	background-color:#F90;
}

.featuredproducts {
	font-size: 1.2em;
	color: #333333;
}

/* tag line style - for any images that need one */

.imgTagline {
	font-family:Arial, Helvetica, sans-serif;
	color:#666666;
	font-size:9px;
}

/* text tagline slightly larger than norm*/

.textTagline {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#663300;
	font-size:11px;
	font-weight:bold;
	text-align:left;
}

/* border style - for any images that need one */

.img {
	margin: 10px 10px 10px 10px;
	border: 0;
}

.img a, .img a:active, .img a:focus {
	text-decoration: none;
	font-weight:normal;
	color: #fff;
	background-color:#fff;
}

.img a hover {
	text-decoration:none;
	font-weight:normal;
	color: #fff;
}

.centercontentleft {
	float:left;
	width:40%;
	height:200px;
	background-color:#fff;
	text-align:left;
	border:dashed 2px #ccc;
	margin: 4px 10px 5px 10px;
	padding:6px;
	font-size:1.1em;
	color:#666666;
}

/***********FOOTER************/
/*Footer Container*/
#footerbox {
	clear: both;
	font-size: 0.75em;
	width: 950px;
	margin: 0 180px 0 0;
	text-align:center;
}

/*Footer Content*/

#footer {
	margin: 0;
	padding: 12px 24px;
	background-color:#fff;
	color: #333333;
	border-top:1px dotted #333333;
}

#footer p {
	margin: 0 0 12px 0;
}

#validation {
	margin-top:-25px;
	font-size: 0.9em;
}

/*********PAGE LINK STYLES********/
#layout a, #layout a:active, #layout a:focus, #footer a:active, #footer a:focus, #validation a:active, #validation a:focus {
	color: #CC6600;
	text-decoration: none;
	font-weight:bold;
	border-bottom: 0px dotted #D03900;
}

#layout a:hover, #footer a:hover, #validation a:hover {
	color:#fff;
	text-decoration:none;
	font-weight:bold;
	border-bottom: 0px solid #999999;
	background-color:#999999;
}

#sitemap a, #sitemap a:active, #sitemap a:focus {
	color: #000000;
	text-decoration: none;
	font-weight:normal;
	border-bottom: 0px dotted #ccc;
}

#sitemap a hover {
	text-decoration:none;
	font-weight:normal;
	border-bottom: 0px solid #ccc;
}

#image a, #image a:active, #image a:focus {
	color: #000000;
	text-decoration: none;
	font-weight:normal;
	border-bottom: 0px dotted #ccc;
}

#image a hover {
	text-decoration:none;
	font-weight:normal;
	border-bottom: 0px solid #ccc;
}

/******TAB NAVBAR STYLES********/
#qbsTBMroot {
	font-size: 1em;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	border-top: 1px solid #333333;
	background-image: url(../images/kltab_bevel_bottom.jpg);
	padding: 0 0 16px 0px;
	background-repeat: repeat-x;
	background-position: left bottom;
}

#qbsTBMrootbox {
	background-image: url(../images/kl-mbar.jpg);
	background-repeat: repeat-x;
	background-color: #FF9900;
}

#qbsTBMroot ul {
	padding: 0;
	width: 920px;
	margin: 0;
	margin-left:15px;
	border-left: 1px solid #333;
}

#qbsTBMroot li {
	list-style-type: none;
	display: inline;
}

#qbsTBMroot li a {
	float: left;
	color: #333333;
	padding: 5px 10px;
	text-decoration: none;
	border-right: 1px solid #333333;
	background-image: url(../images/klb_roots.jpg);
	background-repeat: repeat;
	background-position: 0px 0px;
	background-color: #FF9900;
}

#qbsuberlink {
	color: #333333!important;
	background-color: #CC9900!important;
	background-position: 0px -200px !important;
	background-repeat: repeat;
}

/*
The Root Level Hover.
DO NOT CHANGE SELECTOR NAMES*/ 
#qbsTBMroot li a:hover, #qbsTBMroot li a:focus, #qbsTBMroot li a:active {
	color: #ECE9D8;
	background-position: 0px -100px !important;
	background-repeat: repeat;
	background-color: #FFFFFF;
}

#qbsTBM br {
	clear: both;
	height: 0;
	line-height: 0.0;
	font-size: 1px;
}