@import url(../styles.css);

/* ----------------------------------------------------------------------------------------------------
	10	77%		|		14	108%		|		18	138.5%		|		22	167%		|	26	197%
	11	85%		|		15	116%		|		19	146.5%		|		23	174%		|
	12	93%		|		16	123.1%		|		20	153.9%		|		24	182%		|
	13	100%	|		17	131%		|		21	161.6%		|		25	189%		|
-------------------------------------------------------------------------------------------------------
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.4.1
-----------------------------------------------------------------------------------------------------*/
body {font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
/*---------------------------------------- /Yahoo! fonts.css */
/* Generic styles */
.hidden, hr {position: absolute; left: -999em; width: 1px; height: 1px; overflow: hidden;}
.clear {clear: both;}
	.clearFix {height: 1%;}
	.clearFix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
	html > body .clearFix {min-height: 1px; height: auto;}
a img {border: none;}

/* LEFT COLUMN ITEMS ---------------------------------------------- */
/* Find Your LCC (left column items) ------------------------ */
#findYourLCC {
	position: relative;
		z-index: 999;
	padding: 26px 0 20px 20px;
	margin: 0;
	width: 156px;
		overflow: visible;
}
	#findYourLCC h2 {
		height: 35px;
		width: 156px;
			overflow: hidden;
		padding: 0;
		margin: 0 0 3px 0;
		text-indent: -999em;
		border-bottom: solid 1px #a48f6e;
		background: transparent url(images/txt/findYourLocalCC.gif) 0 0 no-repeat;
	}
	#findYourLCC h2.findYourLocalCC {background: transparent url(images/txt/findYourLocalCC.gif) 0 0 no-repeat;}
	#findYourLCC h2.toFindAnotherTown {background: transparent url(images/txt/toFindAnotherTown.gif) 0 0 no-repeat;}

	#findYourLCC h3 {
		display: block;
		width: 156px;
		height: 19px;
			overflow: hidden;
		padding: 0;
		margin: 0 0 8px 0;
		border-top: solid 1px #a48f6e;
		border-bottom: solid 1px #a48f6e;
		text-indent: -999em;
		clear: both;
	}

	#findYourLCC h3.viewByCategory {background: transparent url(images/txt/viewTownsByGategory.gif) 0 3px no-repeat;}
	#findYourLCC h3.selectTownOrCity {background: transparent url(images/txt/selectTownOrCity.gif) 0 3px no-repeat;}
	#findYourLCC h3.townSelected {background: transparent url(images/txt/townSelected.gif) 0 3px no-repeat;}
	#findYourLCC p {
		color: #22224b;
		font-size: 85%;
		padding: 0 0 24px 0;
		margin: 0;
	}
/* 1. View by Category List ---- */
#alphaCategory {
	position: relative;
	margin: 0;
	padding: 0 0 24px;
	list-style: none;
	width: 156px;
}
	#alphaCategory li,
	#alphaCategory li a {
		display: block;
		width: 34px;
		margin: 0 2px;
		padding: 0;
		float: left;
		text-align: center;
	}
	#alphaCategory li a {
		color: #8585b0;
		font: 85%/19px Arial;
		font-weight: bold;
		text-decoration: none;
		margin: 0;
	}
	#alphaCategory li a:hover,
	#alphaCategory li.active a {color: #232249;}

