/*******************/
/*    GLOBAL       */
/*******************/

/* set all elements to the master font */
body, td, div, span, p, b, i { 
font-family:verdana,arial,helvetica,sans-serif;
font-size:x-small;
}

/* set all lists */
ul {
margin-top:0px;
}

/* bullet style */
li { 
list-style-image:url('/site_design/images/bullet_list.gif')
}


/* content subhead style */
h2{
font-family:trebuchet ms,trebuchet,arial,helvetica,sans-serif;
font-size:small;
font-weight:bold;
color:#000000;
}
/* change to color:#016901 when all h2s in place */

/* content subhead subhead style */
h3{
font-family:georgia,arial,helvetica,sans-serif;
font-size:x-small;
font-weight:bold;
color:#000000;
margin-top:25px;
margin-bottom:10px;
}

/* content subhead subhead style */
h6{
font-family:verdana,arial,helvetica,sans-serif;
font-weight:normal;
font-size:xx-small;
}


/* change to color:#127A12 when all h3s in place */

/*******************/
/*    LINKS        */
/*******************/

/* see color layout for link color styles */

/* subject link styles */
a.subjectLinks { 
font-family:trebuchet ms,trebuchet,arial,helvetica,sans-serif; 
font-size:x-small;
text-decoration:underline;
}

/*******************/
/*    CLASSES      */
/*******************/

/* search box class for search box input */
.searchBox {
font-family:verdana,arial,helvetica,sans-serif; 
font-size:x-small;
text-decoration:none;
height:21px;
}

/* style for text in footer */
.footerBox {
font-family:trebuchet ms,trebuchet,arial,helvetica,sans-serif; 
font-size:x-small;
}

/* style for text in ALERT footer */
.footerBoxalert {
font-family:trebuchet ms,trebuchet,arial,helvetica,sans-serif;
font-size:x-small;
color:#FFFFFF;
background: #D90000;
}

/* style for smaller red text */
/*.textRedSmall {
font-family:trebuchet ms,trebuchet,arial,helvetica,sans-serif;
font-size:x-small;
color:#FF0000;
}*/
.textRedSmall {
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: small;
	font-weight: normal;
	color: Red;
}

/* style for text larger than breadCrumb, smaller than body text */
.medText {
font-family:verdana,arial,helvetica,sans-serif;
font-size:x-small;
}

/* style for text larger than breadCrumb, smaller than body text and bolded */
.medTextbold {
font-family:verdana,arial,helvetica,sans-serif; 
font-size:x-small;
font-weight: bold;
}


/* style for medium red text */
.textRedMed {
font-family:verdana,arial,helvetica,sans-serif;
font-size:x-small;
color:#FF0000;
}

/* style for medium blue text */
.textBlueMed {
font-family:verdana,arial,helvetica,sans-serif;
font-size:x-small;
color:#000080;
}


/* style for smaller text - for example the advanced search link */
.textSmall {
font-family:trebuchet ms,trebuchet,arial,helvetica,sans-serif;
font-size:small; /* Changed from x-small */
}

/* style for smaller text - in red color */
.textSmallRed {
font-family:trebuchet ms,trebuchet,arial,helvetica,sans-serif;
font-size:x-small;
color:#ff0000;
}


/* style for smaller text -  */
.textSmallBlue {
font-family:trebuchet ms,trebuchet,arial,helvetica,sans-serif;
font-size:x-small;
color:#000080;
}

/* Same as above but bold */
.textSmallbold {
font-family:trebuchet ms,trebuchet,arial,helvetica,sans-serif;
font-size:x-small;
font-weight: bold;
}

/* style for smaller text - for example the advanced search link */
.textSmallAlert {
font-family:trebuchet ms,trebuchet,arial,helvetica,sans-serif;
font-size:x-small;
color:#FFFFFF;
}

/* style for browse as links on the hp */
.textXSmall {
font-family:verdana,arial,helvetica,sans-serif; 
font-size:x-small;
}

/* style for browse as links on the hp */
.textXSmallInvisible {
font-family:verdana,arial,helvetica,sans-serif; 
font-size:xx-small;
display:none;
}

/* style for browse as links on the hp */
.textRedXSmall {
font-family:verdana,arial,helvetica,sans-serif; 
font-size:xx-small;
color:#FF0000;
}

/* style for bold small text - Added by Subhash on 05/19/2008*/
.textRedXSmallBold {
font-family:verdana,arial,helvetica,sans-serif; 
font-size:xx-small;
color:#FF0000;
font-weight: bold;
}

/* style for browse as links on the hp */
.textBlueXSmall {
font-family:verdana,arial,helvetica,sans-serif; 
font-size:xx-small;
color:#000080;
}

