@import url(roundCorners.css);

/* Piper Trust HTML/CSS 2006-05-04 */
/* written by Design44 */
/* ====================== Page Formatting  ========================*/
body, table, p, a {
	margin: 0px;
	padding: 0px;
	color:#303030;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;}
body {
	text-align: center;
	background-color: #f5f4d5;}
td {
	margin: 0px;
	padding: 0px;
	vertical-align: top;}

input, select, textarea {
	margin: 0px;
	padding: 0px;
	color: #303030;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;}

h1, h1 a, h2, h2 a, h3, h3 a, h4, h4 a, h5, h5 a, h6, h6 a, h7, h7 a, #tagline, #tagline td {
	font-family:"Times New Roman", Times, serif;
	margin: 0px;
	padding: 0px;
	color: #a13737;
	font-weight: normal;}
h1, h1 a {
	font-size: 21px;
	margin-bottom: 18px;}
h2, h2 a {font-size: 16px;}
h3, h3 a, h6, h6 a {font-size: 14px;}
h6, h6 a, h7, h7 a {font-family: Verdana, Arial, Helvetica, sans-serif;}

h4, h4 a {font-weight: bold;}
h4, h4 a, h5, h5 a {font-size: 11px;}
h7, h7 a {font-size: 9px;}

ul {
	list-style-type: square;
	margin: 0px 0px 5px 10px;
	padding: 0px 0px 0px 10px;}

p {padding-bottom: 10px;}
img {border: 0 none;}

.smallText {
	font-size: 9px;
	text-transform: uppercase;}
#header .smallText {color: #fffdea;}

.filelink {margin: 0px 0px 2px 10px;}
.filelink img {vertical-align: baseline;}

.contenTable {margin-bottom: 35px;}	
.contenTable td {
	padding: 5px 0px 0px 0px;
	border-top: 1px solid #bea86d;}
.contenTable img {
	margin-right: 15px;
	padding-bottom: 10px;}
	
#content li {padding-bottom:3px;}

.hide a {
	color: #FFFFFF;
	text-decoration: none;}


/* ====================== layout & columns ========================*/
#main, #header {
	width: 770px;
	text-align: left;
	margin: 0px auto;}
#main {background: #FFFDEA url(../img/mainBkgnd.gif) repeat-y;}
#leftMaster {
	/*there is no width set on this div, instead a margin-right subtracts from the "main" to determine the width */
	/*LM must come after RM in the structure of the HTML*/
	margin-right: 595px;}
#rightMaster {
	/*width cannot exceed the value of margin-right in "leftmaster", but it can be smaller if a blank margin is desired between LM & RM*/
	float: right;
	width: 585px;
	margin: 10px 0px;}

#rightMasterCol1 {width: 400px;}
#rightMasterCol2 {
	float: right;
	width: 151px;
	padding-right: 10px;}

.noCallout #rightMasterCol1 {width: 540px;}
.noCallout #rightMasterCol2 {
	width: 5px;
	padding-right:0px;}

.categoryHome #leftMaster {margin-right: 760px;}
.categoryHome #rightMaster {width: 725px;}

blockquote {
	margin: 0 50 30 0px;
	padding: 10 0px;
	border-top: 1px solid #ebe3c2;
	border-bottom: 1px solid #ebe3c2;}

blockquote h3 {margin-bottom: 7px;}


/* ====================== Header & Footer ====================== */
#header {
	height: 170px;
	position:relative;}
#headerBkgnd {
	top: 0px;
	left: 0px;
	z-index: 1;
	position: absolute;}
	
#searchContainer {
	position:absolute;
	z-index:200;
	right:15px;
	top:15px;}
#searchContainer input {
	vertical-align:middle;
	height:16px;}
#logoContainer {
	position:absolute;
	z-index: 5;
	top: 20px;
	left: 80px;}

#footer {
	margin-top:40px;
	clear: both;}
#footer p{
	color:#bea86d;
	font-size:10px;
	margin-top:3px;}
#footer ul, #persistentMenu ul {
	margin: 0px;
	padding:0px;
	list-style: none;}
