/* main layout */

body{
 font: 12px Arial, Helvetica, sans-serif;
 color:#9F927F;
 background: #E8E0D5 url(../images/bg2.jpg) repeat-y center;
 margin:0px;
 padding:0px; 

}

#nav{
 display:none;
}	 

a:link { 
	padding: 0 1px 0 1px;
	text-decoration: none; 
	color:#6d373a;
}
a:visited { 
	padding: 0 1px 0 1px;
	text-decoration: underline; 
	color:#9f927f;
}
a:hover, a:active { 
    background: #e8e0d5;
	padding: 0 1px 0 1px;
	text-decoration: none; 
	color:#6d373a;
} 

#wrap{
 width:760px;
 top:60px;
 position:relative;
 padding:0;
 margin-top:0;
 margin-left:auto;
 margin-right:auto;
 background-color:#b9aa94;
}	 

#lh-col{
 position:absolute;
 top:0px;
 left:0;
 width:240px;
 height:475px;
 z-index:3;
 background:#d7c9b6;
 height:auto;
}

#rh-col{
	position:absolute;
	top:0px;
	right:0;
	left:390px;
	width:330px;
	height:335px;
	z-index:2;
	background:#ffffff;
	padding-top:140px;
	padding-left:10px;
	padding-right:20px;

}

#c-col{
 left:240px;
 margin:0px;
 position:absolute;
 background:#ffffff;
 z-index:5;
 top: 0px;
 width:150px;
 height:475px;
}

#hdr{
 position:absolute;
 top:-60px;
 width:760px;
 height:60px;
 background:#4f5b6f;
 margin-left:auto;
 margin-right:auto;
}

#content {
	position: absolute;
	background-color: #FFF;
	top: 475px;
	border-top: 1px solid #b9aa95;
	padding-left: 20px;
	padding-right: 25px;
	height: 1503px;
}

/*beginning content style*/
h1.mission{
 position:relative;
 left:-10px;
 width:300px;
 height:32px;
 background: url(../images/titles_vpMission.jpg) no-repeat;
}

h1.vpPartner{
 position:relative;
 left:-10px;
 width:300px;
 height:55px;
 background: url(../images/titles_vpPartner.jpg) no-repeat;
}

h1.vpworkplace{
 position:relative;
 left:-10px;
 width:300px;
 height:32px;
 background: url(../images/titles_vpworkplace.jpg) no-repeat;
}
h1.vpProducts{
 position:relative;
 left:-10px;
 width:300px;
 height:32px;
 background: url(../images/titles_vpProd.jpg) no-repeat;
}

h1.vpFacts{
 position:relative;
 left:-10px;
 width:300px;
 height:32px;
 background: url(../images/titles_vpFacts.jpg) no-repeat;
}

h1.vpOnWeb{
	background-image: url(../images/titles_VPonTheWeb.jpg);
	background-repeat:no-repeat;
	position:relative;
	left:-10px;
	width:300px;
	height:32px;
}

h1.vpHead{
 position:relative;
 left:-10px;
 width:300px;
 height:32px;
 background: url(../images/titles_vpHead.jpg) no-repeat;
}

h2.vpCD{
 width:322px;
 height:22px;
 background:url(../images/h2_vpCD.jpg) no-repeat;
}	

h2.vpOnline{
 width:322px;
 height:22px;
 background:url(../images/h2_vpOnline.jpg) no-repeat;
}	

h2.vpSecurity{
 width:322px;
 height:22px;
 background:url(../images/h2_vpSecurity.jpg) no-repeat;
}

#links .p1{
font-size:12px;
font-weight:bold;
color:#6d373a;
}

#links .p2{
font-size:10px;
}
/*end content style*/


#ftr {
	position:absolute;
	top: 1866px; /* was 475px this also places the footer RIGHT where it needs to be to avoid that annoying gap. Make it 1655 to see what I mean. */
	width:760px;
	border-top: dotted #d7c9b6;
	border-width:1px 0;
	background:#b9aa94;
	margin:0;
	text-align: center;
	left: 0px;
	height: 150px;
	margin-top:-475px;
}
 
#ftr a:link { 
	background: #b9aa94;
	font-size:9px;
	font-stretch:expanded;
	padding: 0 1px 0 1px;
	text-decoration: none; 
	color: #e8e0d5;
}

#ftr a:visited { 
	background: #d7c9b6;
	font-size:9px;
	font-stretch:expanded;
	padding: 0 1px 0 1px;
	text-decoration: none; 
	color: #4F6B8B;
}

#ftr a:hover, #ftr a:active { 
    font-size:9px;
	font-stretch:expanded;
	background: #6f6659;
	padding: 0 1px 0 1px;
	text-decoration: none; 
	color: #c7d1dc;
} 
 
p.quote span {
 display:none;
}

#smallprint{
	width:500px;
	font: 9px Arial, Helvetica, sans-serif;
	color:#6d373a;
	margin-left:auto;
	margin-right:auto;
	margin-bottom: 50px;
}

.copyright{
color:#6f6659;
}

#quote{
 background:url(../images/idxquote.gif) top left no-repeat;
 width:258px;
 height:98px;
 position:relative;
 margin-left:auto;
 margin-right:auto;
}

#pgheader{
	position: absolute;
	top:0px;
	left:0px;
	padding:0;
	margin:0px;
	width:360px;
	height:120px;
	background:url(../images/welcome.jpg) bottom left no-repeat;
}



/* header graphics */

h1 span {
 display:none;
}

h2 span {
 display:none;
}
	

h2.begin{
 width:322px;
 height:22px;
 background:url(../about-john-scherer/hdr2_begin.jpg) no-repeat;
}