/* --------------- */
/* HTML Tag Styles */
/* --------------- */

body
{
	background-color: #ffffff;
	color: #333333;
	font-family: Arial, Verdana, Sans-Serif;
	font-size: 105%;
	line-height: 136%;	
	margin: 0;
	padding: 0;
}
H1
{
	font-family: Arial, Verdana, Sans-Serif;
	font-size: 130%;
	color: #10448e;	
	font-weight: bold;
	padding-bottom: 10px;
}
H2
{
	font-family: Arial, Verdana, Sans-Serif;
	font-size: 115%;
	font-weight: bold;
	color: #333333;
	margin-bottom: 7px;
}
/* Important note - H3 and P styles are needed for styles within CMS placeholders!  The
margin settings override the extra space CMS adds in with the hard return (enter key) 
required to set a style in the web authoring environment... also for its overly generous
spacing on the paragraph tags that it sets internally within placeholders */
H3
{
	font-family: Arial, Verdana, Sans-Serif;
	font-size: 100%;
	line-height: 150%;
	font-weight: bold;
	color: #333333;
	margin-bottom: 2px;
	margin-top: 0px;
}
P
{	line-height: 136%;
	margin-top: 3px;
	margin-bottom: 10px;
}
.STXT
{
	font-family: Arial, Verdana, Sans-Serif;
	font-size: 100%;
	line-height: 150%;
}
/* end special CMS placeholder styles */

ul {
	list-style-position:outside;
	list-style-image: url(../images/bullet_arrow.gif);
	margin: 10px 0px 7px 0px;
	padding: 0px 0px 0px 0px;
	text-align:left;
}
ul li ul 
{
	list-style-position:outside;
	list-style-image: url(../images/bullet_square.gif);
	margin: 5px 0px 7px 0px;
	padding: 5px 0px 0px 0px;
	text-align:left;
}
li {
	margin: 0px 0px 6px 18px;
	padding: 0px 0px 0px 0px;
	text-align:left;
}

/* ------- */
/* Classes */
/* ------- */

.STXT
{
	font-family: Arial, Verdana, Sans-Serif;
	font-size: 75%;
	line-height: 150%;
}

.pageDiv 
{
	width: 753;
	margin: 0;
	padding: 0;
	border: solid 1px #858585;
}
.noMargin
{
	margin: 0;
	border: 0;
	padding: 0;	
}	
.AuthInvLink
{
	font-size: 100%;
	font-family: Arial, Verdana, Sans-Serif;
	vertical-align: top;
	padding: 16px 0 16px 16px;
}
#AuthInvBreak
{
	font-size: 16px;
}

/* Header */
.headerDiv 
{
	background-color: #ffffff;
	/*text-align: center;*/
	width: 753;
}		
.headerTable
{
	background-color: #ffffff;
	width: 100%;
	padding: 0;
	margin: 0;
	text-align: right;
	/*display: inline;*/
	visibility: visible;	
}

.PrintHeader
{
	display: none;
	visibility: hidden;	
}

.topNav
{
	color: #ffffff;
	vertical-align: top;
	font-size: 100%;
	font-weight: bold;
	margin: 0;
}
.topNavDate
{
	background-image: url(../images/top_row2.jpg);
	background-repeat: no-repeat;
	color: #ffffff;
	vertical-align: middle;
	text-align: left;
	width: 316;
	height: 26;
	font-size: 75%;
	font-weight: bold;
	margin: 0;
	padding-left: 16px;
}
.topNavContactInfo
{
	background-color: #ffffff;
	color: #333333;
	vertical-align: middle;
	text-align: right;
	padding: 10px 16px 12px 0px;
	font-size: 70%;
	text-decoration: none;
}
.topNavContactInfo A, topNavContactInfo A:hover 
{
	background-color: #ffffff;
	color: #333333;
	vertical-align: middle;
	text-align: right;
	padding: 0;
	margin: 0;
	font-size: 95%;
}

