body {
		background:#C8C0AF /*url('images/HPS-bleed-side-3-inside.jpg') repeat-y 50% 0;*/;
		text-align:center;
		margin:0;
		padding:0;
		font-family:arial;
		letter-spacing:0;
		color:#203451;
		font-size:12px;
		line-height:18px;
		height:100%
		}
		
#bgcontainer  {
		background:url('../images/HPS-bleed-side-3-inside.jpg') repeat-y 50% 0;
		width:801px;
		hei ght:100%
		}
		
#container {
		
		height:100%;
		width:760px;
		position:relative;
		
		}
		
/* ---[ links ]------------------------------- */

a {
		color:#754c24;
		text-decoration:none;
		cursor : pointer;
		}
		
a:hover {
		color:#203451;
		text-decoration:none;
		cursor : pointer;
		}

a.switch {
		color:#203451;
		text-decoration:none;
		cursor : pointer;
		}
		
a.switch:hover {
		color:#754c24;
		text-decoration:none;
		cursor : pointer;
		}		
		
ul {
padding:0;
margin:0;
list-style-type:none;
}

ul li {
paddi ng:0;
background:url('../images/blue%20on%20dk%20yellow%20circle.jpg') no-repeat 0 6px;
padding-left:10px;
list-style-type:none;
}


/* ---[ common elements ]--------------------- */

p {
		padding:0px 0 17px 0;
		margin:0;
		}
		
p.two {
		padding:0px 0 8px 0;
		}
		
input, select, textarea{
		border:1px solid #203451;
		background-color:#f5efdf;
		color:#203451
		}


		
/* ---[ top ]------------------------------- */
		
#top {
		height:112px;
		background:#203451 url('../images/HPS-shadow-inside.jpg') repeat-x 0 bottom;
		text-align:left
		}
		
#logo a /*can be done as logo h1*/{
		background:url('../images/HPS-logo.jpg') no-repeat 20px 15px;
		height:70px;
		display: block;
		width:400px;
		color:#000;
		margin: 0; 
		font-family: "Palatino Linotype";
		font-size:36px;
		padding:15px 0 0 20px
		}
		
#logo a span {
		display: none;
	}				

#linksbar {
		color:#F0E6CD;
		padding:3px 0px 0 0;
		font-size:11px;
		height:28px;
		margin:0
		}
		
#linksbar ul.topmenu {
		float:right;
		list-style-type:none;
		margin:0;
		padding:0
		}

#linksbar ul li.topmenuli {
		margin:0;
		color:#F0E6CD;
		padding:0 0px 0 13px;
		list-style-type:none;
		float:left;
		background:none
		}
			
#linksbar ul li a {
		color:#F0E6CD;
		text-decoration:none;
		padding:0 13px 0 0px;
		background:url('../images/yellow%20on%20blue%20circle.jpg') no-repeat right 6px;
		letter-spacing:1px
		}
		
#linksbar ul li.submenuli{
		background:none;
		}
		
#linksbar li:hover ul , #linksbar li.over ul{ /* lists nested under hovered list items */
	display: block;
}
		
#linksbar ul li a.topmenutitlelast {
		width:130px;
		background:none;
		}	
		
#linksbar li ul{
		background:#203451;
		}
		
#linksbar li ul a /*li.submenuli*/{
		color:#fff;
		background:none;
		font-size:9px;
		display:block;
		height:15px;
		line-height:15px
		}

#linksbar li ul a:hover{
		color:#C8C0AF
		}
		
#linksbar ul.submenuul1, #linksbar ul.submenuul2{
	list-style-type:none;
	position:absolute;
	margin: 0;
	padding:2px 0 5px 0;
	display:none;
}

#linksbar li ul.submenuul1  { 
	top: 20px;
	left: 440px;
	width:170px;
	z-index:10;
}
#linksbar li ul.submenuul2  { 
	top: 20px;
	left: 535px;
	width:175px;
}
		
#linksbar input {
		float:right;
		margin-left:10px;
		width:135px;
		height:12px
		}

		
/* ---[ main box ]-------------------------------- */

#main {
		clear:both;
		padding:0 0 0 0;
		margin:0px 0 0 0;
		height:100%;
		width:760px;
		background:url('../images/HPS-Inside-strip.jpg') repeat-y 50% 0;
		}


/* ---[ columns ]-------------------------------- */

#sidenav {
		float:left;
		width:190px;
		margin:0 0 0 0px;
		text-align:left;
		background:#E3D1A2 url('../images/HPS-glyph1.jpg') no-repeat 0 0;
		height:100%
		}
	
#midcol {
		float:left;
		width:526px;
		height:100%;
		margin:0 0 0 0px;
		padding:0 20px 0 24px;
		text-align:left;
		background-color:#F0E6CD
		}

/* ---[ sidenav ]-------------------------------- */	


#sidenav dl {
		padding:43px 0 0 25px;
		width:142px;
		margin:0
}

#sidenav a {
		padd ing-left:15px;
		font-family:arial;
		letter-spacing:0;
		color:#203451;
		text-decoration:none;
}