/* style for bold small links - Added by Subhash on 09/23/2008*/
.textBlueXSmallBoldLinks {
font-family:verdana,arial,helvetica,sans-serif; 
font-size:xx-small;
color:#000080;
font-weight: bold;
text-decoration:underline;
}

/* Same as above but bold */
.textXSmallbold {
font-family:verdana,arial,helvetica,sans-serif; 
font-size:xx-small;
font-weight: bold;
}

/* style for browse as links on the hp ALERT */
.textXSmallAlert {
font-family:verdana,arial,helvetica,sans-serif;
font-size:xx-small;
color:#FFFFFF;
}

/* test style for dynamic font resizing */
.news {
font-family:trebuchet ms,trebuchet,arial,helvetica,sans-serif; 
font-size:x-small;
}

/* style for feature box titles - like found in I'm looking for box */
.featureTitle {
font-family:trebuchet ms,trebuchet,arial,helvetica,sans-serif; 
font-size:13px;
color:#000000;
}

/* style for Elected Officials list */
.electedOfficials {
font-family:trebuchet ms,trebuchet,arial,helvetica,sans-serif; 
font-size:x-small;
}

/* style for textLarge list - like found on the right hand links of the Elec. Officials page*/
.textLarge {
font-family:trebuchet ms,trebuchet,arial,helvetica,sans-serif; 
font-size:small;
}

/* style for textLarge Bold */
.textLargebold {
font-family:trebuchet ms,trebuchet,arial,helvetica,sans-serif; 
font-size:small;
font-weight: bold;
}

/* style for user type titles - found on the services index page */
.userTypes {
font-family:trebuchet ms,trebuchet,arial,helvetica,sans-serif; 
font-size:medium;
}

/* style for page headline - found on the services index page */
.headLine {
font-family:trebuchet ms,trebuchet,arial,helvetica,sans-serif; 
font-size:medium;
}

/* style for links on the services index page */
.servicesIndexLinks {
font-family:trebuchet ms,trebuchet,arial,helvetica,sans-serif; 
font-size:x-small;
text-decoration:underline;
}

/* style for links in the STANDARD department left nav */
.leftNav {
font-family:trebuchet ms,trebuchet,arial,helvetica,sans-serif; 
font-size:xx-small;
text-decoration:none;
padding:0px;
}

/* style for links in the Alert department left nav */
.leftNavAlert {
font-family:trebuchet ms,trebuchet,arial,helvetica,sans-serif;
font-size:x-small;
text-decoration:underline;
padding:0px;
color:#FFFFFF;
}

/* style for links in the department head */
.deptHead {
font-family:trebuchet ms,trebuchet,arial,helvetica,sans-serif; 
font-size:medium;
}

/* style for ALERT links in the department head */
.deptHeadAlert {
font-family:trebuchet ms,trebuchet,arial,helvetica,sans-serif;
font-size:medium;
color:#FFFFFF;
}

/* style for line box features - like found in fast facts features */
.featureHead {
font-family:trebuchet ms,trebuchet,arial,helvetica,sans-serif; 
font-size:x-small;
font-weight: bold;
color:#6C9CDC;
}

/* style for referring to buttons from within text - like found in search tips */
.textCallout {
font-family:trebuchet ms,trebuchet,arial,helvetica,sans-serif; 
font-size:x-small;
font-weight: bold;
color:#696969;
}

/* style for results titles */
.resultsTitle {
font-family:trebuchet ms,trebuchet,arial,helvetica,sans-serif; 
font-size:x-small;
font-weight: bold;
}

/* style for results attribute headings such as description: */
.resultsSubhead {
font-family:trebuchet ms,trebuchet,arial,helvetica,sans-serif; 
font-size:x-small;
color:#666666;
}

/* style for results attributes such as the description text */
.resultsData {
font-family:trebuchet ms,trebuchet,arial,helvetica,sans-serif; 
font-size:x-small;
}

/* style for bread crumbs */
.breadCrumb {
font-family:verdana,arial,helvetica,sans-serif;
font-size:xx-small;
}

/* style for bread crumbs on ALERT pages */
.breadCrumbAlert {
font-family:verdana,arial,helvetica,sans-serif;
font-size:xx-small;
color:#FFFFFF;
}

/* style for back links such as top of page */
.linkBack {
font-family:verdana,arial,helvetica,sans-serif;
font-size:xx-small;
color:#666699;
}



/* style for multiple page links*/
.pageLink {
font-family:verdana,arial,helvetica,sans-serif; 
font-size:xx-small;
color:#666699;
}