#footer ul {border-left: 1px solid #565656;}
#persistentMenu ul {border-left: 1px solid #cf9f9f;}
#footer li, #footer li a, #persistentMenu li, #persistentMenu li a{
	font-size:9px;
	padding:0px;
	margin:0px;
	text-decoration:none}
#footer li, #footer li a {color: #565656;}
#persistentMenu li, #persistentMenu li a {color: #cf9f9f;}
#footer li, #persistentMenu li {
	display: inline;
	padding: 0px 8px 0px 8px;}
#footer li {border-right: 1px solid #565656;}
#persistentMenu li {border-right: 1px solid #cf9f9f;}
	

/* ====================== Menu ====================== */
#navMenu, #navMenu a {text-decoration: none;}
#navMenu {
	height: 20px;
	position:absolute;
	z-index:3;
	top:145px;
	left:35px;}

#navMenu ul, #navMenu ul ul {
	margin: 0px;
	padding:0px;
	list-style: none;
	border-left: 1px solid #b7cfab;}

#navMenu li ul {
	position:absolute;
	left:10px;
	top:255px;
	border:none;
	width:130px;}
#navMenu li {
	float:left;
	margin: 0px;
	padding: 4px 0px 4px 0px;}
#navMenu li a {
	color: #003c28;
	padding: 4px 8px;
	border-right: 1px solid #b7cfab;}
	
#navMenu li.CurrentCategory1 a, #navMenu li.CurrentPage a, #navMenu li a:hover, #bodyGrantDetail #navMenu .menuGrants a {color:#FFFFFF;}
#navMenu li.CurrentCategory1 li a, #navMenu li.CurrentPage li a,  #bodyGrantDetail #navMenu .menuGrants li a {color:#303030;}
#navMenu li.CurrentCategory1 li.CurrentPage a {color:#9d9d9d;}

#navMenu li li {
	border:none;
	float:none;
	padding:1px;
	background: url(../img/redArrow.gif) no-repeat 0px 7px;
	border:none;}
#navMenu li li a {
	display:block;
	padding:3px 5px 3px 10px;
	margin:0px;
	border-right:none;} 
#navMenu li li a:hover {color: #a13737;}

#navMenu ul ul ul {
	position: relative;
	left: auto;
	top: auto;
	
}
	

/* ====================== Content Area ====================== */
#persistentMenu {
	top: 40px;
	z-index: 6;
	right: 15px;
	position: absolute;}

#header .dynamicCategoryTitle {
	z-index: 4;
	right: 15px;
	bottom: 15px;
	position: absolute;}
#header .dynamicCategoryTitle h1 {
	font-size: 30pt;
	color: #a5c198;
	background: none;
	margin-bottom: 2px;
	font-weight: normal;
	font-family: "Times New Roman", Times, serif;}
#header .dynamicPageTitle {display: none;}

.dynamicCategoryTitle h1 {
	padding: 7px 0px 0px 20px;
	background: url(../img/categoryPageHeadlineBkgnd.gif) no-repeat;}
.dynamicPageTitle {
	z-index: 100;
	color: #FFFFFF;
	font-size: 24px;
	position: absolute;
	top: 152px;
	left: 15px;}
.dynamicPageTitle h1 {
	color: #FFFDEA;
	margin-bottom: 0px;
}
#pagePhoto .dynamicCategoryTitle, #rightMasterCol1 .dynamicPageTitle {display: none;}
	
#content {margin-top: 45px;}
.categoryHome #content {margin-top: 10px;}




.categoryTable {margin: 0px 20px;}
.categoryTable td {
	margin: 0px;
	padding: 3px 10px 3px 0px;}
.categoryTable p, #content .categoryTable li {padding-bottom: 0px;}

.homeSpotlight {
	width:172px;
	display: block;
	min-height: 350px; /* min height doesn't work in IE - see .minHeight hack below to compensate */
	background: url(../img/callouts/calloutHomeTop.gif) no-repeat left top;} 
.homeSpotlight p, .homeSpotlight h1, .homeSpotlight h2,  .homeSpotlight ul {padding: 5px 10px 0px 10px;}
.homeSpotlightContainer {
	background: url(../img/callouts/calloutHomeBottom.gif) no-repeat left bottom;
	float:left;
	padding-bottom:13px;
	margin:0px 8px 20px 0px;}
