/* ====================== Page Formatting  ========================*/
body, table, p, a {
	margin: 0px;
	padding: 0px;
	color: #5C5D5D;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;}
body {
	text-align: center;
	background: url(/Common/Img/bkgndBodyBorder.gif) repeat-y center top;}
	
input, select, textarea {
	color: #5C5D5D;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;}

td {vertical-align: top;}
ul {
	padding: 0px;
	list-style-type: square;
	margin: 0px 0px 0px 20px;}
li {padding: 0px;}
li a {text-decoration: underline;}

a h1, a h2, a h3, a h4, a h5, a h6, a h7, 
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, h7 a {
	color: #004960;
	text-decoration: underline;}

h1, h2, h3, h4, h5, h6, h7 {
	margin: 0px;
	padding: 0px;
	color: #004960;
	font-weight: normal;}
h1 {
	font-size: 14px;
	font-weight: bold;
	padding-top: 10px;}
h2 {font-size: 13px;}
h3 {font-size: 12px;}
h4, h5, h6, h7 {
	color: #876500;
	font-size: 9px;}

a {text-decoration: underline;}

p {padding: 5px 0px 10px 0px;}

#content {margin: 0px;}
#content ul {padding-bottom: 10px;}


/* ====================== Layout & Columns ========================*/	
#main {
	width: 770px;
	z-index: 100;
	text-align: left;
	position: relative;
	margin: -12px auto 0px auto;}

#leftMaster {
	/*there is no width set on this div, instead a margin-right subtracts from the "main" to determin the width */
	/*LM must come after RM in the structure of the HTML*/
	padding-top: 5px;
	margin: 0px 560px 0px 0px;
	border-top: 12px solid #876500;}
#rightMaster {
	float: right;
	width: 560px;
	padding: 17px 0px 0px 0px;}
	
#rightMasterCol1 {margin-right: 260px;}
#rightMasterCol2 {
	float: right;
	width: 230px;}

#content {padding: 30px 10px 0px 0px;}

#pagePhotoContainer {
	position: relative;
	padding: 0px 0px 10px 0px;}
	
#dynamicNameContainer {
	top: 108px;
	left: 10px;
	width: auto;
	z-index: 300;
	position: absolute;}
.dynamicCategoryTitle, .dynamicPageTitle {
	width: auto;
	color: #FFFFFF;
	font-size: 18px;}
.dynamicPageTitle {font-size: 13px;}
#dynamicNameContainer.category .dynamicPageTitle {display: none;}

#menuContainerLM {padding-left: 20px;}
#menuContainerLM .dynamicCategoryTitle, #menuContainerLM h1 {
	color: #004960;
	font-size: 13px;}
#menuContainerLM .dynamicPageTitle {display: none;}


/* ====================== Header/Footer Positioning ====================== */
#headerContainer {
	height: 93px;
	background-color: #B5B5B5;}
#header {
	width: 770px;
	text-align: left;
	position: relative;
	margin: 0px auto 0px auto;
	background-color: #004960;}

#logo {padding: 50px 0px 95px 10px;}

#searchContainer {
	top: 10px;
	left: 555px;
	color: #FFFFFF;
	font-size: 12px;
	position: absolute;}
#searchContainer input {vertical-align: middle;}

	
#footer {
	text-align: left;
	margin-top: 40px;
	padding: 0px 10px 40px 0px;}

.footerText {
	padding: 4px 0px 0px 0px;
	border-top: 1px solid #C2C2C2;}
	
#footer ul {
	list-style: none;
	margin: 0px 0px 5px 0px;}
#footer li {
	float: left;
	margin: 0px;
	padding: 0px 8px 0px 8px;
	border-right: 1px solid #5C5D5D;}
#footer .first {border-left: 1px solid #5C5D5D;}

#footer p {
	margin: 0px;
	color: #5C5D5D;
	padding: 0px 0px 4px 0px;}
#footer a {
	color: #5C5D5D;
	text-decoration: none;}