.topNavWelcomeMessage
{
	background-color: #ffffff;
	color: #333333;
	text-align: left;
	padding: 7px 0px 9px 16px;
	font-size: 70%;
}
.breadcrumbs
{
	background-color: #ffffff;
	color: #333333;
	text-align: left;
	padding: 7px 16px 9px 16px;
	font-size: 70%;
}
.breadcrumbs A
{
	color: #c47938;
	text-decoration: none;
}
.breadcrumbs A:hover
{
	color: #a9a79e;
	text-decoration: underline;
}

.authorNote
{
	color: #990033;
}

/* Body */
.contentDiv 
{
	background-color: #ffffff;
	text-align: center;
}
.contentDiv A, contentPane A, contentPH A, AgencyLevel0 A, AgencyLevel1 A, AgencyLevel2 A, SiteMapLevel0 A, SiteMapLevel1 A
{
	color: #c47938;
	text-decoration: none;
}
.contentDiv A:hover, contentPane A:hover, contentPH A:hover, AgencyLevel0 A:hover, AgencyLevel1 A:hover, AgencyLevel2 A:hover, SiteMapLevel0 A:hover, SiteMapLevel1 A:hover
{
	color: #a9a79e;
	text-decoration: underline;
}		
.bodyTable
{
	width: 753;
	vertical-align: top;
}

/* Side Bars */
.searchBox
{
	width: 124px;
	height: 137px;
	background-color: #f8f4e5;
	color: #333333;
	font-size: 70%;
	font-family: Arial, Verdana, Sans-Serif;
	vertical-align: top;
	padding: 10px 16px 0 16px;
}
.sidebarBG
{
	background-color: #f8f4e5;
	height: 100%;
	padding: 0;
	margin: 0;
}
.sidebarLeft
{
	padding-left: 16px;
	padding-right: 16px;
	width: 124px;
	background-color: #f8f4e5;
	color: #333333;
	font-size: 70%;
	line-height: 136%;	
	font-family: Arial, Verdana, Sans-Serif;
	vertical-align: top;
	text-align: left;
}
.sidebarCenter
{
	padding-left: 16px;
	padding-right: 16px;
	width: 124px;
	background-color: #f8f4e5;
	color: #333333;
	font-size: 70%;
	line-height: 136%;	
	font-family: Arial, Verdana, Sans-Serif;
	vertical-align: middle;
	text-align: center;
}
.sidebarBreak
{
	width: 156px;
	height: 4px;
	background-color: #ffffff;
	padding: 0;
	margin: 0;
}
.sidebarRight
{
	padding: 10px 16px 0 16px;
	width: 124px;
	background-color: #f8f4e5;
	color: #333333;
	font-size: 70%;
	line-height: 136%;	
	font-family: Arial, Verdana, Sans-Serif;
	vertical-align: top;
}
.sidebarPH
{
	width: 123px;
	padding: 0;
	line-height: 136%;	
	margin: -8px 0 0 0;
	vertical-align: top;
}
.navTable
{
	width: 124px;
	color: #333333;
	font-size: 100%;
	line-height: 136%;	
	font-family: Arial, Verdana, Sans-Serif;
	vertical-align: top;
}
.navSubTable
{
	width: 100%;
	color: #333333;
	font-size: 100%;
	line-height: 136%;	
	font-family: Arial, Verdana, Sans-Serif;
	vertical-align: top;
}
.navLink
{
	color:  #333333;
	padding-top: 2px;
}
.navLink A
{
	color:  #333333;
	padding-top: 2px;
}
.navLink A:hover
{
	color:  #333333;	
	padding-top: 2px;
}
.navCurrent
{
	color:  #10448e;	
	padding-top: 2px;
}
.navCurrent A
{
	color:  #10448e;	
	padding-top: 2px;
}
.navCurrent A:hover
{
	color:  #10448e;	
	padding-top: 2px;
}
.featureDiv
{
	padding: 0 0 0 0;
	margin: 0 0 8px 0;
}
.featureHeading
{
	color: #10448e;	
	font-weight: bold;
	width: 123px;
}
.featureHeadingLine
{
	width: 123px;
	height: 1px;
	line-height: 1px;
	background-color: #10448e;
}
.featureImage
{
	margin: 0;
	border: solid 1px #000000;
}
.eventHighlight
{
	width: 123px;
	margin: 0;
	line-height: 136%;	
	padding: 7px 0 2px 0;	
}
.eventTopPad0
{
	padding: 0px 0 2px 0;
}
.eventHighlightNoBorder
{
	border-style: none;	
	margin: 0;
	padding: 0;	
}
.linkHighlight
{
	width: 123px;
	margin: 0;
	line-height: 136%;	
	padding: -1px 0 4px 0; 
/* negative top pad and added bottom pad is to offset break spacing needed by Firefox */
}
.sideContentDivider
{
	width: 123px;
	height: 1px;
	line-height: 1px;
	background-color: #d6d6d6;
	margin-top: 8px;
}