/* 2. Select Town/City List ---- */
#lccList {
	width: 154px;
	height: 200px;
		overflow: auto;
	margin: 0;
	padding: 0;
	background-color: #fff;
	border: solid 1px #a48f6e;
}
	.lcctownname {
		display: block;
		padding: 2px 12px;
		margin: 0;
		color: #676696;
		font: 85% Arial;
		font-weight: bold;
		text-decoration: none;
	}
	a:hover.lcctownname,
	a.lcctownname.active {background-color: #dadaed;}
/* ------------------------ /LEFT COLUMN ITEMS */




/* LCC detail pages -------------------------------- */
/* COMMON/STRUCTURE -------------------- */
#content {
	position: relative;
	padding: 28px 20px;
	color: #333366;
	font-family: Arial;
}
	#content h1 {font-size: 85%; font-weight: bold; margin: 0; padding: 4px 0; color: #22224b; text-transform: uppercase; border-top: solid 1px #a2a2ca; border-bottom: solid 1px #a2a2ca;}
	#content h2 {font-size: 100%; font-weight: bold; margin: 10px 0; padding: 0 0 8px 0; color: #1f1f66; background: transparent url(images/structure/bgH2.gif) 0 bottom repeat-x;}
	#content h3 {}
	#content h4 {}
	#content h5 {}
	#content h6 {}

	#content p {padding:0 0 16px 0; margin: 0; font-size: 93%; line-height: 16px;}
	#content p.note {color: #f58700;}

	#content a {color: #666699;text-decoration: underline;}
	#content a:visited {color: #a1a1a6;}
	#content a:hover {color: #1f1f66;}

	#content a.more {color: #0000a3;font-size: 85%;font-weight: bold;}
	#content a:visited.more {color: #0000a3;}
	#content a:hover.more {color: #000039;}
	
	#content img {
		float: left;
		margin: 3px 10px 3px 0;
		padding: 0;
		border: solid 1px #c8c8e1;
	}
#tabContent {
	position: relative;
	margin: 0 0 0 3px;
	padding: 26px 20px;
	background-color: #f2f2f8;
}
/* Footer ----- */
#content #footer {
	position: relative;
	clear: both;
	margin: 0 0 0 3px;
	padding: 12px 0 14px;
	font-size: 100% !important;
	text-align: left;
	background-color: #fff;
	border-top: solid 10px #a2a2ca;
	border-bottom: solid 1px #d9d9e5;
}
	#content #footer p {
		padding: 0;
		margin: 0;
		font: 77%/13px Arial;
		color: #666699;
	}
		#content #footer a {color: #666699; font-weight: bold; text-decoration: none;}
		#content #footer a:visited {color: #a1a1a6;}
		#content #footer a:hover {color: #1f1f66;}
/* ----- /Footer */
/* -------------------- /COMMON/STRUCTURE */



/* OVERVIEW Tab ---------------------------------------- */
#councilIntro {
	padding: 12px 0 38px 0;
}
	#councilIntro p {
		clear: none;
		margin: 0 0 0 80px;
		padding: 0;
	}
.seeOurCalendar a {
	display: block;
	height: 10px;
	width: 96px;
		overflow: hidden;
	text-indent: -999em;
	background: transparent url(images/navigation/bttnSeeOurCalendar.gif) 0 -11px no-repeat;
}
.seeOurCalendar a:hover {background-position: 0 0;}

#content .printThisPage {
	position: absolute;
		top: 0;
		right: 0;
	margin: 0;
	padding: 0;
}
#content .printThisPage a {
	display: block;
	position: absolute;
		top: 35px;
		right: 20px;
	height: 12px;
	width: 87px;
		overflow: hidden;
	text-indent: -999em;
	background: transparent url(images/navigation/bttnPrintThisPage.gif) 0 -12px no-repeat;
}
#content .printThisPage a:hover {background-position: 0 0;}


/* Council Images ---------------------------- */
.councilImages {
	padding: 6px 0 22px 0;
	position: relative;
}
	.councilImages .col {
	position: relative;
		width: 220px;
			overflow: hidden !important;
		margin: 16px 35px 0 0;
		float: left;
		clear: both;
	}
	.councilImages .col.alt {
		clear: none;
		margin-right: 0;
	}
		#content .councilImages .imageWrapper {
			width: 220px; 
			height: 175px; 
			display: table; 
			background-color: #8989b1;
		}
			#content .councilImages .imageWrapper .item {
				display: table-cell; 
				vertical-align: middle; 
				width: 100%; 
				text-align: center;
			}
			#content .councilImages .imageWrapper .position {
			}
				#content .councilImages img {
					float: none;
					border: none;
					margin: 0;
				}
		#content .councilImages p {
			font-size: 85%;
			color: #666699;
		}

/* ContactInfo ---------------------------- */
#contactInfo {
	clear: both;
}
	#contactInfo .col {
		width: 230px;
		float: left;
		margin: 0 20px 0 0;
	}
	#contactInfo .col.alt {
		margin: 0;
	}

