/* 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:
 */
div#content { 
	margin-bottom:10px;
}

#rightpane {
	/* MJF
	width: 600px ;
	float: right ;
	background-color: white ;
	padding-bottom: 200px ;
	*/
	margin-top:20px;
	margin-bottom:30px;
}
#rightpane p {
	/* MJF padding: 2px 20px ; */
	font-size: 1.1em ;
	line-height: 1.2em ;
}
#rightpane p.addr {
	margin-left: 2em ;
	line-height: 1.3em ;
	font-size: 1em ;
}
#rightpane h1 {
	font-size: 1.3em ;
	font-weight: bold ;
	text-decoration: none ;
	/* MJF padding: 20px ; */
    color: #360 ;
    padding-bottom: 5px ;
	margin-bottom: 0 ;
}
#rightpane h2 {
	font-size: 1.2em ;
	font-weight: bold ;
	text-decoration: none ;
	/* MJF padding: 20px ; */
	padding-bottom: 5px ;
	margin-bottom: 0 ;
/* color: #666 ; */ 
}
#rightpane h3 {
	font-size: 1.1em ;
	font-weight: bold ;
	text-decoration: none ;
	/* MJF padding: 20px ; */
	padding-bottom: 5px ;
	margin-bottom: 0 ;

/* color: #666 ; */ 
}
#rightpane h4 {
	font-size: 1.1em ;
	text-decoration: underline ;
	font-weight: normal ;
	/* MJF padding: 20px ; */
	padding-bottom: 0px ;
	margin-bottom: 0 ;
}	
div#indexheader {
	padding-top: 25px ;
}

/* makes unordered lists non-bulletted */
ul.nobullet { list-style-type: none ; 
margin: 0 ;  
}

/*
#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("/acpc/images/acpc-footer-bg.png") ;
	background-repeat: repeat-x ;
	width: 100% ;
}
div#footnavlist {
	padding-top: 10px ;
}
#footnavlist ul {
	list-style-type: none ;
	margin: 0 ;
	padding: 0 ;
}
#footnavlist li {
	border-left: 1px solid #360 ;
	display: inline ;
	padding: 0 .5em ;
	font-size: .9em ;
}
/* 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% ;
}


/* ================================================================
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/flyout_4level.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any
way to fit your requirements.
=================================================================== */
.menu {
	font-size: .9em ;
	margin: 26px 0 0 0 ;  /* 166px */
}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
	position: relative ;
	z-index: 500 ;
	padding: 0 ;
	margin: 0 ;
	list-style-type: none ;
	width: 198px ;
}

/* style the list items */
.menu li {
	background: #360 ;
	/* for IE7 */
	float: left ;
}

