/* Set default margins, padding, colors, font sizes. */
/*
Colors:
#360 - medium green
50% is 99b27f
20% is d6e0cc
10% is eaefe5
*/
html {
	margin: 0 ;
	padding: 10px 50px ; 
	background-color: white ; 
	color: #333 ;
}
body {
	margin: 0 ;
	font-family: Verdana, Arial, Helvetica, sans-serif ;
	font-size: 76% ;
	text-align: center ;
}
a {
	/* 'text-decoration: none' removes the default underline for links. */
	/* text-decoration: none ; */
	/*  Default color for links. */
	color: #060 ;
}
/* This is the color when one hovers over a link. */
a:hover { color: #360 ; }
/* Remove the italics from <em> tags. */
em { font-style: normal ; }

#container {
	margin: 0 auto ;
	padding: 0 ;
	/* Re-set the text-align from body{} above */
	text-align: left ;
	background-color: #d6e0cc ;
	width: 800px ;
}

/*
 *  Styles for the left pane:
 */
#leftpane {
	width: 200px ;
	float: left ;
}
#leftnavcontainer ul, #leftnavcontainer li {
	display: inline ;
	margin: 0 ;
	padding: 0 ;
	list-style-type: none ;
}
#leftnavcontainer ul {
	margin-top: 20px ;
}
#leftnavcontainer a {
	margin: 0 ;
	padding: 10px ;
	font-weight: bold ;
	background-color: #360 ;
	color: white ;
	display: block ;
	border-bottom: 2px solid #d6e0cc ;
	text-decoration: none ;
}
#leftnavcontainer a:hover {
	color: #cfc ;
	background-color: #333 ;
}

/*
 *  Styles for the right pane:
 */
#rightpane {
	width: 600px ;
	float: right ;
	background-color: white ;
	/*
	* A little extra padding for the right pane bottom, so that we minimize
	* the chances of having the left pane extend past the right pane.
	*/
	padding-bottom: 80px ;
}
#rightpane p {
	padding: 2px 20px ;
	font-size: 1.1em ;
	line-height: 1.8em ;
}
#rightpane p.addr {
	margin-left: 2em ;
	line-height: 1.3em ;
	font-size: 1em ;
}
#rightpane h2 {
	font-size: 1.1em ;
	font-weight: bold ;
	text-decoration: none ;
	padding: 20px ;
/*	color: #666 ; */
}
div#indexheader {
	padding-top: 25px ;
}
div#content { }
/*
#rightpane em {
	color: #030 ;
}
*/

/*
 *  Styles for the footer:
 */
#footer {
	/* Make sure it doesn't wrap around left/rightpane. */
	text-align: center ;
	padding: 0 ;
	clear: both ;
	background-color: white ;
	background-image: url("images/acpc-footer-bg.png") ;
	background-repeat: repeat-x ;
	width: 100% ;
}
div#footnavlist {
	padding-top: 30px ;
	margin-left: 50px ;
}
#footnavlist ul {
	list-style-type: none ;
	margin: 0 ;
	padding: 0 ;
}
#footnavlist li {
	border-left: 1px solid #360 ;
	display: inline ;
	padding: 0 .5em ;
	font-size: 1em ;
}
/* So the first entry in the menu won't have a left border */
#footnavlist li.first { border: 0 ; }

#footerimage {
	position: relative ;
	top: 0 ;
	float: right ;
}


/*
 *  Other misc. styles
 */
p.clearboth { clear: both ; }
div.ctrimage {
	margin: 20px auto ;
	text-align: center ;
}
hr.bannerline {
	margin: 0px ;
	margin-left: 18px ;
	border: 1px solid #690 ;
	width: 100% ;
}