/* style for popular links headings on links page */
.userType {
font-family:trebuchet ms,trebuchet,arial,helvetica,sans-serif; 
font-size:small;
font-weight:bold;
color:#D28E39;
}

/* style for orange carrots */
.carrot {
font-family:verdana,arial,helvetica,sans-serif; 
font-size:xx-small;
font-weight:bold;
color:#E6A23E;
}

/*Style for making a control visible and invisible*/
.makeVisible{
	/* display: block; Eugene - 10/19/21 - does not work correctly in Edge and modern browser */
	display:flex;	
}
.makeInvisible
{
	display:none;
}

/* style for hidding fields in netscape & IE */
.manStarClass{visibility:hidden;position:relative;
}

 /* color found in top band for tables, text is bold, backcolor is same as globalhighlight*/
.tableHead { background: #C1C5EC;
font-family:trebuchet ms,trebuchet,arial,helvetica,sans-serif;
font-size:x-small;
font-weight:bold;
}

/* no color row */
.tableClear {
font-family:trebuchet ms,trebuchet,arial,helvetica,sans-serif;
font-size:x-small;
}

/* Shadow color row */
.tableShadow { background: #F4F4F4;
font-family:trebuchet ms,trebuchet,arial,helvetica,sans-serif;
font-size:x-small;
}

/* Shadow color row - Invisible*/
.tableShadowInvisible { background: #F4F4F4;
font-family:trebuchet ms,trebuchet,arial,helvetica,sans-serif;
font-size:x-small;
display:none;
}

/* color found in banded tables, like the communities page*/
.tableBand { background: #D6E8CE;
font-family:trebuchet ms,trebuchet,arial,helvetica,sans-serif;
font-size:x-small;
}

 /* color found in top band for tables, text is normal, backcolor is same as globalhighlight*/
.tableColor { background: #BCB5A4; /*#C1C5EC;*/
font-family:trebuchet ms,trebuchet,arial,helvetica,sans-serif;
font-size:x-small;
}

/* color found in banded tables, like the communities page for the back to top rows*/
.tableBandBlue { background: #E7EFFA; 
font-family:trebuchet ms,trebuchet,arial,helvetica,sans-serif;
font-size:x-small;
}
.ContextMenuPanel 
{
	border: 1px solid #868686;
	z-index: 1000;
	background: url(images/menu-bg.gif) repeat-y 0 0 #FAFAFA;
	cursor: default;
	padding: 1px 1px 0px 1px;
	font-size: 11px;
}

.ContextMenuBreak
{
	margin:1px 1px 1px 32px;
	padding:0;
	height:1px;
	overflow:hidden;
	display:block;
	border-top: 1px solid #C5C5C5;	
}
a.ContextMenuItem
{
	margin: 1px 0 1px 0;
	display: block;
	color: #003399;
	text-decoration: none;
	cursor: pointer;	
	padding: 4px 19px 4px 33px;
	white-space: nowrap;
}

a.ContextMenuItem-Selected
{
	font-weight: bold;
}

a.ContextMenuItem:hover
{
	background-color: #FFE6A0;
	color: #003399;
	border: 1px solid #D2B47A;
	padding: 3px 18px 3px 32px;
}

	html{
		height:100%;
	}

	
	#mainContainer{
		width:660px;
		margin:0 auto;
		text-align:left;
		height:100%;
		background-color:#FFF;
		border-left:3px double #000;
		border-right:3px double #000;
	}
	#formContent{
		padding:5px;
	}
	
	/* Big box with list of options */
	#ajax_listOfOptions{
		position:absolute;	/* Never change this one */
		width:400px;	/* Width of box */
		height:250px;	/* Height of box */
		overflow:auto;	/* Scrolling features */
		border:1px solid #317082;	/* Dark green border */
		background-color:#FFF;	/* White background color */
		text-align:left;
		font-size:1.2em; /*0.9em **Changed the size of the font to make it bigger*/
		z-index:100;
	}
	#ajax_listOfOptions div{	/* General rule for both .optionDiv and .optionDivSelected */
		margin:1px;		
		padding:1px;
		cursor:pointer;
		font-size:1.2em; /*0.9em **Changed the size of the font to make it bigger*/
	}
	#ajax_listOfOptions .optionDiv{	/* Div for each item in list */
		
	}
	#ajax_listOfOptions .optionDivSelected{ /* Selected item in the list */
		background-color:#317082;
		color:#FFF;
	}
	#ajax_listOfOptions_iframe{
		background-color:#F00;
		position:absolute;
		z-index:5;
	}
	
	form{
		display:inline;
	}