.menu li.sub { background: #360 url(images/sub.gif) no-repeat right center ; }
/* get rid of the table */
.menu table { position: absolute ; border-collapse: collapse ; top: 0 ; left: 0 ; z-index: 100 ; font-size: 1em ; }

/* style the links */
.menu a, .menu a:visited {
	display: block ;
	text-decoration: none ;
	width: 186px ;
	padding: 10px 5px ;
	font-size: 1em ;
	color: white ;
	text-indent: 5px ;
	border: 2px solid #99b27f ;
	border-top: 0px ;
	border-right: 0px ;
}

/* hack for IE5.5 */
* html .menu a, * html .menu a:visited { width: 186px ; w\idth: 184px ; }
/* style the link hover */
* html .menu a:hover { color: #efa ; background: #aa7 ; position: relative ; }
.menu li:hover { position: relative ; }
/* For accessibility of the top level menu when tabbing */
.menu a:active, .menu a:focus { color: #efa ; background: #aa7 ; }
/* retain the hover colors for each sublevel IE7 and Firefox etc */
.menu li:hover > a { color: #efa ; background: #aa7 ; }

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu li ul {
	visibility:hidden;
	position:absolute;
	top:-30px;
	/* set up the overlap (minus the overrun) */
	left:150px;
	/* set up the overrun area */
	padding:30px;
	/* this is for IE to make it interpret the overrrun padding */
	background:transparent url(images/transparent.gif);
}

/* for browsers that understand this is all you need for the flyouts */
.menu li:hover > ul {visibility:visible;}

/* for IE5.5 and IE6 you need to style each level hover */
.menu ul a:hover ul ul { visibility: hidden ; }
.menu ul a:hover ul a:hover ul ul { visibility: hidden ; }
.menu ul a:hover ul a:hover ul a:hover ul ul { visibility: hidden ; }
.menu ul a:hover ul { visibility: visible ; }
.menu ul a:hover ul a:hover ul { visibility: visible ; }
.menu ul a:hover ul a:hover ul a:hover ul { visibility: visible ; }
.menu ul a:hover ul a:hover ul a:hover ul a:hover ul { visibility: visible ; }

.fpbox {
	clear: both ;
	width: 160px ;
	background-color: #668c40 ;
	margin-top: 10px ;
	padding: 10px 20px ;
	color: white ; 
	font-weight: bold ;
	overflow: auto ;
}
.fpbox a {
	text-decoration: none ;
	color: white ;
	display: block ;
	padding: 5px ;
}
.fpbox a:hover {
	color: #efa ;
	background-color: #aa7 ;
}
.fpbox h3 {
	font-size: 1.4em ;
}
.secondary-menu { 
	clear: both ;
	padding: 10px 0 ;
	border-bottom: 1px solid #360 ;
	margin-bottom: 20px ;
}
.secondary-menu h3 {
	font-size: 1.2em ;
	border-bottom: 1px solid #360 ; 
}
.secondary-menu h3 a { 
	padding: 5px ; 
	width: 190px ; 
	margin: 0 ;
}
.secondary-menu ul { 
	list-style-type: none ; 
	margin: 0 ; padding: 0 ;
}
.secondary-menu li { margin: 0 0 1px 0 ; }
.secondary-menu a { 
	display: block ;
	padding: 2px 5px 2px 10px ;
	width: 185px ;
	text-decoration: none ;
}
.secondary-menu a:hover { background-color: #ffe ; }
.secondary-menu ul ul li { margin: 0 0 1px 0 ; }
.secondary-menu ul ul a {
	display: block;
	padding: 2px 5px 2px 30px ;
	width: 165px ;
}

a.active { background-color: #360 ;  color: white ;}
div.clearmenu { clear: both ; }
/***************************************************************/
.fpboxupper {
	clear: both ;
	width: 160px ;
	/*height: 130px;  MJF 12/17/09 */
	background-color: #668c40 ;
	padding: 10px 20px ;
	color: white ; 
	font-weight: bold ;
	overflow: hidden ;
}
.fpboxupper p {
	/*margin-top:8px;
	margin-bottom:0px;*/
	font-size:12px;
	line-height:120%;
}
.fpboxupper a {
	text-decoration: none ;
	color: white ;
	/*display: block ;*/
	padding: 5px ;
}
.fpboxupper a:hover {
	color: #efa ;
	background-color: #aa7 ;
}
.fpboxupper h3 {
	font-size: 1.4em ;
}
.fpboxupper .smallerfont {
	font-size: 90% ;
}
.fpboxfiller {
	height:140px;
	overflow:hidden;
}
/**************** Site Rewrite **************************/
#container {
	BACKGROUND-COLOR: white;
}
#leftpane {
	BACKGROUND-COLOR: #d6e0cc;
}
.menu {
	MARGIN: 130px 0px 0px;
}
#rightpane {
	PADDING-BOTTOM: 0px;
}
/***************************/
/*  Milonic                */
/**************************/
/* milonic menu */
.mmpadding {
	padding-top:2px;
	padding-bottom:2px;
	padding-right:4px;
	padding-left:10px;
	opacity: .8;
}
.mmpadding a:link {
	text-decoration:none;
}
.mmpadding a:visited {
	text-decoration:none;
}
.mmpadding a:hover{
	text-decoration:none;
}
.mmpadding a:active {
	text-decoration:none;
}
.homecontainer {
	padding-top: 10px;
	background-color:#FFFFFF;
	width: 800px;
	/*
	height:1000px;
	padding-left:18px;
	padding-right:18px;
	*/
	margin-left:auto;
	margin-right:auto;
}
.leftnavbg {
	background-color:#d6e0cc;
}
.leftnav {
	width:200px;
}
.rightnav {
	margin-left:20px;
}
.bottomnavarea {
	margin-top:10px;
	margin-bottom:20px;
}
.bottomnavarea td{
	font-size:11px;
	color:#006600;
}
.bottomnavitem {
	padding-left:5px;
	padding-right:5px;
}
.upperleftpromo {
	margin-bottom:10px;
}
.upperleftpromotd {
	height:140px;
}
.lowerleftpromotd {
	height:240px;
}
.lowerleftpromo {
	margin-top:10px;
	margin-bottom:10px;
}
blockquote {
	line-height:140%;
}
blockquote em {
	font-style:italic;
}