/* middle - content */
.middlePanel
{
	background: #FFFFFF;
	width: 441px;
	vertical-align: top;
}
.middlePanelForms
{
	background: #FFFFFF;
	vertical-align: top;
	width: 100%;
}
.rotatingImage
{
	padding-bottom: 0;	
}

.contentPane
{
	background: #FFFFFF;
	width: 409px;
	padding: 16px 16px 5px 16px; /* note - bottom margin is less due to content row margin */
	color: #333333;
	font-size: 70%;
	line-height: 136%;	
	font-family: Arial, Verdana, Sans-Serif;
	vertical-align: top;
}

.contentPaneForms
{
	background: #FFFFFF;
	width: 565px;
	padding: 16px 16px 5px 16px; /* note - bottom margin is less due to content row margin */
	color: #333333;
	font-size: 70%;
	line-height: 136%;	
	font-family: Arial, Verdana, Sans-Serif;
	vertical-align: top;
}
.contentPaneSearch
{
	background: #FFFFFF;
	width: 721px;
	padding: 16px 16px 16px 16px;
	color: #333333;
	font-size: 70%;
	line-height: 136%;	
	font-family: Arial, Verdana, Sans-Serif;
	vertical-align: top;
}
.contentPaneCalendar
{
	background: #FFFFFF;
	width: 100%;
	color: #333333;
	font-size: 70%;
	line-height: 136%;	
	font-family: Arial, Verdana, Sans-Serif;
	vertical-align: top;
	text-align: center;
}


.pageHeading
{
	font-family: Arial, Verdana, Sans-Serif;
	font-size: 130%;
	color: #10448e;	
	font-weight: bold;
	padding: 0 0 6px 0;
}

.contentHeading
{
	color: #10448e;	
	font-weight: bold;
	width: 100%;
}

.eventListHeading
{
	color: #666666;	
	font-weight: bold;
	font-size: 75%;
}

.eventListContactInfo
{
	color: #666666;	
	font-weight: normal;
	font-size: 70%;
	line-height: 136%;
}
.featureHeadingLine
{
	width: 100%;
	height: 1px;
	line-height: 1px;
	background-color: #10448e;
}

.contentTable
{
	color: #333333;
	font-size: 100%;
	line-height: 136%;	
	font-family: Arial, Verdana, Sans-Serif;
	vertical-align: top;
	width: 409px;
}
.contentTableForms
{
	color: #333333;
	font-size: 100%;
	line-height: 136%;	
	font-family: Arial, Verdana, Sans-Serif;
	vertical-align: top;
	width: 565px;
}
.contentTableCalendar
{
	color: #333333;
	font-size: 100%;
	line-height: 100%;
	font-family: Arial, Verdana, Sans-Serif;
	vertical-align: top;
}
.contentTableSearch
{
	color: #333333;
	font-size: 100%;
	line-height: 136%;	
	font-family: Arial, Verdana, Sans-Serif;
	vertical-align: top;
	width: 721px;
}
.contentRow
{
	vertical-align: top;
	padding-bottom: 11px;	
}
.contentPH
{
	margin: 0 0 0 0;
	line-height: 136%;	
	padding: 0px 0 0px 0;
}
.contentPHForms
{
	width: 100%;
	margin: 0 0 0 0;
	font-size: 110%;
	line-height: 136%;	
	padding: 0px 0 0px 0;
}

