* {margin: 0; padding: 0;}

a:link {  color: #000066;}
a:visited {  color: #371C31;}
a:active {  color: #990000;}
a:hover {  color: #660000;}

body {
	font-size:x-small;
	background: #ffffff;
	background-image: url(../images/2ndbacktop.jpg);
	background-repeat: repeat-x;
	background-position: top;
}
#navbar {
	width: 750px;
}

#container {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:small;
	width:756px;
	margin-left:auto;
	margin-right:auto;
	}
	h1.title {
		 display:none; 

}
h2.header {
display:none; 
padding-left:142px;
padding-top:129px;


	font-size:10px;
	letter-spacing: .17em;
	*/ letter-spacing: .08em;


}
#banner {
	/*padding-top:30px;
	background-position:0px 29px;
	background-image:url(../images/qbdesign.jpg);
	background-repeat:no-repeat;
	height:180px;
	position:relative;
	width:400px; */
	clear:none;
	width: 193px;
	float: left;
	}
#navcontainer {
	float: left;
	clear: none;
	}
#content {
	clear: none;
	width: 550px;
	font-size: 95%;
	line-height: 1.6em;
	/* background-image: url(../images/vision.jpg); */
	background-repeat: no-repeat;
	padding-top: 2.8em;
	padding-left: 0.8em;
}
#content p {
	padding-bottom: .8em;
}
#content ul {
	padding-left: 2em;
	margin-top: 0;
}
#column1 {
	clear: none;
	float: left;
	width: 193px;
	margin-bottom: 100px;
}
#column2 {
	clear: none;
	width: 557px;
	float: right;
	margin-bottom: 100px;
	margin-top: 12px;	
}
#sidebar {
	clear: none;
	background-image: url(../images/colors/goldfiller.jpg);
	background-repeat: repeat-y;

}
.sidebarB {
	background-image: url(../images/colors/goldback.jpg);
	background-repeat: no-repeat;
	min-height:194px;
	padding-left: 10px;
	padding-right: 17px;
	font-size: 80%;
	line-height: 1.3em;
}

.sidebarB p {
	padding-bottom: .8em;
}
.rss {
	border-top: 1px solid #FFFFFF;
	padding-top: 1em;
	margin-top: .4em;
}
#bottomsidebar {
background-image: url(../images/colors/goldbottom.jpg);
	background-repeat: no-repeat;
	height: 41px;
	padding-left: 32px;
	padding-right: 10px;
}
ul.nav {
	list-style:none;
	margin:0px;
	padding-top: 10px;
	}
ul.nav li {
	display:inline;
	margin:0px;
	padding:0px;
	
	}
ul.nav li a:link, ul.nav li a:visited {
	background-image:url(../images/newcssnav2nd.gif);
	height:69px;
	float: left;
	display:block;
	 text-indent:-9999px; 
	background-repeat:no-repeat;
	}
a.nav1:link, a.nav1:visited {
	width:55px;
	background-position:-13px 0px
	}
a.nav2:link, a.nav2:visited {
	width:55px;
	background-position:-68px 0px;
	}
a.nav3:link, a.nav3:visited {
	width:58px;
	background-position:-123px 0px;
	}
a.nav4:link, a.nav4:visited {
	width:53px;
	background-position:-181px 0px;
	}
a.nav5:link, a.nav5:visited {
	width:58px;
	background-position:-235px 0px;
	}
a.nav6:link, a.nav6:visited {
	width:53px;
	background-position:-293px 0px;
	}		
a.nav1:hover {
	background-position:-396px 0px;
	}
a.nav2:hover {
	background-position:-450px 0px;
	}
a.nav3:hover {
	background-position:-505px 0px;
	}
a.nav4:hover {
	background-position:-563px 0px;
	}
a.nav5:hover {
	background-position:-617px 0px;
}
a.nav6:hover {
	background-position:-675px 0px;		
	}
#contact #container #navbar #navcontainer .nav .nav6 {
	width:83px;
	background-position:-1093px 0px;
	}
.topbar {
	background-image: url(../images/colors/goldbar.gif);
	background-repeat: no-repeat;
	height: 118px;
	vertical-align: bottom;
	padding-top: 11px;
}
#sidebartop {
	padding-top: 50px;
	background-image: url(../images/colors/goldtopbox.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	height: 39px;
}
.alttitle {
display:none; 
}

#footer {font-size: 85%;
margin-top: 2em;
padding-left: 0.8em;
	clear: none;
}
#bottom {
	background-image: url(../images/2ndbackbot.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	height:100px;
	width:100%;
	clear:both;
}

.lglink {  font-family: Arial, Helvetica, sans-serif; font-size: 120%;}
.medlink {  font-family: Arial, Helvetica, sans-serif; font-size: 100%;}
.caption {  font-family: Arial, Helvetica, sans-serif; font-size: 10px;}
.smlink {  font-family: Arial, Helvetica, sans-serif; font-size: 80%;}
.lead {  font-family: Arial, Helvetica, sans-serif; font-size: 140%; padding-top: 1.2em; color:#333333;}
.title {  font-family: Arial, Helvetica, sans-serif; font-size: 170%; font-weight: bold;}
.gentitle {  font-family: Arial, Helvetica, sans-serif; font-size: 200%; font-weight: bold;}
.display {  font-family: Arial, Helvetica, sans-serif; font-size: 300%; font-weight: bold;}


@media only screen and (max-width: 768px) {
body {background: none;}

#container {width: 100%;}
h2.header {
	display: none;
	padding-left: 142px;
	padding-top: 129px;
	font-size: 10px;
	letter-spacing: .17em;
	*/ letter-spacing: .08em;
}

#banner {
	clear: both;
	background-image: url(../images/qbdesign2.jpg);
	background-repeat: no-repeat;
	height: 190px;
	width: 390px;
	float:none;
	margin-top: 29px;
	margin-bottom: 10px;
}

#content {
	clear: both;
	width: 100%;
	font-size: 120%;
	line-height: 1.6em;
}

#content p { padding-bottom: .8em; }



#navcontainer {
	float: none;
	clear: both;
	width:100%;
	background-color: #000000;
	height:90px;
	}



#column1 { display:none;}
#column2 { float: none; width: 100%; clear:both; background-color:#ffffff;}
#column2 #content{width: 100%; background-image:none; padding-top: 20px;}
#content {font-size: 140%;}
.topbar { display: none;}
}