/* ====================== Menu ====================== */
#navMenu {
	top: 50px;
	left: 20px;
	z-index: 200;
	position: absolute;
	border-left: 1px solid #FFFFFF;}
	
#navMenu ul {
	margin: 0px;
	list-style: none;}
#navMenu ul ul {
	left: 0px;
	top: 275px;
	z-index: 400;
	width: 180px;
	position: absolute;}
	
#navMenu li {
	float: left;
	margin: 0px;
	padding: 0px;}
#navMenu li li {
	float: none;
	padding: 3px 0px 3px 8px;
	background: url(/Common/Img/bulletSquare.gif) no-repeat 0px 7px;}

#navMenu li a {
	color: #FFFFFF;
	text-decoration: none;
	padding: 0px 8px 0px 8px;
	border-right: 1px solid #FFFFFF;}
#navMenu li a:hover {color: #4E8697;}

#navMenu li li a {
	border: none;
	padding: 0px;
	text-decoration: underline;}
#navMenu li li a:hover {color: #5C5D5D;}


/* ====================== Hide/Show Menu Links ====================== */

/* left over from old CM - replaced with current page and currentCategory functions */

/* #navMenu ul ul, #hidden {display: none;}

.categoryAbout #menuAbout ul, .categoryInfoFor .menuInfoFor ul, .categoryResources .menuResources ul, 
.categoryAZNonprofits .menuAZNonprofits ul, .categoryENews #menuENews ul, .categoryEvents .menuEvents ul,
.categoryGetInvolved .menuGetInvolved ul {display: list-item;}

.categoryAbout .menuAbout a, .categoryInfoFor .menuInfoFor a, .categoryResources .menuResources a, 
.categoryAZNonprofits .menuAZNonprofits a, .categoryENews .menuENews a, .categoryEvents .menuEvents a,
.categoryGetInvolved .menuGetInvolved a {color: #4E8697;}

.categoryAbout .menuAbout li a, .categoryInfoFor .menuInfoFor li a, .categoryResources .menuResources li a, 
.categoryAZNonprofits .menuAZNonprofits li a, .categoryENews .menuENews li a, .categoryEvents .menuEvents li a,
.categoryGetInvolved .menuGetInvolved li a {color: #5C5D5D;}*/


#navMenu ul ul, .hidden, #hidden {display: none;}
#navMenu .CurrentCategory1 ul {display: list-item;}  /*display child to current category */

#navMenu .CurrentCategory1 a {color: #4E8697;}
#navMenu .CurrentCategory1 li a {color: #5C5D5D;}
	
/* ====================== Home Page Overides ====================== */
/*.categoryHome #main {background: url(/Common/Img/bkgndMainStars.jpg) no-repeat 10px 235px;}*/
.categoryHome #logo {padding: 35px 0px 75px 15px;}
	
.categoryHome #leftMaster {margin: 0px 500px 0px 0px;}
.categoryHome #rightMaster {width: 500px;}
	

/* ====================== Event Detail Overides ====================== */
.eventDetails {background-color: #004960;}
.eventDetails #main, .eventDetails #footer, .eventDetails #headerContainer {background-color: #FFFFFF;}
.eventDetails #content, .eventDetails #footer {
	width: 460px;
	margin-left: 20px;}
.eventDetails #logo {padding: 20px 0px 5px 20px;}
.eventDetails #headerContainer {
	height: 110px;
	border-top: 20px solid #876500;}
.eventDetails #headerContainer, .eventDetails #header {background-color: #FFFFFF;}


/* ====================== Callouts ======================== */
#featuredCallouts {}

#featuredCol1 {
	float: left;
	width: 244px;}
#featuredCol2 {
	float: left;
	width: 245px;
	margin: 0px 10px 0px 0px;}


