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;
		scrollbar-face-color: #FF9933;
}

/*IE7 only fix*/
#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: 754px;
	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: 753px;
	float: left;
	clear:right;
}	

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

/*Main Content*/
#maincontent {
	
	line-height: 1.5em;
	padding: 12px 24px;
}
h1 {
	margin: 0px;
	font-size: 1.45em;
	padding: 2px 24px;
	color: #CC6600;
	font-weight: normal;	
}
h1, h2, h3, h4 {	
	line-height: normal;
	font-family:"Trebuchet MS", Arial, sans-serif;
}

h2 {
	margin: 0px;
	font-size: 1.35em;
	color: #CC6600;
}
h3 {
	margin: 1.5em 0 0 0;
	font-size: 1.25em;	
}

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

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.topheading {
	margin: 0;
	color: #FFFFFF;
}
#sidecontentleft p {
	margin: 8px 0px 12px 0px;
}

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

}

.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 solid #999999;
	font-size: 1.15em;
	color:#ffffff;
	background-color:#999999;
}

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

/********IMAGE CONTENT*********/

/* 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 0px;
	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;
		
	
}




/***********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:normal;
	border-bottom: 0px dotted #ccc;
}

#layout a:hover, #footer a:hover,#validation a:hover { 
	color:#fff;
	text-decoration:none;
	font-weight:normal;
	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;
	
}


/******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 0;
	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;
}