#pagePhoto, #pagePhotoHome {position: relative;}
#bodyNew #pagePhoto {height: 170px;}
#ppFlash {
	background:url(/common/img/corners/loading.gif) no-repeat left top;
	z-index:0;}
#tagline {
	top: 95px;
	left: 450px;
	width: 255px;
	position:absolute;
	z-index:50;}
#tagline, #tagline td {
	color:#fffdea;
	font-size:14px;
	font-style:italic;
	line-height: 15px;
	text-align:center;}
#newsletterSignUp {
	top: 200px;
	left: 470px;
	width: 185px;
	z-index:51;
	position: absolute;}
#newsletterSignUp,#newsletterSignUp td {text-align: center;}
#newsletterSignUp h1,#newsletterSignUp td h1 {
	margin: 0px;
	padding: 0px;
	color: #003c28;
	font-size: 16px;
	font-weight: bold;}

.minHeight {
	width: 1px;
	float: right;
	height: 350px;}
.whatsNew {
	float: left;
	width: 170px;
	background: url(../img/whatsNewBkgnd.gif) no-repeat left top;}

.whatsNew h2 {
	font-size: 21px;
	padding: 5px 10px 0px 10px;}
.whatsNew .link a {
	color: #bea86d;
	font-size: 9px;}
.whatsNew ul {
	margin: 0px;
	list-style: none;
	padding: 2px 0px 0px 10px;}
.whatsNew li {
	font-size: 10px;
	padding: 6px 5px 6px 10px;
	border-bottom: 1px dotted #bea86d;
	background: url(../img/redArrow.gif) no-repeat 0px 7px;}
.whatsNew li h2 a {	
	font-size:12px;}
.whatsNew li h2 {	
	padding:0px;}
 
 
 /* ====================== callouts  ====================== */
.callout {
	padding:0px;
	margin:0px;
	width:151px;
	background: url(../img/callouts/calloutTop.gif) no-repeat left top;}
.calloutContainer {
	height:13px;
	width:151px;
	margin-bottom:12px;
	background: url(../img/callouts/calloutBottom.gif) no-repeat left top;}
	
.callout p, .callout h1, .callout h2, .callout h3, .callout h4, .callout h5, .callout ul {
	font-style: italic;
	margin: 7px 10px 0px 10px;}
.callout h1, .callout h1 a {
	font-size: 16px;
	padding-top:10px;}
.callout h2 {font-size: 13px;}

.callout h2.nonitalic {font-size: 14px;font-style:normal;}

.callout h3, .callout h4, .callout h5 {font-size: 11px;}

.callout ul {margin-left: 15px;}
.callout li {padding-bottom:5px;}

.callout .menu, .callout .menu2, .callout .menu3, .callout .menu4, .callout .menu5, .callout .menu6, .callout .menu7 {
	top: -10px;
	position: relative;
	background: url(../img/callouts/calloutMenuTop.gif) no-repeat left top;}

.callout .menu2, .callout .menu3, .callout .menu4, .callout .menu5 {padding-top: 35px;}
.callout .menu2 {background: url(../img/callouts/calloutMenuTop_Kit01.gif) no-repeat left top;}
.callout .menu3 {background: url(../img/callouts/calloutMenuTop_Kit02.gif) no-repeat left top;}	
.callout .menu4 {background: url(../img/callouts/calloutMenuTop_Kit03.gif) no-repeat left top;}	
.callout .menu5 {background: url(../img/callouts/calloutMenuTop_Kit04.gif) no-repeat left top;}	

.callout .menu7 {background: url(../img/callouts/calloutMenuTopNew.gif) no-repeat left top;}


.callout .menu h1, .callout .menu2 h1, .callout .menu3 h1, .callout .menu4 h1, .callout .menu5 h1, .callout .menu6 h1, .callout .menu7 h1 {
	font-size: 21px;
	font-style: normal;}

.callout .menu li, .callout .menu2 li, .callout .menu3 li, .callout .menu4 li, .callout .menu5 li, .callout .menu6 li, .callout .menu7 li, #content .callout .menu li, #content .callout .menu2 li, #content .callout .menu3 li, #content .callout .menu4 li, #content .callout .menu5 li, #content .callout .menu6 li, #content .callout .menu7 li #content{
	padding: 1px;
	font-style: normal;}