.callout {
	float: right;
	width: 240px;
	clear: right;
	margin: 0px 0px 10px 15px;
	padding: 0px 0px 10px 0px;
	background-color: #EBEBEB;}

.callout h1, #featuredCol2 h1 {
	color: #FFFFFF;
	font-size: 13px;
	margin-bottom: 5px;
	font-weight: normal;
	background-color: #004960;
	padding: 10px 5px 10px 5px;}

.callout h2, .callout h3, .callout h4 {margin: 0px 5px 0px 10px;}

.callout p {
	color: #004960;
	margin: 0px 5px 0px 10px;}
.callout p a, #featuredCol2 p a, #featuredCol1 p {color: #5C5D5D;}

#featuredCol1 .eventCalendar td h4 {padding: 5px 0px;}
#featuredCol1 .eventCalendar td h4 p {
	margin: 0px;
	color: #876500;
	font-size: 9px;
	padding: 0px;}
	
.link {
	cursor: pointer;
	cursor: hand;}


/* ====================== Table Formatting ======================== */
td h1 {padding: 0px;}

.eventCalendar td {
	padding: 5px 5px 5px 5px;
	border-bottom: 1px solid #C2C2C2;}
	
td.tableHead {
	border: none;
	color: #FFFFFF;
	font-size: 13px;
	background-color: #004960;
	padding: 10px 5px 10px 5px;}
.tableDesc {padding: 5px 5px 0px 5px;}


.tableHead td {
	border: none;
	color: #FFFFFF;
	font-size: 12px;
	text-align: center;
	padding: 4px 0px 4px 0px;
	background-color: #004960;}


/* ====================== Mini Promo Table Styling ========================*/
#featuredCol1 .miniPromo {width: 244px;}
.miniPromoPhoto {
	width: 70px;
	padding-top: 2px;
	text-align: right;
	border-bottom: 1px solid #C2C2C2;}
.miniPromoText {
	padding-top: 2px;
	border-bottom: 1px solid #C2C2C2;}
.miniPromoText p {margin: 0px;}


/* ====================== search results ======================== */
.SearchResult, .SearchResultAlt {padding-bottom: 15px;}
.SearchResultTitle, .SearchResultTitle a:link, .SearchResultTitle a:hover, .SearchResultTitle a:visited, .SearchResultTitle a:active {
	color: #876500;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;}	
.SearchResultTitle a:hover {text-decoration: underline;}

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

.selHint {background-color: #B5B5B5;}

#results div a span {background-color: #004960;}
	
.ezcount {
	float: right;
	color: #876500;
	font-size: 9px;}

#results {
	left: 10px;
	top: 20px;
	z-index: 99;
	width: 175px;
	display: none;
	overflow: hidden;
	visibility: hidden;
	position: absolute;
	border: solid 1px #000000;
	background-color: #FFFFFF;}
#results a {color: #876500;}

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


/* ====================== Data Grids ========================*/
.dataGrid {
	width: 520px;
	border: none;}
.dataGrid td {
	height: 20px;
	padding: 3px;
	border: 1px solid #D2D2D2;}
.dataHeaderStyle {
	height: 25px;
	color: #FFFFFF;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;	
	background-color: #004960;
	text-transform: capitalize;}
.dataHeaderStyle a:link, .dataHeaderStyle a:active, .dataHeaderStyle a:visited {color: #FFFFFF;}
.dataItemStyle {}
.dataAltItemStyle {background-color: #DFDBD4;}
.dataFooterStyle {
	color: #FFFFFF;
	background-color: #000000;}
.dataSelectedItemStyle {background-color: #B0B0B0;}


/* ====================== Styling for Submit button on Login ========================*/
a.adminButton {display: block;}
.adminButton , a.adminButton, a.adminButton:link, a.adminButton:visited, a.adminButton:hover, .smallButton{
	width: 125px;
	cursor: pointer;
	cursor: hand;
	color: #FFFFFF;
	font-size: 12px;
	padding-top: 6px;
	text-align: center;
	padding-bottom: 6px;
	text-decoration: none;
	vertical-align: middle;
	background-color: #636363;
	border-right: 8px solid #004960;}