#sidenav dl dd {
		padding:0 0 0px 0;
		margin:0 0 16px 0;
		he ight:16px;
		line-height:15px;
		
}

#sidenav dl dd a {
		width:142px;
		display:block
		
}


#sidenav dl dd a:hover{
		background: url('../images/1-pxl-navy.jpg') repeat-x 0 bottom;
		width:142px
}

#sidenav dd.active {
		background: url('../images/1-pxl-navy.jpg') repeat-x 0 bottom;
		}

		
		
#sidenav dl.sub {
		padding:5px 0 0 0;
		margin:0
}

#sidenav dl.sub a {
		padding-left:10px;
		color:#857F89
}

#sidenav dl.sub dd {
		padding:0 0 0px 0;
		margin:0 0 5px 0px;
		hei ght:20px;
		lin e-height:15px;
		background: url('../images/arrow-black.gif') no-repeat 0 6px;
		
}

#sidenav dl.sub dd.active {
		color:#1D2C40;
		padding-left:10px;
		background: url('../images/1-pxl-navy.jpg') repeat-x 0 bottom;
		}
		
#sidenav dl.sub dd a:hover {
		color:#1D2C40;
		background:none
		}




/* ---[ articles page ]-------------------------------- */
				
#midcol h1 {
		font-size:14px;
		padding:0 0 0px 0;
		margin:7px 0 15px 0;
		border-bottom:1px solid #1D2C40;
		width:520px;
		
		}
		
#midcol h1 span {
		float:right;
		margin-top:-17px;
		padding-right:10px;
		font-size:11px;
		font-weight:normal
		}
		

	
#midcol #articles h2 {
		font-size:13px;
		font-weight:normal;
		padding:0 0 6px 0;
		margin:0 0 3px 0;
		width:410px;
		border-bottom:1px dashed #000
		}
		
#midcol #articles h3 {
		color:#203451;
		font-size:14px;
		font-weight:bold;
		padding:0;
		margin:0;
		
		}
		
#midcol #subhead2 h1 {
		margin:7px 0 0 0;
		}
		
#midcol #subhead2 h2 {
		color:#203451;
		font-size:14px;
		font-weight:bold;
		padding:0 0 28px 0;
		margin:0;
		
		}
		
#midcol #pdf, #midcol div.pdf {
		width:128px;
		height:40px;
		background:#FFFCE9;
		float:right;
		margin:0 10px 20px 30px;
		padding:10px;
		font-size:11px;
		line-height:14px
		}
		
#midcol #pdf img, #midcol .pdf img {
		float:left;
		padding-right:10px
		}		
		
#midcol #articles, #midcol #articles3 {
		width:445px;
		}
		
#midcol #articles3 p{
		padding-bottom:2px;
		padding-top:2px;
		}
		
#midcol #articles3 blockquote{
		margin:0px;
		padding:0 10px 0 10px;
		back ground:red
		}

	
#midcol #names p,#midcol #names p a {
		color:#203451;
		text-decoration:none
		}
#midcol #names p a:hover {
		color:#754c24
		}
		
#midcol #names div.bio {
		margin:0 0 20px 20px;
		padding-top:0;
		display:none;
		color:#754c24;
		width:452px
		}
		
#midcol #names div.bio a {
		color:#203451;
		text-decoration:none
		}
		
#midcol #books a {
		color:#203451;
		text-decoration:none
		}
		
#midcol #books a:hover {
		color:#754c24;
		text-decoration:none
		}		

#midcol #books .bookitem {
		clear:both;
		}

#midcol #books .bookitem img{
		float:left;
		height:90px;
		padding:0 15px 16px 0
		}
		
#midcol #contact dl dt {
		margin:0;
		float:left;
		font-weight:bold;
		clear:both;
		width:142px;
		line-height:14px
		}
		
#midcol #contact dl dd {
		margin:0 0 20px 0px;
		float:left;
		width:300px
		}
		

			
/* ---[ bottom ]-------------------------------- */
#bottomlinks {
	clear:both;
	height:30px;
	line-height:30px;
	margin: 0px 20px 0 20px;
	padding: 0px 0px 0 0px;
	font-size:9px;;
	background:#E7DDC6;
	posi tion:fixed; 
	bottom: 0px;
	width:760px
		}
	

#bottomlinks dl {
		padding:0 0px 0 25px;
		width:545px;
		float:left;
		margin:0
		}

#bottomlinks dl dd {
		float:left;
		margin:0;
		padding:0 15px 0 15px;
		background:url('../images/blue%20on%20dk%20yellow%20circle.jpg') no-repeat right 13px;
		}

		
#bottomlinks dl dd a {
		text-decoration:none;
		color:#203451;
	}
	
#bottomlinks dl dd.last {
		background:none;
	}
	
#bottomlinks dl dd.first {
		padding-left:0px;
	}
	
#bottomlinks #block{
		float:left;
		width:190px;
		background:#D0C096;
		height:30px;
		
		}
	
#copyright {
	background:url('../images/HPS-bottom-shadow3.jpg') no-repeat 50% top;
	height:20px
	}