/* NAVIGATION -------------------------------------------------------- */
/* Program Info Tabs -------------------- */
#programTabs {
	clear: both;
	width: 546px;
	height: 34px;
		overflow: hidden;
	margin: 0;
	padding: 0;
	background: transparent url(images/structure/bgProgramTabs.gif) 0 bottom repeat-x;

}
#programTabs li,
#programTabs li a {
	display: block;
	height: 34px;
		overflow: hidden;
	float: left;
	background-image: url(images/navigation/programTabs.gif);
	background-repeat: no-repeat;
}
#programTabs li a {
	text-indent: -999em;
}

#overview			{background-position: 0 0; width: 95px;}
#overview a			{background-position: 0 -35px; width: 95px;}
#localGuidelines	{background-position: -95px 0; width: 144px;}
#localGuidelines a	{background-position: -95px -35px; width: 144px;}
#forms				{background-position: -239px 0; width: 84px;}
#forms a			{background-position: -239px -35px; width: 84px;}
#grantRecipients	{background-position: -323px 0; width: 151px;}
#grantRecipients a	{background-position: -323px -35px; width: 151px;}

#programTabs a:hover,
#programTabs .active a {background-image: none;}
/* -------------------- /Program Info Tabs */
/* Grant Applicant and Recipient Forms -------------------- */
#content #applicantForms,
#content #recipientForms {
	margin: 0;
	padding: 4px 0 16px 0;
	list-style: none;

}
#applicantForms li,
#applicantForms li a,
#recipientForms li,
#recipientForms li a {
	display: block;
	height: 14px;
		overflow: hidden;
	margin: 4px 0;
	background-image: url(images/navigation/forms.gif);
	background-repeat: no-repeat;
}
#applicantForms li a,
#recipientForms li a {
	margin: 0;
	text-indent: -999em;
}

#tips			{background-position: 0 0; width: 136px;}
#tips a			{background-position: -300px 0; width: 136px;}
#application	{background-position: 0 -18px; width: 188px;}
#application a	{background-position: -300px -18px; width: 188px;}
#passApp		{background-position: 0 -37px; width: 194px;}
#passApp a		{background-position: -300px -37px; width: 194px;}


#reimbursement		{background-position: 0 -55px; width: 141px;}
#reimbursement a	{background-position: -300px -55px; width: 141px;}
#creditPublicity	{background-position: 0 -73px; width: 300px;}
#creditPublicity a	{background-position: -300px -73px; width: 300px;}
#mccCreditLogo		{background-position: 0 -92px; width: 162px;}
#mccCreditLogo a	{background-position: -300px -92px; width: 162px;}

#applicantForms a:hover,
#applicantForms .active a,
#recipientForms a:hover,
#recipientForms .active a {background-image: none;}


.getAdobeReader {
	float: right;
	margin-top: 4px;
}

/* -------------------- /Forms */
/* ---------------------------- /Navigation */
/* Default Table Styling ---------------------------------------- */
table.dataTable {
	margin: 0 -20px 15px -20px;
	padding: 0 20px;
	font-size: 100% !important;
	border-collapse: collapse;
}
	.dataTable th {
		padding: 10px 0 5px 0;
		text-align: left;
	}
	.dataTable th.first,
	.dataTable td.first {
		padding-left: 20px;
	}
	.dataTable th.last,
	.dataTable td.last {
		padding-right: 20px;
	}
	.dataTable td.last {
		padding-left: 4px;
	}
	.dataTable th span {
		display: block;
		font-size: 100%; 
		font-weight: bold; 
		color: #1f1f66; 
		padding-bottom: 8px;
		background: transparent url(images/structure/bgH2.gif) 0 bottom repeat-x;
	}
	.dataTable td {
		padding: 8px 18px 8px 0; 
		color: #22224b;
		font-size: 93%;
		border-bottom: 1px solid #c5c5d8;
		background-color: #f2f2f8;
		vertical-align: top;
	}

	.dataTable tr.odd td {
		background-color: #dedeec;
	}
/* ---------------------------------------- /Default Table Styling */
#content .fiscalYear {
	color: #9191ba;
	font-weight: bold;
	font-size: 100%;
	text-align: right;
	padding: 0 0 4px 0;
	border-bottom: solid 1px #b8b8cc;
}