.contentDivider
{
	background-color: #d6d6d6;
	height: 1px;
	width: 100%;
	margin-top: 3px;	
}
.leftColumn
{
	padding-right: 9px;
	padding-top: 3px;
}

.AgencyLevel0
{
	font-size: 	115%;
	font-weight: bold;
	color: #333333;
	line-height: 150%; 
	margin-bottom: 7px;
}
.AgencyLevel0 A
{
	color: #333333;
	text-decoration: none;
}
.AgencyLevel0 A:hover
{
	color: #333333;
	text-decoration: underline;
}
.AgencyLevel1
{
	padding: 5px 0 5px 20px;
	font-size: 	90%;
	font-weight: normal;
	line-height: 120%;
}
.AgencyLevel1 A
{
	color: #c47938;
	text-decoration: none;
}
.AgencyLevel1 A:hover
{
	color: #c47938;
	text-decoration: underline;
}

.SiteMapLevel0
{
	font-size: 	115%;
	font-weight: bold;
	color: #333333;
	line-height: 150%; 
	margin-bottom: 7px;
	padding-bottom: 20px;
}
.SiteMapLevel0 A
{
	color: #333333;
	text-decoration: none;
}
.SiteMapLevel0 A:hover
{
	color: #333333;
	text-decoration: underline;
}
.SiteMapLevel1
{
	padding: 5px 0 5px 20px;
	font-size: 	105%;
	font-weight: normal;
	line-height: 130%;
}
.SiteMapLevel1 A
{
	color: #c47938;
	text-decoration: none;
}
.SiteMapLevel1 A:hover
{
	color: #c47938;
	text-decoration: underline;
}
.ChannelIndent
{
	padding-left: 30px;	
}
.PostingIndent
{
	padding-top: 10px;
	padding-left: 15px;	
}
.AgencyAZ
{
	font-size: 	100%;
	font-weight: normal;
	color: #333333;
}
.AgencyAZ A
{
	color: #333333;
	font-weight: bold;
	text-decoration: none;
}
.AgencyAZ A:hover
{
	color: #333333;
	font-weight: bold;
	text-decoration: underline;
}
.formBoxHeader
{
	background-color: #639462;
	font-family: Arial, Verdana, Sans-Serif;
	font-size: 85%;
	font-weight: bold;
	color: #ffffff;
	padding: 4px 16px 4px 16px;
}
.formBoxDataRow
{
	background-color: #dfeebf;
	font-family: Arial, Verdana, Sans-Serif;
	font-size: 75%;
	line-height: 136%;	
	color: #333333;
	padding: 0 0 0 0;
}
.formBoxBackground
{
	background-color: #dfeebf;	
}
.formBoxNote
{
	color: #639462;
	font-weight: bold;
}
.formContent
{
	font-family: Arial, Verdana, Sans-Serif;
	font-size: 75%;
	line-height: 136%;	
	color: #333333;
}
.dataGridContent
{
	font-family: Arial, Verdana, Sans-Serif;
	font-size: 100%;
	line-height: 136%;	
	color: #333333;
}
.eventGridDetail
{
	font-family: Arial, Verdana, Sans-Serif;
	font-size: 75%;
	line-height: 100%;	
	color: #333333;
}
.eventGridDescription
{
	font-family: Arial, Verdana, Sans-Serif;
	font-size: 75%;
	line-height: 136%;	
	color: #333333;
}

.show
{
	visibility: visible;
	display: inline;
}
.hide
{
	visibility: hidden;
	display: none;
}
.styleQuickLinks
{
	font-size: 68%;
}

/* Footer */
.footer
{
	background-color: #cce499;
}
.footerTable
{
	width: 100%;
	vertical-align: middle;
	line-height: 25px;
	margin: 0;
	color: #639462;
	font-size: 80%;
	font-family: Arial, Verdana, Sans-Serif;
}
.footerTable A
{
	color: #639462;
	text-decoration: none;
}
.footerTable A:hover
{
	color: #97bc7d;
	text-decoration: none;
}
.displayconsole
{
	visibility: visible;
	display: inline;
}