/* ====================== Display and hide second level menus ====================== */
#navMenu ul ul, #navMenu ul ul ul, .hidden, #navMenu .menuHome ul, .menuHidden a  {display: none;}
#navMenu .CurrentCategory1 ul, #bodyGrantDetail #navMenu .menuGrants ul {display: block;} /* display child to current category - also parent menu in grants detail pages */
#navMenu .CurrentCategory1 ul ul { display: none; }
#navMenu .CurrentCategory1 ul .CurrentCategory2 ul { display: block; }
#navMenu .CurrentCategory1 ul .CurrentCategory2 ul li a { color: #000000; }
#navMenu .CurrentCategory1 ul .CurrentCategory2 ul li.CurrentCategory3 a { color:#9d9d9d; }
#main .menuHidden a {display: inline;}

.bodyPicMaricopa #navMenu ul ul li { display: none; }
.bodyPicMaricopa #navMenu ul ul li.CurrentCategory2 { display: block; }
.bodyPicMaricopa #navMenu ul ul li.CurrentCategory2 ul li { display: block; }

/* ====================== search results ======================== */
.SearchResult, .SearchResultAlt {padding-bottom: 15px;}
.SearchResultTitle, .SearchResultTitle a:link, .SearchResultTitle a:hover, .SearchResultTitle a:visited, .SearchResultTitle a:active {
	font-family:"Times New Roman", Times, serif;
	margin: 0px;
	padding: 0px;
	color: #a13737;
	font-weight:normal;
	font-size:13px;
	text-decoration: none;}	
.SearchResultTitle a:hover {text-decoration: underline;}

.SearchResultsHighlight {
	color: #a13737;
	font-style: italic;}
	
#resultsSearchPhrase, #resultsSearchQty, .SearchResultUrl a:link, .SearchResultUrl {color:#a5c198;}
#resultsSearchQty {padding-bottom: 12px;}

.selHint {background-color: #c8d0c5;}
#results div a span {background-color: #a5c198;}
.ezcount {
	float: right;
	color: #a13737;
	font-size: 9px;}
#results {
	z-index: 99;
	width: 175px;
	display: none;
	overflow: hidden;
	position: absolute;
	left:44px;
	top:22px;
	visibility: hidden;
	border: solid 1px #000000;
	background-color: #FFFFFF;}
#results a {color: #303030;}

#EasySearchLiveResults {
	z-index: 100;
	display: none;
	position: absolute;
	border-width: 13px;
	border-color: black;
	margin-bottom: 10px;
	background-color: white;}
.searchAgain {padding-bottom:15px;}
	

#grantSearchTool {margin-top: 25px;}
.formLabel {
	width:130px;
	float:left;
	clear:both;}
#grantSearchDetails .formLabel {
	margin-left:-135px;
	width:130px;}
#grantSearchDetails .row {
	margin-left:135px;
	margin-bottom:10px;}
		
/* Hides from IE5-mac \*/
* html #lblSummary, * html #lblAmount, * html #lblContact, * html #lblApprovalDate{
	margin-left:-3px;}	
/* End hide from IE5-mac */
	
/* ====================== data grids ========================*/
.dataGrid {
	width: 580px;
	border: none;}
.dataGrid td {padding: 4px;}
.dataHeaderStyle, .dataHeaderStyle a, .dataHeaderStyle a:visited, .dataHeaderStyle a:active, .dataHeaderStyle a:link, .dataHeaderStyle a:hover, .tableHead {
	height: 20px;
	color: #FFFFFF;
	font-size: 10px;
	font-weight: bold;
	background-color: #A13737;
	text-transform: capitalize;}
.dataItemStyle {background-color: #FFFFFF; height: 20px;}
.dataAltItemStyle {background-color: #EAEAEA; height: 20px;}
.dataFooterStyle {background-color: #000000; color: #FFFFFF;}
.dataFooterStyle td, .dataFooterStyle a {padding: 6px 15px;}
.dataSelectedItemStyle {height: 20px; background-color: #B0B0B0;}



hr {
	border: 0;
	color: #bea86d;
	background-color: #bea86d;
	height: 1px;
	margin:10 0px;}